Index

joshstock.in / baaa825

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

Latest Commit

{#}TimeHashSubjectAuthor#(+)(-)GPG?
7013 Jan 2020 21:58498068cScale text on mobile for different screen widthsJosh Stockin122N

Blob @ joshstock.in / resources / landing.html

text/html2479 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, blog, and portfolio 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, blog, and portfolio of Josh Stockin" />
11 <meta property="og:type" content="website" />
12 <meta property="og:image" content="/static/favicon.png" />
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: #eee;
24 text-shadow: 2px 2px 8px #000;
25 }
26 body{
27 display: flex;
28 align-items: center;
29 justify-content: center;
30 /*background-color: #497fc6;*/
31 background:
32 linear-gradient(
33 rgba(0, 0, 0, 0.7),
34 rgba(0, 0, 0, 0.7)
35 ),
36 url(/static/esp32.jpg) no-repeat center center fixed;
37 background-size: cover;
38 }
39 div {
40 display: inline-block;
41 vertical-align: middle;
42 text-align: center;
43 }
44 h1 {font-size:6em;}
45 p {font-size:2.5em;}
46 p.small {font-size:1.75em;}
47 a {
48 color: #eee;
49 text-decoration: none;
50 }
51 a:hover {
52 text-decoration: underline;
53 }
54 ul {
55 list-style: none;
56 padding: 0;
57 }
58 li {
59 font-size: 1.75em;
60 display: inline;
61 padding: 0 0.8em;
62 }
63 @media (max-width: 800px) {
64 body {
65 font-size: 2vw;
66 }
67 }
68 </style>
69 <meta name="viewport" content="width=device-width, initial-scale=1">
70 </head>
71 <body>
72 <div>
73 <h1 style="margin:20px">Josh Stockin</h1>
74 <p style="margin: 10px">A 16-year-old aspiring software engineer</p>
75 <p class="small" style="margin: 10px; font-style: italic;"><a href="mailto:joshstockin@gmail.com">joshstockin@gmail.com</a></p>
76 </div>
77 <div style="position: absolute; bottom: 40px;">
78 <ul>
79 <li><a href="mailto:joshstockin@gmail.com">Email</a></li>
80 <li><a href="https://www.twitter.com/joshstockin">Twitter</a></li>
81 <li><a href="https://git.joshstock.in">Git Commits</a></li>
82 <li><a href="/blog">Blog</a></li>
83 </ul>
84 </div>
85 </body>
86</html>
87