Working towards revamping website to handle more projects
This commit is contained in:
parent
81f6503ddb
commit
4ae26d4401
41 changed files with 756 additions and 664 deletions
14
Art/index.md
14
Art/index.md
|
|
@ -1,14 +0,0 @@
|
|||
---
|
||||
layout: default
|
||||
title: Photoshop/Gimp
|
||||
project-category: Photoshop/Gimp
|
||||
---
|
||||
|
||||
# Photoshop/Gimp
|
||||
Graphic Design.
|
||||
|
||||
#### Digital Drawing
|
||||
|
||||
I also like making digital art! In particular, space-scapes. Here's a portfolio of pieces I've made in various medias.
|
||||
|
||||
    
|
||||
|
|
@ -2,5 +2,8 @@ name: The Paper Pilot
|
|||
markdown: kramdown
|
||||
kramdown:
|
||||
input: GFM
|
||||
permalink: /:title
|
||||
project-categories: [Java, Photoshop/Gimp, Other]
|
||||
permalink: /:title/
|
||||
paginate: 5
|
||||
gems: [jekyll-paginate]
|
||||
collections:
|
||||
content:
|
||||
|
|
|
|||
5
_content/kiosk/kiosk-asset0.md
Normal file
5
_content/kiosk/kiosk-asset0.md
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
---
|
||||
layout: default
|
||||
title: Kiosk Picture 1
|
||||
---
|
||||
|
||||
5
_content/kiosk/kiosk-asset1.md
Normal file
5
_content/kiosk/kiosk-asset1.md
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
---
|
||||
layout: default
|
||||
title: Kiosk Picture 2
|
||||
---
|
||||
|
||||
5
_content/kiosk/kiosk-asset2.md
Normal file
5
_content/kiosk/kiosk-asset2.md
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
---
|
||||
layout: default
|
||||
title: Kiosk Picture 3
|
||||
---
|
||||
|
||||
5
_content/kiosk/kiosk-asset3.md
Normal file
5
_content/kiosk/kiosk-asset3.md
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
---
|
||||
layout: default
|
||||
title: Kiosk Picture 4
|
||||
---
|
||||
|
||||
5
_content/kiosk/kiosk-asset4.md
Normal file
5
_content/kiosk/kiosk-asset4.md
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
---
|
||||
layout: default
|
||||
title: Kiosk Picture 5
|
||||
---
|
||||
|
||||
5
_content/kiosk/kiosk-asset5.md
Normal file
5
_content/kiosk/kiosk-asset5.md
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
---
|
||||
layout: default
|
||||
title: Kiosk Picture 6
|
||||
---
|
||||
|
||||
|
|
@ -1,16 +1,7 @@
|
|||
---
|
||||
layout: default
|
||||
title: Other
|
||||
project-category: Other
|
||||
title: Computer Science Kiosk
|
||||
---
|
||||
|
||||
# Other
|
||||
Miscellaneous projects, or things that deal with more than just a single programming language
|
||||
|
||||
#### Computer Science Kiosk [Source Code](https://github.com/thepaperpilot/Computer-Science-Kiosk)
|
||||
|
||||
This is an open source program for a kiosk that will teach students the basics of computer science. It was initiated as a part of Anthony Lawn’s Eagle Scout Project, which was to build such a kiosk to place in the Quail Valley Middle School library.
|
||||
|
||||
The kiosk uses Scratch as a teaching tool for students, and provides resources such as code.org that help interested students pursue Computer Science.
|
||||
|
||||
     
|
||||
32
_content/markov.html
Normal file
32
_content/markov.html
Normal file
|
|
@ -0,0 +1,32 @@
|
|||
---
|
||||
layout: default
|
||||
nocard: true
|
||||
title: Markov Chains
|
||||
---
|
||||
<link rel="stylesheet" type="text/css" href="/css/markov.css">
|
||||
|
||||
<div class="card buttons">
|
||||
<span class="button" onclick="rock();">✊</span>
|
||||
<span class="button" onclick="paper();">✋</span>
|
||||
<span class="button" onclick="scissors();">✌</span>
|
||||
</div>
|
||||
|
||||
<div id="versus" class="card">
|
||||
<span class="text">you →</span><span class="button" id="player">✊</span>
|
||||
<span class="text" style="display: inline-block; vertical-align: middle;">VS</span>
|
||||
<span class="button" id="com">✊</span><span class="text">← me</span>
|
||||
<br />
|
||||
<h3 id="result">Computer Wins</h3>
|
||||
</div>
|
||||
|
||||
<div class="stats card">
|
||||
<h2>Stats</h2>
|
||||
computer wins: <span id="loss">0</span><br />
|
||||
 expected: <span id="loss_expected">0</span><br /><br />
|
||||
player wins: <span id="win">0</span><br />
|
||||
 expected: <span id="win_expected">0</span> <br /><br />
|
||||
ties: <span id="tie">0</span><br />
|
||||
 expected: <span id="tie_expected">0</span><br />
|
||||
</div>
|
||||
|
||||
<script src="/js/markov.js" type="text/javascript"></script>
|
||||
5
_content/portfolio/portfolio-asset1.md
Normal file
5
_content/portfolio/portfolio-asset1.md
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
---
|
||||
layout: default
|
||||
title: Digital Drawing 1
|
||||
---
|
||||
|
||||
5
_content/portfolio/portfolio-asset2.md
Normal file
5
_content/portfolio/portfolio-asset2.md
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
---
|
||||
layout: default
|
||||
title: Digital Drawing 2
|
||||
---
|
||||
|
||||
5
_content/portfolio/portfolio-asset3.md
Normal file
5
_content/portfolio/portfolio-asset3.md
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
---
|
||||
layout: default
|
||||
title: Digital Drawing 3
|
||||
---
|
||||
|
||||
5
_content/portfolio/portfolio-asset4.md
Normal file
5
_content/portfolio/portfolio-asset4.md
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
---
|
||||
layout: default
|
||||
title: Digital Drawing 4
|
||||
---
|
||||
|
||||
5
_content/portfolio/portfolio-asset5.md
Normal file
5
_content/portfolio/portfolio-asset5.md
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
---
|
||||
layout: default
|
||||
title: Digital Drawing 5
|
||||
---
|
||||
|
||||
5
_content/test.md
Normal file
5
_content/test.md
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
---
|
||||
layout: default
|
||||
title: Test Content
|
||||
---
|
||||
|
||||
37
_content/todo.md
Normal file
37
_content/todo.md
Normal file
|
|
@ -0,0 +1,37 @@
|
|||
---
|
||||
layout: default
|
||||
title: todo.md
|
||||
---
|
||||
# todo.md
|
||||
|
||||
Hello! This is a tool for making todo lists that uses [markdown](https://daringfireball.net/projects/markdown/) to render everything.
|
||||
|
||||
Basically, you can take your notes in a nice plaintext format, which makes it easy to version control, sync, etc., but keep the benefits of _rich_ **text** and 😀s and tables and things.
|
||||
|
||||
But this tool has other features, to make it more useful as a todo list. Basically headings can become drop-downs so you can more easily browse through your list, and there are sorting and filtering tools that allow you to control which items show up and their order.
|
||||
|
||||
Also, a side note: While testing I was finding the typing fairly unresponsive when working with a large todo file, and eventually discovered it was grammarly that was at fault, not my stuff. So you might want to tell it not to work on this site, or just deal with the input lag/keep your todo list small. Of course, any other extensions that need to work as you type will probably have similar effects.
|
||||
|
||||
While you can organized the list however you want, here's an example of how I use it and recommend it be used:
|
||||
|
||||
## Example Heading
|
||||
|
||||
- Welcome the world! `DUE:1969-10-29` `@WWW` `+DOD` `+ARPA`
|
||||
|
||||
### Sub-Heading
|
||||
|
||||
- Get started on the next project!
|
||||
|
||||
## TODO
|
||||
|
||||
- Publish todo.md! `@HOME` `+HIGH`
|
||||
|
||||
- Make an app?
|
||||
- Allow support for opening arbitrary markdown files
|
||||
- Make it so you can create "todo.md" files from Drive
|
||||
|
||||
- Fix bugs
|
||||
|
||||
- Showdown only supports nested lists up to 2 layers deep. Since my personal todo.md has some 3-layered lists, this bugs me.
|
||||
|
||||
> Note: This is just an example of a "bug" I don't think will be fixed soon. Real bugs should be put into the bug tracker
|
||||
|
|
@ -4,6 +4,7 @@
|
|||
<head>
|
||||
<title>{{ page.title }}</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="/css/markdown7.css">
|
||||
<link rel="stylesheet" type="text/css" href="/css/main.css">
|
||||
<meta charset="utf-8">
|
||||
|
||||
|
|
@ -32,31 +33,66 @@
|
|||
</head>
|
||||
|
||||
<body>
|
||||
<nav>
|
||||
<a href="/"><img src="/profile.png" class="home"/></a>
|
||||
<ul>
|
||||
<li style="text-align: right;"><a style="padding-right: 50px;"></a></li>
|
||||
<li style="text-align: right;"><a href="/Java" style="padding-right: 100px;">Java</a></li>
|
||||
<li style="text-align: left;"><a href="/Art" style="padding-left: 100px;">Digital Art</a></li>
|
||||
<li style="text-align: left;"><a href="/Other" style="padding-left: 50px;">Other</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<div class="head">
|
||||
<h1>{{ page.title }}</h1>
|
||||
<a href="/"><img src="/profile.png" class="home"/></a>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
{% if page.cards %}
|
||||
{% for card in page.cards %}
|
||||
{% for page in site.content %}
|
||||
{% if page.title == card %}
|
||||
{% if page.nocard %}
|
||||
{{ page.content }}
|
||||
{% else %}
|
||||
<div class="card">
|
||||
{{ page.content }}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
{% elsif page.nocard %}
|
||||
{{ content }}
|
||||
{% else %}
|
||||
<div class="card">
|
||||
{{ content }}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{{ content }}
|
||||
{% if page.links %}
|
||||
<div class="card">
|
||||
<ul class="inline">
|
||||
{% for link in page.links %}
|
||||
{% assign split = link | split: "|" %}
|
||||
<li><a href="{{ split[1] }}">{{ split[0] }}</a></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if page.tags.size > 0 %}
|
||||
<div class="card">
|
||||
<ul class="inline">
|
||||
<li>tags:</li>
|
||||
{% for tag in page.tags %}
|
||||
<li><a href="/tags/#{{ tag | slugify }}"> {{ tag }} </a></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<footer>
|
||||
<ul>
|
||||
<li><a href="mailto:thepaperpilot@gmail.com">email</a></li>
|
||||
<li><a href="https://github.com/thepaperpilot">github</a></li>
|
||||
<li><a href="https://www.linkedin.com/pub/anthony-lawn/a9/a98/2">linkedin</a></li>
|
||||
<li><a href="https://drive.google.com/uc?export=download&id=0B4xCmMA9eS2jZExWTGhtbS1nT0k">resume</a></li>
|
||||
</ul>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
<hr/>
|
||||
<ul>
|
||||
<li><a href="mailto:thepaperpilot@gmail.com">email</a></li>
|
||||
<li><a href="https://github.com/thepaperpilot">github</a></li>
|
||||
<li><a href="https://www.linkedin.com/pub/anthony-lawn/a9/a98/2">linkedin</a></li>
|
||||
<li><a href="https://drive.google.com/uc?export=download&id=0B4xCmMA9eS2jZExWTGhtbS1nT0k">resume</a></li>
|
||||
</ul>
|
||||
</footer>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
|
|||
8
_posts/2014-04-13-kiosk.md
Normal file
8
_posts/2014-04-13-kiosk.md
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
---
|
||||
layout: default
|
||||
title: Computer Science Kiosk
|
||||
cards: [Computer Science Kiosk, Kiosk Picture 1, Kiosk Picture 2, Kiosk Picture 3, Kiosk Picture 4, Kiosk Picture 5, Kiosk Picture 6]
|
||||
links: ["Source Code|https://github.com/thepaperpilot/Computer-Science-Kiosk"]
|
||||
tags: [java, libgdx]
|
||||
---
|
||||
This is an open source program for a kiosk that will teach students the basics of computer science. It was initiated as a part of Anthony Lawn’s Eagle Scout Project, which was to build such a kiosk to place in the Quail Valley Middle School library.
|
||||
7
_posts/2015-06-23-portfolio.md
Normal file
7
_posts/2015-06-23-portfolio.md
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
---
|
||||
layout: default
|
||||
title: Digital Drawing
|
||||
cards: [Digital Drawing 1, Digital Drawing 2, Digital Drawing 3, Digital Drawing 4, Digital Drawing 5]
|
||||
tags: [photoshop]
|
||||
---
|
||||
I also like making digital art! In particular, space-scapes. Here's a portfolio of pieces I've made in various medias.
|
||||
7
_posts/2016-06-30-markov.md
Normal file
7
_posts/2016-06-30-markov.md
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
---
|
||||
layout: default
|
||||
title: Markov Chains
|
||||
cards: [Markov Chains]
|
||||
tags: [web]
|
||||
---
|
||||
A rock paper scissors game using markov chains to predict the player's pick. Due to the limitations of markov chains, it's not really good. But I feel it's at least better than RNG, since *if* the player uses a simple pattern, the chain will figure it out.
|
||||
10
_posts/2016-08-28-todo.md
Normal file
10
_posts/2016-08-28-todo.md
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
---
|
||||
layout: default
|
||||
title: todo.md
|
||||
cards: [todo.md]
|
||||
links: ["Source Code|https://github.com/thepaperpilot/todo.md"]
|
||||
tags: [web, python]
|
||||
---
|
||||
todo.md is a web app for listing things to do in _beautiful_ **markdown**. Using a plaintext standard makes your todo list easy to version control, sync, and of course independent of the tool you use.
|
||||
|
||||
This app specifically adds features like filtering and collapsing to allow you to more easily read and act upon even the largest of todo lists- and best of all? It's all automatically synced to Google Drive so you can access your list from any device, anywhere.
|
||||
|
Before Width: | Height: | Size: 34 KiB After Width: | Height: | Size: 34 KiB |
|
Before Width: | Height: | Size: 99 KiB After Width: | Height: | Size: 99 KiB |
|
Before Width: | Height: | Size: 40 KiB After Width: | Height: | Size: 40 KiB |
|
Before Width: | Height: | Size: 48 KiB After Width: | Height: | Size: 48 KiB |
|
Before Width: | Height: | Size: 40 KiB After Width: | Height: | Size: 40 KiB |
|
Before Width: | Height: | Size: 45 KiB After Width: | Height: | Size: 45 KiB |
|
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: 142 KiB After Width: | Height: | Size: 142 KiB |
|
Before Width: | Height: | Size: 85 KiB After Width: | Height: | Size: 85 KiB |
327
css/main.css
327
css/main.css
|
|
@ -1,25 +1,74 @@
|
|||
/* Based off of https://github.com/markdowncss/retro */
|
||||
|
||||
nav {
|
||||
text-align: center;
|
||||
padding-top: 24px;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
width: 90%;
|
||||
max-width: 900px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
nav a, nav a:visited {
|
||||
color: #fff;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
nav ul, footer ul {
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
font-weight: bold;
|
||||
display: inline;
|
||||
text-align: center;
|
||||
padding: 0;
|
||||
display: inline;
|
||||
font-weight: bold;
|
||||
list-style: none;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
nav ul li, footer ul li {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
padding-right: 8px;
|
||||
padding-left: 8px;
|
||||
width: 200px;
|
||||
white-space: nowrap;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
white-space: nowrap;
|
||||
padding-right: 8px;
|
||||
padding-left: 8px;
|
||||
}
|
||||
|
||||
.inline {
|
||||
list-style: none;
|
||||
text-align: center;
|
||||
display: inline;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.inline li {
|
||||
display: inline-block;
|
||||
padding-right: 8px;
|
||||
padding-left: 8px;
|
||||
}
|
||||
|
||||
footer {
|
||||
font-size: .8em;
|
||||
width: 90%;
|
||||
max-width: 900px;
|
||||
margin: auto;
|
||||
margin-top: 20px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
a, a:visited {
|
||||
color: teal;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover, a:focus, a:active {
|
||||
color: turquoise !important;
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
html {
|
||||
width:100%;
|
||||
height: 100%;
|
||||
background-color: #eee;
|
||||
}
|
||||
|
||||
body {
|
||||
background: transparent;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.home {
|
||||
|
|
@ -36,220 +85,94 @@ nav ul li, footer ul li {
|
|||
transform: scale(2);
|
||||
}
|
||||
|
||||
footer {
|
||||
font-size: .8em;
|
||||
text-align: center;
|
||||
.head {
|
||||
background: #ccc;
|
||||
background: linear-gradient(to bottom right, teal, turquoise);
|
||||
padding: 20px;
|
||||
padding-bottom: 90px;
|
||||
margin-bottom: -100px;
|
||||
text-align: center;
|
||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
|
||||
}
|
||||
|
||||
pre,
|
||||
code {
|
||||
font-family: Menlo, Monaco, "Courier New", monospace;
|
||||
.head h1 {
|
||||
color: #fff;
|
||||
font-size: 2em;
|
||||
width: 90%;
|
||||
max-width: 900px;
|
||||
margin: auto;
|
||||
margin-top: 80px;
|
||||
border-bottom: 1px solid;
|
||||
}
|
||||
|
||||
pre {
|
||||
padding: .5rem;
|
||||
line-height: 1.25;
|
||||
overflow-x: scroll;
|
||||
h1 {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
@media print {
|
||||
*,
|
||||
*:before,
|
||||
*:after {
|
||||
background: transparent !important;
|
||||
color: #000 !important;
|
||||
box-shadow: none !important;
|
||||
text-shadow: none !important;
|
||||
}
|
||||
|
||||
a,
|
||||
a:visited {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a[href]:after {
|
||||
content: " (" attr(href) ")";
|
||||
}
|
||||
|
||||
abbr[title]:after {
|
||||
content: " (" attr(title) ")";
|
||||
}
|
||||
|
||||
a[href^="#"]:after,
|
||||
a[href^="javascript:"]:after {
|
||||
content: "";
|
||||
}
|
||||
|
||||
pre,
|
||||
blockquote {
|
||||
border: 1px solid #999;
|
||||
page-break-inside: avoid;
|
||||
}
|
||||
|
||||
thead {
|
||||
display: table-header-group;
|
||||
}
|
||||
|
||||
tr,
|
||||
img {
|
||||
page-break-inside: avoid;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100% !important;
|
||||
}
|
||||
|
||||
p,
|
||||
h2,
|
||||
h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
|
||||
h2,
|
||||
h3 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
.card {
|
||||
background: #fff;
|
||||
border-radius: 2px;
|
||||
width: 90%;
|
||||
max-width: 940px;
|
||||
margin: auto;
|
||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
a,
|
||||
a:visited {
|
||||
color: #01ff70;
|
||||
text-decoration: none;
|
||||
.cite {
|
||||
width: 90%;
|
||||
max-width: 940px;
|
||||
margin: auto;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
a:hover,
|
||||
a:focus,
|
||||
a:active {
|
||||
color: #2ecc40;
|
||||
.card, .cite {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.retro-no-decoration {
|
||||
text-decoration: none;
|
||||
.cite .card {
|
||||
transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
|
||||
width: 100%;
|
||||
margin-left: -20px;
|
||||
}
|
||||
|
||||
html {
|
||||
font-size: 12px;
|
||||
.card:hover {
|
||||
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
|
||||
}
|
||||
|
||||
@media screen and (min-width: 32rem) and (max-width: 48rem) {
|
||||
html {
|
||||
font-size: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 48rem) {
|
||||
html {
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
line-height: 1.85;
|
||||
}
|
||||
|
||||
p,
|
||||
.retro-p {
|
||||
font-size: 1rem;
|
||||
margin-bottom: 1.3rem;
|
||||
}
|
||||
|
||||
h1,
|
||||
.retro-h1,
|
||||
h2,
|
||||
.retro-h2,
|
||||
h3,
|
||||
.retro-h3,
|
||||
h4,
|
||||
.retro-h4 {
|
||||
margin: 1.414rem 0 .5rem;
|
||||
font-weight: inherit;
|
||||
line-height: 1.42;
|
||||
}
|
||||
|
||||
h1,
|
||||
.retro-h1 {
|
||||
margin-top: 0;
|
||||
font-size: 3.998rem;
|
||||
}
|
||||
|
||||
h2,
|
||||
.retro-h2 {
|
||||
font-size: 2.827rem;
|
||||
}
|
||||
|
||||
h3,
|
||||
.retro-h3 {
|
||||
font-size: 1.999rem;
|
||||
}
|
||||
|
||||
h4,
|
||||
.retro-h4 {
|
||||
font-size: 1.414rem;
|
||||
}
|
||||
|
||||
h5,
|
||||
.retro-h5 {
|
||||
font-size: 1.121rem;
|
||||
}
|
||||
|
||||
h6,
|
||||
.retro-h6 {
|
||||
font-size: .88rem;
|
||||
}
|
||||
|
||||
small,
|
||||
.retro-small {
|
||||
font-size: .707em;
|
||||
}
|
||||
|
||||
/* https://github.com/mrmrs/fluidity */
|
||||
|
||||
canvas,
|
||||
iframe,
|
||||
video,
|
||||
svg,
|
||||
select,
|
||||
textarea {
|
||||
max-width: 100%;
|
||||
table {
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 30%;
|
||||
margin: auto;
|
||||
display: block;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
background-color: #222;
|
||||
min-height: 100%;
|
||||
.collection {
|
||||
border-radius:2px;
|
||||
overflow:hidden;
|
||||
position:relative
|
||||
}
|
||||
|
||||
html {
|
||||
font-size: 18px;
|
||||
.collection .collection-item {
|
||||
background-color:#fff;
|
||||
line-height:1.5rem;
|
||||
padding:10px 20px;
|
||||
margin:0;
|
||||
border-bottom:1px solid #e0e0e0
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 48rem;
|
||||
margin: 6rem auto 1rem;
|
||||
padding: .25rem;
|
||||
.collection .collection-item:last-child {
|
||||
border-bottom:none
|
||||
}
|
||||
|
||||
body {
|
||||
color: #fafafa;
|
||||
font-family: "Courier New";
|
||||
line-height: 1.45;
|
||||
.collection a.collection-item {
|
||||
display:block;
|
||||
transition:.25s;
|
||||
color:#26a69a
|
||||
}
|
||||
|
||||
pre {
|
||||
background-color: #333;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
border-left: 3px solid #01ff70;
|
||||
padding-left: 1rem;
|
||||
}
|
||||
|
||||
hr {
|
||||
border:0;
|
||||
border-top: dashed 2px;
|
||||
.collection a.collection-item:not(.active):hover {
|
||||
background-color:#ddd
|
||||
}
|
||||
|
|
|
|||
290
css/markdown7.css
Normal file
290
css/markdown7.css
Normal file
|
|
@ -0,0 +1,290 @@
|
|||
/* Source: https://github.com/jasonm23/markdown-css-themes */
|
||||
body {
|
||||
font-family: Helvetica, arial, sans-serif;
|
||||
font-size: 14px;
|
||||
line-height: 1.6;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
background-color: white;
|
||||
padding: 30px; }
|
||||
|
||||
body > *:first-child {
|
||||
margin-top: 0 !important; }
|
||||
body > *:last-child {
|
||||
margin-bottom: 0 !important; }
|
||||
|
||||
a {
|
||||
color: #4183C4; }
|
||||
a.absent {
|
||||
color: #cc0000; }
|
||||
a.anchor {
|
||||
display: block;
|
||||
padding-left: 30px;
|
||||
margin-left: -30px;
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0; }
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin: 20px 0 10px;
|
||||
padding: 0;
|
||||
font-weight: bold;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
cursor: text;
|
||||
position: relative; }
|
||||
|
||||
h1:hover a.anchor, h2:hover a.anchor, h3:hover a.anchor, h4:hover a.anchor, h5:hover a.anchor, h6:hover a.anchor {
|
||||
text-decoration: none; }
|
||||
|
||||
h1 tt, h1 code {
|
||||
font-size: inherit; }
|
||||
|
||||
h2 tt, h2 code {
|
||||
font-size: inherit; }
|
||||
|
||||
h3 tt, h3 code {
|
||||
font-size: inherit; }
|
||||
|
||||
h4 tt, h4 code {
|
||||
font-size: inherit; }
|
||||
|
||||
h5 tt, h5 code {
|
||||
font-size: inherit; }
|
||||
|
||||
h6 tt, h6 code {
|
||||
font-size: inherit; }
|
||||
|
||||
h1 {
|
||||
font-size: 28px;
|
||||
color: black; }
|
||||
|
||||
h2 {
|
||||
font-size: 24px;
|
||||
border-bottom: 1px solid #cccccc;
|
||||
color: black; }
|
||||
|
||||
h3 {
|
||||
font-size: 18px; }
|
||||
|
||||
h4 {
|
||||
font-size: 16px; }
|
||||
|
||||
h5 {
|
||||
font-size: 14px; }
|
||||
|
||||
h6 {
|
||||
color: #777777;
|
||||
font-size: 14px; }
|
||||
|
||||
p, blockquote, ul, ol, dl, li, table, pre {
|
||||
margin: 15px 0; }
|
||||
|
||||
hr {
|
||||
border: 0 none;
|
||||
color: #cccccc;
|
||||
height: 4px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
body > h2:first-child {
|
||||
margin-top: 0;
|
||||
padding-top: 0; }
|
||||
body > h1:first-child {
|
||||
margin-top: 0;
|
||||
padding-top: 0; }
|
||||
body > h1:first-child + h2 {
|
||||
margin-top: 0;
|
||||
padding-top: 0; }
|
||||
body > h3:first-child, body > h4:first-child, body > h5:first-child, body > h6:first-child {
|
||||
margin-top: 0;
|
||||
padding-top: 0; }
|
||||
|
||||
a:first-child h1, a:first-child h2, a:first-child h3, a:first-child h4, a:first-child h5, a:first-child h6 {
|
||||
margin-top: 0;
|
||||
padding-top: 0; }
|
||||
|
||||
h1 p, h2 p, h3 p, h4 p, h5 p, h6 p {
|
||||
margin-top: 0; }
|
||||
|
||||
li p.first {
|
||||
display: inline-block; }
|
||||
li {
|
||||
margin: 0; }
|
||||
ul, ol {
|
||||
padding-left: 30px; }
|
||||
|
||||
ul :first-child, ol :first-child {
|
||||
margin-top: 0; }
|
||||
|
||||
dl {
|
||||
padding: 0; }
|
||||
dl dt {
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
font-style: italic;
|
||||
padding: 0;
|
||||
margin: 15px 0 5px; }
|
||||
dl dt:first-child {
|
||||
padding: 0; }
|
||||
dl dt > :first-child {
|
||||
margin-top: 0; }
|
||||
dl dt > :last-child {
|
||||
margin-bottom: 0; }
|
||||
dl dd {
|
||||
margin: 0 0 15px;
|
||||
padding: 0 15px; }
|
||||
dl dd > :first-child {
|
||||
margin-top: 0; }
|
||||
dl dd > :last-child {
|
||||
margin-bottom: 0; }
|
||||
|
||||
blockquote {
|
||||
border-left: 4px solid #dddddd;
|
||||
padding: 0 15px;
|
||||
color: #777777; }
|
||||
blockquote > :first-child {
|
||||
margin-top: 0; }
|
||||
blockquote > :last-child {
|
||||
margin-bottom: 0; }
|
||||
|
||||
table {
|
||||
padding: 0;border-collapse: collapse; }
|
||||
table tr {
|
||||
border-top: 1px solid #cccccc;
|
||||
background-color: white;
|
||||
margin: 0;
|
||||
padding: 0; }
|
||||
table tr:nth-child(2n) {
|
||||
background-color: #f8f8f8; }
|
||||
table tr th {
|
||||
font-weight: bold;
|
||||
border: 1px solid #cccccc;
|
||||
margin: 0;
|
||||
padding: 6px 13px; }
|
||||
table tr td {
|
||||
border: 1px solid #cccccc;
|
||||
margin: 0;
|
||||
padding: 6px 13px; }
|
||||
table tr th :first-child, table tr td :first-child {
|
||||
margin-top: 0; }
|
||||
table tr th :last-child, table tr td :last-child {
|
||||
margin-bottom: 0; }
|
||||
|
||||
img {
|
||||
max-width: 100%; }
|
||||
|
||||
span.frame {
|
||||
display: block;
|
||||
overflow: hidden; }
|
||||
span.frame > span {
|
||||
border: 1px solid #dddddd;
|
||||
display: block;
|
||||
float: left;
|
||||
overflow: hidden;
|
||||
margin: 13px 0 0;
|
||||
padding: 7px;
|
||||
width: auto; }
|
||||
span.frame span img {
|
||||
display: block;
|
||||
float: left; }
|
||||
span.frame span span {
|
||||
clear: both;
|
||||
color: #333333;
|
||||
display: block;
|
||||
padding: 5px 0 0; }
|
||||
span.align-center {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
clear: both; }
|
||||
span.align-center > span {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
margin: 13px auto 0;
|
||||
text-align: center; }
|
||||
span.align-center span img {
|
||||
margin: 0 auto;
|
||||
text-align: center; }
|
||||
span.align-right {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
clear: both; }
|
||||
span.align-right > span {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
margin: 13px 0 0;
|
||||
text-align: right; }
|
||||
span.align-right span img {
|
||||
margin: 0;
|
||||
text-align: right; }
|
||||
span.float-left {
|
||||
display: block;
|
||||
margin-right: 13px;
|
||||
overflow: hidden;
|
||||
float: left; }
|
||||
span.float-left span {
|
||||
margin: 13px 0 0; }
|
||||
span.float-right {
|
||||
display: block;
|
||||
margin-left: 13px;
|
||||
overflow: hidden;
|
||||
float: right; }
|
||||
span.float-right > span {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
margin: 13px auto 0;
|
||||
text-align: right; }
|
||||
|
||||
code, tt {
|
||||
margin: 0 2px;
|
||||
padding: 0 5px;
|
||||
white-space: nowrap;
|
||||
border: 1px solid #eaeaea;
|
||||
background-color: #f8f8f8;
|
||||
border-radius: 3px; }
|
||||
|
||||
pre code {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
white-space: pre;
|
||||
border: none;
|
||||
background: transparent; }
|
||||
|
||||
.highlight pre {
|
||||
background-color: #f8f8f8;
|
||||
border: 1px solid #cccccc;
|
||||
font-size: 13px;
|
||||
line-height: 19px;
|
||||
overflow: auto;
|
||||
padding: 6px 10px;
|
||||
border-radius: 3px; }
|
||||
|
||||
pre {
|
||||
background-color: #f8f8f8;
|
||||
border: 1px solid #cccccc;
|
||||
font-size: 13px;
|
||||
line-height: 19px;
|
||||
overflow: auto;
|
||||
padding: 6px 10px;
|
||||
border-radius: 3px; }
|
||||
pre code, pre tt {
|
||||
background-color: transparent;
|
||||
border: none; }
|
||||
|
||||
sup {
|
||||
font-size: 0.83em;
|
||||
vertical-align: super;
|
||||
line-height: 0;
|
||||
}
|
||||
* {
|
||||
-webkit-print-color-adjust: exact;
|
||||
}
|
||||
@media print {
|
||||
table, pre {
|
||||
page-break-inside: avoid;
|
||||
}
|
||||
pre {
|
||||
word-wrap: break-word;
|
||||
}
|
||||
}
|
||||
30
css/markov.css
Normal file
30
css/markov.css
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
.button {
|
||||
padding: .25em;
|
||||
display: inline;
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
cursor: hand;
|
||||
font-size: 4em;
|
||||
}
|
||||
|
||||
.buttons {
|
||||
text-align: center;
|
||||
padding-top: 2em;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
-o-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
#versus {
|
||||
text-align: center;
|
||||
display: none;
|
||||
position:relative;
|
||||
}
|
||||
|
||||
html {
|
||||
font-size: 18px;
|
||||
}
|
||||
47
index.html
Normal file
47
index.html
Normal file
|
|
@ -0,0 +1,47 @@
|
|||
---
|
||||
layout: default
|
||||
title: The Paper Pilot
|
||||
nocard: true
|
||||
---
|
||||
{% for post in site.posts %}
|
||||
<div class="cite" style="background: #fff;border-radius: 2px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);">
|
||||
<a href="{{ post.url }}">
|
||||
<div class="card">
|
||||
<h1>{{ post.title }}</h1>
|
||||
{{ post.content }}
|
||||
</div>
|
||||
</a>
|
||||
<ul class="inline" style="display: inline-block; margin-bottom: 1em;">
|
||||
{{ post.date | date: '%B %d, %Y' }}
|
||||
{% for tag in post.tags %}
|
||||
<li><a href="/tags/#{{ tag | slugify }}"> {{ tag }} </a></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
{% endfor %}
|
||||
|
||||
{% if paginator.total_pages > 1 %}
|
||||
<div class="card">
|
||||
{% if paginator.previous_page %}
|
||||
<a href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">« Prev</a>
|
||||
{% else %}
|
||||
<span>« Prev</span>
|
||||
{% endif %}
|
||||
|
||||
{% for page in (1..paginator.total_pages) %}
|
||||
{% if page == paginator.page %}
|
||||
<em>{{ page }}</em>
|
||||
{% elsif page == 1 %}
|
||||
<a href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">{{ page }}</a>
|
||||
{% else %}
|
||||
<a href="{{ site.paginate_path | prepend: site.baseurl | replace: '//', '/' | replace: ':num', page }}">{{ page }}</a>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
{% if paginator.next_page %}
|
||||
<a href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">Next »</a>
|
||||
{% else %}
|
||||
<span>Next »</span>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endif %}
|
||||
9
index.md
9
index.md
|
|
@ -1,9 +0,0 @@
|
|||
---
|
||||
layout: default
|
||||
title: The Paper Pilot
|
||||
name: Home
|
||||
---
|
||||
# Hello!
|
||||
I'm Anthony Lawn, or "The Paper Pilot". My passion is computer science, which you can see from my history of software engineering and game development stretching across desktop, web, and mobile applications. I'm currently attending the University of Texas at Dallas, working towards a B.S. in Computer Science.
|
||||
|
||||
I have experience with ActionScript, Bash script, CSS, HTML, Java, JavaScript, Python, and Ruby. Additionally, I can use Git, LaTeX, and Jekyll. I really like LaTeX and markdown for writing things, including this website.
|
||||
|
|
@ -1,55 +1,3 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<title>Markov Chains are cool</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="main.css">
|
||||
<meta charset="utf-8">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="buttons">
|
||||
<span class="button" onclick="rock();">✊</span>
|
||||
<span class="button" onclick="paper();">✋</span>
|
||||
<span class="button" onclick="scissors();">✌</span>
|
||||
</div>
|
||||
<hr />
|
||||
<div id="versus">
|
||||
<span class="text">you →</span><span class="button" id="player">✊</span>
|
||||
<span class="text" style="display: inline-block; vertical-align: middle;">VS</span>
|
||||
<span class="button" id="com">✊</span><span class="text">← me</span>
|
||||
<br />
|
||||
<span style="color: gold" class="large" id="result">Computer Wins</span>
|
||||
<hr />
|
||||
</div>
|
||||
<div class="stats">
|
||||
<div class="large" style="vertical-align: middle;text-align: center;">stats</div>
|
||||
<span class="text">
|
||||
computer wins: <span id="loss">0</span><br />
|
||||
 expected: <span id="loss_expected">0</span><br /><br />
|
||||
player wins: <span id="win">0</span><br />
|
||||
 expected: <span id="win_expected">0</span> <br /><br />
|
||||
ties: <span id="tie">0</span><br />
|
||||
 expected: <span id="tie_expected">0</span><br />
|
||||
</span>
|
||||
<br />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
<hr />
|
||||
<ul>
|
||||
<li><a href="http://www.thepaperpilot.org/">website</a></li>
|
||||
<li><a href="https://github.com/thepaperpilot">github</a></li>
|
||||
<li><a href="https://www.linkedin.com/pub/anthony-lawn/a9/a98/2">linkedin</a></li>
|
||||
<li><a href="https://drive.google.com/uc?export=download&id=0B4xCmMA9eS2jZExWTGhtbS1nT0k">resume</a></li>
|
||||
</ul>
|
||||
</footer>
|
||||
</body>
|
||||
|
||||
<script>
|
||||
var games = 0;
|
||||
|
||||
var wins = 0;
|
||||
|
|
@ -159,6 +107,3 @@ function calcWinner(player, computer) {
|
|||
return 0;
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
</html>
|
||||
351
markov/main.css
351
markov/main.css
|
|
@ -1,351 +0,0 @@
|
|||
.container {
|
||||
margin: 0 auto 2rem;
|
||||
padding: .25rem;
|
||||
padding-bottom: 2em;
|
||||
}
|
||||
.button {
|
||||
padding: .25em;
|
||||
display: inline;
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
cursor: hand;
|
||||
}
|
||||
.buttons {
|
||||
text-align: center;
|
||||
padding-top: 2em;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
-o-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
#versus {
|
||||
text-align: center;
|
||||
display: none;
|
||||
position:relative;
|
||||
}
|
||||
.stats {
|
||||
width: 50%;
|
||||
margin: 0 auto;
|
||||
position:relative;
|
||||
}
|
||||
footer ul {
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
font-weight: bold;
|
||||
display: inline;
|
||||
text-align: center;
|
||||
}
|
||||
footer ul li {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
padding-right: 1em;
|
||||
padding-left: 1em;
|
||||
white-space: nowrap;
|
||||
}
|
||||
footer {
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
margin-bottom: 5px;
|
||||
width: 100%;
|
||||
}
|
||||
a, a:visited {
|
||||
color: #01ff70;
|
||||
text-decoration: none;
|
||||
}
|
||||
a:hover, a:focus, a:active {
|
||||
color: #2ecc40;
|
||||
}
|
||||
html {
|
||||
font-size: 18px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
*, *:before, *:after {
|
||||
box-sizing: inherit;
|
||||
}
|
||||
body {
|
||||
margin: 0;
|
||||
position: relative;
|
||||
color: #fafafa;
|
||||
font-family: "Courier New";
|
||||
line-height: 1.45;
|
||||
}
|
||||
html, body {
|
||||
background-color: #222;
|
||||
min-height: 100%;
|
||||
}
|
||||
hr {
|
||||
border: 0;
|
||||
border-top: dashed 2px;
|
||||
}
|
||||
@media all and (min-width: 50px) {
|
||||
.button {
|
||||
font-size: .5em;
|
||||
}
|
||||
.large {
|
||||
font-size: .25em;
|
||||
}
|
||||
body {
|
||||
padding-bottom: 0.1em;
|
||||
}
|
||||
footer, .text {
|
||||
font-size: 0.1em;
|
||||
}
|
||||
}
|
||||
@media all and (min-width: 100px) {
|
||||
.button {
|
||||
font-size: 1em;
|
||||
}
|
||||
.large {
|
||||
font-size: .5em;
|
||||
}
|
||||
body {
|
||||
padding-bottom: 0.2em;
|
||||
}
|
||||
footer, .text {
|
||||
font-size: 0.2em;
|
||||
}
|
||||
}
|
||||
@media all and (min-width: 200px) {
|
||||
.button {
|
||||
font-size: 2em;
|
||||
}
|
||||
.large {
|
||||
font-size: 1em;
|
||||
}
|
||||
body {
|
||||
padding-bottom: 0.4em;
|
||||
}
|
||||
footer, .text {
|
||||
font-size: 0.4em;
|
||||
}
|
||||
}
|
||||
@media all and (min-width: 300px) {
|
||||
.button {
|
||||
font-size: 3em;
|
||||
}
|
||||
.large {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
body {
|
||||
padding-bottom: 0.6em;
|
||||
}
|
||||
footer, .text {
|
||||
font-size: 0.6em;
|
||||
}
|
||||
}
|
||||
@media all and (min-width: 400px) {
|
||||
.button {
|
||||
font-size: 4em;
|
||||
}
|
||||
.large {
|
||||
font-size: 2em;
|
||||
}
|
||||
body {
|
||||
padding-bottom: 0.8em;
|
||||
}
|
||||
footer, .text {
|
||||
font-size: 0.8em;
|
||||
}
|
||||
}
|
||||
@media all and (min-width: 500px) {
|
||||
.button {
|
||||
font-size: 5em;
|
||||
}
|
||||
.large {
|
||||
font-size: 2.5em;
|
||||
}
|
||||
body {
|
||||
padding-bottom: 1.0em;
|
||||
}
|
||||
footer, .text {
|
||||
font-size: 1.0em;
|
||||
}
|
||||
}
|
||||
@media all and (min-width: 600px) {
|
||||
.button {
|
||||
font-size: 6em;
|
||||
}
|
||||
.large {
|
||||
font-size: 3em;
|
||||
}
|
||||
body {
|
||||
padding-bottom: 1.2em;
|
||||
}
|
||||
footer, .text {
|
||||
font-size: 1.2em;
|
||||
}
|
||||
}
|
||||
@media all and (min-width: 700px) {
|
||||
.button {
|
||||
font-size: 7em;
|
||||
}
|
||||
.large {
|
||||
font-size: 3.5em;
|
||||
}
|
||||
body {
|
||||
padding-bottom: 1.4em;
|
||||
}
|
||||
footer, .text {
|
||||
font-size: 1.4em;
|
||||
}
|
||||
}
|
||||
@media all and (min-width: 800px) {
|
||||
.button {
|
||||
font-size: 8em;
|
||||
}
|
||||
.large {
|
||||
font-size: 4em;
|
||||
}
|
||||
body {
|
||||
padding-bottom: 1.6em;
|
||||
}
|
||||
footer, .text {
|
||||
font-size: 1.6em;
|
||||
}
|
||||
}
|
||||
@media all and (min-width: 900px) {
|
||||
.button {
|
||||
font-size: 9em;
|
||||
}
|
||||
.large {
|
||||
font-size: 4.5em;
|
||||
}
|
||||
body {
|
||||
padding-bottom: 1.8em;
|
||||
}
|
||||
footer, .text {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media all and (min-width: 1000px) {
|
||||
.button {
|
||||
font-size: 10em;
|
||||
}
|
||||
.large {
|
||||
font-size: 5em;
|
||||
}
|
||||
body {
|
||||
padding-bottom: 2.0em;
|
||||
}
|
||||
footer, .text {
|
||||
font-size: 2.0em;
|
||||
}
|
||||
}
|
||||
@media all and (min-width: 1100px) {
|
||||
.button {
|
||||
font-size: 11em;
|
||||
}
|
||||
.large {
|
||||
font-size: 5.5em;
|
||||
}
|
||||
body {
|
||||
padding-bottom: 2.2em;
|
||||
}
|
||||
footer, .text {
|
||||
font-size: 2.2em;
|
||||
}
|
||||
}
|
||||
@media all and (min-width: 1200px) {
|
||||
.button {
|
||||
font-size: 12em;
|
||||
}
|
||||
.large {
|
||||
font-size: 6em;
|
||||
}
|
||||
body {
|
||||
padding-bottom: 2.4em;
|
||||
}
|
||||
footer, .text {
|
||||
font-size: 2.4em;
|
||||
}
|
||||
}
|
||||
@media all and (min-width: 1300px) {
|
||||
.button {
|
||||
font-size: 13em;
|
||||
}
|
||||
.large {
|
||||
font-size: 6.5em;
|
||||
}
|
||||
body {
|
||||
padding-bottom: 2.6em;
|
||||
}
|
||||
footer, .text {
|
||||
font-size: 2.6em;
|
||||
}
|
||||
}
|
||||
@media all and (min-width: 1400px) {
|
||||
.button {
|
||||
font-size: 14em;
|
||||
}
|
||||
.large {
|
||||
font-size: 7em;
|
||||
}
|
||||
body {
|
||||
padding-bottom: 2.8em;
|
||||
}
|
||||
footer, .text {
|
||||
font-size: 2.8em;
|
||||
}
|
||||
}
|
||||
@media all and (min-width: 1500px) {
|
||||
.button {
|
||||
font-size: 15em;
|
||||
}
|
||||
.large {
|
||||
font-size: 7.5em;
|
||||
}
|
||||
body {
|
||||
padding-bottom: 3.0em;
|
||||
}
|
||||
footer, .text {
|
||||
font-size: 3.0em;
|
||||
}
|
||||
}
|
||||
@media all and (min-width: 1500px) {
|
||||
.button {
|
||||
font-size: 16em;
|
||||
}
|
||||
.large {
|
||||
font-size: 8em;
|
||||
}
|
||||
body {
|
||||
padding-bottom: 3.2em;
|
||||
}
|
||||
footer, .text {
|
||||
font-size: 3.2em;
|
||||
}
|
||||
}
|
||||
@media all and (min-width: 1600px) {
|
||||
.button {
|
||||
font-size: 17em;
|
||||
}
|
||||
.large {
|
||||
font-size: 8.4em;
|
||||
}
|
||||
body {
|
||||
padding-bottom: 3.4em;
|
||||
}
|
||||
footer, .text {
|
||||
font-size: 3.4em;
|
||||
}
|
||||
}
|
||||
@media all and (min-width: 1700px) {
|
||||
.button {
|
||||
font-size: 18em;
|
||||
}
|
||||
.large {
|
||||
font-size: 9em;
|
||||
}
|
||||
body {
|
||||
padding-bottom: 3.6em;
|
||||
}
|
||||
footer, .text {
|
||||
font-size: 3.6em;
|
||||
}
|
||||
}
|
||||
40
tags.html
Normal file
40
tags.html
Normal file
|
|
@ -0,0 +1,40 @@
|
|||
---
|
||||
layout: default
|
||||
nocard: true
|
||||
title: Tags
|
||||
---
|
||||
{% assign rawtags = "" %}
|
||||
{% for post in site.posts %}
|
||||
{% assign ttags = post.tags | join:'|' | append:'|' %}
|
||||
{% assign rawtags = rawtags | append:ttags %}
|
||||
{% endfor %}
|
||||
{% assign rawtags = rawtags | split:'|' | sort %}
|
||||
|
||||
{% assign tags = "" %}
|
||||
{% for tag in rawtags %}
|
||||
{% if tag != "" %}
|
||||
{% if tags == "" %}
|
||||
{% assign tags = tag | split:'|' %}
|
||||
{% endif %}
|
||||
{% unless tags contains tag %}
|
||||
{% assign tags = tags | join:'|' | append:'|' | append:tag | split:'|' %}
|
||||
{% endunless %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
{% for tag in tags %}
|
||||
<div class="card">
|
||||
<h2 id="{{ tag | slugify }}">{{ tag }}</h2>
|
||||
<div class="collection">
|
||||
{% for post in site.posts %}
|
||||
{% if post.tags contains tag %}
|
||||
<h3>
|
||||
<a href="{{ post.url }}" class="collection-item">
|
||||
{{ post.title }}
|
||||
</a>
|
||||
</h3>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
Loading…
Reference in a new issue