Index

joshstock.in / 35b8efc

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

Latest Commit

{#}TimeHashSubjectAuthor#(+)(-)GPG?
8128 Mar 2020 23:26b2d3957Rewrite template engineJosh Stockin1780G

Blob @ joshstock.in / root / resources / pages / landing.html

text/html1809 bytesdownload raw
1<!DOCTYPE html>
2<html>
3 <head>
4$meta
5 <style>
6 @import url('https://fonts.googleapis.com/css?family=Fira+Sans:400,400i,500&display=swap');
7 html{
8 display: flex;
9 align-items: center;
10 justify-content: center;
11 height: 100vh;
12 font-family: 'Fira Sans', sans-serif;
13 letter-spacing: -1px;
14 color: #eee;
15 text-shadow: 2px 2px 8px #000;
16 }
17 body{
18 display: flex;
19 align-items: center;
20 justify-content: center;
21 /*background-color: #497fc6;*/
22 background:
23 linear-gradient(
24 rgba(0, 0, 0, 0.65),
25 rgba(0, 0, 0, 0.65)
26 ),
27 url(/static/esp32.jpg) no-repeat center center fixed;
28 background-size: cover;
29 }
30 div {
31 display: inline-block;
32 vertical-align: middle;
33 text-align: center;
34 }
35 h1 {font-size:6em;}
36 p {font-size:2.5em;margin:10px;}
37 p.small {font-size:1.75em;letter-spacing: 0px;}
38 a {
39 color: #ffffffdd;
40 text-decoration: none;
41 }
42 a:hover {
43 color: #ffffffff;
44 text-decoration: underline;
45 }
46 ul {
47 list-style: none;
48 padding: 0;
49 }
50 li {
51 font-size: 24px;
52 display: inline-block;
53 padding: 0 18px;
54 }
55 @media (max-width: 800px) {
56 body {
57 font-size: 2vw;
58 overflow: hidden;
59 }
60 }
61 </style>
62 </head>
63 <body>
64 <div>
65 <h1 style="margin:20px">Josh Stockin</h1>
66 <p>A 16-year-old aspiring software engineer</p>
67 <p class="small"><a href="mailto:joshstockin@gmail.com"><em>joshstockin@gmail.com</em></a></p>
68 </div>
69 <div style="position: absolute; bottom: 40px;">
70 <ul>
71 <li><a href="mailto:joshstockin@gmail.com">Email</a></li>
72 <li><a href="https://www.twitter.com/joshstockin">Twitter</a></li>
73 <li><a href="https://git.joshstock.in">Git Commits</a></li>
74 <li><a href="/blog">Blog</a></li>
75 </ul>
76 </div>
77 </body>
78</html>
79