Made the site more material, handle more projects better, and add some new projects
This commit is contained in:
parent
c0f53ead7a
commit
ab456e548d
73 changed files with 409 additions and 634 deletions
|
|
@ -4,30 +4,35 @@ title: Black Hat
|
|||
---
|
||||
<style>
|
||||
.centerimages {
|
||||
text-align: center;
|
||||
text-align: center !important;
|
||||
margin: 15px 0 !important;
|
||||
}
|
||||
|
||||
.centerimages img {
|
||||
width: 30%;
|
||||
display: inline-block;
|
||||
margin: unset;
|
||||
width: 30% !important;
|
||||
display: inline-block !important;
|
||||
margin: unset !important;
|
||||
}
|
||||
</style>
|
||||
> by Anthony Lawn
|
||||
|
||||
A game about an 80s blackhat hacker who plans and executes feats of social engineering to take down the largest conglomerate business in history.
|
||||
A game about an 80s blackhat hacker for hire who plans and executes feats of social engineering to attack the largest business conglomerates in the world.
|
||||
|
||||
## Concept
|
||||
#### Concept
|
||||
|
||||
The player uses their trusty computer to surveil a corporation controlling everything in society from their food to their entertainment to their government. With knowledge in hand they proceed to plan an adventure-style mission to social engineer themselves into the corporation and take it down from the inside. Missions have no failure state and the outcomes of each mission guide the rest of the game and its story towards one of many endings.
|
||||
The player uses their trusty computer to surveil target corporations. With knowledge in hand they proceed to plan an adventure-style mission to infiltrate and attack the corporation and take it down. Missions have no failure state and the outcomes of each mission guide the rest of the game and its story towards one of many endings.
|
||||
|
||||
## Gameplay
|
||||
#### Gameplay
|
||||
|
||||
Use a terminal to get money or perform surveillance on big bad enemy (a corporation). With this information you plan missions against the corporation. While still at home you switch between various applications (a terminal, web browser, IRC, and a notepad) the latter of which lists the knowledge you've discovered as well as your decisions on how to take out the heist. As you discover more information more options can become available to you. Once you lock in your decisions a cutscene plays, with your chosen options directing the scene and its outcome. The mission will have some amount of success that affects the rest of the missions (and can cause characters to recur or become suspicious or other things). Note that "failing" a mission does NOT end the game, just gives the player a different story than if they had succeeded. The final ending is determined by the success of the last mission, with some potential flavor text determined by extreme success/failure in previous missions. Each ending should feel complete, and conclusive. Indeed, the whole game should have a sense of ambiguity to the point where it isn't even clear what endings are "good" or "bad".
|
||||
Use a terminal to get money or perform surveillance on the target organization. With this information you plan missions against the corporation. While still at home you switch between various applications (a terminal, web browser, IRC, and a notepad) the latter of which lists the knowledge you've discovered. The general UI is a computer in the middle, a whiteboard where you make the decisions about the mission on the left, and a door (to actually perform the mission) on the right. As you discover more information more options can become available to you on the whiteboard. Once you lock in your decisions(exit through the door) a cutscene plays, with your chosen options directing the scene and its outcome. The mission will have some amount of success that affects the rest of the missions (and can cause characters to recur or become suspicious or other things). Note that "failing" a mission does NOT end the game, just gives the player a different story than if they had succeeded. The final ending is determined by the success of the last mission, with some potential flavor text determined by extreme success/failure in previous missions. Each ending should feel complete, and conclusive. Indeed, the whole game should have a sense of ambiguity to the point where it isn't even clear what endings are "good" or "bad".
|
||||
|
||||
For example, the first mission would be all about gathering more information about the corporation. You could decide whether to use a rubber ducky or a wifi pineapple, etc. You could choose to just drop the device where someone will/won't find it (depending on the device), or whether to attempt infiltration through social engineering. Maybe one set of options would get a rubber ducky confiscated and plugged into a security terminal, allowing more of the info gathering script to succeed than it would on a normal employee's terminal. These outcomes could make certain characters become suspicious of you, get in trouble with management, etc., and also determine what pieces of information you can use later on for researching the company (e.g. whether you can access their network).
|
||||
|
||||
Certain interactions while researching (such as talking on IRC) may also influence how the missions will go. These are not decisions you make while planning, but rather consequences incurred whilst in the planning stage.
|
||||
|
||||
## Aesthetic
|
||||
To give an example of an ending that doesn't feel like a failure while still not being the expected "true" ending (even though no ending will be the "right"/"true" ending) is if the protagonist actually determines the corporation is doing good, and the person who hired you is the real villain.
|
||||
|
||||
#### Aesthetic
|
||||
|
||||
The game will take place in the 80s, with dark or faded colors, especially faded gold. A good reference point would be the [Halt and Catch Fire](https://www.google.com/search?tbm=isch&q=halt+and+catch+fire+scene) or, to a lesser extent, [Mr.Robot](https://www.google.com/search?tbm=isch&q=mr+robot+scene) aesthetic. Try to include references to [1980s hackers](https://en.wikipedia.org/wiki/Timeline_of_computer_security_hacker_history#1980s) or other things that make it feel more authentically 80s.
|
||||
|
||||
|
|
@ -37,6 +42,6 @@ The game will take place in the 80s, with dark or faded colors, especially faded
|
|||
|
||||
The atmosphere is filled with ambiguity and paranoia. Worries about making too big a splash as just a kid. Gets threats from people on IRC, maybe on one day before going to a mission someone comes to his house looking for him, etc.
|
||||
|
||||
## Characters
|
||||
#### Characters
|
||||
|
||||
The main character is a teenager just realizing the state of the society he's in, and decided to do something about it (like the protagonist from (recent young adult movie)). Take inspiration from [Julian Assange](https://en.wikipedia.org/wiki/Julian_Assange), [Aaron Swartz](https://en.wikipedia.org/wiki/Aaron_Swartz), or maybe even [Kim Dotcom](https://en.wikipedia.org/wiki/Kim_Dotcom) (do note I'm not saying those were good people or that this protagonist is either).
|
||||
The main character is an infamous "hacker for hire", very cynical of the society he's in, and actually likes taking jobs against large companies that are ingrained in society. Take inspiration from [Julian Assange](https://en.wikipedia.org/wiki/Julian_Assange), [Aaron Swartz](https://en.wikipedia.org/wiki/Aaron_Swartz), or maybe even [Kim Dotcom](https://en.wikipedia.org/wiki/Kim_Dotcom) (do note I'm not saying those were good people or that this protagonist is either, or implying that any of them were blackhat hackers. Just I think they'd have similar values- pro free speech, transparency, consumer rights, etc.).
|
||||
|
|
|
|||
|
|
@ -1,5 +0,0 @@
|
|||
---
|
||||
layout: default
|
||||
title: One Click Man Screenshot 1
|
||||
---
|
||||
|
||||
|
|
@ -3,3 +3,5 @@ layout: default
|
|||
title: One Click Man
|
||||
---
|
||||
A small game made for the one button jam that explores the idea of being able to defeat any opponent in a single click. Made for the One Button Jam 2016 in under a week.
|
||||
|
||||
Unfortunately it was a busy week and I didn't get much done past the moving camera and 2-D objects in 3-D space. That is to say, the graphics and story didn't get much attention. Sorry.
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
---
|
||||
layout: default
|
||||
title: Fourth Order Screenshot 1
|
||||
title: Fourth Order Title
|
||||
---
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -1,5 +0,0 @@
|
|||
---
|
||||
layout: default
|
||||
title: Fourth Order Screenshot 2
|
||||
---
|
||||
|
||||
|
|
@ -1,5 +0,0 @@
|
|||
---
|
||||
layout: default
|
||||
title: Fourth Order Screenshot 3
|
||||
---
|
||||
|
||||
|
|
@ -1,5 +0,0 @@
|
|||
---
|
||||
layout: default
|
||||
title: Fourth Order Screenshot 4
|
||||
---
|
||||
|
||||
|
|
@ -3,3 +3,5 @@ layout: default
|
|||
title: Fourth Order
|
||||
---
|
||||
A game made in under 48 hours for UT Dallas' SGDA Spring 2016 Game Jam! A match-3 RPG, reminiscent of Puzzle Quest.
|
||||
|
||||
That said, due to time constraints there isn't a story nor much RPG elements. Sorry.
|
||||
|
|
|
|||
|
|
@ -6,27 +6,35 @@ 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 class="card-content">
|
||||
<span class="button" onclick="rock();">✊</span>
|
||||
<span class="button" onclick="paper();">✋</span>
|
||||
<span class="button" onclick="scissors();">✌</span>
|
||||
</div>
|
||||
</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 class="card-content">
|
||||
<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>
|
||||
|
||||
<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 class="card-content">
|
||||
<span class="card-title">Stats</span>
|
||||
<p>
|
||||
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 />
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="/js/markov.js" type="text/javascript"></script>
|
||||
|
|
|
|||
|
|
@ -1,5 +0,0 @@
|
|||
---
|
||||
layout: default
|
||||
title: Red Pen Screenshot 1
|
||||
---
|
||||
|
||||
|
|
@ -1,5 +0,0 @@
|
|||
---
|
||||
layout: default
|
||||
title: Red Pen Screenshot 2
|
||||
---
|
||||
|
||||
|
|
@ -1,5 +0,0 @@
|
|||
---
|
||||
layout: default
|
||||
title: Red Pen Screenshot 3
|
||||
---
|
||||
|
||||
|
|
@ -1,5 +0,0 @@
|
|||
---
|
||||
layout: default
|
||||
title: Red Pen Screenshot 4
|
||||
---
|
||||
|
||||
|
|
@ -1,5 +0,0 @@
|
|||
---
|
||||
layout: default
|
||||
title: Red Pen Screenshot 5
|
||||
---
|
||||
|
||||
|
|
@ -9,3 +9,5 @@ There are 5 chapters planned. This game is currently in development. If you want
|
|||
Much of what else I'd like to say borders on spoiler territory. If you'd like to learn more see the [story.md](https://github.com/thepaperpilot/Red-Pen/blob/master/story.md) document on the github page, or look at [thoughts.md](https://github.com/thepaperpilot/Red-Pen/blob/master/thoughts.md) for what I currently am working on!
|
||||
|
||||
You can follow development in a telegram broadcast channel at [https://telegram.me/tppRedPen](https://telegram.me/tppRedPen)
|
||||
|
||||
Development is temporarily paused, but will be resumed in a new engine.
|
||||
|
|
|
|||
|
|
@ -1,5 +0,0 @@
|
|||
---
|
||||
layout: default
|
||||
title: Reddit Exporter Screenshot 1
|
||||
---
|
||||
|
||||
|
|
@ -1,5 +0,0 @@
|
|||
---
|
||||
layout: default
|
||||
title: 12 is Strange Screenshot 1
|
||||
---
|
||||
|
||||
|
|
@ -1,5 +0,0 @@
|
|||
---
|
||||
layout: default
|
||||
title: 12 is Strange Screenshot 2
|
||||
---
|
||||
|
||||
|
|
@ -1,5 +0,0 @@
|
|||
---
|
||||
layout: default
|
||||
title: 12 is Strange Screenshot 3
|
||||
---
|
||||
|
||||
|
|
@ -1,5 +0,0 @@
|
|||
---
|
||||
layout: default
|
||||
title: 12 is Strange Screenshot 4
|
||||
---
|
||||
|
||||
5
_content/web/web.md
Normal file
5
_content/web/web.md
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
---
|
||||
layout: default
|
||||
title: Web Design
|
||||
---
|
||||
I've designed this website, and you can see the source [here](https://github.com/thepaperpilot/thepaperpilot.github.io/). I've also made the website for [UTD's PreProduction Collaborative](https://utdprepro.github.io/) club, whose source you can see [here](https://github.com/utdprepro/utdprepro.github.io).
|
||||
|
|
@ -4,7 +4,8 @@
|
|||
<head>
|
||||
<title>{{ page.title }}</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="/css/markdown7.css">
|
||||
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.8/css/materialize.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="/css/main.css">
|
||||
<meta charset="utf-8">
|
||||
|
||||
|
|
@ -33,67 +34,79 @@
|
|||
</head>
|
||||
|
||||
<body>
|
||||
<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>
|
||||
|
||||
{% 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>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<div class="head">
|
||||
{% if page.title != "The Paper Pilot" %}
|
||||
<h5><a class="white-text" href="/">The Paper Pilot</a></h5>
|
||||
{% endif %}
|
||||
|
||||
{% 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 | markdownify }}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
{% elsif page.nocard %}
|
||||
{{ content }}
|
||||
{% else %}
|
||||
<div class="card">
|
||||
{{ content }}
|
||||
</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:arl150230@utdallas.edu">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>
|
||||
<li><a href="/feed.xml">feed</a></li>
|
||||
</ul>
|
||||
</footer>
|
||||
<h1 class="page-title white-text">{{ page.title }}</h1>
|
||||
</div>
|
||||
|
||||
{% if page.links %}
|
||||
<div class="card">
|
||||
<div class="card-action">
|
||||
{% for link in page.links %}
|
||||
{% assign split = link | split: "|" %}
|
||||
<a href="{{ split[1] }}">{{ split[0] }}</a>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% 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">
|
||||
<div class="card-content">
|
||||
{{ page.content | markdownify }}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
{% elsif page.nocard %}
|
||||
{{ content }}
|
||||
{% else %}
|
||||
<div class="card">
|
||||
<div class="card-content">
|
||||
{{ content }}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if page.tags.size > 0 %}
|
||||
<div class="card">
|
||||
<div class="card-action">
|
||||
{% for tag in page.tags %}
|
||||
<a href="/tags/#{{ tag | slugify }}"> {{ tag }} </a>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<footer>
|
||||
<ul>
|
||||
<li><a href="mailto:arl150230@utdallas.edu">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>
|
||||
<li><a href="/feed.xml">feed</a></li>
|
||||
</ul>
|
||||
</footer>
|
||||
|
||||
<script src="https://code.jquery.com/jquery-2.1.1.min.js" type="text/javascript"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.8/js/materialize.min.js" type="text/javascript"></script>
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function(){
|
||||
// for the home page
|
||||
$('.carousel.carousel-slider').carousel({full_width: true});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,7 @@
|
|||
---
|
||||
layout: default
|
||||
title: Space Game
|
||||
category: Game
|
||||
cards: [Space Game, Space Game Screenshot 1, Space Game Screenshot 2, Space Game Screenshot 3, Space Game Screenshot 4, Space Game Screenshot 5, Space Game Screenshot 6, Space Game Screenshot 7]
|
||||
links: ["Store Page|https://thepaperpilot.itch.io/space-game"]
|
||||
tags: [java, libgdx, game]
|
||||
|
|
|
|||
|
|
@ -1,6 +1,7 @@
|
|||
---
|
||||
layout: default
|
||||
title: Computer Science Kiosk
|
||||
title: Eagle Scout Project
|
||||
category: Other
|
||||
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, software]
|
||||
|
|
|
|||
|
|
@ -1,6 +1,7 @@
|
|||
---
|
||||
layout: default
|
||||
title: Conway
|
||||
category: Game
|
||||
cards: [Conway]
|
||||
links: ["Source Code|https://github.com/thepaperpilot/Conway"]
|
||||
tags: [java, android, game]
|
||||
|
|
|
|||
|
|
@ -1,8 +0,0 @@
|
|||
---
|
||||
layout: default
|
||||
title: Gift Exchange
|
||||
cards: [Gift Exchange]
|
||||
links: ["Source Code|https://github.com/thepaperpilot/christmasExchange"]
|
||||
tags: [java, software]
|
||||
---
|
||||
A program for automating family gift exchanges.
|
||||
|
|
@ -1,6 +1,7 @@
|
|||
---
|
||||
layout: default
|
||||
title: Digital Drawing
|
||||
category: Other
|
||||
cards: [Digital Drawing 1, Digital Drawing 2, Digital Drawing 3, Digital Drawing 4, Digital Drawing 5]
|
||||
tags: [photoshop]
|
||||
---
|
||||
|
|
|
|||
|
|
@ -1,6 +1,7 @@
|
|||
---
|
||||
layout: default
|
||||
title: iCan
|
||||
category: Software
|
||||
cards: [iCan, iCan Screenshot 1, iCan Screenshot 2, iCan Screenshot 3]
|
||||
links: ["Source Code|https://github.com/brianqvpham/iCan"]
|
||||
tags: [java, android, software, jam]
|
||||
|
|
|
|||
|
|
@ -1,7 +1,8 @@
|
|||
---
|
||||
layout: default
|
||||
title: 12 is Strange
|
||||
cards: [12 is Strange, 12 is Strange Screenshot 1, 12 is Strange Screenshot 2, 12 is Strange Screenshot 3, 12 is Strange Screenshot 4]
|
||||
category: Game
|
||||
cards: [12 is Strange]
|
||||
links: ["Source Code|https://github.com/thepaperpilot/12-is-strange", "Store Page|https://thepaperpilot.itch.io/12-is-strange"]
|
||||
tags: [java, libgdx, game, jam]
|
||||
---
|
||||
|
|
|
|||
|
|
@ -1,6 +1,8 @@
|
|||
---
|
||||
layout: default
|
||||
title: Solar TD
|
||||
category: Game
|
||||
banner: solar
|
||||
cards: [Solar TD, Solar TD Screenshot 1, Solar TD Screenshot 2, Solar TD Screenshot 3, Solar TD Screenshot 4, Solar TD Screenshot 5, Solar TD Screenshot 6]
|
||||
links: ["Source Code|https://github.com/thepaperpilot/SolarTD", "Store Page|http://thepaperpilot.itch.io/solar-td"]
|
||||
tags: [java, libgdx, game, jam]
|
||||
|
|
|
|||
|
|
@ -1,7 +1,9 @@
|
|||
---
|
||||
layout: default
|
||||
title: Red Pen
|
||||
cards: [Red Pen, Red Pen Screenshot 1, Red Pen Screenshot 2, Red Pen Screenshot 3, Red Pen Screenshot 4, Red Pen Screenshot 5]
|
||||
category: Game
|
||||
banner: redpen
|
||||
cards: [Red Pen]
|
||||
links: ["Source Code|https://github.com/thepaperpilot/Red-Pen", "Store Page|http://thepaperpilot.itch.io/red-pen"]
|
||||
tags: [java, libgdx, game, development]
|
||||
---
|
||||
|
|
|
|||
|
|
@ -1,7 +1,8 @@
|
|||
---
|
||||
layout: default
|
||||
title: Fourth Order
|
||||
cards: [Fourth Order, Fourth Order Screenshot 1, Fourth Order Screenshot 2, Fourth Order Screenshot 3, Fourth Order Screenshot 4]
|
||||
category: Game
|
||||
cards: [Fourth Order, Fourth Order Title]
|
||||
links: ["Source Code|https://github.com/thepaperpilot/fourth-order", "Store Page|https://thepaperpilot.itch.io/fourth-order"]
|
||||
tags: [java, libgdx, game, jam]
|
||||
---
|
||||
|
|
|
|||
|
|
@ -1,6 +1,7 @@
|
|||
---
|
||||
layout: default
|
||||
title: Shape Tycoon
|
||||
category: Game
|
||||
cards: [Shape Tycoon, Shape Tycoon Screenshot 1, Shape Tycoon Screenshot 2, Shape Tycoon Screenshot 3, Shape Tycoon Screenshot 4, Shape Tycoon Screenshot 5]
|
||||
links: ["Source Code|https://github.com/thepaperpilot/shape-tycoon", "Store Page|https://thepaperpilot.itch.io/shape-tycoon", "Ludum Dare Entry|http://ludumdare.com/compo/ludum-dare-35/?action=preview&uid=90524"]
|
||||
tags: [java, libgdx, game, jam]
|
||||
|
|
|
|||
|
|
@ -1,7 +1,8 @@
|
|||
---
|
||||
layout: default
|
||||
title: Markov Chains
|
||||
category: Software
|
||||
cards: [Markov Chains]
|
||||
tags: [web, software]
|
||||
tags: [software, 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.
|
||||
|
|
|
|||
|
|
@ -1,7 +1,8 @@
|
|||
---
|
||||
layout: default
|
||||
title: Reddit Exporter
|
||||
cards: [Reddit Exporter, Reddit Exporter Screenshot 1]
|
||||
category: Software
|
||||
cards: [Reddit Exporter]
|
||||
links: ["Source Code|https://github.com/thepaperpilot/RedditSavedLinksExporter"]
|
||||
tags: [web, python, software]
|
||||
---
|
||||
|
|
|
|||
|
|
@ -1,7 +1,8 @@
|
|||
---
|
||||
layout: default
|
||||
title: One Click Man
|
||||
cards: [One Click Man, One Click Man Screenshot 1]
|
||||
category: Game
|
||||
cards: [One Click Man]
|
||||
links: ["Source Code|https://github.com/thepaperpilot/OneClickMan", "Store Page|https://thepaperpilot.itch.io/one-click-man"]
|
||||
tags: [java, libgdx, game, jam]
|
||||
---
|
||||
|
|
|
|||
|
|
@ -1,6 +1,7 @@
|
|||
---
|
||||
layout: default
|
||||
title: todo.md
|
||||
category: Software
|
||||
cards: [todo.md, todo.md Screenshot 1, todo.md Screenshot 2]
|
||||
links: ["Source Code|https://github.com/thepaperpilot/todo.md"]
|
||||
tags: [web, python, software]
|
||||
|
|
|
|||
8
_posts/2016-09-02-webdesign.md
Normal file
8
_posts/2016-09-02-webdesign.md
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
---
|
||||
layout: default
|
||||
title: Web Design
|
||||
category: Other
|
||||
cards: [Web Design]
|
||||
tags: [web]
|
||||
---
|
||||
Websites I've designed for myself or others.
|
||||
|
|
@ -1,6 +1,8 @@
|
|||
---
|
||||
layout: default
|
||||
title: Black Hat
|
||||
category: Game
|
||||
banner: blackhat
|
||||
cards: [Black Hat]
|
||||
tags: [pre production, concept, game]
|
||||
---
|
||||
|
|
|
|||
|
|
@ -1,6 +1,8 @@
|
|||
---
|
||||
layout: default
|
||||
title: NaN
|
||||
category: Game
|
||||
banner: nan
|
||||
cards: [NaN, NaN Screenshot 1, NaN Screenshot 2, NaN Screenshot 3]
|
||||
links: ["Source Code|https://github.com/thepaperpilot/NaN", "Store Page|https://thepaperpilot.itch.io/nan"]
|
||||
tags: [python, pygame, game, jam]
|
||||
|
|
|
|||
10
_posts/2016-10-05-namedraw.md
Normal file
10
_posts/2016-10-05-namedraw.md
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
---
|
||||
layout: default
|
||||
title: Name Draw
|
||||
category: Software
|
||||
banner: namedraw
|
||||
cards: [NaN, NaN Screenshot 1, NaN Screenshot 2, NaN Screenshot 3]
|
||||
links: ["Source Code|https://github.com/thepaperpilot/NameDraw", "Web App|https://namedraw.tech"]
|
||||
tags: [software, rails, ruby, web]
|
||||
---
|
||||
A web app for co-ordinating group gift exchanges allowing for a variety of situations including secret santas or complex rules involving restricting who can give gifts to whom.
|
||||
BIN
assets/banners/blackhat.png
Normal file
BIN
assets/banners/blackhat.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
BIN
assets/banners/namedraw.png
Normal file
BIN
assets/banners/namedraw.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
BIN
assets/banners/nan.png
Normal file
BIN
assets/banners/nan.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
BIN
assets/banners/redpen.png
Normal file
BIN
assets/banners/redpen.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.8 KiB |
BIN
assets/banners/solar.png
Normal file
BIN
assets/banners/solar.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 581 KiB |
BIN
assets/fourth-assets/title.png
Normal file
BIN
assets/fourth-assets/title.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
BIN
assets/roboto/Roboto-Bold.eot
Normal file
BIN
assets/roboto/Roboto-Bold.eot
Normal file
Binary file not shown.
BIN
assets/roboto/Roboto-Bold.ttf
Normal file
BIN
assets/roboto/Roboto-Bold.ttf
Normal file
Binary file not shown.
BIN
assets/roboto/Roboto-Bold.woff
Normal file
BIN
assets/roboto/Roboto-Bold.woff
Normal file
Binary file not shown.
BIN
assets/roboto/Roboto-Bold.woff2
Normal file
BIN
assets/roboto/Roboto-Bold.woff2
Normal file
Binary file not shown.
BIN
assets/roboto/Roboto-Light.eot
Normal file
BIN
assets/roboto/Roboto-Light.eot
Normal file
Binary file not shown.
BIN
assets/roboto/Roboto-Light.ttf
Normal file
BIN
assets/roboto/Roboto-Light.ttf
Normal file
Binary file not shown.
BIN
assets/roboto/Roboto-Light.woff
Normal file
BIN
assets/roboto/Roboto-Light.woff
Normal file
Binary file not shown.
BIN
assets/roboto/Roboto-Light.woff2
Normal file
BIN
assets/roboto/Roboto-Light.woff2
Normal file
Binary file not shown.
BIN
assets/roboto/Roboto-Medium.eot
Normal file
BIN
assets/roboto/Roboto-Medium.eot
Normal file
Binary file not shown.
BIN
assets/roboto/Roboto-Medium.ttf
Normal file
BIN
assets/roboto/Roboto-Medium.ttf
Normal file
Binary file not shown.
BIN
assets/roboto/Roboto-Medium.woff
Normal file
BIN
assets/roboto/Roboto-Medium.woff
Normal file
Binary file not shown.
BIN
assets/roboto/Roboto-Medium.woff2
Normal file
BIN
assets/roboto/Roboto-Medium.woff2
Normal file
Binary file not shown.
BIN
assets/roboto/Roboto-Regular.eot
Normal file
BIN
assets/roboto/Roboto-Regular.eot
Normal file
Binary file not shown.
BIN
assets/roboto/Roboto-Regular.ttf
Normal file
BIN
assets/roboto/Roboto-Regular.ttf
Normal file
Binary file not shown.
BIN
assets/roboto/Roboto-Regular.woff
Normal file
BIN
assets/roboto/Roboto-Regular.woff
Normal file
Binary file not shown.
BIN
assets/roboto/Roboto-Regular.woff2
Normal file
BIN
assets/roboto/Roboto-Regular.woff2
Normal file
Binary file not shown.
BIN
assets/roboto/Roboto-Thin.eot
Normal file
BIN
assets/roboto/Roboto-Thin.eot
Normal file
Binary file not shown.
BIN
assets/roboto/Roboto-Thin.ttf
Normal file
BIN
assets/roboto/Roboto-Thin.ttf
Normal file
Binary file not shown.
BIN
assets/roboto/Roboto-Thin.woff
Normal file
BIN
assets/roboto/Roboto-Thin.woff
Normal file
Binary file not shown.
BIN
assets/roboto/Roboto-Thin.woff2
Normal file
BIN
assets/roboto/Roboto-Thin.woff2
Normal file
Binary file not shown.
248
css/main.css
248
css/main.css
|
|
@ -1,32 +1,3 @@
|
|||
nav {
|
||||
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;
|
||||
display: inline;
|
||||
font-weight: bold;
|
||||
list-style: none;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
nav ul li, footer ul li {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
white-space: nowrap;
|
||||
padding-right: 8px;
|
||||
padding-left: 8px;
|
||||
}
|
||||
|
||||
.inline {
|
||||
list-style: none;
|
||||
text-align: center;
|
||||
|
|
@ -49,16 +20,6 @@ footer {
|
|||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
a, a:visited {
|
||||
color: darkcyan;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover, a:focus, a:active {
|
||||
color: darkturquoise !important;
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
html {
|
||||
width:100%;
|
||||
height: 100%;
|
||||
|
|
@ -69,20 +30,7 @@ body {
|
|||
background: transparent;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.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);
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.head {
|
||||
|
|
@ -95,80 +43,154 @@ body {
|
|||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
|
||||
}
|
||||
|
||||
.head h1 {
|
||||
color: #fff;
|
||||
font-size: 2em;
|
||||
width: 90%;
|
||||
max-width: 900px;
|
||||
margin: auto;
|
||||
margin-top: 80px;
|
||||
border-bottom: 1px solid;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.cite {
|
||||
width: 90%;
|
||||
max-width: 940px;
|
||||
margin: auto;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.card, .cite {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.cite .card {
|
||||
width: 100%;
|
||||
margin-left: -20px;
|
||||
}
|
||||
|
||||
table {
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.card img {
|
||||
.inline form {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.off {
|
||||
width: 90%;
|
||||
max-width: 940px;
|
||||
margin: auto;
|
||||
display: block;
|
||||
margin: -20px;
|
||||
margin-top: -35px;
|
||||
margin-bottom: -35px;
|
||||
width: calc( 100% + 40px);
|
||||
max-width: unset;
|
||||
margin-top: 10px;
|
||||
color: gray;
|
||||
}
|
||||
|
||||
.btn, .btn-flat {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
a.btn, a.btn-flat, input.btn, input.btn-flat {
|
||||
padding: 0 2rem !important;
|
||||
}
|
||||
|
||||
.waves-effect input[type="button"], .waves-effect input[type="reset"], .waves-effect input[type="submit"] {
|
||||
padding: 0 2rem !important;
|
||||
height: 100% !important;
|
||||
}
|
||||
|
||||
body > .collapsible, body > .collection, body > .card, body > .carousel, body .slider {
|
||||
width: 90% !important;
|
||||
max-width:940px !important;
|
||||
margin:auto !important;
|
||||
margin-bottom:20px !important;
|
||||
margin-top: 20px !important;
|
||||
}
|
||||
|
||||
.collapsible-title span, .collection-header {
|
||||
line-height: 48px;
|
||||
font-size: 24px;
|
||||
font-weight: 300;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.collection-header {
|
||||
padding: 0 1rem !important;
|
||||
}
|
||||
|
||||
.collapsible-title div {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.collection {
|
||||
border-radius:2px;
|
||||
overflow:hidden;
|
||||
position:relative
|
||||
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
|
||||
.collection .collection-item {
|
||||
background-color:#fff;
|
||||
line-height:1.5rem;
|
||||
padding:10px 20px;
|
||||
margin:0;
|
||||
border-bottom:1px solid #e0e0e0
|
||||
.collection-item i {
|
||||
width: 2rem;
|
||||
font-size: 1.6rem;
|
||||
line-height: 3rem;
|
||||
display: block;
|
||||
float: left;
|
||||
text-align: center;
|
||||
margin-right: 1rem;
|
||||
margin-top: -10px;
|
||||
}
|
||||
|
||||
.collection .collection-item:last-child {
|
||||
border-bottom:none
|
||||
[type="checkbox"] + label {
|
||||
margin-right: 35px;
|
||||
line-height: unset !important;
|
||||
}
|
||||
|
||||
.collection a.collection-item {
|
||||
display:block;
|
||||
transition:.25s;
|
||||
color:#26a69a
|
||||
footer ul {
|
||||
padding: 0;
|
||||
display: inline;
|
||||
font-weight: bold;
|
||||
list-style: none;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.collection a.collection-item:not(.active):hover {
|
||||
background-color:#ddd
|
||||
footer ul li {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
white-space: nowrap;
|
||||
padding-right: 8px;
|
||||
padding-left: 8px;
|
||||
}
|
||||
|
||||
.card .card-content p {
|
||||
margin: 15px 0;
|
||||
}
|
||||
|
||||
.card .card-content p:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.card .card-content p:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.card .card-content .card-title ~ p {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.card-content p img {
|
||||
display: block;
|
||||
border-radius: 2px 2px 0 0;
|
||||
position: relative;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.chip {
|
||||
font-size: 12px;
|
||||
line-height: 18px;
|
||||
height: unset;
|
||||
margin-top: 12px;
|
||||
}
|
||||
|
||||
.card .collapsible {
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.indicator-item {
|
||||
background-color: rgba(0, 0, 0, 0.5) !important;
|
||||
}
|
||||
|
||||
.indicator-item.active {
|
||||
background-color: rgba(0, 0, 0, 1) !important;
|
||||
}
|
||||
|
||||
.carousel .indicators .indicator-item {
|
||||
margin: 16px 4px;
|
||||
}
|
||||
|
||||
.carousel.carousel-slider {
|
||||
min-height: 400px !important;
|
||||
}
|
||||
|
||||
h1 {
|
||||
margin: 1.2rem;
|
||||
}
|
||||
|
||||
.carousel .indicators {
|
||||
left: 120px;
|
||||
right: 120px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,290 +0,0 @@
|
|||
/* 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;
|
||||
}
|
||||
}
|
||||
|
|
@ -9,7 +9,6 @@
|
|||
|
||||
.buttons {
|
||||
text-align: center;
|
||||
padding-top: 2em;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
|
|
@ -24,7 +23,3 @@
|
|||
display: none;
|
||||
position:relative;
|
||||
}
|
||||
|
||||
html {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
|
|
|||
133
index.html
133
index.html
|
|
@ -2,49 +2,102 @@
|
|||
layout: default
|
||||
title: The Paper Pilot
|
||||
nocard: true
|
||||
featured: [NaN, Solar TD, Red Pen, Name Draw, Black Hat]
|
||||
---
|
||||
<div class="card">
|
||||
<h1>Hello!</h1>
|
||||
|
||||
I'm The Paper Pilot, and I develop free, open source programs and games, using a variety of languages and engines. I'm currently working towards my B.S. in Computer Science, after which I hope to go on to getting a Masters degree, with a focus on Data Science.
|
||||
<div class="card-content">
|
||||
<span class="card-title">Hello!</span>
|
||||
<p>I'm The Paper Pilot, and I develop free, open source programs and games, using a variety of languages and engines. I'm currently working towards my B.S. in Computer Science, after which I hope to go on to getting a Masters degree, with a focus on Data Science.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% for post in paginator.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);">
|
||||
<div class="card">
|
||||
<h1>{{ post.title }}</h1>
|
||||
{{ post.content }}
|
||||
<a style="font-weight: bold;" href="{{ post.url }}">read more</a>
|
||||
</div>
|
||||
<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>
|
||||
<div class="carousel carousel-slider" data-indicators="true">
|
||||
{% for project in page.featured %}
|
||||
{% assign post = site.posts | where:"title",project | first %}
|
||||
<div class="carousel-item">
|
||||
<div class="card" style="width: 100%; max-width: unset; height: 100%">
|
||||
<div class="card-image">
|
||||
<img src="/assets/banners/{{ post.banner }}.png">
|
||||
<span class="card-title" style="font-weight: 500;">{{ project }}</span>
|
||||
</div>
|
||||
<div class="card-content">
|
||||
{{ post.content }}
|
||||
</div>
|
||||
<div class="card-action" style="position: absolute; bottom: 0; width: 100%;">
|
||||
<a href="{{ post.url }}">read more</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
|
||||
{% if paginator.total_pages > 1 %}
|
||||
<div class="card">
|
||||
<ul class="inline">
|
||||
{% if paginator.previous_page %}
|
||||
<li><a href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">« Prev</a></li>
|
||||
{% endif %}
|
||||
|
||||
{% for page in (1..paginator.total_pages) %}
|
||||
{% if page == paginator.page %}
|
||||
<li><em>{{ page }}</em></li>
|
||||
{% elsif page == 1 %}
|
||||
<li><a href="/">{{ page }}</a></li>
|
||||
{% else %}
|
||||
<li><a href="{{ site.paginate_path | prepend: site.baseurl | replace: '//', '/' | replace: ':num', page }}">{{ page }}</a></li>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
{% if paginator.next_page %}
|
||||
<li><a href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">Next »</a></li>
|
||||
{% endif %}
|
||||
</ul>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<div class="card">
|
||||
<ul class="tabs">
|
||||
<li class="tab col s4"><a class="active" href="#games">Games</a></li>
|
||||
<li class="tab col s4"><a class="active" href="#software">Software</a></li>
|
||||
<li class="tab col s4"><a class="active" href="#other">Others</a></li>
|
||||
</ul>
|
||||
<div id="games">
|
||||
<ul class="collapsible" data-collapsible="accordion">
|
||||
{% assign projects = site.posts | where:"category","Game" %}
|
||||
{% for project in projects %}
|
||||
<li>
|
||||
<div class="collapsible-header">
|
||||
{{ project.title }}
|
||||
{% for tag in project.tags %}
|
||||
<div class="chip secondary-content"><a href="/tags/#{{ tag | slugify }}"> {{ tag }} </a></div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
<div class="collapsible-body">
|
||||
{{ project.content }}
|
||||
<div class="card-action">
|
||||
<a href="{{ project.url }}">read more</a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
<div id="software">
|
||||
<ul class="collapsible" data-collapsible="accordion">
|
||||
{% assign projects = site.posts | where:"category","Software" %}
|
||||
{% for project in projects %}
|
||||
<li>
|
||||
<div class="collapsible-header">
|
||||
{{ project.title }}
|
||||
{% for tag in project.tags %}
|
||||
<div class="chip secondary-content"><a href="/tags/#{{ tag | slugify }}"> {{ tag }} </a></div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
<div class="collapsible-body">
|
||||
{{ project.content }}
|
||||
<div class="card-action">
|
||||
<a href="{{ project.url }}">read more</a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
<div id="other">
|
||||
<ul class="collapsible" data-collapsible="accordion">
|
||||
{% assign projects = site.posts | where:"category","Other" %}
|
||||
{% for project in projects %}
|
||||
<li>
|
||||
<div class="collapsible-header">
|
||||
{{ project.title }}
|
||||
{% for tag in project.tags %}
|
||||
<div class="chip secondary-content"><a href="/tags/#{{ tag | slugify }}"> {{ tag }} </a></div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
<div class="collapsible-body">
|
||||
{{ project.content }}
|
||||
<div class="card-action">
|
||||
<a href="{{ project.url }}">read more</a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
22
tags.html
22
tags.html
|
|
@ -23,16 +23,14 @@ title: Tags
|
|||
{% 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 %}
|
||||
<a href="{{ post.url }}" class="collection-item">
|
||||
{{ post.title }}
|
||||
</a>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
<ul class="collection with-header">
|
||||
<li id="{{ tag | slugify }}" class="collection-header">{{ tag }}</li>
|
||||
{% for post in site.posts %}
|
||||
{% if post.tags contains tag %}
|
||||
<a href="{{ post.url }}" class="collection-item">
|
||||
{{ post.title }}
|
||||
</a>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% endfor %}
|
||||
|
|
|
|||
Loading…
Reference in a new issue