-
Notifications
You must be signed in to change notification settings - Fork 0
/
welcome.html
39 lines (39 loc) · 1.5 KB
/
welcome.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="css/webfonts/webfonts.css">
<link rel="stylesheet" href="css/welcome.css">
<title>Welcome to clipd!</title>
</head>
<body class="on-page0">
<section id="page0">
<h1><i class="material-icons">content_paste</i><p>clipd</p></h1>
</section>
<section id="page1">
<p>Clipd keeps a history of what's been on your clipboard.</p>
<ul class="clipboard-list">
<li>
<div class="description">on clipboard now • 73 bytes • text</div>
<h2>Set a custom title, or use the first line by default.</h2>
<pre>Welcome to clipd! ⏎ Clipd keeps a history of what's been on your clipboard.</pre>
</li>
<li>
<div class="description">1 minute ago • 306 bytes • javascript</div>
<h2>function draw() {.</h2>
<pre>function draw() { ⏎ nodes.forEach(function(node) { ⏎ node.update(); ⏎ node.draw(); ⏎ // now, draw the connections between the nodes ⏎ drawConnections(); ⏎ })</pre>
</li>
<li>
<div class="description">4 minutes ago • 19 bytes • text</div>
<h2>https://thatoneawesomewebsite.com/</h2>
<pre>https://thatoneawesomewebsite.com/</pre>
</li>
</ul>
<p>Use clipd to see, save, and share your clips.</p>
</section>
<nav>
<button id="next"><span>get started</span></button>
</nav>
<script src="js/welcome.js"></script>
</body>
</html>