-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
77 lines (71 loc) · 2.28 KB
/
index.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
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
<!DOCTYPE html>
<html lang="en">
{head.html}
<body>
<main class="hello">
<section class="intro">
<h1 class="name">ripixel</h1>
<p>Software Engineer & Web Application Creator</p>
</section>
{darkmode.html}
<div class="sections">
<section class="welcome">
<p>
Hi, I'm <span class="em">James King</span>, and I make things for
the web. As you can probably tell, I'm a fan of minimalist designs
that help you get the information you need, with the minimum of
fuss.
</p>
<p>
I also really, <span class="em2">really</span> like big, bold,
oh-my-gosh-that's-so-bright colours (unless you have dark-mode on, of course).
</p>
</section>
</div>
</main>
<main class="area coding">
<a href="coding">
<section class="area">
<h2>Coding »</h2>
<p>
During my time as a nerd, I've made quite a lot of things; both
professionally and personally. Let's take a walk down memory lane
and have a look at them.
</p>
</section>
</a>
</main>
<main class="area thoughts">
<a href="thoughts">
<section class="area">
<h2>Thoughts »</h2>
<p>
Who doesn't love a good blog?
</p>
<p>
Here you'll find ramblings, how-to-guides, reviews, and
possibly even something a little more professional... although who
knows on that last one. This is my personal site after all.
</p>
</section>
</a>
</main>
<main class="area profile">
<a href="profile">
<section class="area">
<h2>Profile »</h2>
<p>
So who is this mysterious being, <span class="em2">ripixel</span>?
</p>
<p>
Hopefully you'll have read the first page, and know that my
proper boring name is <span class="em">James King</span>. But in
case that wasn't enough for you, I've put together a lot
more information for you to gobble up.
</p>
</section>
</a>
</main>
{footer.html}
</body>
</html>