Index

joshstock.in / bc6c1ae

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

Latest Commit

{#}TimeHashSubjectAuthor#(+)(-)GPG?
3201 Jan 2020 16:35304588fDiscard Feather Icons script embed, use local SVGsJosh Stockin158N

Blob @ joshstock.in / resources / landing.html

text/html2243 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 <style>
15 @import url('https://fonts.googleapis.com/css?family=Fira+Sans:400,400i,500&display=swap');
16 html{
17 display: flex;
18 align-items: center;
19 justify-content: center;
20 height: 100vh;
21 font-family: 'Fira Sans', sans-serif;
22 letter-spacing: -1px;
23 color: #fff;
24 }
25 body{
26 display: flex;
27 align-items: center;
28 justify-content: center;
29 background-color: #497fc6;
30 }
31 div {
32 display: inline-block;
33 vertical-align: middle;
34 text-align: center;
35 }
36 a {
37 color: #fff;
38 }
39 ul {
40 list-style: none;
41 padding: 0;
42 }
43 li {
44 font-size: 1.5em;
45 display: inline;
46 padding: 0 0.5em;
47 filter: invert(1);
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"><img src="/static/email.svg"/></a></li>
66 <li title="GitHub"><a href="https://github.com/joshuas3"><img src="/static/github.svg"/></a></li>
67 <li title="Twitter"><a href="https://www.twitter.com/joshstockin"><img src="/static/twitter.svg"/></a></li>
68 <li title="Blog"><a href="/blog"><img src="/static/file.svg"/></a></li>
69 </ul>
70 </div>
71 </body>
72</html>
73