changed header
Before Width: | Height: | Size: 211 KiB After Width: | Height: | Size: 211 KiB |
Before Width: | Height: | Size: 296 KiB After Width: | Height: | Size: 296 KiB |
Before Width: | Height: | Size: 82 KiB After Width: | Height: | Size: 82 KiB |
Before Width: | Height: | Size: 85 KiB After Width: | Height: | Size: 85 KiB |
Before Width: | Height: | Size: 142 KiB After Width: | Height: | Size: 142 KiB |
|
@ -31,15 +31,17 @@
|
||||||
<!-- ****** faviconit.com favicons ****** -->
|
<!-- ****** faviconit.com favicons ****** -->
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body class="markdown-katex-preview" data-use-github-style="false">
|
<body>
|
||||||
<nav>
|
<nav>
|
||||||
|
<a href="/"><img src="/profile.png" class="home"/></a>
|
||||||
<ul>
|
<ul>
|
||||||
<li><a href="/">Home</a></li>
|
<li style="text-align: right;"><a style="padding-right: 50px;"></a></li>
|
||||||
{% for project in site.project-categories %} {% for page in site.pages %} {% if page.project-category == project %}
|
<li style="text-align: right;"><a href="/Java" style="padding-right: 100px;">Java</a></li>
|
||||||
<li><a href="{{ page.url }}">{{ page.title }}</a></li>
|
<li style="text-align: left;"><a href="/Art" style="padding-left: 100px;">Digital Art</a></li>
|
||||||
{% endif %} {% endfor %} {% endfor %}
|
<li style="text-align: left;"><a href="/Other" style="padding-left: 50px;">Other</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
|
||||||
{{ content }}
|
{{ content }}
|
||||||
|
@ -47,6 +49,7 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<footer>
|
<footer>
|
||||||
|
<hr/>
|
||||||
<ul>
|
<ul>
|
||||||
<li><a href="mailto:thepaperpilot@gmail.com">email</a></li>
|
<li><a href="mailto:thepaperpilot@gmail.com">email</a></li>
|
||||||
<li><a href="https://github.com/thepaperpilot">github</a></li>
|
<li><a href="https://github.com/thepaperpilot">github</a></li>
|
||||||
|
|
56
css/main.css
|
@ -1,19 +1,44 @@
|
||||||
/* Based off of https://github.com/markdowncss/retro */
|
/* Based off of https://github.com/markdowncss/retro */
|
||||||
|
|
||||||
|
nav {
|
||||||
|
text-align: center;
|
||||||
|
padding-top: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
nav ul, footer ul {
|
nav ul, footer ul {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
list-style: none;
|
list-style: none;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
display: inline;
|
||||||
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
nav ul li, footer ul li {
|
nav ul li, footer ul li {
|
||||||
display: inline;
|
display: table-cell;
|
||||||
margin-right: 16px;
|
vertical-align: middle;
|
||||||
|
padding-right: 8px;
|
||||||
|
padding-left: 8px;
|
||||||
|
width: 200px;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.home {
|
||||||
|
height: 64px;
|
||||||
|
max-width: 64px;
|
||||||
|
position: absolute;
|
||||||
|
top: 16px;
|
||||||
|
left: 50%;
|
||||||
|
margin-left: -32px;
|
||||||
|
transition: all .2s ease-in-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
.home:hover {
|
||||||
|
transform: scale(2);
|
||||||
}
|
}
|
||||||
|
|
||||||
footer {
|
footer {
|
||||||
border-top: 1px solid rgb(238, 238, 238);
|
font-size: .8em;
|
||||||
font-size: .8em;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
pre,
|
pre,
|
||||||
|
@ -39,7 +64,7 @@ pre {
|
||||||
|
|
||||||
a,
|
a,
|
||||||
a:visited {
|
a:visited {
|
||||||
text-decoration: underline;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
a[href]:after {
|
a[href]:after {
|
||||||
|
@ -90,6 +115,7 @@ pre {
|
||||||
a,
|
a,
|
||||||
a:visited {
|
a:visited {
|
||||||
color: #01ff70;
|
color: #01ff70;
|
||||||
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
a:hover,
|
a:hover,
|
||||||
|
@ -202,13 +228,16 @@ html {
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
max-width: 48rem;
|
||||||
|
margin: 6rem auto 1rem;
|
||||||
|
padding: .25rem;
|
||||||
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
color: #fafafa;
|
color: #fafafa;
|
||||||
font-family: "Courier New";
|
font-family: "Courier New";
|
||||||
line-height: 1.45;
|
line-height: 1.45;
|
||||||
margin: 6rem auto 1rem;
|
|
||||||
max-width: 48rem;
|
|
||||||
padding: .25rem;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
pre {
|
pre {
|
||||||
|
@ -219,3 +248,8 @@ blockquote {
|
||||||
border-left: 3px solid #01ff70;
|
border-left: 3px solid #01ff70;
|
||||||
padding-left: 1rem;
|
padding-left: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
hr {
|
||||||
|
border:0;
|
||||||
|
border-top: dashed 2px;
|
||||||
|
}
|
||||||
|
|
BIN
profile.png
Normal file
After Width: | Height: | Size: 22 KiB |