feat(content): update styles, add about

master
Brandon Hartshorn 2020-06-11 16:19:40 -05:00
parent 396b501dab
commit 484c2b5808
3 changed files with 127 additions and 40 deletions

33
web/about.html Normal file
View File

@ -0,0 +1,33 @@
<!doctype html>
<html lang=en>
<head>
<meta charset=utf-8>
<title>About Brandon</title>
<link href="https://fonts.googleapis.com/css?family=Roboto+Mono" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="styles/reset.css" \>
<link rel="stylesheet" type="text/css" href="styles/main.css" \>
</head>
<body>
<main>
<h1>whoami</h1>
<article>
<h2>About Me</h2>
<p>I'm A CS student, I'll be finished on-campus in July 2018. If you can't tell, I like plain-text
interfaces
with monospace fonts such as terminals. My collegues sometimes jeer at me for using Vim for
everything. I
have a 1 year old son who is both adorable and incredibly tiring. He happens to share a name with
one of my
programmer heroes.</p>
</article>
<footer>
<p> Made with <a href="http://www.vim.org">Vim</a> using the fantastic colorscheme <a
href="https://github.com/tomasr/molokai">Molokai</a>
</p>
</footer>
</main>
</body>
</html>

View File

@ -26,6 +26,11 @@ header nav {
display: flex;
}
/* Links */
a {
color: #c2c2c2;
}
header nav a {
background-color: var(--text-main-color, white);
color: var(--background-main-color, black);
@ -35,6 +40,14 @@ header nav a {
margin-right: 4px;
}
a:hover {
text-decoration: none;
}
a:visited {
color: #747474;
}
header nav a:visited {
color: initial;
}
@ -48,19 +61,6 @@ header nav a:last-child {
margin-right: 0;
}
/* Links */
a {
color: #c2c2c2;
}
a:hover {
text-decoration: none;
}
a:visited {
color: #747474;
}
/* General text formatting */
strong {
text-decoration: bold;

View File

@ -1,50 +1,104 @@
/* http://meyerweb.com/eric/tools/css/reset/
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
/* Trash Bin
applet, object, iframe,
figure, figcaption, footer, header, hgroup,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
aside, canvas, details, embed, caption,
aside, canvas, details, embed, caption,
fieldset, form, label, legend, center,
del, dfn, em, img, ins, kbd, q, s, samp,
abbr, acronym, address, cite, tt, var,
time, mark, audio, video
*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, code, small, big, strike, strong, sub, sup,
b, u, i, dl, dt, dd, ol, ul, li, figure,
table, tbody, tfoot, thead, tr, th, td, article {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
code,
small,
big,
strike,
strong,
sub,
sup,
b,
u,
i,
dl,
dt,
dd,
ol,
ul,
li,
figure,
table,
tbody,
tfoot,
thead,
tr,
th,
td,
article {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
line-height: 1;
}
ol, ul {
list-style: none;
ol,
ul {
list-style: none;
}
blockquote, q {
quotes: none;
blockquote,
q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
blockquote::before,
blockquote::after,
q::before,
q::after {
content: "";
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
border-collapse: collapse;
border-spacing: 0;
}