master
Paul Walko 2016-06-14 21:54:24 -04:00
parent c8df251d02
commit 3de79fda50
10115 changed files with 32393 additions and 1035866 deletions

114
404.html Normal file → Executable file
View File

@ -1,110 +1,10 @@
---
title: 404
exclude_from_nav: true
layout: base
permalink: /404.html
---
{% include mode_switcher.html %}
<!doctype html>
<html>
<head>
<meta charset="UTF-8" />
<title>Error!</title>
<style>
html {
font-size: 62.5%;
}
* {
margin: 0;
padding: 0;
font-size: 100%;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body {
padding: 60px;
background: #fafafa;
font-size: 150%;
font-family: Helvetica, Arial, sans-serif;
font-weight: 300;
line-height: 1.5;
}
#wrap {
width: 100%;
max-width: 700px;
margin: 0 auto;
padding: 30px;
background: #fff;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
border-radius: 3px;
border-top: 3px solid #b00f08;
}
hr {
display: none;
}
p {
margin: 0 0 15px;
}
a {
color: #731217;
}
a:hover {
color: #b00f08;
}
h1 {
margin: 0 0 15px;
font-size: 240%;
font-weight: 300;
color: #731217;
}
.content {
padding: 15px;
margin: 15px 0;
background: #eee;
border: 1px solid rgba(0, 0, 0, 0.1);
font-weight: bold;
color: #666;
}
pre {
overflow: auto;
padding: 15px;
background: #fafafa;
border: 1px solid rgba(0, 0, 0, 0.1);
line-height: 1.8;
color: rgba(0, 0, 0, 0.8);
}
pre.exception {
background-color: #ffeded;
}
pre em {
font-style: normal;
color: rgba(0, 0, 0, 0.5);
border-bottom: 1px dotted;
cursor: help;
}
</style>
</head>
<body>
<div id="wrap">
<h1>Error!</h1>
<p>The requested url <script>
document.write(window.location.pathname);
</script> was not found.</p>
</div>
</body>
</html>
<div id="whoops">
<h1>Whoops! 404</h1>
<h2>I suggest you <a href="{{ crturl }}"> go sweet <i class="fa fa-home"></i></a></h2>
</div>

1
CNAME
View File

@ -1 +0,0 @@
paul.walko.org

16
Gemfile
View File

@ -1,9 +1,11 @@
source 'https://rubygems.org'
gem 'thor'
gem 'stringex'
gem 'jekyll-paginate'
gem 'kramdown'
gem 'jekyll-watch'
gem 'jekyll-archives'
source 'https://ruby.taobao.org/'
gem 'jekyll'
gem 'jekyll-paginate'
gem 'redcarpet', '~> 3.2.3'
gem 'jekyll-watch', '~> 1.2.1'
gem 'pygments.rb'
gem 'kramdown'
gem 'json'
gem 'compass'
# gem 'wdm', '>= 0.1.1' if Gem.win_platform? # for jekyll --watch enable in windows

View File

@ -1,52 +0,0 @@
GEM
remote: https://rubygems.org/
specs:
colorator (0.1)
ffi (1.9.10)
jekyll (3.0.2)
colorator (~> 0.1)
jekyll-sass-converter (~> 1.0)
jekyll-watch (~> 1.1)
kramdown (~> 1.3)
liquid (~> 3.0)
mercenary (~> 0.3.3)
rouge (~> 1.7)
safe_yaml (~> 1.0)
jekyll-archives (2.1.0)
jekyll (>= 2.4)
jekyll-paginate (1.1.0)
jekyll-sass-converter (1.4.0)
sass (~> 3.4)
jekyll-watch (1.3.1)
listen (~> 3.0)
json (1.8.3)
kramdown (1.9.0)
liquid (3.0.6)
listen (3.0.5)
rb-fsevent (>= 0.9.3)
rb-inotify (>= 0.9)
mercenary (0.3.5)
rb-fsevent (0.9.7)
rb-inotify (0.9.5)
ffi (>= 0.5.0)
rouge (1.10.1)
safe_yaml (1.0.4)
sass (3.4.21)
stringex (2.5.2)
thor (0.19.1)
PLATFORMS
ruby
DEPENDENCIES
jekyll
jekyll-archives
jekyll-paginate
jekyll-watch
json
kramdown
stringex
thor
BUNDLED WITH
1.11.2

21
LICENCE Normal file
View File

@ -0,0 +1,21 @@
The MIT License (MIT)
Copyright (c) 2015 Paul Walko
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

View File

@ -1,9 +1,15 @@
# spaghetti.ga
Based of Jekyll default theme and redesign again by me.<br>
Feel free to use this theme :^)
<br><br>
But please don't try to copy anything from my article :p
#Intro
My personal blog, built with Jekyll and Github page.
# License
MIT
#If you want to use this theme
1. fork it
2. **Important**: If you want to use [Baidu Statistics][baiduTongji] functionality, remember to replace the content of `/javascripts/baidu_statistics.js` with your own. If you don't want to use it or don't understand what I'm talking about, just comment out line 43 of `/_includes/footer.html`.
3. **Important**: If you want to use the [Disqus][disqus] (comment system) functionality, remember to replace the content of `/_includes/disqus_load.html` and `/_includes/disqus_count.html` with your own content. If you don't want to use it or don't understand what I'm talking about, just comment out line 27 in `/_layouts/markdownreader_bare.html` and line 35 in `/_layouts/post.html`.
4. Modify `/_config.yml` with your own info, replace `/images/me.png` with your own.
That's it
[baiduTongji]: http://tongji.baidu.com/web/welcome/login
[disqus]: https://disqus.com/

BIN
Walko_Paul-Resume.pdf Normal file

Binary file not shown.

View File

@ -1,39 +1,51 @@
# Welcome to Jekyll!
#
# This config file is meant for settings that affect your whole blog, values
# which you are expected to set up once and rarely need to edit after that.
# For technical reasons, this file is *NOT* reloaded automatically when you use
# 'jekyll serve'. If you change this file, please restart the server process.
highlighter: pygments
# Site settings
title: Spaghetti-san Blog
email: spaghettisan@yahoo.com
description: > # this means to ignore newlines until "baseurl:"
All about Spaghetti-san Project
baseurl: "" # the subpath of your site, e.g. /blog
url: "http://spaghetti.ga" # the base hostname & protocol for your site
twitter_username: axlyody
github_username: spaghetti-san
facebook_username: axlyody
markdown: redcarpet
redcarpet:
extensions: ["no_intra_emphasis", "fenced_code_blocks", "autolink", "tables", "with_toc_data"]
# Gems
gems:
- jekyll-archives
- jekyll-paginate
gems: [jekyll-paginate]
paginate: 7
paginate_path: "page:num"
layout: post
permalink: /:categories/:title
excerpt_separator: "[-----]"
# Config
paginate: 5
paginate_path: "page/:num"
# Build settings
markdown: kramdown
# mode: dev
mode: product
url: http://localhost:4000/
devurl: http://localhost:4000/
name: Paul Walko
title: Paul Walko
description: "Paul Walko's personal website"
# Archive
jekyll-archives:
enabled: []
layout: 'archive'
permalinks:
year: '/:year/'
month: '/:year/:month/'
day: '/:year/:month/:day/'
tag: '/tag/:name/'
category: '/category/:name/'
my:
displayName: Paul Walko
realName: Paul Walko
jobTitle: "Student at Virgina Tech"
contact:
email: paulsw.pw@gmail.com
github: https://www.github.com/paulwalko
google-plus: http://www.google.com/+paulwalko
address:
country: United States
skills:
security: ["Wireshark", "IDA", "Ollydebug"]
coding: ["C", "C++", "Python", "Java", "bash", "HTML"]
tools: ["Linux"]
collections:
qqGroupGuide:
output: true
defaults:
- scope:
path: ""
type: "posts"
values:
excerpt: "{{ page.content }} | slice: 0 300"
- scope:
path: ""
type: "qqGroupGuide"
values:
layout: markdownreader_bare

View File

@ -1,9 +0,0 @@
sessions:
- _id: ODI5MjY=
comment: Just testing
created: 2015-12-28 08:21:04.435642+00:00
email: axlyody@gmail.com
name: Spaghettiaru
path: /web/2015/12/27/start-a-blog.html
title: ''
url: http://spaghetti.ga

12
_includes/disqus_count.html Executable file
View File

@ -0,0 +1,12 @@
<script type="text/javascript">
/* * * CONFIGURATION VARIABLES * * */
var disqus_shortname = 'paulwalko';
/* * * DON'T EDIT BELOW THIS LINE * * */
(function () {
var s = document.createElement('script'); s.async = true;
s.type = 'text/javascript';
s.src = '//' + disqus_shortname + '.disqus.com/count.js';
(document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
}());
</script>

13
_includes/disqus_load.html Executable file
View File

@ -0,0 +1,13 @@
<div id="disqus_thread"></div>
<script type="text/javascript">
/* * * CONFIGURATION VARIABLES * * */
var disqus_shortname = 'paulwalko';
/* * * DON'T EDIT BELOW THIS LINE * * */
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>

97
_includes/footer.html Normal file → Executable file
View File

@ -1,78 +1,27 @@
<footer class="site-footer">
<div class="wrapper">
<h2 class="footer-heading">{{ site.title }}</h2>
<div class="footer-col-wrapper">
<div class="footer-col footer-col-1">
<ul class="contact-list">
<li>Spaghetti-san Personal Blog</li>
<li><a href="mailto:{{ site.email }}">{{ site.email }}</a></li>
</ul>
</div>
<div class="footer-col footer-col-2">
<ul class="social-media-list">
{% if site.github_username %}
<li>
{% include icon-github.html username=site.github_username %}
</li>
{% endif %}
{% if site.facebook_username %}
<li>
{% include icon-facebook.html username=site.facebook_username %}
</li>
{% endif %}
{% assign my = site.my %}
<footer id="l-footer">
<div class="container">
<div class="row">
<div id="contact" class="col-lg-6 col-lg-offset-1 col-md-6 col-md-offset-1 col-sm-9">
<h3>CONTACT</h3>
<div class="row">
<address id="address" class="col-lg-6 col-md-6 col-sm-6">
{{ my.contact.address.country }}<br>
{{ my.realName }}<br>
</address>
{% if site.twitter_username %}
<li>
{% include icon-twitter.html username=site.twitter_username %}
</li>
{% endif %}
</ul>
</div>
<div class="footer-col footer-col-3">
<p>Designed by Spaghetti</p>
<p>Proudly hosted by <a href="https://pages.github.com/" target="_blank"><span class="octicon octicon-logo-github" style="color: #828282;
position: relative;
top: 4px;
left: 3px;
font-size: 20px;"></span></a></p>
</div>
<ul class="col-lg-6 col-md-6 col-sm-6">
<li class="email"><i class="fa fa-envelope"></i> <a href="mailto:{{ my.contact.email }}"> &nbsp;&nbsp;{{ my.contact.email }}</a></li>
<li class="github"><i class="fa fa-github"></i> <a href="{{ my.contact.github }}"> &nbsp;&nbsp;{{ my.contact.github }}</a></li>
</ul>
</div>
</div>
</div>
<p id="legal">
Copyright (c) 2015 {{ my.displayName }} | Powered by <a href="http://jekyllrb.com">Jekyll</a> &amp; <a href="http://github.com">GitHub</a> | designed &amp; built by <a href="http://unifreak.github.io">UniFreak</a>
</p>
</div>
</div>
</footer>
<!--- Where Javascript Loaded --->
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script type="text/javascript" src="http://iamceege.github.io/tooltipster/js/jquery.tooltipster.js"></script>
<script>
$(document).ready(function() {
if(location.pathname != "/") {
$('.trigger a[href^="/' + location.pathname.split("/")[1] + '"]').addClass('active');
} else $('.none a:eq(0)').addClass('active');
});
</script>
<script>
$(document).ready(function() {
$('.tooltip-right').tooltipster({
contentAsHTML: true,
position: 'right',
});
});
$(document).ready(function() {
$('.tooltip-left').tooltipster({
contentAsHTML: true,
position: 'left',
});
});
</script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery.pjax/1.9.6/jquery.pjax.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/pace/1.0.2/pace.min.js"></script>
<script type="text/javascript" src="/assets/js/jquery-autocomplete.js"></script>
<script src="/assets/js/responsive_waterfall.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery.lazyload/1.9.1/jquery.lazyload.min.js"></script>
<script>
$(document).ready(function(){$(".menu-icon").click(function(){$(".trigger").toggle()})}),$(function(){$(document).pjax("#route","body",{fragment:"body",timeout:1e5,scrollTo:0,push:!0,maxCacheLength:20,replace:!1})}),$(document).on("pjax:error",function(e,n,t,o,c){return c.success(n.responseText,t,n),!1});var options={url:"/gblk.json",getValue:"title",list:{match:{enabled:!0,maxNumberOfElements:5}},template:{type:"links",fields:{link:"url"}},theme:"square"};$("#countries").easyAutocomplete(options),Pace.on("start",function(){$(".pacel").show()}),Pace.on("done",function(){$(".pacel").hide()}),$(function(){$("img").lazyload({})});var waterfall=new Waterfall({containerSelector:".wf-container",boxSelector:".wf-box",minBoxWidth:180});$(document).ready(function(){$(".menu-icon").click(function(){$(".trigger").toggle()})});
</script>
<script id="dsq-count-scr" src="//spaghettisan.disqus.com/count.js" async></script>
<script type="text/javascript" src="{{crturl}}javascripts/base.js"></script>

View File

@ -1,18 +0,0 @@
<head>
<!---
Spaghetti Base Redesign
-->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
<meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
<meta name="google-site-verification" content="WWP0tS0N_Dm8-FTd9oqyZta0oRCDYUFy24R7zSm06Vs" />
<meta name="msvalidate.01" content="779064655F047D704FFFD2122C3591F3" />
<link rel="stylesheet" href="{{ "/assets/css/alternative.css" | prepend: site.baseurl }}">
<link href="//cdnjs.cloudflare.com/ajax/libs/typicons/2.0.7/typicons.min.css" rel="stylesheet">
<link href="//cdnjs.cloudflare.com/ajax/libs/octicons/3.4.1/octicons.min.css" rel="stylesheet">
<link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
<link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}">
</head>

34
_includes/head_base.html Executable file
View File

@ -0,0 +1,34 @@
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
<title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
<!-- favicon -->
<link rel="apple-touch-icon" sizes="57x57" href="{{crturl}}/favicon/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="{{crturl}}/favicon/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="{{crturl}}/favicon/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="{{crturl}}/favicon/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="{{crturl}}/favicon/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="{{crturl}}/favicon/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="{{crturl}}/favicon/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="{{crturl}}/favicon/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="{{crturl}}/favicon/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="{{crturl}}/favicon/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="{{crturl}}/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="{{crturl}}/favicon/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="{{crturl}}/favicon/favicon-16x16.png">
<link rel="manifest" href="{{crturl}}/favicon/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<link rel="stylesheet" type="text/css" href="{{crturl}}stylesheets/base.css">
<link rel="stylesheet" type="text/css" href="{{crturl}}stylesheets/simplePagination.css">
<script type="text/javascript" src="{{crturl}}javascripts/jquery.js"></script>
<!--[if lt IE 9]>
<script src="{{crturl}}javascripts/html5shiv.js"></script>
<![endif]-->

3
_includes/head_post.html Executable file
View File

@ -0,0 +1,3 @@
<link rel="stylesheet" type="text/css" href="{{crturl}}stylesheets/markdownreader.css">
<link rel="stylesheet" type="text/css" href="{{crturl}}stylesheets/pygments_monokai.css">
<link rel="stylesheet" type="text/css" href="{{crturl}}stylesheets/code_block.css">

74
_includes/header.html Normal file → Executable file
View File

@ -1,34 +1,48 @@
<header class="site-header">
<div class="wrapper">
<div class="pacel "><div class="pace-progress" data-progress-text="100%" data-progress="99" style="transform: translate3d(100%, 0px, 0px);">
<div class="pace-progress-inner"></div>
</div>
<div class="pace-activity"></div></div>
<a id="route" class="site-title" href="{{ site.baseurl }}/">Paul Walko</a>
<header id="l-header">
<div class="container">
<div class="row logo">
<div class="col-lg-7">
<h1>{{ site.name }}</h1>
</div>
</div>
<nav class="site-nav">
<a href="#" class="menu-icon">
<svg viewBox="0 0 18 15">
<path fill="#424242" d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.031C17.335,0,18,0.665,18,1.484L18,1.484z"/>
<path fill="#424242" d="M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0c0-0.82,0.665-1.484,1.484-1.484 h15.031C17.335,6.031,18,6.696,18,7.516L18,7.516z"/>
<path fill="#424242" d="M18,13.516C18,14.335,17.335,15,16.516,15H1.484C0.665,15,0,14.335,0,13.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.031C17.335,12.031,18,12.696,18,13.516L18,13.516z"/>
</svg>
</a>
<div class="row navicon">
<a href=""><i class="fa fa-navicon"></i></a>
</div>
<div class="trigger">
{% for my_page in site.pages %}
{% if my_page.title %}
{% unless my_page.exclude_from_nav %}
<a id="route" class="page-link" href="{{ my_page.url | prepend: site.baseurl }}">{{ my_page.title }}</a>
{% endunless %}
{% endif %}
{% endfor %}
<a class="page-link" href="/tags/#writeup">Writeups</a>
<a class="page-link" href="http://spaghetti.ga/feed.xml"> Feeds</a>
<a class="page-link" href="http://github.com/paulwalko?tab=repositories"><i class="octicon octicon-mark-github" style="font-size:"></i></a>
</div>
</nav>
</div>
<div class="row navbar">
<nav class="col-lg-8 col-md-8 col-xs-12">
<ul class="row">
<li class="col-lg-3"><a href="{{crturl}}">HOME</a></li>
<li class="col-lg-3">
<ul class="subnav">
<a href="javascript:void(0)">POSTS</a>
<li><a href="{{crturl}}category">CATEGORY</a></li>
<li><a href="{{crturl}}tag">TAG</a></li>
</ul>
</li>
<li class="col-lg-3"><a href="{{crturl}}about">ABOUT</a></li>
<li class="col-lg-3"><a href="{{crturl}}Walko_Paul-Resume.pdf">RÉSUMÉ</a></li>
</ul>
</nav>
<div class="search col-lg-4 col-md-4 col-xs-12">
<form id="dummySearch">
<label for="search"></label>
<input id="search" name="serach" type="text" placeholder="Not That Dummy Search">
<i class="fa fa-search"></i>
</form>
<script>
$(function(){
$('#dummySearch').submit(function(e) {
e.preventDefault();
keyword = $('#search').val();
url = 'https://www.google.com.hk/search?q=site%3Apaul.walko.org+' + keyword;
location.href = url;
})
})
</script>
</div>
</div>
</div>
</header>

View File

@ -1 +0,0 @@
<a href="https://facebook.com/axlyody"><span class="icon icon--facebook">{% include icon-facebook.svg %}</span><span class="username">Axl Yody</span></a>

View File

@ -1,5 +0,0 @@
<?xml version="1.0"?>
<svg class="icon icon-facebook" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path class="background" fill="#828282" d="M 0.875,0 C 0.38722,0 0,0.38721 0,0.875 l 0,14.25 C 0,15.61266 0.38715,16 0.875,16 l 7.65625,0 0,-6.1875 -2.0625,0 0,-2.4375 2.0625,0 0,-1.78125 c 0,-2.06656 1.2814395,-3.1875 3.125,-3.1875 0.88307,0 1.62261,0.06435 1.84375,0.09375 l 0,2.15625 -1.25,0.03125 c -1.00252,0 -1.21875,0.45713 -1.21875,1.15625 l 0,1.53125 2.40625,0 -0.3125,2.4375 -2.09375,0 0,6.1875 4.09375,0 C 15.612599,16 16,15.61272 16,15.125 L 16,0.875 C 16,0.38721 15.61266,0 15.125,0 L 0.875,0 z"/>
<path class="foreground" fill="white" d="m 11.03968,16.000001 v -6.19608 h 2.07973 l 0.31141,-2.41472 h -2.39114 v -1.54165 c 0,-0.69912 0.19414,-1.17555 1.19666,-1.17555 l 1.27866,-5.6e-4 v -2.15974 c -0.22114,-0.0294 -0.98017,-0.0952 -1.86324,-0.0952 -1.8435605,0 -3.1057105,1.12532 -3.1057105,3.19188 v 1.7808 h -2.08506 v 2.41472 h 2.08506 v 6.19608 H 11.03968 z"/>
</svg>

Before

Width:  |  Height:  |  Size: 1.0 KiB

View File

@ -1 +0,0 @@
<a href="https://github.com/{{ include.username }}"><span class="icon icon--github">{% include icon-github.svg %}</span><span class="username">{{ include.username }}</span></a>

View File

@ -1 +0,0 @@
<svg viewBox="0 0 16 16"><path fill="#828282" d="M7.999,0.431c-4.285,0-7.76,3.474-7.76,7.761 c0,3.428,2.223,6.337,5.307,7.363c0.388,0.071,0.53-0.168,0.53-0.374c0-0.184-0.007-0.672-0.01-1.32 c-2.159,0.469-2.614-1.04-2.614-1.04c-0.353-0.896-0.862-1.135-0.862-1.135c-0.705-0.481,0.053-0.472,0.053-0.472 c0.779,0.055,1.189,0.8,1.189,0.8c0.692,1.186,1.816,0.843,2.258,0.645c0.071-0.502,0.271-0.843,0.493-1.037 C4.86,11.425,3.049,10.76,3.049,7.786c0-0.847,0.302-1.54,0.799-2.082C3.768,5.507,3.501,4.718,3.924,3.65 c0,0,0.652-0.209,2.134,0.796C6.677,4.273,7.34,4.187,8,4.184c0.659,0.003,1.323,0.089,1.943,0.261 c1.482-1.004,2.132-0.796,2.132-0.796c0.423,1.068,0.157,1.857,0.077,2.054c0.497,0.542,0.798,1.235,0.798,2.082 c0,2.981-1.814,3.637-3.543,3.829c0.279,0.24,0.527,0.713,0.527,1.437c0,1.037-0.01,1.874-0.01,2.129 c0,0.208,0.14,0.449,0.534,0.373c3.081-1.028,5.302-3.935,5.302-7.362C15.76,3.906,12.285,0.431,7.999,0.431z"/></svg>

Before

Width:  |  Height:  |  Size: 926 B

View File

@ -1 +0,0 @@
<a href="https://twitter.com/{{ include.username }}"><span class="icon icon--twitter">{% include icon-twitter.svg %}</span><span class="username">{{ include.username }}</span></a>

View File

@ -1 +0,0 @@
<svg viewBox="0 0 16 16"><path fill="#828282" d="M15.969,3.058c-0.586,0.26-1.217,0.436-1.878,0.515c0.675-0.405,1.194-1.045,1.438-1.809c-0.632,0.375-1.332,0.647-2.076,0.793c-0.596-0.636-1.446-1.033-2.387-1.033c-1.806,0-3.27,1.464-3.27,3.27 c0,0.256,0.029,0.506,0.085,0.745C5.163,5.404,2.753,4.102,1.14,2.124C0.859,2.607,0.698,3.168,0.698,3.767 c0,1.134,0.577,2.135,1.455,2.722C1.616,6.472,1.112,6.325,0.671,6.08c0,0.014,0,0.027,0,0.041c0,1.584,1.127,2.906,2.623,3.206 C3.02,9.402,2.731,9.442,2.433,9.442c-0.211,0-0.416-0.021-0.615-0.059c0.416,1.299,1.624,2.245,3.055,2.271 c-1.119,0.877-2.529,1.4-4.061,1.4c-0.264,0-0.524-0.015-0.78-0.046c1.447,0.928,3.166,1.469,5.013,1.469 c6.015,0,9.304-4.983,9.304-9.304c0-0.142-0.003-0.283-0.009-0.423C14.976,4.29,15.531,3.714,15.969,3.058z"/></svg>

Before

Width:  |  Height:  |  Size: 787 B

5
_includes/mode_switcher.html Executable file
View File

@ -0,0 +1,5 @@
{% if site.mode == 'dev' %}
{% assign crturl = site.devurl %}
{% else %}
{% assign crturl = site.url %}
{% endif %}

View File

@ -1 +0,0 @@
<img data-original="{{ site.baseurl }}{{ include.image.url }}" alt="{{ include.image.alt }}" title="{{ include.image.title }}" style=" min-height: 6em;">

View File

@ -1,10 +0,0 @@
{% if post %}
{% assign tags = post.tags %}
{% else %}
{% assign tags = page.tags %}
{% endif %}
{% for tag in tags %}
<a id="route" href="/tags/#{{tag|slugize}}"> {{tag}}</a>{% unless forloop.last %} {% endunless %}
{% endfor %}

44
_includes/post_list.html Executable file
View File

@ -0,0 +1,44 @@
{% include mode_switcher.html %}
{% if paginator %}
{% for post in paginator.posts %}
{% include post_list_item.html %}
{% endfor %}
{% else %}
{% for post in include.posts %}
{% if post.tags or post.category %}
{% include post_list_item.html %}
{% assign displayPagi = true %}
{% endif %}
{% endfor %}
{% endif %}
{% if displayPagi or paginator %}
<div class="row" id="paginator">
{% if paginator.total_pages > 1 %}
{% if paginator.previous_page %}
<a href="{{ paginator.previous_page_path | prepend: crturl }}">«</a>
{% endif %}
{% for page in (1..paginator.total_pages) %}
{% if page == paginator.page %}
<span class="active">{{ page }}</span>
{% elsif page == 1 %}
<a href="{{ crturl }}">{{ page }}</a>
{% else %}
<a href="{{ site.paginate_path | prepend: crturl | replace: ':num', page }}">{{ page }}</a>
{% endif %}
{% endfor %}
{% if paginator.next_page %}
<a href="{{ paginator.next_page_path | prepend: crturl }}">»</a>
{% endif %}
{% elsif jsPagiLoaded != true %}
<script type="text/javascript" src="{{crturl}}javascripts/pagination.js"></script>
<script type="text/javascript" src="{{crturl}}javascripts/listAndPagi.js"></script>
{% assign jsPagiLoaded = true %}
{% endif %}
</div>
{% endif %}
{% assign displayPagi = false %}

23
_includes/post_list_item.html Executable file
View File

@ -0,0 +1,23 @@
<article class="row">
<div class="date col-lg-2 col-md-2 col-sm-2">
<p class="day">{{ post.date | date: "%d" }}</p>
<p class="month">{{ post.date | date: "%b/%Y" }}</p>
<p class="category">{{ post.category }}</p>
</div>
<div class="col-lg-10 col-md-10 col-sm-10">
<h2 class="title"><a href="{{ post.url }}">{{ post.title }}</a></h2>
<ul class="tags">
{% for tag in post.tags %}
<li><i class="fa fa-tag"> {{ tag }}</i></li>
{% endfor %}
</ul>
<br>
<hr class="clearfix">
<p class="excerpt">
{{ post.excerpt | strip_html | newline_to_br }}
</p>
</div>
<button class="continue"><a href="{{ post.url }}">FULL ARTICLE</a></button>
</article>

View File

@ -0,0 +1 @@
<a href="{{crturl}}">Home</a> | <a href="https://gitprint.com/paulwalko/arduino-sensor/blob/master/README.md">View as a PDF</a>

View File

@ -1,37 +0,0 @@
<div class="large-4 columns">
<div class="widgetnya">
<h1 class="page-heading">Search</h1>
<div class="badanwidget" style="width:0">
<input type="text" placeholder="Type here to search..." id="countries"/>
</div>
</div>
<div class="widgetnya">
<h1 class="page-heading">Tags</h1>
<div class="badanwidget">
<ul class="tags" style="padding-bottom: 20px;">
{% for tag in site.tags %}
<li style="font-size: {{ tag | last | size | times: 100 | divided_by: site.tags.size | plus: 70 }}%">
<a id="route" href="/tags/#{{ tag | first | slugize }}">
{{ tag | first }}
<span>{{ tag | last | size }}</span>
</a>
</li>
{% endfor %}
</ul>
</div>
</div>
<div class="widgetnya">
<h1 class="page-heading">Blogroll</h1>
<div class="badanwidget">
</div>
</div>

20
_layouts/base.html Executable file
View File

@ -0,0 +1,20 @@
{% include mode_switcher.html %}
<!DOCTYPE html>
<html>
<head>
{% include head_base.html %}
</head>
<body>
{% include header.html %}
<section id="l-main">
<div class="container">
{{ content }}
</div>
</section>
{% include footer.html %}
</body>
</html>

View File

@ -1,20 +0,0 @@
<!DOCTYPE html>
<html>
{% include head.html %}
<Body>
{% include header.html %}
<div class="page-content">
<div class="wrapper">
{{ content }}
</div>
</div>
{% include footer.html %}
</Body>
</html>

View File

@ -0,0 +1,27 @@
{% include mode_switcher.html %}
<!DOCTYPE html>
<html>
<head>
<title>{{ page.title }}</title>
<link rel="stylesheet" type="text/css" href="{{crturl}}stylesheets/markdownreader_bare.css">
<link rel="stylesheet" type="text/css" href="{{crturl}}stylesheets/pygments_monokai.css">
<link rel="stylesheet" type="text/css" href="{{crturl}}stylesheets/code_block.css">
<!-- favicon -->
<link rel="shortcut icon" href="{{crturl}}favicon.ico" type="image/icon">
<link rel="icon" href="{{crturl}}favicon.ico" type="image/icon">
</head>
<body>
<div id="markdown-container">
{% include resume_head.html %}
{{ content }}
</div>
<div id="markdown-outline">
</div>
<div id="markdown-backTop" onclick="window.scrollTo(0,0)"></div>
<script type="text/javascript" src="{{crturl}}javascripts/markdownreader_bare.js"></script>
</body>
</html>

View File

@ -1,14 +0,0 @@
---
layout: default
---
<article class="post">
<header class="post-header">
<h1 class="post-title">{{ page.title }}</h1>
</header>
<div class="post-content">
{{ content }}
</div>
</article>

141
_layouts/post.html Normal file → Executable file
View File

@ -1,116 +1,43 @@
---
layout: default
---
<div style="margin: 4.5rem auto;">
{% include mode_switcher.html %}
<article class="post" itemscope itemtype="http://schema.org/BlogPosting">
<!DOCTYPE html>
<html>
<head>
{% include head_base.html %}
{% include head_post.html %}
</head>
<header class="inpost-header">
<h1 class="inpost-title" itemprop="name headline">{{ page.title }}</h1>
<h1 style="float:right">
<i class="typico typcn typcn-messages" style=" position: relative;
top: 0px;
font-size: 25px;"></i> <a class="disqus-comment-count" href="#disqus_thread" style="color:#fff"> 0</a>
</h1>
<body>
{% include header.html %}
<div class="container">
<div class="row">
<div id="markdown-container" class="col-lg-9">
<header>
<p id="postTitle">{{ page.title }}</p>
{% if page.tags %}
<ul class="tags clearfix">
{% for tag in page.tags %}
<li><i class="fa fa-tag"></i> {{ tag }}</li>
{% endfor %}
</ul>
{% endif %}
<p id="postMeta">posted on {{ page.date | date_to_string }} under category <a href="{{crturl}}category/">{{ page.categories[0] }}</a></p>
</p>
</header>
<div class="post-content" itemprop="articleBody">
{{ content }}
</div>
</header>
{{ content }}
</div>
<div id="markdown-outline" class="col-lg-3">
</div>
<div class="arrowNav">
{% if page.next.url %}
<div class="arrowLeft">
<a id="route" class="tooltip-right" href="{{page.next.url}}" title="
&lt;p class=hoveratas&gt;{{page.next.title}}&lt;/p&gt; &lt;p class=hoverbawah&gt;{{ page.next.content | strip_html | truncatewords:10}}&lt;/p&gt;
"><i class="typcn typcn-chevron-left" style=" font-size: 30px;
position: relative;
"></i></a>
</div>
{% endif %}
{% include disqus_load.html %}
</div>
</div>
{% if page.previous.url %}
<div class="arrowRight" style="float:right">
<a id="route" class="tooltip-left" href="{{page.previous.url}}" title="
&lt;p class=hoveratas&gt;{{page.previous.title}}&lt;/p&gt; &lt;p class=hoverbawah&gt;{{ page.previous.content | strip_html | truncatewords:10}}&lt;/p&gt;
"><i class="typcn typcn-chevron-right" style=" font-size: 30px;
position: relative;
"></i></a>
</div>
{% endif %}
</div>
{% include footer.html %}
<p class="post-meta" style=" background: #00bc8c;
padding: 15px 0px 15px 20px;"><time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished"><i class="typcn typcn-calendar-outline"></i> {{ page.date | date: "%b %-d, %Y" }}</time>{% if page.author %} • <span itemprop="author" itemscope itemtype="http://schema.org/Person"><span itemprop="name">{{ page.author }}</span></span>{% endif %}
|{% if post %}
{% assign tags = post.tags %}
{% else %}
{% assign tags = page.tags %}
{% endif %}
{% for tag in tags %}
<a href="/tags/#{{tag|slugize}}" style="color: #fff;"><i class="typcn typcn-tags"></i> {{tag}}</a>{% unless forloop.last %} {% endunless %}
{% endfor %}
</article>
<style>
#disqus_thread {
overflow: hidden;
iframe {
margin-bottom: -54px;
}
}
</style>
<div id="disqus_thread"></div>
<script>
var disqus_config = function () {
this.page.url = spaghetti.ga; // Replace PAGE_URL with your page's canonical URL variable
this.page.identifier = {{page.id}}; // Replace PAGE_IDENTIFIER with your page's unique identifier variable
};
(function() { // DON'T EDIT BELOW THIS LINE
var d = document, s = d.createElement('script');
s.src = '//spaghettisan.disqus.com/embed.js';
s.setAttribute('data-timestamp', +new Date());
(d.head || d.body).appendChild(s);
})();
</script>
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>
</div>
<script type="text/javascript" src="{{crturl}}javascripts/markdownreader.js"></script>
</body>
</html>

0
_sass/_pagination.scss → _layouts/tagOrCat.html Normal file → Executable file
View File

View File

@ -1,28 +0,0 @@
---
layout: post
title: "Welcome to Jekyll!"
date: 2013-11-25 16:58:04
categories: jekyll update
tags:
- nothello
---
#Say hello to Jekyll and OpenShift :)
You'll find this post in your `_posts` directory - edit this post and re-build (or run with the `-w` switch) to see your changes!
To add new posts, simply add a file in the `_posts` directory that follows the convention: YYYY-MM-DD-name-of-post.ext.
Jekyll also offers powerful support for code snippets:
{% highlight ruby %}
def print_hi(name)
puts "Hi, #{name}"
end
print_hi('Tom')
#=> prints 'Hi, Tom' to STDOUT.
{% endhighlight %}
Check out the [Jekyll docs][jekyll] for more info on how to get the most out of Jekyll. File all bugs/feature requests at [Jekyll's GitHub repo][jekyll-gh].
[jekyll-gh]: https://github.com/mojombo/jekyll
[jekyll]: http://jekyllrb.com

9
_posts/2015-09-26-test_post.md Executable file
View File

@ -0,0 +1,9 @@
---
title: "Test post; Please Ignore"
layout: post
category: writeup
tags: [exploit-exercises, nebula, hacking]
excerpt: "This is an excerpt; please ignore"
---
Really through, ignore this post.

View File

@ -1,12 +0,0 @@
---
layout: post
title: "My First Post!"
date: 2015-12-19 00:00:00 +0700
categories: uncategorized
tags:
- hello
- writeup
---
Hello, this is my first post.

View File

@ -1,429 +0,0 @@
/**
* Reset some basic elements
*/
body, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, hr,
dl, dd, ol, ul, figure {
margin: 0;
padding: 0;
}
/**
* Basic styling
*/
@font-face {
font-family: gidole;
src: url(/assets/font/gidole.otf);
}
body {
font: $base-font-weight #{$base-font-size}/#{$base-line-height} gidole;
color: $text-color;
background-color: $background-color;
-webkit-text-size-adjust: 100%;
-webkit-font-feature-settings: "kern" 1;
-moz-font-feature-settings: "kern" 1;
-o-font-feature-settings: "kern" 1;
font-feature-settings: "kern" 1;
font-kerning: normal;
}
/**
* Set `margin-bottom` to maintain vertical rhythm
*/
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
ul, ol, dl, figure,
%vertical-rhythm {
margin-bottom: $spacing-unit / 2;
}
/**
* Images
*/
img {
max-width: 100%;
vertical-align: middle;
}
/**
* Figures
*/
figure > img {
display: block;
}
figcaption {
font-size: $small-font-size;
}
/**
* Lists
*/
ul, ol {
margin-left: $spacing-unit;
}
li {
> ul,
> ol {
margin-bottom: 0;
}
}
/**
* Headings
*/
h1, h2, h3, h4, h5, h6 {
font-weight: $base-font-weight;
}
/**
* Links
*/
a {
color: $brand-color;
text-decoration: none;
&:visited {
color: darken($brand-color, 15%);
}
&:hover {
}
}
/**
* Blockquotes
*/
blockquote {
color: $grey-color;
border-left: 4px solid $grey-color-light;
padding-left: $spacing-unit / 2;
font-size: 18px;
letter-spacing: -1px;
font-style: italic;
> :last-child {
margin-bottom: 0;
}
}
/**
* Code formatting
*/
pre,
code {
font-size: 15px;
border: 1px solid $grey-color-light;
border-radius: 3px;
background-color: #eef;
}
code {
padding: 1px 5px;
}
pre {
padding: 8px 12px;
overflow-x: auto;
> code {
border: 0;
padding-right: 0;
padding-left: 0;
}
}
/**
* Wrapper
*/
.wrapper {
max-width: -webkit-calc(800px - (30px * 2));
max-width: calc(1020px - (30px * 2));
margin-right: auto;
margin-left: auto;
padding-right: 30px;
padding-left: 30px;
position: relative;
}
@media screen and (max-width: 800px) {
.wrapper {
max-width: -webkit-calc(800px - (30px));
max-width: calc(800px - (30px));
padding-right: 15px;
padding-left: 15px; } }
/**
* Clearfix
*/
%clearfix {
&:after {
content: "";
display: table;
clear: both;
}
}
/**
* Icons
*/
.icon {
> svg {
display: inline-block;
width: 16px;
height: 16px;
vertical-align: middle;
path {
}
}
}
/**
* Column Home
*/
.post-header .post-title a {
font-size: 20px;
}
.post-excerpt p {
font-size: 14px;
}
.post-meta {
font-size: 10px;
color: $grey-color;
}
.post {
position: relative;
margin: 1rem auto;
padding-bottom: 0.5em;
border-bottom: #E8E8E8 1px solid;
word-wrap: break-word;
}
.pagination {
margin-top:20px;
padding-bottom:40px;
}
.tags-date {
float: right;
margin-top: -35px; font-size: 12px;
color: #828282;
}
.tags-pagee {
border-bottom: 1px solid #e8e8e8;
height: auto;
display: inline-block;
}
@media screen and (min-width: 47.5em) {
.tags-pagee {
border-bottom: 1px solid #e8e8e8;
padding: 0 0 15px;
}
.tags-date {
float: right;
margin-top: -40px; font-size: 12px;
color: #828282;
}
.post {
position: relative;
margin: 2rem auto;
padding-bottom: 1rem;
border-bottom: #E8E8E8 1px solid;
word-wrap: break-word;
}
.home {
margin-right: 18.5em;
border-right: 1px solid #e8e8e8;
padding-right: 30px;
}
.widgets {
position: absolute;
top: 0;
right: 0;
width: 18.75em;
padding-botom: 0;
}
.post-header .post-title a {
font-size:1em;
}
.post-excerpt p {
font-size: 16px;
}
.post-meta {
font-size: 12px;
color: $grey-color;
}
.pagination {
padding-bottom:40px;
}
}
.home {
margin-bottom: .5em;
}
.widgets {
padding-bottom: 50px;
}
/**
* Tambahan
*/
ol, ul {
list-style: none;
margin-left: 0;
}
.post:after {
display: block;
content: "";
width: 7px;
height: 7px;
border: #E8E8E8 1px solid;
position: absolute;
bottom: -5px;
left: 50%;
margin-left: -5px;
background: #fdfdfd;
border-radius: 100%;
box-shadow: #fdfdfd 0 0 0 5px;
}
.tags li {
position: relative;
float: left;
margin: 0 35px 9px 0px;
}
.tags a {
height: 26px;
line-height: 23px;
padding: 0 9px 0 8px;
font-size: 12px;
color: #555;
text-decoration: none;
text-shadow: 0 1px white;
border-width: 1px 0 1px 1px;
border-style: solid;
border-color: #dadada #d2d2d2 #c5c5c5;
border-radius: 3px 0 0 3px;
}
.tags span {
position: absolute;
top: 1px;
left: 100%;
z-index: 2;
overflow: hidden;
max-width: 0;
height: 24px;
line-height: 21px;
padding: 0 0 0 2px;
color: white;
text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
background: #000;
border: 1px solid;
border-color: #000;
border-radius: 0 2px 2px 0;
opacity: .95;
padding: 0 7px 0 6px;
max-width: 40px;
}
.tags a, .tags span {
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.tags li:after {
content: '';
z-index: 2;
position: absolute;
top: 10px;
right: -2px;
width: 5px;
height: 6px;
opacity: .95;
background: #000;
border-radius: 3px 0 0 3px;
-webkit-box-shadow: inset 1px 0 #000;
box-shadow: inset 1px 0 #000;
}
.tags:before, .tags:after {
content: '';
display: table;
}
.post-tags{
display: inline-block;
text-transform: uppercase;
white-space: nowrap;
}
.post-tags a {
color:#828282;
}
.post-date {
display: inline-block;
margin-left: 8px;
padding-left: 12px;
border-left: #d5dbde 1px solid;
text-transform: uppercase;
white-space: nowrap;
}
.pagination span, .pagination a {
font-size: 16px;
background: #e8e8e8;
padding: 5px 15px;
border-radius: 3px;
color: #969696;
}
.pagination span.previous, .pagination a.previous {
float: left;
}
.pagination span.next, .pagination a.next {
float: right;
}
.pagination a {
color:#2F2F2F;
border-color:#2F2F2F;
}

File diff suppressed because one or more lines are too long

View File

@ -1,71 +0,0 @@
/**
* Syntax highlighting styles
*/
.highlight {
background: #fff;
@extend %vertical-rhythm;
.highlighter-rouge & {
background: #eef;
}
.c { color: #998; font-style: italic } // Comment
.err { color: #a61717; background-color: #e3d2d2 } // Error
.k { font-weight: bold } // Keyword
.o { font-weight: bold } // Operator
.cm { color: #998; font-style: italic } // Comment.Multiline
.cp { color: #999; font-weight: bold } // Comment.Preproc
.c1 { color: #998; font-style: italic } // Comment.Single
.cs { color: #999; font-weight: bold; font-style: italic } // Comment.Special
.gd { color: #000; background-color: #fdd } // Generic.Deleted
.gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific
.ge { font-style: italic } // Generic.Emph
.gr { color: #a00 } // Generic.Error
.gh { color: #999 } // Generic.Heading
.gi { color: #000; background-color: #dfd } // Generic.Inserted
.gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific
.go { color: #888 } // Generic.Output
.gp { color: #555 } // Generic.Prompt
.gs { font-weight: bold } // Generic.Strong
.gu { color: #aaa } // Generic.Subheading
.gt { color: #a00 } // Generic.Traceback
.kc { font-weight: bold } // Keyword.Constant
.kd { font-weight: bold } // Keyword.Declaration
.kp { font-weight: bold } // Keyword.Pseudo
.kr { font-weight: bold } // Keyword.Reserved
.kt { color: #458; font-weight: bold } // Keyword.Type
.m { color: #099 } // Literal.Number
.s { color: #d14 } // Literal.String
.na { color: #008080 } // Name.Attribute
.nb { color: #0086B3 } // Name.Builtin
.nc { color: #458; font-weight: bold } // Name.Class
.no { color: #008080 } // Name.Constant
.ni { color: #800080 } // Name.Entity
.ne { color: #900; font-weight: bold } // Name.Exception
.nf { color: #900; font-weight: bold } // Name.Function
.nn { color: #555 } // Name.Namespace
.nt { color: #000080 } // Name.Tag
.nv { color: #008080 } // Name.Variable
.ow { font-weight: bold } // Operator.Word
.w { color: #bbb } // Text.Whitespace
.mf { color: #099 } // Literal.Number.Float
.mh { color: #099 } // Literal.Number.Hex
.mi { color: #099 } // Literal.Number.Integer
.mo { color: #099 } // Literal.Number.Oct
.sb { color: #d14 } // Literal.String.Backtick
.sc { color: #d14 } // Literal.String.Char
.sd { color: #d14 } // Literal.String.Doc
.s2 { color: #d14 } // Literal.String.Double
.se { color: #d14 } // Literal.String.Escape
.sh { color: #d14 } // Literal.String.Heredoc
.si { color: #d14 } // Literal.String.Interpol
.sx { color: #d14 } // Literal.String.Other
.sr { color: #009926 } // Literal.String.Regex
.s1 { color: #d14 } // Literal.String.Single
.ss { color: #990073 } // Literal.String.Symbol
.bp { color: #999 } // Name.Builtin.Pseudo
.vc { color: #008080 } // Name.Variable.Class
.vg { color: #008080 } // Name.Variable.Global
.vi { color: #008080 } // Name.Variable.Instance
.il { color: #099 } // Literal.Number.Integer.Long
}

15
_sass/base.scss Executable file
View File

@ -0,0 +1,15 @@
@import "compass";
@import "base/normalize";
@import "bootstrap/grid";
@import "utility/setting";
@import "utility/utility";
@import "base/base";
@import "base/ie8";
@import "font/font-awesome";
@import "theme/theme";
@import "layout/header";
@import "layout/main";
@import "layout/footer";

18
_sass/base/_base.scss Executable file
View File

@ -0,0 +1,18 @@
/**
* ----------------------------------------------------------------------------------------
* Base Style
* ----------------------------------------------------------------------------------------
*/
body {
background-color: #E0E0E0;
}
ul,ol {
margin: 0;
padding: 0;
}
ul {
list-style-type: none;
}

5
_sass/base/_ie8.scss Executable file
View File

@ -0,0 +1,5 @@
/**
* ----------------------------------------------------------------------------------------
* IE8 style
* ----------------------------------------------------------------------------------------
*/

424
_sass/base/_normalize.scss Executable file
View File

@ -0,0 +1,424 @@
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS and IE text size adjust after device orientation change,
* without disabling user zoom.
*/
html {
font-family: sans-serif; /* 1 */
-ms-text-size-adjust: 100%; /* 2 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/**
* Remove default margin.
*/
body {
margin: 0;
}
/* HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
/**
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/
audio,
canvas,
progress,
video {
display: inline-block; /* 1 */
vertical-align: baseline; /* 2 */
}
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
*/
[hidden],
template {
display: none;
}
/* Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* Improve readability of focused elements when they are also in an
* active/hover state.
*/
a:active,
a:hover {
outline: 0;
}
/* Text-level semantics
========================================================================== */
/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
/**
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/
b,
strong {
font-weight: bold;
}
/**
* Address styling not present in Safari and Chrome.
*/
dfn {
font-style: italic;
}
/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari, and Chrome.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/**
* Address styling not present in IE 8/9.
*/
mark {
background: #ff0;
color: #000;
}
/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9/10.
*/
img {
border: 0;
}
/**
* Correct overflow not hidden in IE 9/10/11.
*/
svg:not(:root) {
overflow: hidden;
}
/* Grouping content
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari.
*/
figure {
margin: 1em 40px;
}
/**
* Address differences between Firefox and other browsers.
*/
hr {
box-sizing: content-box;
height: 0;
}
/**
* Contain overflow in all browsers.
*/
pre {
overflow: auto;
}
/**
* Address odd `em`-unit font size rendering in all browsers.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
/* Forms
========================================================================== */
/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/
/**
* 1. Correct color not being inherited.
* Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/
button,
input,
optgroup,
select,
textarea {
color: inherit; /* 1 */
font: inherit; /* 2 */
margin: 0; /* 3 */
}
/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/
button {
overflow: visible;
}
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/
button,
select {
text-transform: none;
}
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
*/
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; /* 2 */
cursor: pointer; /* 3 */
}
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default;
}
/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
input {
line-height: normal;
}
/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
*/
input[type="search"] {
-webkit-appearance: textfield; /* 1 */
box-sizing: content-box; /* 2 */
}
/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
border: 0; /* 1 */
padding: 0; /* 2 */
}
/**
* Remove default vertical scrollbar in IE 8/9/10/11.
*/
textarea {
overflow: auto;
}
/**
* Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/
optgroup {
font-weight: bold;
}
/* Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}

841
_sass/bootstrap/_grid.scss Executable file
View File

@ -0,0 +1,841 @@
/**
* ----------------------------------------------------------------------------------------
* Bootstrap styles
* ----------------------------------------------------------------------------------------
*/
/*!
* Bootstrap v3.3.5 (http://getbootstrap.com)
* Copyright 2011-2015 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
/*!
* Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=00f31e3348ad3a0a7c71)
* Config saved to config.json and https://gist.github.com/00f31e3348ad3a0a7c71
*/
/*!
* Bootstrap v3.3.5 (http://getbootstrap.com)
* Copyright 2011-2015 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html {
font-size: 10px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.42857143;
color: #333333;
background-color: #ffffff;
}
input,
button,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
a {
color: #337ab7;
text-decoration: none;
}
a:hover,
a:focus {
color: #23527c;
text-decoration: underline;
}
a:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
figure {
margin: 0;
}
img {
vertical-align: middle;
}
.img-responsive {
display: block;
max-width: 100%;
height: auto;
}
.img-rounded {
border-radius: 6px;
}
.img-thumbnail {
padding: 4px;
line-height: 1.42857143;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 4px;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto;
}
.img-circle {
border-radius: 50%;
}
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eeeeee;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
[role="button"] {
cursor: pointer;
}
.container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 768px) {
.container {
width: 750px;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
}
}
@media (min-width: 1200px) {
.container {
width: 1170px;
}
}
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
.row {
margin-left: -15px;
margin-right: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
float: left;
}
.col-xs-12 {
width: 100%;
}
.col-xs-11 {
width: 91.66666667%;
}
.col-xs-10 {
width: 83.33333333%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-8 {
width: 66.66666667%;
}
.col-xs-7 {
width: 58.33333333%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-5 {
width: 41.66666667%;
}
.col-xs-4 {
width: 33.33333333%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-2 {
width: 16.66666667%;
}
.col-xs-1 {
width: 8.33333333%;
}
.col-xs-pull-12 {
right: 100%;
}
.col-xs-pull-11 {
right: 91.66666667%;
}
.col-xs-pull-10 {
right: 83.33333333%;
}
.col-xs-pull-9 {
right: 75%;
}
.col-xs-pull-8 {
right: 66.66666667%;
}
.col-xs-pull-7 {
right: 58.33333333%;
}
.col-xs-pull-6 {
right: 50%;
}
.col-xs-pull-5 {
right: 41.66666667%;
}
.col-xs-pull-4 {
right: 33.33333333%;
}
.col-xs-pull-3 {
right: 25%;
}
.col-xs-pull-2 {
right: 16.66666667%;
}
.col-xs-pull-1 {
right: 8.33333333%;
}
.col-xs-pull-0 {
right: auto;
}
.col-xs-push-12 {
left: 100%;
}
.col-xs-push-11 {
left: 91.66666667%;
}
.col-xs-push-10 {
left: 83.33333333%;
}
.col-xs-push-9 {
left: 75%;
}
.col-xs-push-8 {
left: 66.66666667%;
}
.col-xs-push-7 {
left: 58.33333333%;
}
.col-xs-push-6 {
left: 50%;
}
.col-xs-push-5 {
left: 41.66666667%;
}
.col-xs-push-4 {
left: 33.33333333%;
}
.col-xs-push-3 {
left: 25%;
}
.col-xs-push-2 {
left: 16.66666667%;
}
.col-xs-push-1 {
left: 8.33333333%;
}
.col-xs-push-0 {
left: auto;
}
.col-xs-offset-12 {
margin-left: 100%;
}
.col-xs-offset-11 {
margin-left: 91.66666667%;
}
.col-xs-offset-10 {
margin-left: 83.33333333%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-8 {
margin-left: 66.66666667%;
}
.col-xs-offset-7 {
margin-left: 58.33333333%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-5 {
margin-left: 41.66666667%;
}
.col-xs-offset-4 {
margin-left: 33.33333333%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-2 {
margin-left: 16.66666667%;
}
.col-xs-offset-1 {
margin-left: 8.33333333%;
}
.col-xs-offset-0 {
margin-left: 0%;
}
@media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
float: left;
}
.col-sm-12 {
width: 100%;
}
.col-sm-11 {
width: 91.66666667%;
}
.col-sm-10 {
width: 83.33333333%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-8 {
width: 66.66666667%;
}
.col-sm-7 {
width: 58.33333333%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-5 {
width: 41.66666667%;
}
.col-sm-4 {
width: 33.33333333%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-2 {
width: 16.66666667%;
}
.col-sm-1 {
width: 8.33333333%;
}
.col-sm-pull-12 {
right: 100%;
}
.col-sm-pull-11 {
right: 91.66666667%;
}
.col-sm-pull-10 {
right: 83.33333333%;
}
.col-sm-pull-9 {
right: 75%;
}
.col-sm-pull-8 {
right: 66.66666667%;
}
.col-sm-pull-7 {
right: 58.33333333%;
}
.col-sm-pull-6 {
right: 50%;
}
.col-sm-pull-5 {
right: 41.66666667%;
}
.col-sm-pull-4 {
right: 33.33333333%;
}
.col-sm-pull-3 {
right: 25%;
}
.col-sm-pull-2 {
right: 16.66666667%;
}
.col-sm-pull-1 {
right: 8.33333333%;
}
.col-sm-pull-0 {
right: auto;
}
.col-sm-push-12 {
left: 100%;
}
.col-sm-push-11 {
left: 91.66666667%;
}
.col-sm-push-10 {
left: 83.33333333%;
}
.col-sm-push-9 {
left: 75%;
}
.col-sm-push-8 {
left: 66.66666667%;
}
.col-sm-push-7 {
left: 58.33333333%;
}
.col-sm-push-6 {
left: 50%;
}
.col-sm-push-5 {
left: 41.66666667%;
}
.col-sm-push-4 {
left: 33.33333333%;
}
.col-sm-push-3 {
left: 25%;
}
.col-sm-push-2 {
left: 16.66666667%;
}
.col-sm-push-1 {
left: 8.33333333%;
}
.col-sm-push-0 {
left: auto;
}
.col-sm-offset-12 {
margin-left: 100%;
}
.col-sm-offset-11 {
margin-left: 91.66666667%;
}
.col-sm-offset-10 {
margin-left: 83.33333333%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-8 {
margin-left: 66.66666667%;
}
.col-sm-offset-7 {
margin-left: 58.33333333%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-5 {
margin-left: 41.66666667%;
}
.col-sm-offset-4 {
margin-left: 33.33333333%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-2 {
margin-left: 16.66666667%;
}
.col-sm-offset-1 {
margin-left: 8.33333333%;
}
.col-sm-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
float: left;
}
.col-md-12 {
width: 100%;
}
.col-md-11 {
width: 91.66666667%;
}
.col-md-10 {
width: 83.33333333%;
}
.col-md-9 {
width: 75%;
}
.col-md-8 {
width: 66.66666667%;
}
.col-md-7 {
width: 58.33333333%;
}
.col-md-6 {
width: 50%;
}
.col-md-5 {
width: 41.66666667%;
}
.col-md-4 {
width: 33.33333333%;
}
.col-md-3 {
width: 25%;
}
.col-md-2 {
width: 16.66666667%;
}
.col-md-1 {
width: 8.33333333%;
}
.col-md-pull-12 {
right: 100%;
}
.col-md-pull-11 {
right: 91.66666667%;
}
.col-md-pull-10 {
right: 83.33333333%;
}
.col-md-pull-9 {
right: 75%;
}
.col-md-pull-8 {
right: 66.66666667%;
}
.col-md-pull-7 {
right: 58.33333333%;
}
.col-md-pull-6 {
right: 50%;
}
.col-md-pull-5 {
right: 41.66666667%;
}
.col-md-pull-4 {
right: 33.33333333%;
}
.col-md-pull-3 {
right: 25%;
}
.col-md-pull-2 {
right: 16.66666667%;
}
.col-md-pull-1 {
right: 8.33333333%;
}
.col-md-pull-0 {
right: auto;
}
.col-md-push-12 {
left: 100%;
}
.col-md-push-11 {
left: 91.66666667%;
}
.col-md-push-10 {
left: 83.33333333%;
}
.col-md-push-9 {
left: 75%;
}
.col-md-push-8 {
left: 66.66666667%;
}
.col-md-push-7 {
left: 58.33333333%;
}
.col-md-push-6 {
left: 50%;
}
.col-md-push-5 {
left: 41.66666667%;
}
.col-md-push-4 {
left: 33.33333333%;
}
.col-md-push-3 {
left: 25%;
}
.col-md-push-2 {
left: 16.66666667%;
}
.col-md-push-1 {
left: 8.33333333%;
}
.col-md-push-0 {
left: auto;
}
.col-md-offset-12 {
margin-left: 100%;
}
.col-md-offset-11 {
margin-left: 91.66666667%;
}
.col-md-offset-10 {
margin-left: 83.33333333%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-8 {
margin-left: 66.66666667%;
}
.col-md-offset-7 {
margin-left: 58.33333333%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-5 {
margin-left: 41.66666667%;
}
.col-md-offset-4 {
margin-left: 33.33333333%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-2 {
margin-left: 16.66666667%;
}
.col-md-offset-1 {
margin-left: 8.33333333%;
}
.col-md-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
float: left;
}
.col-lg-12 {
width: 100%;
}
.col-lg-11 {
width: 91.66666667%;
}
.col-lg-10 {
width: 83.33333333%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-8 {
width: 66.66666667%;
}
.col-lg-7 {
width: 58.33333333%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-5 {
width: 41.66666667%;
}
.col-lg-4 {
width: 33.33333333%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-2 {
width: 16.66666667%;
}
.col-lg-1 {
width: 8.33333333%;
}
.col-lg-pull-12 {
right: 100%;
}
.col-lg-pull-11 {
right: 91.66666667%;
}
.col-lg-pull-10 {
right: 83.33333333%;
}
.col-lg-pull-9 {
right: 75%;
}
.col-lg-pull-8 {
right: 66.66666667%;
}
.col-lg-pull-7 {
right: 58.33333333%;
}
.col-lg-pull-6 {
right: 50%;
}
.col-lg-pull-5 {
right: 41.66666667%;
}
.col-lg-pull-4 {
right: 33.33333333%;
}
.col-lg-pull-3 {
right: 25%;
}
.col-lg-pull-2 {
right: 16.66666667%;
}
.col-lg-pull-1 {
right: 8.33333333%;
}
.col-lg-pull-0 {
right: auto;
}
.col-lg-push-12 {
left: 100%;
}
.col-lg-push-11 {
left: 91.66666667%;
}
.col-lg-push-10 {
left: 83.33333333%;
}
.col-lg-push-9 {
left: 75%;
}
.col-lg-push-8 {
left: 66.66666667%;
}
.col-lg-push-7 {
left: 58.33333333%;
}
.col-lg-push-6 {
left: 50%;
}
.col-lg-push-5 {
left: 41.66666667%;
}
.col-lg-push-4 {
left: 33.33333333%;
}
.col-lg-push-3 {
left: 25%;
}
.col-lg-push-2 {
left: 16.66666667%;
}
.col-lg-push-1 {
left: 8.33333333%;
}
.col-lg-push-0 {
left: auto;
}
.col-lg-offset-12 {
margin-left: 100%;
}
.col-lg-offset-11 {
margin-left: 91.66666667%;
}
.col-lg-offset-10 {
margin-left: 83.33333333%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-8 {
margin-left: 66.66666667%;
}
.col-lg-offset-7 {
margin-left: 58.33333333%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-5 {
margin-left: 41.66666667%;
}
.col-lg-offset-4 {
margin-left: 33.33333333%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-2 {
margin-left: 16.66666667%;
}
.col-lg-offset-1 {
margin-left: 8.33333333%;
}
.col-lg-offset-0 {
margin-left: 0%;
}
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
content: " ";
display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
clear: both;
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
.pull-right {
float: right !important;
}
.pull-left {
float: left !important;
}
.hide {
display: none !important;
}
.show {
display: block !important;
}
.invisible {
visibility: hidden;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.hidden {
display: none !important;
}
.affix {
position: fixed;
}

2020
_sass/font/font-awesome.css vendored Executable file

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

2026
_sass/font/font-awesome.scss vendored Executable file

File diff suppressed because it is too large Load Diff

44
_sass/layout/_footer.scss Executable file
View File

@ -0,0 +1,44 @@
/**
* ----------------------------------------------------------------------------------------
* Footer style
* ----------------------------------------------------------------------------------------
*/
#l-footer {
background-color: rgb(28, 51, 64);
color: white;
margin-top: 7rem;
padding: 1.5rem;
h3 {
text-align: center;
margin-bottom: 0.5rem;
}
address {
text-align: right;
padding-right: 2rem;
}
#rss {
text-align: center;
}
.rss {
font-size: 6rem;
}
#legal {
text-align: center;
color: rgb(141, 141, 141);
}
}
@media (max-width: 768px) {
#l-footer {
address {
text-align: left;
margin-bottom: 2rem;
}
}
}

195
_sass/layout/_header.scss Executable file
View File

@ -0,0 +1,195 @@
/**
* ----------------------------------------------------------------------------------------
* Header style
* ----------------------------------------------------------------------------------------
*/
#l-header {
background-color: rgb(28, 51, 64);
color: white;
h1 {
margin-top: 0;
margin-bottom: 35px;
font: normal small-caps bold 4rem/9.5rem "verdana",helvetica, sans-serif;
letter-spacing: -1rem;
margin-left: -2rem;
}
p {
font: normal bold 3rem/1.5rem "verdana",sans-serif;
margin-top: 3.5rem;
text-align: right;
color: rgb(214, 214, 214);
}
li > a {
display: block;
}
.navbar {
background-color: white;
i {
position: absolute;
top: 1.9rem;
right: 2.5rem;
color: black;
}
}
.navicon {
display: none;
}
nav > ul > li {
width: 25%;
// height: 5rem;
float: left;
text-align: center;
font-size: 2rem;
line-height: 5rem;
border-right: 1px solid #e0e0e0;
padding: 0;
}
nav > ul > li:hover {
background: #ccc;
}
.subnav {
max-height: 5rem;
}
.subnav li {
display: none;
position: relative;
z-index: 100;
border-top: 1px solid white;
background-color: rgb(238, 238, 238);
}
.subnav li:hover {
background-color: #ccc;
}
.subnav:hover li {
display: block;
}
#search {
height: 3rem;
margin-top: 1rem;
width: 100%;
border: 0;
@include border-radius(45px);
padding-left: 2rem;
color: black;
border: 1px solid #e0e0e0;
}
#search:focus {
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
outline: none;
}
}
@media (max-width:1200px) {
#l-header {
p {
display: none;
}
}
}
@media (max-width:992px) {
#l-header {
margin-bottom: 6rem;
.logo {
margin-bottom: -7rem;
}
p {
display: none;
}
nav > ul > li {
border-bottom: 1px solid #e0e0e0;
}
div.search {
margin-bottom: 1.5rem;
border-top: 1px solid white;
}
.navbar {
position: relative;
top: 5.6rem;
}
}
}
@media (max-width: 768px) {
#l-header {
margin-bottom: 0;
height: 8rem;
h1 {
font-size: 9rem;
line-height: 4.5rem;
letter-spacing: -0.7rem;
}
.navbar {
display: none;
height: 6rem;
position: absolute;
top: 3.9rem;
width: 100%;
z-index: 200;
}
.subnav {
height: auto;
}
.subnav li {
background: rgba(18, 27, 32, 1);
}
.subnav li:hover {
background: darken(rgba(18, 27, 32, 1), 5);
}
.navicon {
display: block;
font-size: 3rem;
height: 4rem;
padding-top: 2.4rem;
text-align: right;
padding-right: 2rem;
position: absolute;
top: 0;
width: 100%;
padding-top: 0;
background-color: rgba(44, 63, 74, 0.6);
}
nav > ul > li {
text-align: center;
background-color: rgba(37, 57, 69, 1);
width: 100%;
margin-right: 2rem;
border-bottom: 1px solid #e0e0e0;
}
nav > ul > li:hover {
background: darken(rgba(37, 57, 69, 1), 5);
}
.search {
background-color: rgba(37, 57, 69, 1);
padding-bottom: 1rem;
}
}
}

299
_sass/layout/_main.scss Executable file
View File

@ -0,0 +1,299 @@
#l-main {
article {
background: white;
padding-right: 3rem;
margin-top: 5rem;
box-shadow: 0 0 10px #999;
border-radius: 5px;
.date {
text-align: center;
font-weight: bold;
}
.day {
background-color: black;
color: white;
width: 5rem;
height: 5rem;
margin: 2rem auto 0.5rem auto;
font: normal normal bold 2.4rem/4.9rem "Verdana",sans-serif;
@include border-radius(50%);
}
.category {
font-style: italic;
font-family: comic sans ms, cursive;
}
.title {
font: normal bold 4rem Georgia, serif;
font-family: , Helvetica;
margin-bottom: 0.4rem;
/*text-shadow: 2px 3px 0px #C1C1C1;*/
a {
color: #333;
}
}
hr {
clear: both;
}
.excerpt {
font-size: 2rem;
font-family: , Helvetica;
letter-spacing: 0.2px;
text-align: justify;
}
.continue {
margin: 0 2rem 2rem;
float: right;
border-radius: 5px;
}
}
#about {
background-color: white;
margin-bottom: 2.5rem;
header, section {
padding-left: 7.5rem;
padding-right: 7.5rem;
}
section {
margin-bottom: 6rem;
}
header {
background-color: #1C3340;
color: white;
max-height: 18rem;
img {
max-width: 17rem;
position: relative;
top: 9rem;
border-radius: 50%;
border: 4px solid white;
}
h1 {
margin-left: 21.5rem;
padding-bottom: 1rem;
position: relative;
top: -5rem;
}
}
section h2 {
font-size: 4rem;
color: #1c3340;
margin: 0;
margin-bottom: 1rem;
border-bottom: 3px solid #1C3340;
}
section#intro {
h2 {
font-size: 7rem;
margin-left: 21.2rem;
margin-top: -2rem;
border-bottom: none;
}
p {
font-size: 2rem;
}
}
section#skillsets {
i {
font-weight: bold;
font-size: 3rem;
}
ul {
margin-top: 2rem;
}
ul li {
font-size: 2rem;
display: inline;
background-color: #000000;
color: white;
border: 1px solid #1C3340;
padding: 3px;
border-radius: 4px;
margin-left: 1rem;
}
}
section#findme li {
display: inline;
font-size: 6rem;
margin-right: 3rem;
}
section#action {
font-size: 2rem;
}
}
div#whoops {
text-align: center;
height: 300px;
h1 {
font-size: 6rem;
}
}
div#building {
text-align: center;
padding-top: 10rem;
i {
font-size: 15rem;
color: #1C3340;
}
}
div#paginator {
margin: 0 auto;
max-width: auto;
margin-top: 3rem;
a, span {
min-width: 2rem;
font-size: 2rem;
border-radius: 2px;
border: 1px solid #337AB7;
display: inline-block;
padding: 2px 11px;
box-shadow: 0 0 2px #337AB7;
}
ul li {
float: left;
margin-right: 1rem;
}
ul li.active {
background: #8BB3C1;;
}
}
}
ul.tags {
margin: 0 !important;
}
.tags li {
float: left;
margin-left: 1rem;
padding: 0rem 1rem;
background-color: #8BB3C1;
color: white;
@include border-radius(15px);
}
.tags li:first-child {
margin-left: 0;
}
#postTitle {
font-size: 4rem;
font-weight: bold;
margin-bottom: 0rem !important;
}
#postMeta {
font-style: italic;
}
#filterList {
background-color: #F6F6F6;
margin-top: 5rem;
padding: 0;
font-size: 2rem;
box-shadow: 0 0 10px #999;
li {
height: 5rem;
line-height: 5rem;
border-bottom: 2px solid #DDDDDD;
padding-left: 2rem;
&.current {
background-color: #1C3340;
}
&:hover:not(.current) {
background-color: white;
cursor: pointer;
}
}
a, a:visited, a:hover {
text-decoration: none;
color: #337ab7;
}
}
.tagCnt, .cateCnt {
float: right;
font-size: 1.5rem;
margin-right: 1rem;
background-color: #F6F6F6;
height: 50%;
height: 2rem;
width: 2rem;
margin-top: 1.5rem;
text-align: center;
line-height: 2rem;
box-shadow: 0 0 3px #1C3340;
border-radius: 50%;
}
@media (max-width: 768px) {
#l-main {
article .title {
font-size: 3rem;
margin-bottom: 2rem;
}
#about {
header {
img {
max-width: 10rem;
position: static;
display: block;
margin: 0 auto;
}
h1 {
margin: 0 auto;
text-align: center;
position: static;
}
}
section#intro h2 {
font-size: 4rem;
margin: 0;
border-bottom: 3px solid #1C3340;
}
section#skillsets ul li {
display: block;
margin: 1rem;
}
}
}
}

15
_sass/theme/_theme.scss Executable file
View File

@ -0,0 +1,15 @@
/**
* ----------------------------------------------------------------------------------------
* Theme style
* ----------------------------------------------------------------------------------------
*/
/* Layout related */
.t-margin {
margin-bottom: $general-margin;
}
.t-beveled {
border-bottom: 4px solid #F4F4F4;
@include box-shadow(0 2px 5px rgba(0, 0, 0, .4));
}

115
_sass/theme/post.html Executable file
View File

@ -0,0 +1,115 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="@dummy">
<title>@dummy</title>
<!-- favicon -->
<link rel="shortcut icon" href="favicon.ico" type="image/icon">
<link rel="icon" href="favicon.ico" type="image/icon">
<link rel="stylesheet" type="text/css" href="stylesheets/index.css">
<script type="text/javascript" src="javascripts/jquery.js"></script>
<script type="text/javascript" src="javascripts/index.js"></script>
<!--[if lt IE 9]>
<script src="javascripts/html5shiv.js"></script>
<![endif]-->
<!-- 百度统计 -->
<!-- <script type="text/javascript" src="javascripts/baidu_statistics.js"></script> -->
</head>
<body>
<header id="l-header">
<div class="container">
<div class="row logo">
<div class="col-lg-7">
<h1>UniFreak</h1>
</div>
<div class="col-lg-5">
<p>On the way to death</p>
<p>On the way of learning</p>
</div>
</div>
<div class="row navicon">
<a href=""><i class="fa fa-navicon"></i></a>
</div>
<div class="row navbar">
<nav class="col-lg-8 col-md-8 col-xs-12">
<ul class="row">
<li class="col-lg-3"><a href="index.html">HOME</a></li>
<li class="col-lg-3">
<ul class="subnav">
<a href="javascript:void(0)">POST</a>
<li><a href="category.html">CATEGORY</a></li>
<li><a href="tag.html">TAG</a></li>
</ul>
</li>
<li class="col-lg-3"><a href="about.html">ABOUT</a></li>
<li class="col-lg-3"><a href="demo.html">DEMO</a></li>
</ul>
</nav>
<div class="search col-lg-4 col-md-4 col-xs-12">
<label for="search"></label>
<input id="search" name="serach" type="text" placeholder="Search Me">
<i class="fa fa-search"></i>
</div>
</div>
</div>
</header>
<section id="l-main">
<div class="container">
</div>
</section>
<footer id="l-footer">
<div class="container">
<div class="row">
<div id="contact" class="col-lg-6 col-lg-offset-1 col-md-6 col-md-offset-1 col-sm-9">
<h3>CONTACT</h3>
<div class="row">
<address id="address" class="col-lg-6 col-md-6 col-sm-6">
湖北 武汉市 洪山区<br>
珞瑜东路佳园路<br>
学府家园<br>
430063<br>
</address>
<ul class="col-lg-6 col-md-6 col-sm-6">
<li class="qq"><i class="fa fa-qq"></i> &nbsp;&nbsp;744910240</li>
<li class="email"><i class="fa fa-envelope"></i> <a href="mailto:fanghao90s@gmail.com"> &nbsp;&nbsp;fanghao90s@gmail.com</a></li>
<li class="tel"><i class="fa fa-mobile"></i> <a href="tel:15671542698">&nbsp;&nbsp; 15671542698</a></li>
<li class="github"><i class="fa fa-github"></i> <a href="https://github.com/UniFreak"> &nbsp;&nbsp;https://github.com/UniFreak</a></li>
</ul>
</div>
</div>
<div id="rss" class="col-lg-2 col-md-2 col-sm-2">
<h3>SUBSCRIBE<br>
via</h3>
<a href="feed.xml">
<i class="rss fa fa-rss-square"></i>
</a>
</div>
</div>
<p id="legal">
Copyright (c) 2015 UniFreak | Powered by <a href="http://jekyllrb.com">Jekyll</a> &amp; <a href="http://github.com">GitHub</a> | Design &amp; build by UniFreak
</p>
</div>
</footer>
</body>
</html>

21
_sass/utility/_setting.scss Executable file
View File

@ -0,0 +1,21 @@
/**
* ----------------------------------------------------------------------------------------
* Site settings
* ----------------------------------------------------------------------------------------
*/
/* Typography */
$font-size: 16px;
$font: 'Open Sans', Helvetica, Arial, sans-serif;
$baseline: $base-font-size * 1.5;
/* Color */
$navbg: #eee;
$articlebg: $navbg + 8;
$headerbg: #1C3340;
$searchbd: rgb(51, 122, 183);
/* Positioning */
$margin-multiplier: 2;
$general-margin: $margin-multiplier * $baseline;

33
_sass/utility/_utility.scss Executable file
View File

@ -0,0 +1,33 @@
/**
* ----------------------------------------------------------------------------------------
* Utility
* ----------------------------------------------------------------------------------------
*/
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.align-left {
@include float-left;
}
.align-right {
@include float-right;
}
.clearfix {
@include clearfix;
}
.col-equal {
margin-bottom: -99999px;
padding-bottom: 99999px;
}

View File

@ -1,105 +1,134 @@
<!doctype html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Error!</title>
<style>
html {
font-size: 62.5%;
}
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Paul Walko's personal website">
* {
margin: 0;
padding: 0;
font-size: 100%;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
<title>Paul Walko</title>
body {
padding: 60px;
background: #fafafa;
font-size: 150%;
font-family: Helvetica, Arial, sans-serif;
font-weight: 300;
line-height: 1.5;
}
<!-- favicon -->
<link rel="apple-touch-icon" sizes="57x57" href="http://localhost:4000//favicon/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="http://localhost:4000//favicon/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="http://localhost:4000//favicon/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="http://localhost:4000//favicon/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="http://localhost:4000//favicon/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="http://localhost:4000//favicon/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="http://localhost:4000//favicon/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="http://localhost:4000//favicon/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="http://localhost:4000//favicon/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="http://localhost:4000//favicon/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="http://localhost:4000//favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="http://localhost:4000//favicon/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="http://localhost:4000//favicon/favicon-16x16.png">
<link rel="manifest" href="http://localhost:4000//favicon/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
#wrap {
width: 100%;
max-width: 700px;
margin: 0 auto;
padding: 30px;
background: #fff;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
border-radius: 3px;
border-top: 3px solid #b00f08;
}
<link rel="stylesheet" type="text/css" href="http://localhost:4000/stylesheets/base.css">
<link rel="stylesheet" type="text/css" href="http://localhost:4000/stylesheets/simplePagination.css">
hr {
display: none;
}
<script type="text/javascript" src="http://localhost:4000/javascripts/jquery.js"></script>
p {
margin: 0 0 15px;
}
<!--[if lt IE 9]>
<script src="http://localhost:4000/javascripts/html5shiv.js"></script>
<![endif]-->
a {
color: #731217;
}
</head>
a:hover {
color: #b00f08;
}
<body>
<header id="l-header">
<div class="container">
<div class="row logo">
<div class="col-lg-7">
<h1>Paul Walko</h1>
</div>
</div>
h1 {
margin: 0 0 15px;
font-size: 240%;
font-weight: 300;
color: #731217;
}
.content {
padding: 15px;
margin: 15px 0;
background: #eee;
border: 1px solid rgba(0, 0, 0, 0.1);
font-weight: bold;
color: #666;
}
pre {
overflow: auto;
padding: 15px;
background: #fafafa;
border: 1px solid rgba(0, 0, 0, 0.1);
line-height: 1.8;
color: rgba(0, 0, 0, 0.8);
}
pre.exception {
background-color: #ffeded;
}
pre em {
font-style: normal;
color: rgba(0, 0, 0, 0.5);
border-bottom: 1px dotted;
cursor: help;
}
</style>
</head>
<body>
<div id="wrap">
<h1>Error!</h1>
<p>The requested url <script>
document.write(window.location.pathname);
</script> was not found.</p>
<div class="row navicon">
<a href=""><i class="fa fa-navicon"></i></a>
</div>
<div class="row navbar">
<nav class="col-lg-8 col-md-8 col-xs-12">
<ul class="row">
<li class="col-lg-3"><a href="http://localhost:4000/">HOME</a></li>
<li class="col-lg-3">
<ul class="subnav">
<a href="javascript:void(0)">POSTS</a>
<li><a href="http://localhost:4000/category">CATEGORY</a></li>
<li><a href="http://localhost:4000/tag">TAG</a></li>
</ul>
</li>
<li class="col-lg-3"><a href="http://localhost:4000/about">ABOUT</a></li>
<li class="col-lg-3"><a href="http://localhost:4000/Walko_Paul-Resume.pdf">RÉSUMÉ</a></li>
</ul>
</nav>
<div class="search col-lg-4 col-md-4 col-xs-12">
<form id="dummySearch">
<label for="search"></label>
<input id="search" name="serach" type="text" placeholder="Not That Dummy Search">
<i class="fa fa-search"></i>
</form>
<script>
$(function(){
$('#dummySearch').submit(function(e) {
e.preventDefault();
keyword = $('#search').val();
url = 'https://www.google.com.hk/search?q=site%3Apaul.walko.org+' + keyword;
location.href = url;
})
})
</script>
</div>
</div>
</div>
</body>
</html>
</header>
<section id="l-main">
<div class="container">
<div id="whoops">
<h1>Whoops! 404</h1>
<h2>I suggest you <a href="http://localhost:4000/"> go sweet <i class="fa fa-home"></i></a></h2>
</div>
</div>
</section>
<footer id="l-footer">
<div class="container">
<div class="row">
<div id="contact" class="col-lg-6 col-lg-offset-1 col-md-6 col-md-offset-1 col-sm-9">
<h3>CONTACT</h3>
<div class="row">
<address id="address" class="col-lg-6 col-md-6 col-sm-6">
United States<br>
Paul Walko<br>
</address>
<ul class="col-lg-6 col-md-6 col-sm-6">
<li class="email"><i class="fa fa-envelope"></i> <a href="mailto:paulsw.pw@gmail.com"> &nbsp;&nbsp;paulsw.pw@gmail.com</a></li>
<li class="github"><i class="fa fa-github"></i> <a href="https://www.github.com/paulwalko"> &nbsp;&nbsp;https://www.github.com/paulwalko</a></li>
</ul>
</div>
</div>
</div>
<p id="legal">
Copyright (c) 2015 Paul Walko | Powered by <a href="http://jekyllrb.com">Jekyll</a> &amp; <a href="http://github.com">GitHub</a> | designed &amp; built by <a href="http://unifreak.github.io">UniFreak</a>
</p>
</div>
</footer>
<script type="text/javascript" src="http://localhost:4000/javascripts/base.js"></script>
</body>
</html>

View File

@ -1 +0,0 @@
spaghetti.ga

View File

@ -1,9 +1,11 @@
source 'https://rubygems.org'
gem 'thor'
gem 'stringex'
gem 'jekyll-paginate'
gem 'kramdown'
gem 'jekyll-watch'
gem 'jekyll-archives'
source 'https://ruby.taobao.org/'
gem 'jekyll'
gem 'jekyll-paginate'
gem 'redcarpet', '~> 3.2.3'
gem 'jekyll-watch', '~> 1.2.1'
gem 'pygments.rb'
gem 'kramdown'
gem 'json'
gem 'compass'
# gem 'wdm', '>= 0.1.1' if Gem.win_platform? # for jekyll --watch enable in windows

View File

@ -1,52 +0,0 @@
GEM
remote: https://rubygems.org/
specs:
colorator (0.1)
ffi (1.9.10)
jekyll (3.0.2)
colorator (~> 0.1)
jekyll-sass-converter (~> 1.0)
jekyll-watch (~> 1.1)
kramdown (~> 1.3)
liquid (~> 3.0)
mercenary (~> 0.3.3)
rouge (~> 1.7)
safe_yaml (~> 1.0)
jekyll-archives (2.1.0)
jekyll (>= 2.4)
jekyll-paginate (1.1.0)
jekyll-sass-converter (1.4.0)
sass (~> 3.4)
jekyll-watch (1.3.1)
listen (~> 3.0)
json (1.8.3)
kramdown (1.9.0)
liquid (3.0.6)
listen (3.0.5)
rb-fsevent (>= 0.9.3)
rb-inotify (>= 0.9)
mercenary (0.3.5)
rb-fsevent (0.9.7)
rb-inotify (0.9.5)
ffi (>= 0.5.0)
rouge (1.10.1)
safe_yaml (1.0.4)
sass (3.4.21)
stringex (2.5.2)
thor (0.19.1)
PLATFORMS
ruby
DEPENDENCIES
jekyll
jekyll-archives
jekyll-paginate
jekyll-watch
json
kramdown
stringex
thor
BUNDLED WITH
1.11.2

21
_site/LICENCE Normal file
View File

@ -0,0 +1,21 @@
The MIT License (MIT)
Copyright (c) 2015 Paul Walko
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

View File

@ -1,9 +1,15 @@
# spaghetti.ga
Based of Jekyll default theme and redesign again by me.<br>
Feel free to use this theme :^)
<br><br>
But please don't try to copy anything from my article :p
#Intro
My personal blog, built with Jekyll and Github page.
# License
MIT
#If you want to use this theme
1. fork it
2. **Important**: If you want to use [Baidu Statistics][baiduTongji] functionality, remember to replace the content of `/javascripts/baidu_statistics.js` with your own. If you don't want to use it or don't understand what I'm talking about, just comment out line 43 of `/_includes/footer.html`.
3. **Important**: If you want to use the [Disqus][disqus] (comment system) functionality, remember to replace the content of `/_includes/disqus_load.html` and `/_includes/disqus_count.html` with your own content. If you don't want to use it or don't understand what I'm talking about, just comment out line 27 in `/_layouts/markdownreader_bare.html` and line 35 in `/_layouts/post.html`.
4. Modify `/_config.yml` with your own info, replace `/images/me.png` with your own.
That's it
[baiduTongji]: http://tongji.baidu.com/web/welcome/login
[disqus]: https://disqus.com/

BIN
_site/Walko_Paul-Resume.odt Normal file

Binary file not shown.

BIN
_site/Walko_Paul-Resume.pdf Normal file

Binary file not shown.

View File

@ -1,289 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<!---
Spaghetti Base Redesign
-->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>About</title>
<meta name="description" content="All about Spaghetti-san Project
">
<meta name="google-site-verification" content="WWP0tS0N_Dm8-FTd9oqyZta0oRCDYUFy24R7zSm06Vs" />
<meta name="msvalidate.01" content="779064655F047D704FFFD2122C3591F3" />
<link rel="stylesheet" href="/assets/css/alternative.css">
<link href="//cdnjs.cloudflare.com/ajax/libs/typicons/2.0.7/typicons.min.css" rel="stylesheet">
<link href="//cdnjs.cloudflare.com/ajax/libs/octicons/3.4.1/octicons.min.css" rel="stylesheet">
<link rel="canonical" href="http://spaghetti.ga/about.html">
<link rel="alternate" type="application/rss+xml" title="Spaghetti-san Blog" href="http://spaghetti.ga/feed.xml">
</head>
<Body>
<header class="site-header">
<div class="wrapper">
<div class="pacel "><div class="pace-progress" data-progress-text="100%" data-progress="99" style="transform: translate3d(100%, 0px, 0px);">
<div class="pace-progress-inner"></div>
</div>
<div class="pace-activity"></div></div>
<a id="route" class="site-title" href="/">Paul Walko</a>
<nav class="site-nav">
<a href="#" class="menu-icon">
<svg viewBox="0 0 18 15">
<path fill="#424242" d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.031C17.335,0,18,0.665,18,1.484L18,1.484z"/>
<path fill="#424242" d="M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0c0-0.82,0.665-1.484,1.484-1.484 h15.031C17.335,6.031,18,6.696,18,7.516L18,7.516z"/>
<path fill="#424242" d="M18,13.516C18,14.335,17.335,15,16.516,15H1.484C0.665,15,0,14.335,0,13.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.031C17.335,12.031,18,12.696,18,13.516L18,13.516z"/>
</svg>
</a>
<div class="trigger">
<a id="route" class="page-link" href="/about.html">About</a>
<a id="route" class="page-link" href="/archive.html">Archive</a>
<a id="route" class="page-link" href="/project.html">Projects</a>
<a class="page-link" href="/tags/#writeup">Writeups</a>
<a class="page-link" href="http://spaghetti.ga/feed.xml"> Feeds</a>
<a class="page-link" href="http://github.com/paulwalko?tab=repositories"><i class="octicon octicon-mark-github" style="font-size:"></i></a>
</div>
</nav>
</div>
</header>
<div class="page-content">
<div class="wrapper">
<div class="row">
<div class="large-7 columns samping">
<div style="margin-top: 0;
position: relative;
padding-bottom: 1rem;
/* border-bottom: #636363 1px solid; */
word-wrap: break-word;
background: #3E3E3E;
padding: 32px 20px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;">
<img src="https://avatars2.githubusercontent.com/u/8794792?v=3&s=180" style="border-radius:10px">
<br><br>
I am Axl, an UI Designer, Front End Developer, Illustrator, and of course Anime and Visual Novel lovers from Indonesia.
Living in Jakarta, and studied at Bina Sarana Informatika.
I love my work and enjoy each new project as I get it.
By the way i'm just a freelance and work a project at home with only laptop and figurine beside my laptop.
<br>
<br>
Feel free to contact me on <a href="https://www.facebook.com/profile.php?id=100007594726461">Facebook</a>, don't be hesitate to ask, also you can add me :))
<br>
<br>
To be honest, my english are really bad, so I'll ready to start learning english by writing an article in English also :)
</div>
</div>
<div class="large-4 columns">
<div class="widgetnya">
<h1 class="page-heading">Search</h1>
<div class="badanwidget" style="width:0">
<input type="text" placeholder="Type here to search..." id="countries"/>
</div>
</div>
<div class="widgetnya">
<h1 class="page-heading">Tags</h1>
<div class="badanwidget">
<ul class="tags" style="padding-bottom: 20px;">
<li style="font-size: 103%">
<a id="route" href="/tags/#nothello">
nothello
<span>1</span>
</a>
</li>
<li style="font-size: 103%">
<a id="route" href="/tags/#hello">
hello
<span>1</span>
</a>
</li>
<li style="font-size: 103%">
<a id="route" href="/tags/#writeup">
writeup
<span>1</span>
</a>
</li>
</ul>
</div>
</div>
<div class="widgetnya">
<h1 class="page-heading">Blogroll</h1>
<div class="badanwidget">
</div>
</div>
</div>
</div>
</div>
<footer class="site-footer">
<div class="wrapper">
<h2 class="footer-heading">Spaghetti-san Blog</h2>
<div class="footer-col-wrapper">
<div class="footer-col footer-col-1">
<ul class="contact-list">
<li>Spaghetti-san Personal Blog</li>
<li><a href="mailto:spaghettisan@yahoo.com">spaghettisan@yahoo.com</a></li>
</ul>
</div>
<div class="footer-col footer-col-2">
<ul class="social-media-list">
<li>
<a href="https://github.com/spaghetti-san"><span class="icon icon--github"><svg viewBox="0 0 16 16"><path fill="#828282" d="M7.999,0.431c-4.285,0-7.76,3.474-7.76,7.761 c0,3.428,2.223,6.337,5.307,7.363c0.388,0.071,0.53-0.168,0.53-0.374c0-0.184-0.007-0.672-0.01-1.32 c-2.159,0.469-2.614-1.04-2.614-1.04c-0.353-0.896-0.862-1.135-0.862-1.135c-0.705-0.481,0.053-0.472,0.053-0.472 c0.779,0.055,1.189,0.8,1.189,0.8c0.692,1.186,1.816,0.843,2.258,0.645c0.071-0.502,0.271-0.843,0.493-1.037 C4.86,11.425,3.049,10.76,3.049,7.786c0-0.847,0.302-1.54,0.799-2.082C3.768,5.507,3.501,4.718,3.924,3.65 c0,0,0.652-0.209,2.134,0.796C6.677,4.273,7.34,4.187,8,4.184c0.659,0.003,1.323,0.089,1.943,0.261 c1.482-1.004,2.132-0.796,2.132-0.796c0.423,1.068,0.157,1.857,0.077,2.054c0.497,0.542,0.798,1.235,0.798,2.082 c0,2.981-1.814,3.637-3.543,3.829c0.279,0.24,0.527,0.713,0.527,1.437c0,1.037-0.01,1.874-0.01,2.129 c0,0.208,0.14,0.449,0.534,0.373c3.081-1.028,5.302-3.935,5.302-7.362C15.76,3.906,12.285,0.431,7.999,0.431z"/></svg>
</span><span class="username">spaghetti-san</span></a>
</li>
<li>
<a href="https://facebook.com/axlyody"><span class="icon icon--facebook"><?xml version="1.0"?>
<svg class="icon icon-facebook" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path class="background" fill="#828282" d="M 0.875,0 C 0.38722,0 0,0.38721 0,0.875 l 0,14.25 C 0,15.61266 0.38715,16 0.875,16 l 7.65625,0 0,-6.1875 -2.0625,0 0,-2.4375 2.0625,0 0,-1.78125 c 0,-2.06656 1.2814395,-3.1875 3.125,-3.1875 0.88307,0 1.62261,0.06435 1.84375,0.09375 l 0,2.15625 -1.25,0.03125 c -1.00252,0 -1.21875,0.45713 -1.21875,1.15625 l 0,1.53125 2.40625,0 -0.3125,2.4375 -2.09375,0 0,6.1875 4.09375,0 C 15.612599,16 16,15.61272 16,15.125 L 16,0.875 C 16,0.38721 15.61266,0 15.125,0 L 0.875,0 z"/>
<path class="foreground" fill="white" d="m 11.03968,16.000001 v -6.19608 h 2.07973 l 0.31141,-2.41472 h -2.39114 v -1.54165 c 0,-0.69912 0.19414,-1.17555 1.19666,-1.17555 l 1.27866,-5.6e-4 v -2.15974 c -0.22114,-0.0294 -0.98017,-0.0952 -1.86324,-0.0952 -1.8435605,0 -3.1057105,1.12532 -3.1057105,3.19188 v 1.7808 h -2.08506 v 2.41472 h 2.08506 v 6.19608 H 11.03968 z"/>
</svg>
</span><span class="username">Axl Yody</span></a>
</li>
<li>
<a href="https://twitter.com/axlyody"><span class="icon icon--twitter"><svg viewBox="0 0 16 16"><path fill="#828282" d="M15.969,3.058c-0.586,0.26-1.217,0.436-1.878,0.515c0.675-0.405,1.194-1.045,1.438-1.809c-0.632,0.375-1.332,0.647-2.076,0.793c-0.596-0.636-1.446-1.033-2.387-1.033c-1.806,0-3.27,1.464-3.27,3.27 c0,0.256,0.029,0.506,0.085,0.745C5.163,5.404,2.753,4.102,1.14,2.124C0.859,2.607,0.698,3.168,0.698,3.767 c0,1.134,0.577,2.135,1.455,2.722C1.616,6.472,1.112,6.325,0.671,6.08c0,0.014,0,0.027,0,0.041c0,1.584,1.127,2.906,2.623,3.206 C3.02,9.402,2.731,9.442,2.433,9.442c-0.211,0-0.416-0.021-0.615-0.059c0.416,1.299,1.624,2.245,3.055,2.271 c-1.119,0.877-2.529,1.4-4.061,1.4c-0.264,0-0.524-0.015-0.78-0.046c1.447,0.928,3.166,1.469,5.013,1.469 c6.015,0,9.304-4.983,9.304-9.304c0-0.142-0.003-0.283-0.009-0.423C14.976,4.29,15.531,3.714,15.969,3.058z"/></svg>
</span><span class="username">axlyody</span></a>
</li>
</ul>
</div>
<div class="footer-col footer-col-3">
<p>Designed by Spaghetti</p>
<p>Proudly hosted by <a href="https://pages.github.com/" target="_blank"><span class="octicon octicon-logo-github" style="color: #828282;
position: relative;
top: 4px;
left: 3px;
font-size: 20px;"></span></a></p>
</div>
</div>
</div>
</footer>
<!--- Where Javascript Loaded --->
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script type="text/javascript" src="http://iamceege.github.io/tooltipster/js/jquery.tooltipster.js"></script>
<script>
$(document).ready(function() {
if(location.pathname != "/") {
$('.trigger a[href^="/' + location.pathname.split("/")[1] + '"]').addClass('active');
} else $('.none a:eq(0)').addClass('active');
});
</script>
<script>
$(document).ready(function() {
$('.tooltip-right').tooltipster({
contentAsHTML: true,
position: 'right',
});
});
$(document).ready(function() {
$('.tooltip-left').tooltipster({
contentAsHTML: true,
position: 'left',
});
});
</script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery.pjax/1.9.6/jquery.pjax.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/pace/1.0.2/pace.min.js"></script>
<script type="text/javascript" src="/assets/js/jquery-autocomplete.js"></script>
<script src="/assets/js/responsive_waterfall.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery.lazyload/1.9.1/jquery.lazyload.min.js"></script>
<script>
$(document).ready(function(){$(".menu-icon").click(function(){$(".trigger").toggle()})}),$(function(){$(document).pjax("#route","body",{fragment:"body",timeout:1e5,scrollTo:0,push:!0,maxCacheLength:20,replace:!1})}),$(document).on("pjax:error",function(e,n,t,o,c){return c.success(n.responseText,t,n),!1});var options={url:"/gblk.json",getValue:"title",list:{match:{enabled:!0,maxNumberOfElements:5}},template:{type:"links",fields:{link:"url"}},theme:"square"};$("#countries").easyAutocomplete(options),Pace.on("start",function(){$(".pacel").show()}),Pace.on("done",function(){$(".pacel").hide()}),$(function(){$("img").lazyload({})});var waterfall=new Waterfall({containerSelector:".wf-container",boxSelector:".wf-box",minBoxWidth:180});$(document).ready(function(){$(".menu-icon").click(function(){$(".trigger").toggle()})});
</script>
<script id="dsq-count-scr" src="//spaghettisan.disqus.com/count.js" async></script>
</Body>
</html>

195
_site/about/index.html Normal file
View File

@ -0,0 +1,195 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Paul Walko's personal website">
<title>Paul Walko</title>
<!-- favicon -->
<link rel="apple-touch-icon" sizes="57x57" href="http://localhost:4000//favicon/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="http://localhost:4000//favicon/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="http://localhost:4000//favicon/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="http://localhost:4000//favicon/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="http://localhost:4000//favicon/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="http://localhost:4000//favicon/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="http://localhost:4000//favicon/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="http://localhost:4000//favicon/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="http://localhost:4000//favicon/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="http://localhost:4000//favicon/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="http://localhost:4000//favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="http://localhost:4000//favicon/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="http://localhost:4000//favicon/favicon-16x16.png">
<link rel="manifest" href="http://localhost:4000//favicon/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<link rel="stylesheet" type="text/css" href="http://localhost:4000/stylesheets/base.css">
<link rel="stylesheet" type="text/css" href="http://localhost:4000/stylesheets/simplePagination.css">
<script type="text/javascript" src="http://localhost:4000/javascripts/jquery.js"></script>
<!--[if lt IE 9]>
<script src="http://localhost:4000/javascripts/html5shiv.js"></script>
<![endif]-->
</head>
<body>
<header id="l-header">
<div class="container">
<div class="row logo">
<div class="col-lg-7">
<h1>Paul Walko</h1>
</div>
</div>
<div class="row navicon">
<a href=""><i class="fa fa-navicon"></i></a>
</div>
<div class="row navbar">
<nav class="col-lg-8 col-md-8 col-xs-12">
<ul class="row">
<li class="col-lg-3"><a href="http://localhost:4000/">HOME</a></li>
<li class="col-lg-3">
<ul class="subnav">
<a href="javascript:void(0)">POSTS</a>
<li><a href="http://localhost:4000/category">CATEGORY</a></li>
<li><a href="http://localhost:4000/tag">TAG</a></li>
</ul>
</li>
<li class="col-lg-3"><a href="http://localhost:4000/about">ABOUT</a></li>
<li class="col-lg-3"><a href="http://localhost:4000/Walko_Paul-Resume.pdf">RÉSUMÉ</a></li>
</ul>
</nav>
<div class="search col-lg-4 col-md-4 col-xs-12">
<form id="dummySearch">
<label for="search"></label>
<input id="search" name="serach" type="text" placeholder="Not That Dummy Search">
<i class="fa fa-search"></i>
</form>
<script>
$(function(){
$('#dummySearch').submit(function(e) {
e.preventDefault();
keyword = $('#search').val();
url = 'https://www.google.com.hk/search?q=site%3Apaul.walko.org+' + keyword;
location.href = url;
})
})
</script>
</div>
</div>
</div>
</header>
<section id="l-main">
<div class="container">
<div class="row" id="about">
<header id="title">
<img src="http://localhost:4000/images/me.png">
<h1><small>Student at Virgina Tech</small></h1>
</header>
<section id="intro">
<h2>&nbsp</h2>
<p>Bio here</p>
</section>
<section id="skillsets">
<h2><small>SKILLSETS</small></h2>
<ul id="security">
<i>Security</i>
<li>Wireshark</li>
<li>IDA</li>
<li>Ollydebug</li>
</ul>
<ul id="coding">
<i>Coding</i>
<li>C</li>
<li>C++</li>
<li>Python</li>
<li>Java</li>
<li>bash</li>
<li>HTML</li>
</ul>
<ul id="tools">
<i>Tools</i>
<li>Linux</li>
</ul>
</section>
<section id="findme">
<h2><small>FIND ME ON</small></h2>
<ul>
<li><a href="https://www.github.com/paulwalko"><i class="fa fa-github"></i></a></li>
<li><a href="http://www.google.com/+paulwalko"><i class="fa fa-google-plus"></i></a></li>
</ul>
</section>
<section id="action">
<h2></small>Contact Me</small></h2>
<a href="http://localhost:4000/resume">View my resume</a>
<span> or </span>
<a href="mailto:paulsw.pw@gmail.com">e-mail me</a>
</section>
</div>
</div>
</section>
<footer id="l-footer">
<div class="container">
<div class="row">
<div id="contact" class="col-lg-6 col-lg-offset-1 col-md-6 col-md-offset-1 col-sm-9">
<h3>CONTACT</h3>
<div class="row">
<address id="address" class="col-lg-6 col-md-6 col-sm-6">
United States<br>
Paul Walko<br>
</address>
<ul class="col-lg-6 col-md-6 col-sm-6">
<li class="email"><i class="fa fa-envelope"></i> <a href="mailto:paulsw.pw@gmail.com"> &nbsp;&nbsp;paulsw.pw@gmail.com</a></li>
<li class="github"><i class="fa fa-github"></i> <a href="https://www.github.com/paulwalko"> &nbsp;&nbsp;https://www.github.com/paulwalko</a></li>
</ul>
</div>
</div>
</div>
<p id="legal">
Copyright (c) 2015 Paul Walko | Powered by <a href="http://jekyllrb.com">Jekyll</a> &amp; <a href="http://github.com">GitHub</a> | designed &amp; built by <a href="http://unifreak.github.io">UniFreak</a>
</p>
</div>
</footer>
<script type="text/javascript" src="http://localhost:4000/javascripts/base.js"></script>
</body>
</html>

View File

@ -1,299 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<!---
Spaghetti Base Redesign
-->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>Archive</title>
<meta name="description" content="All about Spaghetti-san Project
">
<meta name="google-site-verification" content="WWP0tS0N_Dm8-FTd9oqyZta0oRCDYUFy24R7zSm06Vs" />
<meta name="msvalidate.01" content="779064655F047D704FFFD2122C3591F3" />
<link rel="stylesheet" href="/assets/css/alternative.css">
<link href="//cdnjs.cloudflare.com/ajax/libs/typicons/2.0.7/typicons.min.css" rel="stylesheet">
<link href="//cdnjs.cloudflare.com/ajax/libs/octicons/3.4.1/octicons.min.css" rel="stylesheet">
<link rel="canonical" href="http://spaghetti.ga/archive.html">
<link rel="alternate" type="application/rss+xml" title="Spaghetti-san Blog" href="http://spaghetti.ga/feed.xml">
</head>
<Body>
<header class="site-header">
<div class="wrapper">
<div class="pacel "><div class="pace-progress" data-progress-text="100%" data-progress="99" style="transform: translate3d(100%, 0px, 0px);">
<div class="pace-progress-inner"></div>
</div>
<div class="pace-activity"></div></div>
<a id="route" class="site-title" href="/">Paul Walko</a>
<nav class="site-nav">
<a href="#" class="menu-icon">
<svg viewBox="0 0 18 15">
<path fill="#424242" d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.031C17.335,0,18,0.665,18,1.484L18,1.484z"/>
<path fill="#424242" d="M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0c0-0.82,0.665-1.484,1.484-1.484 h15.031C17.335,6.031,18,6.696,18,7.516L18,7.516z"/>
<path fill="#424242" d="M18,13.516C18,14.335,17.335,15,16.516,15H1.484C0.665,15,0,14.335,0,13.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.031C17.335,12.031,18,12.696,18,13.516L18,13.516z"/>
</svg>
</a>
<div class="trigger">
<a id="route" class="page-link" href="/about.html">About</a>
<a id="route" class="page-link" href="/archive.html">Archive</a>
<a id="route" class="page-link" href="/project.html">Projects</a>
<a class="page-link" href="/tags/#writeup">Writeups</a>
<a class="page-link" href="http://spaghetti.ga/feed.xml"> Feeds</a>
<a class="page-link" href="http://github.com/paulwalko?tab=repositories"><i class="octicon octicon-mark-github" style="font-size:"></i></a>
</div>
</nav>
</div>
</header>
<div class="page-content">
<div class="wrapper">
<div style="margin: 1rem auto;">
<h1 class="archive-header"></h1>
<div class="wf-container" style="margin-top: 80px;">
<div class="wf-box">
<a id="route" href="/uncategorized/2015/12/18/my-first-post.html">
<div class="tglgede" style="
background-color: rgba(105, 105, 105, 0.44);
background-image: url(http://marolafashionable.com/catalog/view/theme/agnes/image/layout/shadows/blur_black.png), url();
background-position: center bottom, left top;
background-repeat: no-repeat;
">
<p style="
background-color: rgba(0, 0, 0, 0.57);
padding: 30%;
color: #DADADA;
justify-content: center;
text-align: center;
margin-bottom: 0;
">
December 2015
</p>
</div>
</a>
<div class="content">
<a id="route" href="/uncategorized/2015/12/18/my-first-post.html">
<h3 style="padding: 5px 8px;
margin-bottom: 0;
background-color: #00bc8c;
color: #fff;
font-size: 15px;">My First Post!</h3>
</a>
</div>
</div>
</ul>
<div class="wf-box">
<a id="route" href="/jekyll/update/2013/11/25/welcome-to-jekyll.html">
<div class="tglgede" style="
background-color: rgba(105, 105, 105, 0.44);
background-image: url(http://marolafashionable.com/catalog/view/theme/agnes/image/layout/shadows/blur_black.png), url();
background-position: center bottom, left top;
background-repeat: no-repeat;
">
<p style="
background-color: rgba(0, 0, 0, 0.57);
padding: 30%;
color: #DADADA;
justify-content: center;
text-align: center;
margin-bottom: 0;
">
November 2013
</p>
</div>
</a>
<div class="content">
<a id="route" href="/jekyll/update/2013/11/25/welcome-to-jekyll.html">
<h3 style="padding: 5px 8px;
margin-bottom: 0;
background-color: #00bc8c;
color: #fff;
font-size: 15px;">Welcome to Jekyll!</h3>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="site-footer">
<div class="wrapper">
<h2 class="footer-heading">Spaghetti-san Blog</h2>
<div class="footer-col-wrapper">
<div class="footer-col footer-col-1">
<ul class="contact-list">
<li>Spaghetti-san Personal Blog</li>
<li><a href="mailto:spaghettisan@yahoo.com">spaghettisan@yahoo.com</a></li>
</ul>
</div>
<div class="footer-col footer-col-2">
<ul class="social-media-list">
<li>
<a href="https://github.com/spaghetti-san"><span class="icon icon--github"><svg viewBox="0 0 16 16"><path fill="#828282" d="M7.999,0.431c-4.285,0-7.76,3.474-7.76,7.761 c0,3.428,2.223,6.337,5.307,7.363c0.388,0.071,0.53-0.168,0.53-0.374c0-0.184-0.007-0.672-0.01-1.32 c-2.159,0.469-2.614-1.04-2.614-1.04c-0.353-0.896-0.862-1.135-0.862-1.135c-0.705-0.481,0.053-0.472,0.053-0.472 c0.779,0.055,1.189,0.8,1.189,0.8c0.692,1.186,1.816,0.843,2.258,0.645c0.071-0.502,0.271-0.843,0.493-1.037 C4.86,11.425,3.049,10.76,3.049,7.786c0-0.847,0.302-1.54,0.799-2.082C3.768,5.507,3.501,4.718,3.924,3.65 c0,0,0.652-0.209,2.134,0.796C6.677,4.273,7.34,4.187,8,4.184c0.659,0.003,1.323,0.089,1.943,0.261 c1.482-1.004,2.132-0.796,2.132-0.796c0.423,1.068,0.157,1.857,0.077,2.054c0.497,0.542,0.798,1.235,0.798,2.082 c0,2.981-1.814,3.637-3.543,3.829c0.279,0.24,0.527,0.713,0.527,1.437c0,1.037-0.01,1.874-0.01,2.129 c0,0.208,0.14,0.449,0.534,0.373c3.081-1.028,5.302-3.935,5.302-7.362C15.76,3.906,12.285,0.431,7.999,0.431z"/></svg>
</span><span class="username">spaghetti-san</span></a>
</li>
<li>
<a href="https://facebook.com/axlyody"><span class="icon icon--facebook"><?xml version="1.0"?>
<svg class="icon icon-facebook" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path class="background" fill="#828282" d="M 0.875,0 C 0.38722,0 0,0.38721 0,0.875 l 0,14.25 C 0,15.61266 0.38715,16 0.875,16 l 7.65625,0 0,-6.1875 -2.0625,0 0,-2.4375 2.0625,0 0,-1.78125 c 0,-2.06656 1.2814395,-3.1875 3.125,-3.1875 0.88307,0 1.62261,0.06435 1.84375,0.09375 l 0,2.15625 -1.25,0.03125 c -1.00252,0 -1.21875,0.45713 -1.21875,1.15625 l 0,1.53125 2.40625,0 -0.3125,2.4375 -2.09375,0 0,6.1875 4.09375,0 C 15.612599,16 16,15.61272 16,15.125 L 16,0.875 C 16,0.38721 15.61266,0 15.125,0 L 0.875,0 z"/>
<path class="foreground" fill="white" d="m 11.03968,16.000001 v -6.19608 h 2.07973 l 0.31141,-2.41472 h -2.39114 v -1.54165 c 0,-0.69912 0.19414,-1.17555 1.19666,-1.17555 l 1.27866,-5.6e-4 v -2.15974 c -0.22114,-0.0294 -0.98017,-0.0952 -1.86324,-0.0952 -1.8435605,0 -3.1057105,1.12532 -3.1057105,3.19188 v 1.7808 h -2.08506 v 2.41472 h 2.08506 v 6.19608 H 11.03968 z"/>
</svg>
</span><span class="username">Axl Yody</span></a>
</li>
<li>
<a href="https://twitter.com/axlyody"><span class="icon icon--twitter"><svg viewBox="0 0 16 16"><path fill="#828282" d="M15.969,3.058c-0.586,0.26-1.217,0.436-1.878,0.515c0.675-0.405,1.194-1.045,1.438-1.809c-0.632,0.375-1.332,0.647-2.076,0.793c-0.596-0.636-1.446-1.033-2.387-1.033c-1.806,0-3.27,1.464-3.27,3.27 c0,0.256,0.029,0.506,0.085,0.745C5.163,5.404,2.753,4.102,1.14,2.124C0.859,2.607,0.698,3.168,0.698,3.767 c0,1.134,0.577,2.135,1.455,2.722C1.616,6.472,1.112,6.325,0.671,6.08c0,0.014,0,0.027,0,0.041c0,1.584,1.127,2.906,2.623,3.206 C3.02,9.402,2.731,9.442,2.433,9.442c-0.211,0-0.416-0.021-0.615-0.059c0.416,1.299,1.624,2.245,3.055,2.271 c-1.119,0.877-2.529,1.4-4.061,1.4c-0.264,0-0.524-0.015-0.78-0.046c1.447,0.928,3.166,1.469,5.013,1.469 c6.015,0,9.304-4.983,9.304-9.304c0-0.142-0.003-0.283-0.009-0.423C14.976,4.29,15.531,3.714,15.969,3.058z"/></svg>
</span><span class="username">axlyody</span></a>
</li>
</ul>
</div>
<div class="footer-col footer-col-3">
<p>Designed by Spaghetti</p>
<p>Proudly hosted by <a href="https://pages.github.com/" target="_blank"><span class="octicon octicon-logo-github" style="color: #828282;
position: relative;
top: 4px;
left: 3px;
font-size: 20px;"></span></a></p>
</div>
</div>
</div>
</footer>
<!--- Where Javascript Loaded --->
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script type="text/javascript" src="http://iamceege.github.io/tooltipster/js/jquery.tooltipster.js"></script>
<script>
$(document).ready(function() {
if(location.pathname != "/") {
$('.trigger a[href^="/' + location.pathname.split("/")[1] + '"]').addClass('active');
} else $('.none a:eq(0)').addClass('active');
});
</script>
<script>
$(document).ready(function() {
$('.tooltip-right').tooltipster({
contentAsHTML: true,
position: 'right',
});
});
$(document).ready(function() {
$('.tooltip-left').tooltipster({
contentAsHTML: true,
position: 'left',
});
});
</script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery.pjax/1.9.6/jquery.pjax.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/pace/1.0.2/pace.min.js"></script>
<script type="text/javascript" src="/assets/js/jquery-autocomplete.js"></script>
<script src="/assets/js/responsive_waterfall.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery.lazyload/1.9.1/jquery.lazyload.min.js"></script>
<script>
$(document).ready(function(){$(".menu-icon").click(function(){$(".trigger").toggle()})}),$(function(){$(document).pjax("#route","body",{fragment:"body",timeout:1e5,scrollTo:0,push:!0,maxCacheLength:20,replace:!1})}),$(document).on("pjax:error",function(e,n,t,o,c){return c.success(n.responseText,t,n),!1});var options={url:"/gblk.json",getValue:"title",list:{match:{enabled:!0,maxNumberOfElements:5}},template:{type:"links",fields:{link:"url"}},theme:"square"};$("#countries").easyAutocomplete(options),Pace.on("start",function(){$(".pacel").show()}),Pace.on("done",function(){$(".pacel").hide()}),$(function(){$("img").lazyload({})});var waterfall=new Waterfall({containerSelector:".wf-container",boxSelector:".wf-box",minBoxWidth:180});$(document).ready(function(){$(".menu-icon").click(function(){$(".trigger").toggle()})});
</script>
<script id="dsq-count-scr" src="//spaghettisan.disqus.com/count.js" async></script>
</Body>
</html>

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Before

Width:  |  Height:  |  Size: 258 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 114 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 28 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 175 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 36 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 116 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 36 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 118 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 41 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 30 KiB

File diff suppressed because one or more lines are too long

View File

@ -1 +0,0 @@
!function(t,e){"function"==typeof define&&define.amd?define([],e):"object"==typeof module&&module.exports?module.exports=e():t.Waterfall=e()}(this,function(){"use strict";var t=function(t){var e;Object.defineProperty(this,"minBoxWidth",{get:function(){return e},set:function(t){100>t&&(t=100),t>1e3&&(t=1e3),e=t}}),t=t||{};var n=t.containerSelector||".wf-container",i=t.boxSelector||".wf-box";this.minBoxWidth=t.minBoxWidth||250,this.columns=[],this.container=document.querySelector(n),this.boxes=this.container?Array.prototype.slice.call(this.container.querySelectorAll(i)):[],this.compose();for(var o,s=this.container.querySelectorAll("img"),r=this,c=0;c<s.length;c++){var h=s[c];h.onload=function(){o&&clearTimeout(o),o=setTimeout(function(){r.compose(!0)},500)}}window.addEventListener("resize",function(){r.compose()})};return t.prototype.computeNumberOfColumns=function(){var t=Math.floor(this.container.clientWidth/this.minBoxWidth);return t=t||1},t.prototype.initColumns=function(t){if(t>0){this.columns=[];for(var e=100/t+"%";t--;){var n=document.createElement("div");n.className="wf-column",n.style.width=e,this.columns.push(n),this.container.appendChild(n)}}},t.prototype.getMinHeightIndex=function(){if(this.columns&&this.columns.length>0){for(var t=this.columns[0].clientHeight,e=0,n=1;n<this.columns.length;n++){var i=this.columns[n];i.clientHeight<t&&(t=i.clientHeight,e=n)}return e}return-1},t.prototype.getHighestIndex=function(){if(this.columns&&this.columns.length>0){for(var t=this.columns[0].clientHeight,e=0,n=1;n<this.columns.length;n++){var i=this.columns[n];i.clientHeight>t&&(t=i.clientHeight,e=n)}return e}return-1},t.prototype.compose=function(t){var e=this.computeNumberOfColumns(),n=this.columns.length;if(t||e!=n){for(var i=0;i<this.columns.length;i++){var o=this.columns[i];o.remove()}this.initColumns(e);for(var i=0,s=this.boxes.length;s>i;i++){var r=this.boxes[i];this.addBox(r)}}},t.prototype.addBox=function(t){this.boxes.indexOf(t)<0&&this.boxes.push(t);var e=this.getMinHeightIndex();if(e>-1){var n=this.columns[e];n.appendChild(t)}},t});

115
_site/building/index.html Normal file
View File

@ -0,0 +1,115 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Paul Walko's personal website">
<title>Paul Walko</title>
<!-- favicon -->
<link rel="shortcut icon" href="http://localhost:4000/favicon.ico" type="image/icon">
<link rel="icon" href="http://localhost:4000/favicon.ico" type="image/icon">
<link rel="stylesheet" type="text/css" href="http://localhost:4000/stylesheets/base.css">
<link rel="stylesheet" type="text/css" href="http://localhost:4000/stylesheets/simplePagination.css">
<script type="text/javascript" src="http://localhost:4000/javascripts/jquery.js"></script>
<!--[if lt IE 9]>
<script src="http://localhost:4000/javascripts/html5shiv.js"></script>
<![endif]-->
</head>
<body>
<header id="l-header">
<div class="container">
<div class="row logo">
<div class="col-lg-7">
<h1>Paul Walko</h1>
</div>
</div>
<div class="row navicon">
<a href=""><i class="fa fa-navicon"></i></a>
</div>
<div class="row navbar">
<nav class="col-lg-8 col-md-8 col-xs-12">
<ul class="row">
<li class="col-lg-3"><a href="http://localhost:4000/">HOME</a></li>
<li class="col-lg-3">
<ul class="subnav">
<a href="javascript:void(0)">POSTS</a>
<li><a href="http://localhost:4000/category">CATEGORY</a></li>
<li><a href="http://localhost:4000/tag">TAG</a></li>
</ul>
</li>
<li class="col-lg-3"><a href="http://localhost:4000/about">ABOUT</a></li>
<li class="col-lg-3"><a href="http://localhost:4000/resume">RÉSUMÉ</a></li>
</ul>
</nav>
<div class="search col-lg-4 col-md-4 col-xs-12">
<form id="dummySearch">
<label for="search"></label>
<input id="search" name="serach" type="text" placeholder="Not That Dummy Search">
<i class="fa fa-search"></i>
</form>
<script>
$(function(){
$('#dummySearch').submit(function(e) {
e.preventDefault();
keyword = $('#search').val();
url = 'https://www.google.com.hk/search?q=site%3Apaul.walko.org+' + keyword;
location.href = url;
})
})
</script>
</div>
</div>
</div>
</header>
<section id="l-main">
<div class="container">
<div id="building">
<i class="fa fa-cog fa-spin"></i>
<h1>BUILDING</h1>
</div>
</div>
</section>
<footer id="l-footer">
<div class="container">
<div class="row">
<div id="contact" class="col-lg-6 col-lg-offset-1 col-md-6 col-md-offset-1 col-sm-9">
<h3>CONTACT</h3>
<div class="row">
<address id="address" class="col-lg-6 col-md-6 col-sm-6">
United States<br>
Paul Walko<br>
</address>
<ul class="col-lg-6 col-md-6 col-sm-6">
<li class="email"><i class="fa fa-envelope"></i> <a href="mailto:paulsw.pw@gmail.com"> &nbsp;&nbsp;paulsw.pw@gmail.com</a></li>
<li class="github"><i class="fa fa-github"></i> <a href="http://www.github.com/paulwalko"> &nbsp;&nbsp;http://www.github.com/paulwalko</a></li>
</ul>
</div>
</div>
</div>
<p id="legal">
Copyright (c) 2015 Paul Walko | Powered by <a href="http://jekyllrb.com">Jekyll</a> &amp; <a href="http://github.com">GitHub</a> | designed &amp; built by <a href="http://unifreak.github.io">UniFreak</a>
</p>
</div>
</footer>
<script type="text/javascript" src="http://localhost:4000/javascripts/base.js"></script>
</body>
</html>

View File

@ -1,217 +1,211 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Paul Walko's personal website">
<title>Paul Walko</title>
<!-- favicon -->
<link rel="apple-touch-icon" sizes="57x57" href="http://localhost:4000//favicon/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="http://localhost:4000//favicon/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="http://localhost:4000//favicon/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="http://localhost:4000//favicon/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="http://localhost:4000//favicon/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="http://localhost:4000//favicon/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="http://localhost:4000//favicon/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="http://localhost:4000//favicon/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="http://localhost:4000//favicon/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="http://localhost:4000//favicon/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="http://localhost:4000//favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="http://localhost:4000//favicon/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="http://localhost:4000//favicon/favicon-16x16.png">
<link rel="manifest" href="http://localhost:4000//favicon/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<link rel="stylesheet" type="text/css" href="http://localhost:4000/stylesheets/base.css">
<link rel="stylesheet" type="text/css" href="http://localhost:4000/stylesheets/simplePagination.css">
<script type="text/javascript" src="http://localhost:4000/javascripts/jquery.js"></script>
<!--[if lt IE 9]>
<script src="http://localhost:4000/javascripts/html5shiv.js"></script>
<![endif]-->
<head>
<!---
Spaghetti Base Redesign
-->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>Category</title>
<meta name="description" content="All about Spaghetti-san Project
">
<meta name="google-site-verification" content="WWP0tS0N_Dm8-FTd9oqyZta0oRCDYUFy24R7zSm06Vs" />
<meta name="msvalidate.01" content="779064655F047D704FFFD2122C3591F3" />
<link rel="stylesheet" href="/assets/css/alternative.css">
<link href="//cdnjs.cloudflare.com/ajax/libs/typicons/2.0.7/typicons.min.css" rel="stylesheet">
<link href="//cdnjs.cloudflare.com/ajax/libs/octicons/3.4.1/octicons.min.css" rel="stylesheet">
<link rel="canonical" href="http://spaghetti.ga/category/">
<link rel="alternate" type="application/rss+xml" title="Spaghetti-san Blog" href="http://spaghetti.ga/feed.xml">
</head>
<body>
<header id="l-header">
<div class="container">
<div class="row logo">
<div class="col-lg-7">
<h1>Paul Walko</h1>
</div>
</div>
<Body>
<div class="row navicon">
<a href=""><i class="fa fa-navicon"></i></a>
</div>
<header class="site-header">
<div class="wrapper">
<div class="pacel "><div class="pace-progress" data-progress-text="100%" data-progress="99" style="transform: translate3d(100%, 0px, 0px);">
<div class="pace-progress-inner"></div>
</div>
<div class="pace-activity"></div></div>
<a id="route" class="site-title" href="/">Paul Walko</a>
<nav class="site-nav">
<a href="#" class="menu-icon">
<svg viewBox="0 0 18 15">
<path fill="#424242" d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.031C17.335,0,18,0.665,18,1.484L18,1.484z"/>
<path fill="#424242" d="M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0c0-0.82,0.665-1.484,1.484-1.484 h15.031C17.335,6.031,18,6.696,18,7.516L18,7.516z"/>
<path fill="#424242" d="M18,13.516C18,14.335,17.335,15,16.516,15H1.484C0.665,15,0,14.335,0,13.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.031C17.335,12.031,18,12.696,18,13.516L18,13.516z"/>
</svg>
</a>
<div class="trigger">
<a id="route" class="page-link" href="/about.html">About</a>
<a id="route" class="page-link" href="/archive.html">Archive</a>
<a id="route" class="page-link" href="/project.html">Projects</a>
<a class="page-link" href="/tags/#writeup">Writeups</a>
<a class="page-link" href="http://spaghetti.ga/feed.xml"> Feeds</a>
<a class="page-link" href="http://github.com/paulwalko?tab=repositories"><i class="octicon octicon-mark-github" style="font-size:"></i></a>
</div>
</nav>
</div>
<div class="row navbar">
<nav class="col-lg-8 col-md-8 col-xs-12">
<ul class="row">
<li class="col-lg-3"><a href="http://localhost:4000/">HOME</a></li>
<li class="col-lg-3">
<ul class="subnav">
<a href="javascript:void(0)">POSTS</a>
<li><a href="http://localhost:4000/category">CATEGORY</a></li>
<li><a href="http://localhost:4000/tag">TAG</a></li>
</ul>
</li>
<li class="col-lg-3"><a href="http://localhost:4000/about">ABOUT</a></li>
<li class="col-lg-3"><a href="http://localhost:4000/Walko_Paul-Resume.pdf">RÉSUMÉ</a></li>
</ul>
</nav>
<div class="search col-lg-4 col-md-4 col-xs-12">
<form id="dummySearch">
<label for="search"></label>
<input id="search" name="serach" type="text" placeholder="Not That Dummy Search">
<i class="fa fa-search"></i>
</form>
<script>
$(function(){
$('#dummySearch').submit(function(e) {
e.preventDefault();
keyword = $('#search').val();
url = 'https://www.google.com.hk/search?q=site%3Apaul.walko.org+' + keyword;
location.href = url;
})
})
</script>
</div>
</div>
</div>
</header>
<div class="page-content">
<div class="wrapper">
<article class="post">
<section id="l-main">
<div class="container">
<div class="row">
<ul class="col-lg-2" id="filterList">
<li class="current" data-show="writeup">
<a href="javascript:void(0)">
writeup
<span class="cateCnt">1</span>
</a>
</li>
</ul>
<header class="post-header">
<h1 class="post-title">Category</h1>
</header>
<div class="post-content">
<p><img src="https://avatars2.githubusercontent.com/u/8794792?v=3&amp;s=180" /></p>
<p><br />
Spaghetti-san a.k.a. Axl Yody</p>
<p>I am Axl, a UI Designer, Front End Developer, Illustrator, and of course Anime and Visual Novel lovers from Indonesian.
Living in Jakarta, and studied at Bina Sarana Informatika.
I love my work and enjoy each new project as I get it.
By the way im just a freelance and work a project from home with only laptop and figurine beside my laptop.</p>
<p>Feel free to contact me on <a href="https://www.facebook.com/profile.php?id=100007594726461">Facebook</a>, dont be hesitate to ask, also you can add me :))</p>
<section class="showcase col-lg-9 col-lg-offset-1 current " data-show="writeup">
</div>
<article class="row">
<div class="date col-lg-2 col-md-2 col-sm-2">
<p class="day">26</p>
<p class="month">Sep/2015</p>
<p class="category">writeup</p>
</div>
<div class="col-lg-10 col-md-10 col-sm-10">
<h2 class="title"><a href="/writeup/test_post">Test post; Please Ignore</a></h2>
<ul class="tags">
<li><i class="fa fa-tag"> exploit-exercises</i></li>
<li><i class="fa fa-tag"> nebula</i></li>
<li><i class="fa fa-tag"> hacking</i></li>
</ul>
<br>
<hr class="clearfix">
<p class="excerpt">
This is an excerpt; please ignore
</p>
</div>
<button class="continue"><a href="/writeup/test_post">FULL ARTICLE</a></button>
</article>
</div>
<div class="row" id="paginator">
<script type="text/javascript" src="http://localhost:4000/javascripts/pagination.js"></script>
<script type="text/javascript" src="http://localhost:4000/javascripts/listAndPagi.js"></script>
</div>
</section>
</div>
</div>
</section>
<footer id="l-footer">
<div class="container">
<div class="row">
<div id="contact" class="col-lg-6 col-lg-offset-1 col-md-6 col-md-offset-1 col-sm-9">
<h3>CONTACT</h3>
<div class="row">
<address id="address" class="col-lg-6 col-md-6 col-sm-6">
United States<br>
Paul Walko<br>
</address>
<ul class="col-lg-6 col-md-6 col-sm-6">
<li class="email"><i class="fa fa-envelope"></i> <a href="mailto:paulsw.pw@gmail.com"> &nbsp;&nbsp;paulsw.pw@gmail.com</a></li>
<li class="github"><i class="fa fa-github"></i> <a href="https://www.github.com/paulwalko"> &nbsp;&nbsp;https://www.github.com/paulwalko</a></li>
</ul>
</div>
</div>
</div>
<p id="legal">
Copyright (c) 2015 Paul Walko | Powered by <a href="http://jekyllrb.com">Jekyll</a> &amp; <a href="http://github.com">GitHub</a> | designed &amp; built by <a href="http://unifreak.github.io">UniFreak</a>
</p>
</div>
<footer class="site-footer">
<div class="wrapper">
<h2 class="footer-heading">Spaghetti-san Blog</h2>
<div class="footer-col-wrapper">
<div class="footer-col footer-col-1">
<ul class="contact-list">
<li>Spaghetti-san Personal Blog</li>
<li><a href="mailto:spaghettisan@yahoo.com">spaghettisan@yahoo.com</a></li>
</ul>
</div>
<div class="footer-col footer-col-2">
<ul class="social-media-list">
<li>
<a href="https://github.com/spaghetti-san"><span class="icon icon--github"><svg viewBox="0 0 16 16"><path fill="#828282" d="M7.999,0.431c-4.285,0-7.76,3.474-7.76,7.761 c0,3.428,2.223,6.337,5.307,7.363c0.388,0.071,0.53-0.168,0.53-0.374c0-0.184-0.007-0.672-0.01-1.32 c-2.159,0.469-2.614-1.04-2.614-1.04c-0.353-0.896-0.862-1.135-0.862-1.135c-0.705-0.481,0.053-0.472,0.053-0.472 c0.779,0.055,1.189,0.8,1.189,0.8c0.692,1.186,1.816,0.843,2.258,0.645c0.071-0.502,0.271-0.843,0.493-1.037 C4.86,11.425,3.049,10.76,3.049,7.786c0-0.847,0.302-1.54,0.799-2.082C3.768,5.507,3.501,4.718,3.924,3.65 c0,0,0.652-0.209,2.134,0.796C6.677,4.273,7.34,4.187,8,4.184c0.659,0.003,1.323,0.089,1.943,0.261 c1.482-1.004,2.132-0.796,2.132-0.796c0.423,1.068,0.157,1.857,0.077,2.054c0.497,0.542,0.798,1.235,0.798,2.082 c0,2.981-1.814,3.637-3.543,3.829c0.279,0.24,0.527,0.713,0.527,1.437c0,1.037-0.01,1.874-0.01,2.129 c0,0.208,0.14,0.449,0.534,0.373c3.081-1.028,5.302-3.935,5.302-7.362C15.76,3.906,12.285,0.431,7.999,0.431z"/></svg>
</span><span class="username">spaghetti-san</span></a>
</li>
<li>
<a href="https://facebook.com/axlyody"><span class="icon icon--facebook"><?xml version="1.0"?>
<svg class="icon icon-facebook" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path class="background" fill="#828282" d="M 0.875,0 C 0.38722,0 0,0.38721 0,0.875 l 0,14.25 C 0,15.61266 0.38715,16 0.875,16 l 7.65625,0 0,-6.1875 -2.0625,0 0,-2.4375 2.0625,0 0,-1.78125 c 0,-2.06656 1.2814395,-3.1875 3.125,-3.1875 0.88307,0 1.62261,0.06435 1.84375,0.09375 l 0,2.15625 -1.25,0.03125 c -1.00252,0 -1.21875,0.45713 -1.21875,1.15625 l 0,1.53125 2.40625,0 -0.3125,2.4375 -2.09375,0 0,6.1875 4.09375,0 C 15.612599,16 16,15.61272 16,15.125 L 16,0.875 C 16,0.38721 15.61266,0 15.125,0 L 0.875,0 z"/>
<path class="foreground" fill="white" d="m 11.03968,16.000001 v -6.19608 h 2.07973 l 0.31141,-2.41472 h -2.39114 v -1.54165 c 0,-0.69912 0.19414,-1.17555 1.19666,-1.17555 l 1.27866,-5.6e-4 v -2.15974 c -0.22114,-0.0294 -0.98017,-0.0952 -1.86324,-0.0952 -1.8435605,0 -3.1057105,1.12532 -3.1057105,3.19188 v 1.7808 h -2.08506 v 2.41472 h 2.08506 v 6.19608 H 11.03968 z"/>
</svg>
</span><span class="username">Axl Yody</span></a>
</li>
<li>
<a href="https://twitter.com/axlyody"><span class="icon icon--twitter"><svg viewBox="0 0 16 16"><path fill="#828282" d="M15.969,3.058c-0.586,0.26-1.217,0.436-1.878,0.515c0.675-0.405,1.194-1.045,1.438-1.809c-0.632,0.375-1.332,0.647-2.076,0.793c-0.596-0.636-1.446-1.033-2.387-1.033c-1.806,0-3.27,1.464-3.27,3.27 c0,0.256,0.029,0.506,0.085,0.745C5.163,5.404,2.753,4.102,1.14,2.124C0.859,2.607,0.698,3.168,0.698,3.767 c0,1.134,0.577,2.135,1.455,2.722C1.616,6.472,1.112,6.325,0.671,6.08c0,0.014,0,0.027,0,0.041c0,1.584,1.127,2.906,2.623,3.206 C3.02,9.402,2.731,9.442,2.433,9.442c-0.211,0-0.416-0.021-0.615-0.059c0.416,1.299,1.624,2.245,3.055,2.271 c-1.119,0.877-2.529,1.4-4.061,1.4c-0.264,0-0.524-0.015-0.78-0.046c1.447,0.928,3.166,1.469,5.013,1.469 c6.015,0,9.304-4.983,9.304-9.304c0-0.142-0.003-0.283-0.009-0.423C14.976,4.29,15.531,3.714,15.969,3.058z"/></svg>
</span><span class="username">axlyody</span></a>
</li>
</ul>
</div>
<div class="footer-col footer-col-3">
<p>Designed by Spaghetti</p>
<p>Proudly hosted by <a href="https://pages.github.com/" target="_blank"><span class="octicon octicon-logo-github" style="color: #828282;
position: relative;
top: 4px;
left: 3px;
font-size: 20px;"></span></a></p>
</div>
</div>
</div>
</footer>
<!--- Where Javascript Loaded --->
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script type="text/javascript" src="http://iamceege.github.io/tooltipster/js/jquery.tooltipster.js"></script>
<script>
$(document).ready(function() {
if(location.pathname != "/") {
$('.trigger a[href^="/' + location.pathname.split("/")[1] + '"]').addClass('active');
} else $('.none a:eq(0)').addClass('active');
});
</script>
<script>
$(document).ready(function() {
$('.tooltip-right').tooltipster({
contentAsHTML: true,
position: 'right',
});
});
$(document).ready(function() {
$('.tooltip-left').tooltipster({
contentAsHTML: true,
position: 'left',
});
});
</script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery.pjax/1.9.6/jquery.pjax.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/pace/1.0.2/pace.min.js"></script>
<script type="text/javascript" src="/assets/js/jquery-autocomplete.js"></script>
<script src="/assets/js/responsive_waterfall.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery.lazyload/1.9.1/jquery.lazyload.min.js"></script>
<script>
$(document).ready(function(){$(".menu-icon").click(function(){$(".trigger").toggle()})}),$(function(){$(document).pjax("#route","body",{fragment:"body",timeout:1e5,scrollTo:0,push:!0,maxCacheLength:20,replace:!1})}),$(document).on("pjax:error",function(e,n,t,o,c){return c.success(n.responseText,t,n),!1});var options={url:"/gblk.json",getValue:"title",list:{match:{enabled:!0,maxNumberOfElements:5}},template:{type:"links",fields:{link:"url"}},theme:"square"};$("#countries").easyAutocomplete(options),Pace.on("start",function(){$(".pacel").show()}),Pace.on("done",function(){$(".pacel").hide()}),$(function(){$("img").lazyload({})});var waterfall=new Waterfall({containerSelector:".wf-container",boxSelector:".wf-box",minBoxWidth:180});$(document).ready(function(){$(".menu-icon").click(function(){$(".trigger").toggle()})});
</script>
<script id="dsq-count-scr" src="//spaghettisan.disqus.com/count.js" async></script>
</Body>
<script type="text/javascript" src="http://localhost:4000/javascripts/base.js"></script>
</body>
</html>

View File

@ -1,2 +0,0 @@
{
}

26
_site/config.rb Executable file
View File

@ -0,0 +1,26 @@
require 'compass/import-once/activate'
# Require any additional compass plugins here.
# Set this to the root of your project when deployed:
http_path = "/"
css_dir = "stylesheets"
sass_dir = "_sass"
images_dir = "images"
javascripts_dir = "javascripts"
# You can select your preferred output style here (can be overridden via the command line):
# output_style = :expanded or :nested or :compact or :compressed
output_style = :expanded
# To enable relative paths to assets via compass helper functions. Uncomment:
relative_assets = true
# To disable debugging comments that display the original location of your selectors. Uncomment:
line_comments = false
# If you prefer the indented syntax, you might want to regenerate this
# project again passing --syntax sass, or you can uncomment this:
# preferred_syntax = :sass
# and then run:
# sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass

BIN
_site/favicon.ico Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 869 B

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 KiB

Some files were not shown because too many files have changed in this diff Show More