Index

joshstock.in / 010e8a4

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

Latest Commit

{#}TimeHashSubjectAuthor#(+)(-)GPG?
3031 Dec 2019 15:3888beca7Make favicon.ico the default OpenGraph imageJosh Stockin111N

Blob @ joshstock.in / resources / landing.html

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