new site
|
@ -1,110 +1,10 @@
|
||||||
---
|
---
|
||||||
title: 404
|
layout: base
|
||||||
exclude_from_nav: true
|
permalink: /404.html
|
||||||
---
|
---
|
||||||
|
{% include mode_switcher.html %}
|
||||||
|
|
||||||
<!doctype html>
|
<div id="whoops">
|
||||||
<html>
|
<h1>Whoops! 404</h1>
|
||||||
<head>
|
<h2>I suggest you <a href="{{ crturl }}"> go sweet <i class="fa fa-home"></i></a></h2>
|
||||||
<meta charset="UTF-8" />
|
</div>
|
||||||
<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>
|
|
16
Gemfile
|
@ -1,9 +1,11 @@
|
||||||
source 'https://rubygems.org'
|
source 'https://ruby.taobao.org/'
|
||||||
gem 'thor'
|
|
||||||
gem 'stringex'
|
|
||||||
gem 'jekyll-paginate'
|
|
||||||
gem 'kramdown'
|
|
||||||
gem 'jekyll-watch'
|
|
||||||
gem 'jekyll-archives'
|
|
||||||
gem 'jekyll'
|
gem 'jekyll'
|
||||||
|
gem 'jekyll-paginate'
|
||||||
|
gem 'redcarpet', '~> 3.2.3'
|
||||||
|
gem 'jekyll-watch', '~> 1.2.1'
|
||||||
|
gem 'pygments.rb'
|
||||||
|
gem 'kramdown'
|
||||||
gem 'json'
|
gem 'json'
|
||||||
|
gem 'compass'
|
||||||
|
# gem 'wdm', '>= 0.1.1' if Gem.win_platform? # for jekyll --watch enable in windows
|
||||||
|
|
52
Gemfile.lock
|
@ -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
|
|
|
@ -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.
|
20
README.md
|
@ -1,9 +1,15 @@
|
||||||
# spaghetti.ga
|
#Intro
|
||||||
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
|
|
||||||
|
|
||||||
|
My personal blog, built with Jekyll and Github page.
|
||||||
|
|
||||||
# License
|
#If you want to use this theme
|
||||||
MIT
|
|
||||||
|
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/
|
||||||
|
|
82
_config.yml
|
@ -1,39 +1,51 @@
|
||||||
# Welcome to Jekyll!
|
highlighter: pygments
|
||||||
#
|
|
||||||
# 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.
|
|
||||||
|
|
||||||
# Site settings
|
markdown: redcarpet
|
||||||
title: Spaghetti-san Blog
|
redcarpet:
|
||||||
email: spaghettisan@yahoo.com
|
extensions: ["no_intra_emphasis", "fenced_code_blocks", "autolink", "tables", "with_toc_data"]
|
||||||
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
|
|
||||||
|
|
||||||
# Gems
|
gems: [jekyll-paginate]
|
||||||
gems:
|
paginate: 7
|
||||||
- jekyll-archives
|
paginate_path: "page:num"
|
||||||
- jekyll-paginate
|
layout: post
|
||||||
|
permalink: /:categories/:title
|
||||||
|
excerpt_separator: "[-----]"
|
||||||
|
|
||||||
# Config
|
# mode: dev
|
||||||
paginate: 5
|
mode: product
|
||||||
paginate_path: "page/:num"
|
url: http://localhost:4000/
|
||||||
# Build settings
|
devurl: http://localhost:4000/
|
||||||
markdown: kramdown
|
name: Paul Walko
|
||||||
|
title: Paul Walko
|
||||||
|
description: "Paul Walko's personal website"
|
||||||
|
|
||||||
# Archive
|
my:
|
||||||
jekyll-archives:
|
displayName: Paul Walko
|
||||||
enabled: []
|
realName: Paul Walko
|
||||||
layout: 'archive'
|
jobTitle: "Student at Virgina Tech"
|
||||||
permalinks:
|
contact:
|
||||||
year: '/:year/'
|
email: paulsw.pw@gmail.com
|
||||||
month: '/:year/:month/'
|
github: https://www.github.com/paulwalko
|
||||||
day: '/:year/:month/:day/'
|
google-plus: http://www.google.com/+paulwalko
|
||||||
tag: '/tag/:name/'
|
address:
|
||||||
category: '/category/:name/'
|
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
|
||||||
|
|
|
@ -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
|
|
|
@ -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>
|
|
@ -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>
|
|
@ -1,78 +1,27 @@
|
||||||
<footer class="site-footer">
|
{% assign my = site.my %}
|
||||||
<div class="wrapper">
|
<footer id="l-footer">
|
||||||
<h2 class="footer-heading">{{ site.title }}</h2>
|
<div class="container">
|
||||||
<div class="footer-col-wrapper">
|
<div class="row">
|
||||||
<div class="footer-col footer-col-1">
|
<div id="contact" class="col-lg-6 col-lg-offset-1 col-md-6 col-md-offset-1 col-sm-9">
|
||||||
<ul class="contact-list">
|
<h3>CONTACT</h3>
|
||||||
<li>Spaghetti-san Personal Blog</li>
|
<div class="row">
|
||||||
<li><a href="mailto:{{ site.email }}">{{ site.email }}</a></li>
|
<address id="address" class="col-lg-6 col-md-6 col-sm-6">
|
||||||
</ul>
|
{{ my.contact.address.country }}<br>
|
||||||
</div>
|
{{ my.realName }}<br>
|
||||||
<div class="footer-col footer-col-2">
|
</address>
|
||||||
<ul class="social-media-list">
|
|
||||||
{% if site.github_username %}
|
|
||||||
<li>
|
|
||||||
{% include icon-github.html username=site.github_username %}
|
|
||||||
</li>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if site.facebook_username %}
|
<ul class="col-lg-6 col-md-6 col-sm-6">
|
||||||
<li>
|
<li class="email"><i class="fa fa-envelope"></i> <a href="mailto:{{ my.contact.email }}"> {{ my.contact.email }}</a></li>
|
||||||
{% include icon-facebook.html username=site.facebook_username %}
|
<li class="github"><i class="fa fa-github"></i> <a href="{{ my.contact.github }}"> {{ my.contact.github }}</a></li>
|
||||||
</li>
|
</ul>
|
||||||
{% endif %}
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
{% if site.twitter_username %}
|
<p id="legal">
|
||||||
<li>
|
Copyright (c) 2015 {{ my.displayName }} | Powered by <a href="http://jekyllrb.com">Jekyll</a> & <a href="http://github.com">GitHub</a> | designed & built by <a href="http://unifreak.github.io">UniFreak</a>
|
||||||
{% include icon-twitter.html username=site.twitter_username %}
|
</p>
|
||||||
</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>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</footer>
|
</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 type="text/javascript" src="{{crturl}}javascripts/base.js"></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>
|
|
||||||
|
|
|
@ -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>
|
|
|
@ -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]-->
|
|
@ -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">
|
|
@ -1,34 +1,48 @@
|
||||||
<header class="site-header">
|
<header id="l-header">
|
||||||
<div class="wrapper">
|
<div class="container">
|
||||||
<div class="pacel "><div class="pace-progress" data-progress-text="100%" data-progress="99" style="transform: translate3d(100%, 0px, 0px);">
|
<div class="row logo">
|
||||||
<div class="pace-progress-inner"></div>
|
<div class="col-lg-7">
|
||||||
</div>
|
<h1>{{ site.name }}</h1>
|
||||||
<div class="pace-activity"></div></div>
|
</div>
|
||||||
<a id="route" class="site-title" href="{{ site.baseurl }}/">Paul Walko</a>
|
</div>
|
||||||
|
|
||||||
<nav class="site-nav">
|
<div class="row navicon">
|
||||||
<a href="#" class="menu-icon">
|
<a href=""><i class="fa fa-navicon"></i></a>
|
||||||
<svg viewBox="0 0 18 15">
|
</div>
|
||||||
<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">
|
<div class="row navbar">
|
||||||
{% for my_page in site.pages %}
|
<nav class="col-lg-8 col-md-8 col-xs-12">
|
||||||
{% if my_page.title %}
|
<ul class="row">
|
||||||
{% unless my_page.exclude_from_nav %}
|
<li class="col-lg-3"><a href="{{crturl}}">HOME</a></li>
|
||||||
<a id="route" class="page-link" href="{{ my_page.url | prepend: site.baseurl }}">{{ my_page.title }}</a>
|
<li class="col-lg-3">
|
||||||
{% endunless %}
|
<ul class="subnav">
|
||||||
{% endif %}
|
<a href="javascript:void(0)">POSTS</a>
|
||||||
{% endfor %}
|
<li><a href="{{crturl}}category">CATEGORY</a></li>
|
||||||
<a class="page-link" href="/tags/#writeup">Writeups</a>
|
<li><a href="{{crturl}}tag">TAG</a></li>
|
||||||
<a class="page-link" href="http://spaghetti.ga/feed.xml"> Feeds</a>
|
</ul>
|
||||||
<a class="page-link" href="http://github.com/paulwalko?tab=repositories"><i class="octicon octicon-mark-github" style="font-size:"></i></a>
|
</li>
|
||||||
</div>
|
<li class="col-lg-3"><a href="{{crturl}}about">ABOUT</a></li>
|
||||||
</nav>
|
<li class="col-lg-3"><a href="{{crturl}}Walko_Paul-Resume.pdf">RÉSUMÉ</a></li>
|
||||||
|
</ul>
|
||||||
</div>
|
</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>
|
</header>
|
||||||
|
|
|
@ -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>
|
|
|
@ -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 |
|
@ -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>
|
|
|
@ -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 |
|
@ -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>
|
|
|
@ -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 |
|
@ -0,0 +1,5 @@
|
||||||
|
{% if site.mode == 'dev' %}
|
||||||
|
{% assign crturl = site.devurl %}
|
||||||
|
{% else %}
|
||||||
|
{% assign crturl = site.url %}
|
||||||
|
{% endif %}
|
|
@ -1 +0,0 @@
|
||||||
<img data-original="{{ site.baseurl }}{{ include.image.url }}" alt="{{ include.image.alt }}" title="{{ include.image.title }}" style=" min-height: 6em;">
|
|
|
@ -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 %}
|
|
|
@ -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 %}
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -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>
|
|
@ -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>
|
|
|
@ -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>
|
|
@ -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>
|
|
|
@ -1,116 +1,43 @@
|
||||||
---
|
{% include mode_switcher.html %}
|
||||||
layout: default
|
|
||||||
---
|
|
||||||
<div style="margin: 4.5rem auto;">
|
|
||||||
|
|
||||||
<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">
|
<body>
|
||||||
<h1 class="inpost-title" itemprop="name headline">{{ page.title }}</h1>
|
{% include header.html %}
|
||||||
<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>
|
|
||||||
|
|
||||||
|
<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>
|
||||||
|
|
||||||
|
</header>
|
||||||
|
|
||||||
|
{{ content }}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="markdown-outline" class="col-lg-3">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{% include disqus_load.html %}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{% include footer.html %}
|
||||||
|
|
||||||
|
<script type="text/javascript" src="{{crturl}}javascripts/markdownreader.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
</p>
|
|
||||||
|
|
||||||
</header>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="post-content" itemprop="articleBody">
|
|
||||||
{{ content }}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="arrowNav">
|
|
||||||
|
|
||||||
{% if page.next.url %}
|
|
||||||
<div class="arrowLeft">
|
|
||||||
<a id="route" class="tooltip-right" href="{{page.next.url}}" title="
|
|
||||||
<p class=hoveratas>{{page.next.title}}</p> <p class=hoverbawah>{{ page.next.content | strip_html | truncatewords:10}}</p>
|
|
||||||
"><i class="typcn typcn-chevron-left" style=" font-size: 30px;
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
"></i></a>
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if page.previous.url %}
|
|
||||||
<div class="arrowRight" style="float:right">
|
|
||||||
<a id="route" class="tooltip-left" href="{{page.previous.url}}" title="
|
|
||||||
<p class=hoveratas>{{page.previous.title}}</p> <p class=hoverbawah>{{ page.previous.content | strip_html | truncatewords:10}}</p>
|
|
||||||
"><i class="typcn typcn-chevron-right" style=" font-size: 30px;
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
"></i></a>
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<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>
|
|
||||||
|
|
|
@ -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
|
|
|
@ -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.
|
|
@ -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.
|
|
429
_sass/_base.scss
|
@ -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;
|
|
||||||
}
|
|
|
@ -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
|
|
||||||
}
|
|
|
@ -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";
|
|
@ -0,0 +1,18 @@
|
||||||
|
/**
|
||||||
|
* ----------------------------------------------------------------------------------------
|
||||||
|
* Base Style
|
||||||
|
* ----------------------------------------------------------------------------------------
|
||||||
|
*/
|
||||||
|
|
||||||
|
body {
|
||||||
|
background-color: #E0E0E0;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul,ol {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul {
|
||||||
|
list-style-type: none;
|
||||||
|
}
|
|
@ -0,0 +1,5 @@
|
||||||
|
/**
|
||||||
|
* ----------------------------------------------------------------------------------------
|
||||||
|
* IE8 style
|
||||||
|
* ----------------------------------------------------------------------------------------
|
||||||
|
*/
|
|
@ -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;
|
||||||
|
}
|
|
@ -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;
|
||||||
|
}
|
|
@ -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;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
|
@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
|
@ -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;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
|
@ -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));
|
||||||
|
}
|
|
@ -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> 744910240</li>
|
||||||
|
<li class="email"><i class="fa fa-envelope"></i> <a href="mailto:fanghao90s@gmail.com"> fanghao90s@gmail.com</a></li>
|
||||||
|
<li class="tel"><i class="fa fa-mobile"></i> <a href="tel:15671542698"> 15671542698</a></li>
|
||||||
|
<li class="github"><i class="fa fa-github"></i> <a href="https://github.com/UniFreak"> 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> & <a href="http://github.com">GitHub</a> | Design & build by UniFreak
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
|
@ -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;
|
|
@ -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;
|
||||||
|
}
|
213
_site/404.html
|
@ -1,105 +1,134 @@
|
||||||
<!doctype html>
|
|
||||||
|
|
||||||
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8" />
|
<meta charset="utf-8">
|
||||||
<title>Error!</title>
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
<style>
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
html {
|
<meta name="description" content="Paul Walko's personal website">
|
||||||
font-size: 62.5%;
|
|
||||||
}
|
|
||||||
|
|
||||||
* {
|
<title>Paul Walko</title>
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
font-size: 100%;
|
|
||||||
-moz-box-sizing: border-box;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
<!-- favicon -->
|
||||||
padding: 60px;
|
<link rel="apple-touch-icon" sizes="57x57" href="http://localhost:4000//favicon/apple-icon-57x57.png">
|
||||||
background: #fafafa;
|
<link rel="apple-touch-icon" sizes="60x60" href="http://localhost:4000//favicon/apple-icon-60x60.png">
|
||||||
font-size: 150%;
|
<link rel="apple-touch-icon" sizes="72x72" href="http://localhost:4000//favicon/apple-icon-72x72.png">
|
||||||
font-family: Helvetica, Arial, sans-serif;
|
<link rel="apple-touch-icon" sizes="76x76" href="http://localhost:4000//favicon/apple-icon-76x76.png">
|
||||||
font-weight: 300;
|
<link rel="apple-touch-icon" sizes="114x114" href="http://localhost:4000//favicon/apple-icon-114x114.png">
|
||||||
line-height: 1.5;
|
<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 {
|
<link rel="stylesheet" type="text/css" href="http://localhost:4000/stylesheets/base.css">
|
||||||
width: 100%;
|
<link rel="stylesheet" type="text/css" href="http://localhost:4000/stylesheets/simplePagination.css">
|
||||||
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 {
|
<script type="text/javascript" src="http://localhost:4000/javascripts/jquery.js"></script>
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
p {
|
<!--[if lt IE 9]>
|
||||||
margin: 0 0 15px;
|
<script src="http://localhost:4000/javascripts/html5shiv.js"></script>
|
||||||
}
|
<![endif]-->
|
||||||
|
|
||||||
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>
|
|
||||||
|
|
||||||
|
</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>
|
</div>
|
||||||
</body>
|
</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"> paulsw.pw@gmail.com</a></li>
|
||||||
|
<li class="github"><i class="fa fa-github"></i> <a href="https://www.github.com/paulwalko"> 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> & <a href="http://github.com">GitHub</a> | designed & 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>
|
</html>
|
|
@ -1 +0,0 @@
|
||||||
spaghetti.ga
|
|
|
@ -1,9 +1,11 @@
|
||||||
source 'https://rubygems.org'
|
source 'https://ruby.taobao.org/'
|
||||||
gem 'thor'
|
|
||||||
gem 'stringex'
|
|
||||||
gem 'jekyll-paginate'
|
|
||||||
gem 'kramdown'
|
|
||||||
gem 'jekyll-watch'
|
|
||||||
gem 'jekyll-archives'
|
|
||||||
gem 'jekyll'
|
gem 'jekyll'
|
||||||
|
gem 'jekyll-paginate'
|
||||||
|
gem 'redcarpet', '~> 3.2.3'
|
||||||
|
gem 'jekyll-watch', '~> 1.2.1'
|
||||||
|
gem 'pygments.rb'
|
||||||
|
gem 'kramdown'
|
||||||
gem 'json'
|
gem 'json'
|
||||||
|
gem 'compass'
|
||||||
|
# gem 'wdm', '>= 0.1.1' if Gem.win_platform? # for jekyll --watch enable in windows
|
||||||
|
|
|
@ -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
|
|
|
@ -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.
|
|
@ -1,9 +1,15 @@
|
||||||
# spaghetti.ga
|
#Intro
|
||||||
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
|
|
||||||
|
|
||||||
|
My personal blog, built with Jekyll and Github page.
|
||||||
|
|
||||||
# License
|
#If you want to use this theme
|
||||||
MIT
|
|
||||||
|
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/
|
||||||
|
|
289
_site/about.html
|
@ -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>
|
|
|
@ -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> </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"> paulsw.pw@gmail.com</a></li>
|
||||||
|
<li class="github"><i class="fa fa-github"></i> <a href="https://www.github.com/paulwalko"> 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> & <a href="http://github.com">GitHub</a> | designed & 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>
|
|
@ -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>
|
|
Before Width: | Height: | Size: 258 KiB |
Before Width: | Height: | Size: 114 KiB |
Before Width: | Height: | Size: 28 KiB |
Before Width: | Height: | Size: 175 KiB |
Before Width: | Height: | Size: 36 KiB |
Before Width: | Height: | Size: 1.8 KiB |
Before Width: | Height: | Size: 116 KiB |
Before Width: | Height: | Size: 36 KiB |
Before Width: | Height: | Size: 118 KiB |
Before Width: | Height: | Size: 41 KiB |
Before Width: | Height: | Size: 16 KiB |
Before Width: | Height: | Size: 21 KiB |
Before Width: | Height: | Size: 30 KiB |
|
@ -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});
|
|
|
@ -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"> paulsw.pw@gmail.com</a></li>
|
||||||
|
<li class="github"><i class="fa fa-github"></i> <a href="http://www.github.com/paulwalko"> 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> & <a href="http://github.com">GitHub</a> | designed & 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>
|
|
@ -1,217 +1,211 @@
|
||||||
|
|
||||||
|
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<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">
|
||||||
|
|
||||||
<head>
|
<title>Paul Walko</title>
|
||||||
<!---
|
|
||||||
Spaghetti Base Redesign
|
<!-- favicon -->
|
||||||
-->
|
<link rel="apple-touch-icon" sizes="57x57" href="http://localhost:4000//favicon/apple-icon-57x57.png">
|
||||||
<meta charset="utf-8">
|
<link rel="apple-touch-icon" sizes="60x60" href="http://localhost:4000//favicon/apple-icon-60x60.png">
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<link rel="apple-touch-icon" sizes="72x72" href="http://localhost:4000//favicon/apple-icon-72x72.png">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
|
<link rel="apple-touch-icon" sizes="76x76" href="http://localhost:4000//favicon/apple-icon-76x76.png">
|
||||||
<title>Category</title>
|
<link rel="apple-touch-icon" sizes="114x114" href="http://localhost:4000//favicon/apple-icon-114x114.png">
|
||||||
<meta name="description" content="All about Spaghetti-san Project
|
<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">
|
||||||
<meta name="google-site-verification" content="WWP0tS0N_Dm8-FTd9oqyZta0oRCDYUFy24R7zSm06Vs" />
|
<link rel="apple-touch-icon" sizes="152x152" href="http://localhost:4000//favicon/apple-icon-152x152.png">
|
||||||
<meta name="msvalidate.01" content="779064655F047D704FFFD2122C3591F3" />
|
<link rel="apple-touch-icon" sizes="180x180" href="http://localhost:4000//favicon/apple-icon-180x180.png">
|
||||||
<link rel="stylesheet" href="/assets/css/alternative.css">
|
<link rel="icon" type="image/png" sizes="192x192" href="http://localhost:4000//favicon/android-icon-192x192.png">
|
||||||
<link href="//cdnjs.cloudflare.com/ajax/libs/typicons/2.0.7/typicons.min.css" rel="stylesheet">
|
<link rel="icon" type="image/png" sizes="32x32" href="http://localhost:4000//favicon/favicon-32x32.png">
|
||||||
<link href="//cdnjs.cloudflare.com/ajax/libs/octicons/3.4.1/octicons.min.css" rel="stylesheet">
|
<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]-->
|
||||||
|
|
||||||
<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>
|
</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="row navbar">
|
||||||
<div class="wrapper">
|
<nav class="col-lg-8 col-md-8 col-xs-12">
|
||||||
<div class="pacel "><div class="pace-progress" data-progress-text="100%" data-progress="99" style="transform: translate3d(100%, 0px, 0px);">
|
<ul class="row">
|
||||||
<div class="pace-progress-inner"></div>
|
<li class="col-lg-3"><a href="http://localhost:4000/">HOME</a></li>
|
||||||
</div>
|
<li class="col-lg-3">
|
||||||
<div class="pace-activity"></div></div>
|
<ul class="subnav">
|
||||||
<a id="route" class="site-title" href="/">Paul Walko</a>
|
<a href="javascript:void(0)">POSTS</a>
|
||||||
|
<li><a href="http://localhost:4000/category">CATEGORY</a></li>
|
||||||
<nav class="site-nav">
|
<li><a href="http://localhost:4000/tag">TAG</a></li>
|
||||||
<a href="#" class="menu-icon">
|
</ul>
|
||||||
<svg viewBox="0 0 18 15">
|
</li>
|
||||||
<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"/>
|
<li class="col-lg-3"><a href="http://localhost:4000/about">ABOUT</a></li>
|
||||||
<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"/>
|
<li class="col-lg-3"><a href="http://localhost:4000/Walko_Paul-Resume.pdf">RÉSUMÉ</a></li>
|
||||||
<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"/>
|
</ul>
|
||||||
</svg>
|
</nav>
|
||||||
</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="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>
|
</header>
|
||||||
|
|
||||||
|
|
||||||
<div class="page-content">
|
<section id="l-main">
|
||||||
<div class="wrapper">
|
<div class="container">
|
||||||
<article class="post">
|
<div class="row">
|
||||||
|
<ul class="col-lg-2" id="filterList">
|
||||||
<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&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 i’m 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>, don’t be hesitate to ask, also you can add me :))</p>
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
<li class="current" data-show="writeup">
|
||||||
|
<a href="javascript:void(0)">
|
||||||
|
writeup
|
||||||
|
<span class="cateCnt">1</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<section class="showcase col-lg-9 col-lg-offset-1 current " data-show="writeup">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<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>
|
</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"> paulsw.pw@gmail.com</a></li>
|
||||||
|
<li class="github"><i class="fa fa-github"></i> <a href="https://www.github.com/paulwalko"> 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> & <a href="http://github.com">GitHub</a> | designed & built by <a href="http://unifreak.github.io">UniFreak</a>
|
||||||
|
</p>
|
||||||
</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>
|
</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 type="text/javascript" src="http://localhost:4000/javascripts/base.js"></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>
|
|
||||||
|
|
||||||
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
@ -1,2 +0,0 @@
|
||||||
{
|
|
||||||
}
|
|
|
@ -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
|
After Width: | Height: | Size: 869 B |
After Width: | Height: | Size: 7.4 KiB |
After Width: | Height: | Size: 8.1 KiB |
After Width: | Height: | Size: 2.1 KiB |