Page MenuHomeSealhub
Files F10361697

index.html
No OneTemporary
Actions

index.html
View Options

<!DOCTYPE html>
<html>
<head>
<title>typing…·golf</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/style.css" rel="stylesheet" type="text/css">
<link href="css/animate.min.css" rel="stylesheet" type="text/css">
<link href="css/fonts.css" rel="stylesheet" type="text/css">
<meta name="robots" content="all" />
<meta name="viewport" content="width=device-width" />
</head>
<body>
<div id="app">
<div class="nav">
<div class="logo-item">
<div class="logo animated flipInY">typing…·golf</div>
</div>
<div class="nav-item">
<a href="index.html" class="link">random task </a>
</div>
<div class="nav-item">
<a href="ranking.html" class="link">ranking</a>
</div>
</div>
<div class="flex-container">
<div class="content">
<p class="end-text-title">turn this ⤵</p>
</div>
</div>
<div class="flex-container">
<textarea spellcheck='false' class="input" value="begin-text"></textarea>
</div>
<div class="flex-container">
<div class="content">
<p class="end-text-details">into this ⤵</p>
<p class="end-text">Laboriosam consequuntur non eos aliquid nesciunt ex molestiae eligendi et. Deserunt placeat</p>
<p class="end-text-details">
in 6 steps
</p>
</div>
</div>
<div class="cheatsheet-box">
<a href="#" onclick="overlay()">?</a>
</div>
<div id="overlay">
<div>
<div class="shortcuts">
<div class="cancel" onclick="overlay()">
x
</div>
<div class="content">
<p class="descripiton">Shortcuts</p
</div>
<table>
<tbody>
<tr>
<td>
<kbd class="key">BACKSPACE</kbd>
</td>
<td>
Deletes one character to the left of caret.
</td>
<tr>
<td>
<kbd class="key">DELETE</kbd>
</td>
<td>
Deletes one character to the right of caret.
</td>
</tr>
<tr>
<td>
<kbd class="key">HOME</kbd>
</td>
<td>
Moves to beginning of the line.
</td>
</tr>
<tr>
<td>
<kbd class="key">END</kbd>
</td>
<td>
Moves to end of the line.
</td>
</tr>
<tr>
<td>
<kbd class="key">SHIFT</kbd> + <kbd class="key">HOME</kbd>
</td>
<td>
Selects all characters from caret position to beginning of the line.
</td>
</tr>
<tr>
<td>
<kbd class="key">SHIFT</kbd> + <kbd class="key">END</kbd>
</td>
<td>
Selects characters from caret position to end of the line.
</td>
</tr>
<tr>
<td>
<kbd class="key">CTRL</kbd> + <kbd class="key">BACKSPACE</kbd>
</td>
<td>
Deletes one word or punctuation mark to the left of caret.
</td>
</tr>
<tr>
<td>
<kbd class="key">CTRL</kbd> + <kbd class="key">DELETE</kbd>
</td>
<td>
Deletes one word or punctuation mark to the right of caret.
</td>
</tr>
<tr>
<td>
<kbd class="key">CTRL</kbd> + <kbd class="key">←</kbd>
</td>
<td>
Depending on the caret position moves
</td>
</tr>
<tr>
<td>
<kbd class="key">CTRL</kbd> + <kbd class="key">→</kbd>
</td>
<td>
Depending on the caret position moves to
</td>
</tr>
<tr>
<td>
<kbd class="key">CTRL</kbd> + <kbd class="key">A</kbd>
</td>
<td>
Selects all content.
</td>
</tr>
<tr>
<td>
<kbd class="key">SHIFT</kbd> + <kbd class="key">↑</kbd>
</td>
<td>
Depending on the caret position moves t
</td>
</tr>
<tr>
<td>
<kbd class="key">SHIFT</kbd> + <kbd class="key">↓</kbd>
</td>
<td>
Depending on the caret position moves
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<footer>
made by a 🏌 from <a class="link" href="http://sealcode.org">sealcode.org</a>
</footer>
<script>
function overlay() {
el = document.getElementById("overlay");
el.style.visibility = (el.style.visibility == "visible") ? "hidden" : "visible";
}
</script>
</body>
</html>

File Metadata

Mime Type
text/html
Expires
Sat, Nov 8, 15:55 (6 m, 7 s)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
1034713
Default Alt Text
index.html (4 KB)

Event Timeline