Index

joshstock.in / 00c3573

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

Latest Commit

{#}TimeHashSubjectAuthor#(+)(-)GPG?
711 Nov 2019 18:2700c3573opengraph meta tags, privacy pageJosh Stockin172N

Blob @ joshstock.in / resources / landing.html

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