Index

joshstock.in / 603fa7d

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

Latest Commit

{#}TimeHashSubjectAuthor#(+)(-)GPG?
3401 Jan 2020 18:2411a8ddcMake email on landing page a hyperlinkJosh Stockin151N

Blob @ joshstock.in / resources / landing.html

text/html2345 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 text-decoration: none;
39 }
40 a:hover {
41 text-decoration: underline;
42 }
43 ul {
44 list-style: none;
45 padding: 0;
46 }
47 li {
48 font-size: 1.5em;
49 display: inline;
50 padding: 0 0.5em;
51 filter: invert(1);
52 }
53 @media (max-width: 800px) {
54 body {
55 font-size: 2vw;
56 }
57 }
58 </style>
59 <meta name="viewport" content="width=device-width, initial-scale=1">
60 </head>
61 <body>
62 <div>
63 <h1 style="font-size: 6em; margin:20px">Josh Stockin</h1>
64 <p style="font-size: 2.5em; margin: 10px">A 16-year-old aspiring software engineer</p>
65 <p style="font-size: 1.75em; margin: 10px; font-style: italic;"><a href="mailto:joshstockin@gmail.com">joshstockin@gmail.com</a></p>
66 </div>
67 <div style="position: absolute; bottom: 40px;">
68 <ul>
69 <li title="Email"><a href="mailto:joshstockin@gmail.com"><img src="/static/email.svg"/></a></li>
70 <li title="GitHub"><a href="https://github.com/joshuas3"><img src="/static/github.svg"/></a></li>
71 <li title="Twitter"><a href="https://www.twitter.com/joshstockin"><img src="/static/twitter.svg"/></a></li>
72 <li title="Blog"><a href="/blog"><img src="/static/file.svg"/></a></li>
73 </ul>
74 </div>
75 </body>
76</html>
77