Browse Source

init

master
Evan Burkey 4 months ago
commit
c4cf02f1c7
  1. 1
      .gitignore
  2. 1
      content/blog/01-test.md
  3. 51
      content/index.html
  4. BIN
      data/favicon/favicon-16x16.png
  5. BIN
      data/favicon/favicon-32x32.png
  6. BIN
      data/favicon/favicon.ico
  7. BIN
      data/fonts/ATI8x16.woff2
  8. 1
      deploy.sh
  9. 387
      site.css
  10. 5
      templates/footer.html
  11. 11
      templates/header.html

1
.gitignore

@ -0,0 +1 @@
output/

1
content/blog/01-test.md

@ -0,0 +1 @@
Just a test blog to test my deployment. A future blog post will explain how it works

51
content/index.html

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<title>fputs.com</title>
<link rel="shortcut icon" type="image/x-icon" href="data/favicon/favicon.ico">
<link rel="stylesheet" type="text/css" href="site.css">
<meta property="author" content="fputs">
<meta property="description" content="Home page">
<meta property="og:title" content="Home">
<meta property="og:description" content="Home page">
<meta property="og:url" content="https://www.fputs.com/">
<meta property="og:type" content="website">
</head>
<body>
<div id="site-center-container">
<div id="site-container">
<header>
<h1><a href="/">www.fputs.com</a></h1>
</header>
<nav>
<ul>
<li><a href="/" class="active">Home</a></li>
<li><a href="/blog/">Posts</a></li>
<li><a href="/projects/">Projects</a></li>
<li><a href="/about/">About</a></li>
</ul>
</nav>
<main>
<section>
<header>
<h1>Welcome</h1>
</header>
<p class="content-container">Welcome to the personal website of Evan "fputs" Burkey</p>
</section>
<section>
<header>
<h1>Site Map</h1>
</header>
<ul class="content-container">
<li><a href="/posts/">Blog</a> - Notes, musings, and writeups on work I'm doing.</li>
<li><a href="/projects/">Projects</a> - Links and information about my open source software projects</li>
<li><a href="/about/">About</a> - Want to harras me on your communication platform of choice? Find out where here!</li>
</ul>
</section>
</main>
<footer> Copyright (c) 2021 Evan Burkey. Site design blatantly ripped off from <a href="https://lemon.horse">Lemon Drop</a></footer>
</div>
</div>
</body>
</html>

BIN
data/favicon/favicon-16x16.png

After

Width: 16  |  Height: 16  |  Size: 925 B

BIN
data/favicon/favicon-32x32.png

After

Width: 32  |  Height: 32  |  Size: 3.0 KiB

BIN
data/favicon/favicon.ico

BIN
data/fonts/ATI8x16.woff2

1
deploy.sh

@ -0,0 +1 @@
#! /usr/bin/env bash

387
site.css

@ -0,0 +1,387 @@
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
margin:0;
padding:0;
border:0;
font-size:100%;
font:inherit;
vertical-align:baseline
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
display:block
}
body{
line-height:1
}
ol,ul{
list-style:none
}
blockquote,q{
quotes:none
}
blockquote:before,blockquote:after,q:before,q:after{
content:'';
content:none
}
table{
border-collapse:collapse;
border-spacing:0
}
@font-face{
font-family:"ATI8x16";
src:url("/data/fonts/ATI8x16.woff2") format("woff2");
font-weight:normal;
font-style:normal
}
.highlight .hll{
background-color:#303030
}
.highlight .c{
color:#777
}
.highlight .err{
color:#ac4142
}
.highlight .k{
color:#aa759f
}
.highlight .l{
color:#d28445
}
.highlight .n{
color:#eee
}
.highlight .o{
color:#75b5aa
}
.highlight .p{
color:#eee
}
.highlight .cm{
color:#888
}
.highlight .cp{
color:#888
}
.highlight .c1{
color:#888
}
.highlight .cs{
color:#888
}
.highlight .gd{
color:#ac4142
}
.highlight .ge{
font-style:italic
}
.highlight .gh{
color:#eee;
font-weight:bold
}
.highlight .gi{
color:#90a959
}
.highlight .gp{
color:#777;
font-weight:bold
}
.highlight .gs{
font-weight:bold
}
.highlight .gu{
color:#75b5aa;
font-weight:bold
}
.highlight .kc{
color:#aa759f
}
.highlight .kd{
color:#aa759f
}
.highlight .kn{
color:#75b5aa
}
.highlight .kp{
color:#aa759f
}
.highlight .kr{
color:#aa759f
}
.highlight .kt{
color:#f4bf75
}
.highlight .ld{
color:#90a959
}
.highlight .m{
color:#d28445
}
.highlight .s{
color:#90a959
}
.highlight .na{
color:#6a9fb5
}
.highlight .nb{
color:#b5a063
}
.highlight .nc{
color:#9587e4
}
.highlight .no{
color:#ac4142
}
.highlight .nd{
color:#75b5aa
}
.highlight .ni{
color:#eee
}
.highlight .ne{
color:#ac4142
}
.highlight .nf{
color:#6a9fb5
}
.highlight .nl{
color:#eee
}
.highlight .nn{
color:#d287e4
}
.highlight .nx{
color:#6a9fb5
}
.highlight .py{
color:#eee
}
.highlight .nt{
color:#75b5aa
}
.highlight .nv{
color:#ac4142
}
.highlight .ow{
color:#75b5aa
}
.highlight .w{
color:#eee
}
.highlight .mf{
color:#d28445
}
.highlight .mh{
color:#d28445
}
.highlight .mi{
color:#d28445
}
.highlight .mo{
color:#d28445
}
.highlight .sb{
color:#90a959
}
.highlight .sc{
color:#eee
}
.highlight .sd{
color:#888
}
.highlight .s2{
color:#90a959
}
.highlight .se{
color:#d28445
}
.highlight .sh{
color:#90a959
}
.highlight .si{
color:#d28445
}
.highlight .sx{
color:#90a959
}
.highlight .sr{
color:#90a959
}
.highlight .s1{
color:#90a959
}
.highlight .ss{
color:#90a959
}
.highlight .bp{
color:#eee
}
.highlight .vc{
color:#ac4142
}
.highlight .vg{
color:#ac4142
}
.highlight .vi{
color:#ac4142
}
.highlight .il{
color:#d28445
}
h1{
color:#74e213
}
h2{
color:#5cb30f
}
h3{
color:#44840b
}
h1:before,h2:before,h3:before{
content:'(';
color:#a9a9a9
}
h1:after,h2:after,h3:after{
content:')';
color:#a9a9a9
}
nav>ul{
display:flex
}
nav>ul li:not(:last-child){
margin-right:4px
}
a,a:visited{
text-decoration:none;
color:#e0e01a
}
a:before,a:visited:before{
content:'[';
color:gray
}
a:after,a:visited:after{
content:']';
color:gray
}
a:hover,a:visited:hover{
color:#a5a513
}
body{
background-color:#111;
font-family:ATI8x16,monospace;
font-size:16px;
color:#ddd
}
section,article{
margin:8px 4px
}
section:not(:last-of-type){
border-bottom:1px dotted #666
}
article:not(:last-of-type){
border-bottom:1px dotted #777
}
section b,section strong,article b,article strong{
font-weight:bold
}
section i,section em,article i,article em{
font-style:italic
}
section s,article s{
text-decoration:line-through
}
section dfn[title],section abbr[title],article dfn[title],article abbr[title]{
text-decoration:underline dotted
}
section:not(nav)>ul li:before,article:not(nav)>ul li:before{
content:'*';
margin-right:8px
}
section p>code,section p>samp,article p>code,article p>samp{
display:inline-block;
padding:0 2px;
line-height:14px;
background-color:#222;
border:1px solid #666
}
section blockquote>p,article blockquote>p{
margin:8px
}
section figure,article figure{
max-width:100%;
display:inline-block;
background-color:#222;
border:1px solid #666;
overflow:auto
}
section figure figcaption,article figure figcaption{
padding:4px;
border-top:1px solid #666;
text-align:center
}
section figure img,article figure img{
display:block;
max-width:100%
}
section figure>pre,article figure>pre{
margin:4px
}
section figure>table,article figure>table{
margin:4px
}
section figure>table thead:not(:last-child),section figure>table tbody:not(:last-child),section figure>table tfoot:not(:last-child),article figure>table thead:not(:last-child),article figure>table tbody:not(:last-child),article figure>table tfoot:not(:last-child){
border-bottom:2px solid #777
}
section figure>table caption,article figure>table caption{
padding:4px;
font-weight:bold
}
section figure>table th,section figure>table td,article figure>table th,article figure>table td{
box-sizing:border-box;
padding:4px;
border:1px solid #666
}
section figure>table th,article figure>table th{
background-color:#4a4a4a
}
section figure>table tr:nth-child(odd) td,article figure>table tr:nth-child(odd) td{
background-color:#313131
}
section figure>table tr:nth-child(even) td,article figure>table tr:nth-child(even) td{
background-color:#3d3d3d
}
a.active{
color:#f4f49f
}
.content-container{
margin:8px 4px
}
.flex-content-container{
display:flex;
margin:8px 0
}
.flex-content-element{
flex:1;
margin:0 4px
}
td.gutter>pre{
margin-right:8px
}
#site-center-container{
max-width:1010px;
margin:20px auto
}
#site-container{
margin:0 5px;
padding:2px;
background-color:#151515;
border:1px solid #333
}
#site-container>*{
margin:2px;
padding:2px;
overflow:hidden
}
#site-container>*:not(:last-child){
border-bottom:1px solid #555
}

5
templates/footer.html

@ -0,0 +1,5 @@
<footer> Copyright (c) 2021 Evan Burkey. Site design blatantly ripped off from <a href="https://lemon.horse">Lemon Drop</a></footer>
</div>
</div>
</body>
</html>

11
templates/header.html

@ -0,0 +1,11 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<title>fputs.com</title>
<link rel="shortcut icon" type="image/x-icon" href="data/favicon/favicon.ico">
<link rel="stylesheet" type="text/css" href="site.css">
</head>
<body>
<div id="site-center-container">
<div id="site-container">
Loading…
Cancel
Save