-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
109 lines (77 loc) · 3.92 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
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Mark Pattle </title>
<link href="https://fonts.googleapis.com/css?family=Raleway:100,300,400|Roboto:400,400i,700|Roboto+Mono" rel="stylesheet">
<link rel="stylesheet" href="/static/reset.css">
<link rel="stylesheet" href="/pygments.css">
<!--<link rel="stylesheet" href="/static/icons.css">-->
<link rel="stylesheet" href="/static/style.css">
</head>
<body>
<div id="main">
<header id="header">
<a id="site-banner" href="/">
<div id="banner-content">
<h1>Mark Pattle</h1>
</div>
</a>
<div id="nav-ribbon"></div>
</header>
<div id="content">
<h3>Latest posts</h3>
<ul>
<div class="post-header">
<a class="post-banner" href='/page/heres-a-website/'>
<div class="date">
<span class="day">
14<sup>th</sup>
</span>
<span class="month">
Apr
</span>
</div>
<div class="post-title">
<h1>I've Made a Website</h1>
</div>
</a>
<div class="post-image-container">
<img src="/static/imgs/site-image.png"></img>
</div>
<div class="tag-list">
<a class="tag" href='/tag/HTML/'>HTML</a>
<a class="tag" href='/tag/CSS/'>CSS</a>
<a class="tag" href='/tag/Python/'>Python</a>
<a class="tag" href='/tag/Flask/'>Flask</a>
<a class="tag" href='/tag/Website/'>Website</a>
</div>
</div>
</ul>
</div>
<footer id="footer">
<div id="footer-content">
<div id="copy-disclaimer">
© 2017 Mark Pattle
</div>
<div id="footer-links">
<ul>
<li><a href="https://twitter.com/pattlezone">
<span class="icon twitter" title="Twitter"><svg viewBox="0 0 512 512"><path d="M419.6 168.6c-11.7 5.2-24.2 8.7-37.4 10.2 13.4-8.1 23.8-20.8 28.6-36 -12.6 7.5-26.5 12.9-41.3 15.8 -11.9-12.6-28.8-20.6-47.5-20.6 -42 0-72.9 39.2-63.4 79.9 -54.1-2.7-102.1-28.6-134.2-68 -17 29.2-8.8 67.5 20.1 86.9 -10.7-0.3-20.7-3.3-29.5-8.1 -0.7 30.2 20.9 58.4 52.2 64.6 -9.2 2.5-19.2 3.1-29.4 1.1 8.3 25.9 32.3 44.7 60.8 45.2 -27.4 21.4-61.8 31-96.4 27 28.8 18.5 63 29.2 99.8 29.2 120.8 0 189.1-102.1 185-193.6C399.9 193.1 410.9 181.7 419.6 168.6z"/></svg></span>
Twitter
</a></li>
<li><a href="https://github.com/mark-ep">
<span class="icon github" title="GitHub"><svg viewBox="0 0 512 512"><path d="M256 70.7c-102.6 0-185.9 83.2-185.9 185.9 0 82.1 53.3 151.8 127.1 176.4 9.3 1.7 12.3-4 12.3-8.9V389.4c-51.7 11.3-62.5-21.9-62.5-21.9 -8.4-21.5-20.6-27.2-20.6-27.2 -16.9-11.5 1.3-11.3 1.3-11.3 18.7 1.3 28.5 19.2 28.5 19.2 16.6 28.4 43.5 20.2 54.1 15.4 1.7-12 6.5-20.2 11.8-24.9 -41.3-4.7-84.7-20.6-84.7-91.9 0-20.3 7.3-36.9 19.2-49.9 -1.9-4.7-8.3-23.6 1.8-49.2 0 0 15.6-5 51.1 19.1 14.8-4.1 30.7-6.2 46.5-6.3 15.8 0.1 31.7 2.1 46.6 6.3 35.5-24 51.1-19.1 51.1-19.1 10.1 25.6 3.8 44.5 1.8 49.2 11.9 13 19.1 29.6 19.1 49.9 0 71.4-43.5 87.1-84.9 91.7 6.7 5.8 12.8 17.1 12.8 34.4 0 24.9 0 44.9 0 51 0 4.9 3 10.7 12.4 8.9 73.8-24.6 127-94.3 127-176.4C441.9 153.9 358.6 70.7 256 70.7z"/></svg><!--[if lt IE 9]><em>GitHub</em><![endif]--></span>
Github
</a></li>
<li><a href="http://www.isardsat.co.uk/team/mark-pattle/">
<span class="icon email" title="isardSAT"><svg viewBox="0 0 512 512"><path d="M101.3 141.6v228.9h0.3 308.4 0.8V141.6H101.3zM375.7 167.8l-119.7 91.5 -119.6-91.5H375.7zM127.6 194.1l64.1 49.1 -64.1 64.1V194.1zM127.8 344.2l84.9-84.9 43.2 33.1 43-32.9 84.7 84.7L127.8 344.2 127.8 344.2zM384.4 307.8l-64.4-64.4 64.4-49.3V307.8z"/></svg></span>
isardSAT
</a></li>
</ul>
</div>
</div>
</footer>
</div>
</body>
</html>