feat(content): update styles, add about
parent
396b501dab
commit
484c2b5808
|
@ -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>
|
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue