Index

joshstock.in / 9dd623b

Source for serving and static templating/compiling of https://joshstock.in.

Latest Commit

{#}TimeHashSubjectAuthor#(+)(-)GPG?
511 Nov 2019 15:3584c5a18Formatting, error pageJosh Stockin172N

Blob @ joshstock.in / resources / landing.html

text/html1829 bytesdownload raw
1<!DOCTYPE html>
2<html>
3 <head>
4 <meta http-equiv="content-type" content="text/html; charset=utf-8">
5 <title>Josh Stockin</title>
6 <script src="https://unpkg.com/feather-icons"></script>
7 <style>
8 @import url('https://fonts.googleapis.com/css?family=Fira+Sans:400,400i,500&display=swap');
9 html{
10 display: flex;
11 align-items: center;
12 justify-content: center;
13 height: 100vh;
14 font-family: 'Fira Sans', sans-serif;
15 letter-spacing: -1px;
16 color: #fff;
17 }
18 body{
19 display: flex;
20 align-items: center;
21 justify-content: center;
22 background-color: #497fc6;
23 }
24 div {
25 display: inline-block;
26 vertical-align: middle;
27 text-align: center;
28 }
29 a {
30 color: #fff;
31 }
32 ul {
33 list-style: none;
34 padding: 0;
35 }
36 li {
37 font-size: 1.5em;
38 display: inline;
39 padding: 0 0.5em;
40 }
41 @media (max-width: 800px) {
42 body {
43 font-size: 2vw;
44 }
45 }
46 </style>
47 <meta name="viewport" content="width=device-width, initial-scale=1">
48 </head>
49 <body>
50 <div>
51 <h1 style="font-size: 6em; margin:20px">Josh Stockin</h1>
52 <p style="font-size: 2.5em; margin: 10px">A 16-year-old software engineering student</p>
53 <p style="font-size: 1.75em; margin: 10px; font-style: italic; user-select: all;">josh@joshstock.in</p>
54 </div>
55 <div style="position: absolute; bottom: 2em;">
56 <ul>
57 <li title="Email"><a href="mailto:josh@joshstock.in"><i data-feather="mail"></i></a></li>
58 <li title="GitHub"><a href="https://github.com/joshuas3"><i data-feather="github"></i></a></li>
59 <li title="Twitter"><a href="https://www.twitter.com/joshstockin"><i data-feather="twitter"></i></a></li>
60 <li title="Blog"><a href="/blog"><i data-feather="file-text"></i></a></li>
61 </ul>
62 </div>
63 <script>
64 feather.replace()
65 </script>
66 </body>
67</html>
68