Index

joshstock.in / 9385d2d

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

Latest Commit

{#}TimeHashSubjectAuthor#(+)(-)GPG?
2016 Nov 2019 20:339385d2dStatic files, style changes, new blog articleJosh Stockin111N

Blob @ joshstock.in / resources / landing.html

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