-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
93 lines (78 loc) · 3.18 KB
/
index.html
File metadata and controls
93 lines (78 loc) · 3.18 KB
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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<!DOCTYPE html>
<html>
<head>
<title>Creativity born of boredom.</title>
<link rel="shortcut icon" href="images/favicon.png"/>
<meta name="description" content="Sir got bored and made some stuff."/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="apple-touch-icon" href="images/favicon.png"/>
<link rel="stylesheet" text="text/css" href="css/main.css">
<link rel="stylesheet" text="text/css" href="css/menu.css">
<link rel="stylesheet" text="text/css" href="css/content.css">
</head>
<body>
<div class="menu"><ul>
<li class="dropdown">
<a href="javascript:void(0)" class="dropbtn">☰</a>
<div class="dropdown-content">
<a href="pages/books.html">Reading List</a>
<a href="pages/zen.html">Zen Doodles</a>
<a href="pages/words.html">Word Doodles</a>
<a href="pages/rm-s.html">rM Splash Screens</a>
<a href="pages/rm-t.html">rM Templates</a>
<a href="pages/color.html">Coloring Pages</a>
<a href="pages/poetry.html">Poetic Wondering</a>
<a href="pages/fic.html">Short Stories</a>
<a href="pages/bash.html">Bash Scripts</a>
</div></li> <!-- end dropdown -->
<li><a href class="title">Creativity born of boredom.</a></li>
</ul></div>
<!-- end nav -->
<div class="content">
<div class="grid_items">
<div class="grid_item">
<a href="pages/books.html">
<img src="images/logo/reading-list.png"></a>
<p class="label">I'd like to read more and someone awesome gave me a great idea for my "reading list" and that's what this is.</p>
</div>
<div class="grid_item">
<h3>Rainbows & Kittens</h3>
<audio controls><source src="sounds/rainbows.mp3" type="audio/mpeg">Oops, your browser sucks.</audio>
</div>
<div class="grid_item">
<img src="images/logo/rm-stuff.png">
<p class="label">Here are some <a href="pages/rm-t.html">templates</a> and <a href="pages/rm-s.html">splash screens</a> I've made for my reMarkable paper tablet. Feel free to download and use!</p>
</div>
<div class="grid_item">
<a href="pages/words.html">
<img src="images/logo/word-art.png"></a>
<p class="label">I like quotes and when I got my reMarkable I started playing with them as in making poster like versions of the words.</p>
</div>
<div class="grid_item">
<a href="pages/zen.html">
<img src="images/logo/zen-doodles.png"></a>
<p class="label">So, I've learned about Zen Doodles. I haven't done many of them, instead, I've made a bunch of lines. Be warned: They can mess with your eyes a bit.</p>
</div>
<div class="grid_item">
<h3>No Time</h3>
<audio controls><source src="sounds/no-time_bored-random-je4nsly.mp3" type="audio/mpeg">Oops, your browser sucks.</audio>
</div>
<div class="grid_item">
<a href="pages/color.html">
<img src="images/logo/coloring.png"></a>
<p class="label">I've been doing quite a bit of digital coloring and tracing. Here's a nice sample of that time consuming labor.</p>
</div>
<div class="grid_item">
<a href="pages/bash.html">
<img src="images/logo/bash-script.png"></a>
<p class="label">Here be some bashing scripting I've done in an attempt to learn (and make my life a bit easier).</p>
</div>
<div class="grid_item">
<a href="pages/other.html">
<img src="images/logo/sirs-stuff.png"></a>
<p class="label">The rest of it.</p>
</div>
</div> <!-- end grid -->
</div> <!-- end content -->
</body>
</html>