Index

joshstock.in / bfcff55

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

Latest Commit

{#}TimeHashSubjectAuthor#(+)(-)GPG?
8601 Aug 2020 22:42af52b5cUpdate fonts, add text-rendering CSS directiveJosh Stockin121G

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

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