diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 620e5aa..b39a550 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -5,9 +5,7 @@
Salar Rahmanian.
Some rights reserved;
please attribute properly and link back.
- Powered by Hugo.
- Site layout based on one created by Steve
- Francia - spf13.com
+ Powered by Hugo
diff --git a/layouts/partials/head_includes.html b/layouts/partials/head_includes.html
index 3ef0a01..1722470 100644
--- a/layouts/partials/head_includes.html
+++ b/layouts/partials/head_includes.html
@@ -1,3 +1,3 @@
-
+
diff --git a/layouts/partials/meta.html b/layouts/partials/meta.html
index 8826b10..7ec53cc 100644
--- a/layouts/partials/meta.html
+++ b/layouts/partials/meta.html
@@ -11,7 +11,7 @@
-
+
diff --git a/static/static/css/salarstyle.css b/static/static/css/salarstyle.css
new file mode 100644
index 0000000..97e7da8
--- /dev/null
+++ b/static/static/css/salarstyle.css
@@ -0,0 +1,2013 @@
+@charset "UTF-8";html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,a,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,nav,section,menu,time,mark,audio,video,canvas {
+ margin: 0;
+ padding: 0;
+ border: 0
+}
+
+html {
+ height: 100%;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%
+}
+
+body {
+ font-family: 'Roboto Condensed', sans-serif;
+ min-height: 100%;
+ font-size: 100%
+}
+
+article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,audio,canvas,video {
+ display: block
+}
+
+sub,sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline
+}
+
+sup {
+ top: -0.5em
+}
+
+sub {
+ bottom: -0.25em
+}
+
+pre {
+ white-space: pre;
+ white-space: pre-wrap;
+ word-wrap: break-word
+}
+
+b,strong {
+ font-weight: bold
+}
+
+abbr[title] {
+ border-bottom: 1px dotted
+}
+
+input,textarea,button,select {
+ margin: 0;
+ font-size: 100%;
+ line-height: normal;
+ vertical-align: baseline
+}
+
+button,html input[type="button"],input[type="reset"],input[type="submit"] {
+ cursor: pointer;
+ -webkit-appearance: button
+}
+
+input[type="checkbox"],input[type="radio"] {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -ms-box-sizing: border-box;
+ -o-box-sizing: border-box;
+ box-sizing: border-box
+}
+
+textarea {
+ overflow: auto
+}
+
+table {
+ border-collapse: collapse;
+ border-spacing: 0
+}
+
+* {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -ms-box-sizing: border-box;
+ -o-box-sizing: border-box;
+ box-sizing: border-box
+}
+
+figure {
+ position: relative
+}
+
+figure img,figure object,figure embed,figure video {
+ max-width: 100%;
+ display: block
+}
+
+img {
+ border: 0;
+ -ms-interpolation-mode: bicubic
+}
+
+body {
+ font-size: 1em;
+ line-height: 1.5em
+}
+
+h1 {
+ font-size: 2.625em;
+ line-height: 1.14286em
+}
+
+h2 {
+ font-size: 1.625em;
+ line-height: 1.38462em
+}
+
+h3 {
+ font-size: 1em;
+ line-height: 1.5em
+}
+
+body>header,body>section,body>aside,body>footer,body>.content {
+ margin: 0 7.14286%;
+ *zoom:1}
+
+body>header:before,body>header:after,body>section:before,body>section:after,body>aside:before,body>aside:after,body>footer:before,body>footer:after,body>.content:before,body>.content:after {
+ display: table;
+ content: "";
+ line-height: 0
+}
+
+body>header:after,body>section:after,body>aside:after,body>footer:after,body>.content:after {
+ clear: both
+}
+
+p {
+ margin-bottom: 1em
+}
+
+article ul,article ol {
+ margin-bottom: 1em;
+ margin-left: 1em
+}
+
+body {
+ font-family: 'Roboto Condensed', sans-serif;
+ font-weight: 200;
+ background-color: #fff
+}
+
+div.highlight {
+ padding: 1em
+}
+
+img {
+ border: 0;
+ max-width: 100%
+}
+
+section a,footer a {
+ color: #3498db;
+ text-decoration: none;
+ -webkit-transition: all 0.25s ease-in;
+ -moz-transition: all 0.25s ease-in;
+ -ms-transition: all 0.25s ease-in;
+ transition: all 0.25s ease-in;
+ border-radius: 7px;
+ padding: 1px 3px 3px 3px
+}
+
+section a:hover,footer a:hover {
+ background: #fafafa
+}
+
+.scrollable {
+ overflow: scroll;
+ width: 100%;
+ height: 350px
+}
+
+article>footer {
+ text-align: right;
+ line-height: 3em
+}
+
+#logolink {
+ color: #111;
+ text-decoration: none;
+ -webkit-transition: all 1.3s ease-in;
+ -moz-transition: all 1.3s ease-in;
+ -ms-transition: all 1.3s ease-in;
+ transition: all 1.3s ease-in
+}
+
+#logolink:hover {
+ color: #3498db
+}
+
+#outer_ribbon {
+ position: relative;
+ overflow: hidden
+}
+
+.smaller {
+ font-size: 80%
+}
+
+.pure-button {
+ font-size: 100%;
+ padding: 0.5em 1.5em;
+ color: white;
+ border: 0px none transparent;
+ background-color: #0078e7;
+ text-decoration: none;
+ border-radius: 2px;
+ transition: box-shadow 0.1s linear 0s
+}
+
+.pure-button {
+ display: inline-block;
+ line-height: normal;
+ white-space: nowrap;
+ vertical-align: baseline;
+ text-align: center;
+ cursor: pointer;
+ -moz-user-select: none
+}
+
+#projectmeta {
+ padding-bottom: 2em
+}
+
+#software_date {
+ font-size: 70%
+}
+
+.pure-button:hover,.pure-button:focus {
+ background-image: linear-gradient(transparent,rgba(0,0,0,0.05) 40%,rgba(0,0,0,0.1));
+ color: white
+}
+
+#ribbon {
+ background-color: #a00;
+ overflow: hidden;
+ position: fixed;
+ right: -3.2em;
+ top: 2.5em;
+ -moz-transform: rotate(45deg);
+ -webkit-transform: rotate(45deg);
+ -moz-box-shadow: 0 0 1em #888;
+ -webkit-box-shadow: 0 0 1em #888
+}
+
+#ribbon a {
+ border: 1px solid #faa;
+ color: #fff;
+ display: block;
+ font: bold 81.25% 'Helvetiva Neue',Helvetica,Arial,sans-serif;
+ margin: 0.05em 0 0.075em 0;
+ padding: 0.5em 3.5em;
+ text-align: center;
+ text-decoration: none;
+ text-shadow: 0 0 0.5em #444
+}
+
+.center {
+ margin: 0 auto;
+ float: none
+}
+
+.left {
+ float: left
+}
+
+.right {
+ float: right
+}
+
+em {
+ color: #8b9baa;
+ text-decoration: none
+}
+
+h1,h2,h3,h4,h5,h6 {
+ color: #2c3e50;
+ font-family: 'Roboto Condensed', sans-serif;
+ text-transform: capitalize;
+ font-weight: 400!important
+}
+
+h1#title {
+ font-size: 2.625em;
+ line-height: 1.14286em;
+ margin: 0em 0 0.5em;
+ text-transform: capitalize;
+ text-align: center
+}
+
+h1,h2 {
+ font-size: 1.625em;
+ line-height: 1.38462em;
+ margin: 1em 0 0.25em;
+ text-shadow: 2px 2px 0px #FFF;
+ text-transform: capitalize;
+ display: inline-block;
+ width: 100%
+}
+
+h2 {
+ font-weight: normal
+}
+
+h3 {
+ margin: 1.5em 0 1.5em
+}
+
+h3,h4,h5,h6 {
+ text-shadow: 1px 1px 0px #FFF
+}
+
+#list {
+ list-style: none
+}
+
+#list>li {
+ vertical-align: top;
+ margin-bottom: .5em;
+ display: table;
+ width: 100%;
+ padding: 0 0
+}
+
+#list>li>a {
+ display: table-cell;
+ padding: 0 .5em
+}
+
+#list>li>.meta {
+ display: table-cell;
+ text-align: right;
+ width: 25%
+}
+
+#tags li {
+ border-radius: 3px;
+ background: #95a5a6;
+ display: inline-block;
+ margin: 0 0px 0 5px;
+ line-height: 1;
+ padding: 4px;
+ font-size: 15px;
+ -webkit-transition: all 0.25s ease-in;
+ -moz-transition: all 0.25s ease-in;
+ -ms-transition: all 0.25s ease-in;
+ transition: all 0.25s ease-in
+}
+
+#tags li:hover {
+ background: #3498db
+}
+
+#tags li a {
+ color: #FFF
+}
+
+#tags li a:before {
+ content: "#"
+}
+
+.amp {
+ font-family: 'Roboto Condensed', sans-serif;
+ font-style: italic;
+ font-weight: normal
+}
+
+#content>figure.left {
+ float: left;
+ margin-right: 1em;
+ margin-left: 1em
+}
+
+#content>figure.right {
+ float: right;
+ margin-right: 1em;
+ margin-left: 1em
+}
+
+.hid:hover figcaption {
+ opacity: 100
+}
+
+.hid figcaption {
+ opacity: 0;
+ transition: opacity 0.5s
+}
+
+#categories li {
+ font-weight: bold
+}
+
+#categories,#meta h5 {
+ padding-bottom: 1em
+}
+
+aside ul {
+ list-style: none outside none
+}
+
+#explore>ul>li {
+ display: inline
+}
+
+#explore>ul>li:after {
+ content: " /"
+}
+
+#explore>ul>li:last-child:after {
+ content: ""
+}
+
+aside a {
+ text-decoration: none;
+ color: #7f8c8d;
+ -webkit-transition: all 0.25s ease-in;
+ -moz-transition: all 0.25s ease-in;
+ -ms-transition: all 0.25s ease-in;
+ transition: all 0.25s ease-in
+}
+
+aside a:hover {
+ color: #3498db
+}
+
+figcaption {
+ font-size: .7em
+}
+
+blockquote {
+ font-family: 'Roboto Condensed', sans-serif;
+ font-style: italic;
+ width: 80%;
+ margin: 0.25em auto;
+ padding: 0.25em 1em;
+ line-height: 1.45;
+ position: relative;
+ text-align: justify
+}
+
+blockquote:before {
+ display: block;
+ content: "\201C";
+ position: absolute;
+ font-size: 1000%;
+ left: -.24em;
+ top: -.4em;
+ opacity: .3;
+ width: 100%;
+ font-family: 'Roboto Condensed', sans-serif;
+ font-style: normal
+}
+
+blockquote cite {
+ color: #999;
+ font-size: 90%;
+ display: block;
+ text-align: right
+}
+
+blockquote cite:before {
+ content: "\2014 \2009"
+}
+
+a.rss {
+ color: #ffaa31;
+ background: #fff
+}
+
+a.twitter {
+ color: #07beed;
+ background: #fff
+}
+
+a.facebook {
+ color: #314d91;
+ background: #fff
+}
+
+a.github {
+ color: #2d2d2d;
+ background: #fff
+}
+
+a.googleplus {
+ color: #d14836;
+ background: #fff
+}
+
+a.stumbleupon {
+ color: #3ea642;
+ background: #fff
+}
+
+a.linkedin {
+ color: #0dc5ef;
+ background: #fff
+}
+
+a.subscribemail {
+ color: #ffaa31;
+ background: #fff
+}
+
+a.slideshare {
+ color: #00a69c;
+ background: #fff
+}
+
+a.reddit {
+ color: #a6bbd0;
+ background: #fff
+}
+
+a.delicious {
+ color: #285da7;
+ background: #fff
+}
+
+a.rss:hover {
+ background: #ffaa31;
+ color: #fff
+}
+
+a.twitter:hover {
+ background: #07beed;
+ color: #fff
+}
+
+a.facebook:hover {
+ background: #314d91;
+ color: #fff
+}
+
+a.github:hover {
+ background: #2d2d2d;
+ color: #fff
+}
+
+a.googleplus:hover {
+ background: #d14836;
+ color: #fff
+}
+
+a.stumbleupon:hover {
+ background: #3ea642;
+ color: #fff
+}
+
+a.linkedin:hover {
+ background: #0dc5ef;
+ color: #fff
+}
+
+a.subscribemail:hover {
+ background: #ffaa31;
+ color: #fff
+}
+
+a.slideshare:hover {
+ background: #00a69c;
+ color: #fff
+}
+
+a.reddit:hover {
+ background: #cee3f8;
+ color: #fff
+}
+
+a.delicious:hover {
+ background: #285da7;
+ color: #fff
+}
+
+.social li a:hover span {
+ margin-left: 0px;
+ padding-left: 6px
+}
+
+.social li a:hover .icon {
+ font-size: 100%
+}
+
+#social>li>.icon {
+ padding: .2em .2em .4em 1em;
+ color: #ecf0f1;
+ font-size: 100%
+}
+
+.share .icon,.follow .icon {
+ padding-left: 1em;
+ font-size: .8em;
+ padding-right: .5em
+}
+
+span.title {
+ text-align: left;
+ line-height: 1.4
+}
+
+span.subcount,span.title {
+ color: #ecf0f1
+}
+
+span.subcount {
+ font-size: 0.6875em;
+ line-height: 1.45309em;
+ text-align: center
+}
+
+#social span {
+ text-align: left;
+ display: inline
+}
+
+#header #social>.dropdown {
+ display: block;
+ width: 100%
+}
+
+#header #social li {
+ width: 100%;
+ padding: 0;
+ background: #95a5b4;
+ border-radius: 10px
+}
+
+#social>li {
+ margin-top: 1em;
+ margin-bottom: .35em
+}
+
+#social>li>span {
+ font-size: 1.2em;
+ text-transform: uppercase;
+ padding-bottom: .2em
+}
+
+.social {
+ padding: .3em 0 .3em 0;
+ background: #fafafa;
+ text-align: left
+}
+
+.social>li>a {
+ text-align: left;
+ padding: .1em 0 .1em .5em;
+ background: #fafafa;
+ font-size: 90%;
+ line-height: 1.35;
+ -webkit-transition: all 0.25s ease-in;
+ -moz-transition: all 0.25s ease-in;
+ -ms-transition: all 0.25s ease-in;
+ transition: all 0.25s ease-in
+}
+
+.post h2 {
+ margin: 0
+}
+
+#main>div>article.post {
+ padding: 1em
+}
+
+#main>div>article.post:nth-child(2n+1),#list li:nth-child(2n+1) {
+ background: #fff;
+ border-radius: 9px;
+ box-shadow: 0 0 14px 9px #fff
+}
+
+.post-meta {
+ color: #34495e;
+ font-size: 80%
+}
+
+.slideshare {
+ padding: 81.30217% 0 0 0
+}
+
+.video-player {
+ padding: 60.15625% 0 0 0
+}
+
+.embed {
+ width: 100%;
+ position: relative
+}
+
+.embed>iframe {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%
+}
+
+pre {
+ margin-bottom: 1em;
+ background-color: ghostwhite;
+ padding: 1em;
+ line-height: 1.4;
+ font-size: larger
+}
+
+header,section,footer,aside,.content {
+ margin: 0 0
+}
+
+body>footer {
+ margin-top: 2em
+}
+
+#main>div,footer>div,#meta>div,#content,#comments>div {
+ position: relative;
+ text-align: left;
+ margin: 0 auto;
+ word-wrap: break-word
+}
+
+#content>figure {
+ min-width: 178px;
+ position: relative;
+ margin-bottom: 1em;
+ max-width: 100%
+}
+
+#content>figure>img {
+ max-width: 100%
+}
+
+#content>figure>figcaption {
+ bottom: 0;
+ left: 0;
+ right: 0;
+ margin: 0;
+ padding: 8px;
+ position: absolute;
+ background: rgba(0,0,0,0.56);
+ color: white;
+ font-family: 'Roboto Condensed', sans-serif;
+ font-size: 14px
+}
+
+#content>figure>figcaption>h4 {
+ margin: 0 0 8px;
+ padding: 0 0 5px;
+ box-shadow: 0 1px 0 0 rgba(255,255,255,0.35);
+ text-shadow: none;
+ color: white;
+ font-size: 17px
+}
+
+#content>figure>figcaption>p {
+ margin: 0;
+ line-height: 1.25
+}
+
+.full {
+ text-align: center;
+ margin: 0 auto;
+ *zoom:1;display: block;
+ max-width: 100%;
+ min-width: 100%
+}
+
+.full:before,.full:after {
+ display: table;
+ content: "";
+ line-height: 0
+}
+
+.full:after {
+ clear: both
+}
+
+.full>img {
+ display: inline!important
+}
+
+#header {
+ position: relative;
+ padding-top: 1em;
+ transition: opacity .7s
+}
+
+#header figure {
+ width: 50%;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -ms-box-sizing: border-box;
+ -o-box-sizing: border-box;
+ box-sizing: border-box;
+ display: inline-block;
+ float: left;
+ margin-left: 25%;
+ padding-bottom: 1em
+}
+
+#header figure>img {
+ width: 8em;
+ margin: 0 auto
+}
+
+#logo {
+ font-size: 8em;
+ line-height: .7em;
+ text-align: center;
+ margin: .2em 0 .2em 0
+}
+
+#byline {
+ display: none!important
+}
+
+#nav {
+ text-align: center;
+ width: 100%;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -ms-box-sizing: border-box;
+ -o-box-sizing: border-box;
+ box-sizing: border-box;
+ display: inline-block;
+ float: left
+}
+
+#nav>ul {
+ padding: 0;
+ display: inline
+}
+
+#nav li {
+ display: inline-block;
+ list-style: none outside none;
+ padding-bottom: 1em;
+ width: 20%
+}
+
+#nav a {
+ display: block;
+ text-decoration: none;
+ width: 100%
+}
+
+#mainnav {
+ text-align: center;
+ margin-top: 1em
+}
+
+#mainnav span {
+ vertical-align: middle;
+ display: block;
+ font-size: 75%
+}
+
+#mainnav span.icon {
+ font-size: 1.4em
+}
+
+#mainnav a {
+ color: #444;
+ transition: color 0.5s ease-in-out
+}
+
+#mainnav a:hover {
+ color: #3498db
+}
+
+#mainnav li {
+ font-size: 130%
+}
+
+#mainnav>li>a:hover i {
+ box-shadow: 0 0 0 0 RGBA(87,161,222,0.15);
+ -webkit-transition: box-shadow .4s ease-in-out;
+ -moz-transition: box-shadow .4s ease-in-out;
+ -o-transition: box-shadow .4s ease-in-out;
+ -ms-transition: box-shadow .4s ease-in-out;
+ transition: box-shadow .4s ease-in-out
+}
+
+.icon>i {
+ display: inline-block;
+ padding: 0.33em;
+ border-radius: 50%;
+ box-shadow: 0 0 0 30px transparent;
+ background: rgba(255,255,255,0.8);
+ -webkit-transform: translate3d(0,0,0);
+ -moz-transform: translate3d(0,0,0);
+ -o-transform: translate3d(0,0,0);
+ -ms-transform: translate3d(0,0,0);
+ transform: translate3d(0,0,0);
+ -webkit-transition: box-shadow .6s ease-in-out;
+ -moz-transition: box-shadow .6s ease-in-out;
+ -o-transition: box-shadow .6s ease-in-out;
+ -ms-transition: box-shadow .6s ease-in-out;
+ transition: box-shadow .6s ease-in-out
+}
+
+aside#tail>#search,aside#tail>#explore {
+ text-align: center;
+ width: 100%;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -ms-box-sizing: border-box;
+ -o-box-sizing: border-box;
+ box-sizing: border-box;
+ display: inline-block;
+ float: left;
+ padding: 0 0.375em
+}
+
+aside#tail section {
+ margin-bottom: 1.5em
+}
+
+#sidebar {
+ display: none!important
+}
+
+article {
+ min-height: 1px;
+ width: 100%;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -ms-box-sizing: border-box;
+ -o-box-sizing: border-box;
+ box-sizing: border-box;
+ display: inline-block;
+ float: left;
+ padding-bottom: 2em
+}
+
+body>footer>div {
+ border-top: 1px solid #bdc3c7;
+ padding-bottom: 1em;
+ margin-bottom: 0;
+ padding-top: .7em
+}
+
+body>footer p {
+ margin: 0;
+ padding: 0;
+ font-size: 80%;
+ line-height: 1.5
+}
+
+#social,.dropdown {
+ display: none!important
+}
+
+#tags {
+ line-height: 2
+}
+
+#author {
+ width: 100%!important;
+ padding-top: 2em
+}
+
+#next {
+ text-align: right
+}
+
+#next,#prev {
+ width: 100%!important;
+ padding-top: 2em
+}
+
+@media screen and (min-width: 30em) {
+ .half,.third,.twothirds {
+ max-width:100%!important
+ }
+
+ #meta>section,#meta>ul {
+ width: 50%;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -ms-box-sizing: border-box;
+ -o-box-sizing: border-box;
+ box-sizing: border-box;
+ display: inline-block;
+ float: left
+ }
+
+ #popular,#new {
+ width: 50%;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -ms-box-sizing: border-box;
+ -o-box-sizing: border-box;
+ box-sizing: border-box;
+ display: inline-block;
+ float: left;
+ padding: 0 0.375em
+ }
+}
+
+@media screen and (min-width: 40em) {
+ body {
+ font-size:1.0625em;
+ line-height: 2.11765em
+ }
+
+ h1 {
+ text-align: left
+ }
+
+ #meta>div>section,#meta>div>ul {
+ width: 33.33333%;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -ms-box-sizing: border-box;
+ -o-box-sizing: border-box;
+ box-sizing: border-box;
+ display: inline-block;
+ float: left;
+ vertical-align: top
+ }
+
+ #next,#prev {
+ width: 50%!important;
+ padding-top: 2em
+ }
+
+ .half {
+ max-width: 14em!important
+ }
+
+ .third {
+ max-width: 10em!important
+ }
+
+ .twothirds {
+ max-width: 20em!important
+ }
+
+ #header figure {
+ width: 25%;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -ms-box-sizing: border-box;
+ -o-box-sizing: border-box;
+ box-sizing: border-box;
+ display: inline-block;
+ float: left;
+ margin: 0
+ }
+
+ #header figure>img {
+ width: 8em
+ }
+
+ #nav {
+ padding-top: 2.3em;
+ margin-left: 8.33333%;
+ width: 66.66667%;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -ms-box-sizing: border-box;
+ -o-box-sizing: border-box;
+ box-sizing: border-box;
+ display: inline-block;
+ float: left
+ }
+}
+
+@media screen and (min-width: 48em) {
+ h1#title {
+ margin:0.25em 0 0.5em
+ }
+
+ #logo {
+ font-size: 10em;
+ line-height: .5em;
+ text-align: center;
+ margin: .2em
+ }
+
+ #nav {
+ padding-top: 2.7em;
+ margin-left: 16.66667%;
+ width: 58.33333%;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -ms-box-sizing: border-box;
+ -o-box-sizing: border-box;
+ box-sizing: border-box;
+ display: inline-block;
+ float: left
+ }
+
+ .half {
+ max-width: 19em!important
+ }
+
+ .third {
+ max-width: 13em!important
+ }
+
+ .twothirds {
+ max-width: 26em!important
+ }
+}
+
+@media screen and (min-width: 64em) {
+ #tags {
+ line-height:1.6
+ }
+
+ #main>div,footer>div,#meta>div,#meta>section,#content,#comments>div {
+ max-width: 38em
+ }
+
+ h1 {
+ margin-top: 0.5em
+ }
+
+ body>section,body>aside,body>footer,body>.content {
+ font-size: 1.1875em;
+ line-height: 1.89474em
+ }
+
+ #logo {
+ font-size: 12em;
+ line-height: .5em;
+ text-align: center;
+ margin: .2em
+ }
+
+ #header figure>img {
+ width: 10em
+ }
+
+ #nav {
+ padding-top: 2.5em;
+ font-size: 130%
+ }
+
+ #mainnav span.icon {
+ margin-bottom: 0.125em
+ }
+}
+
+@media screen and (min-width: 75em) {
+ #tags {
+ line-height:1.7;
+ margin-left: -5px
+ }
+
+ h1 {
+ margin: 0.5em 0 0.5em
+ }
+
+ #social,.dropdown {
+ display: block!important;
+ line-height: 1.3em
+ }
+
+ #social {
+ position: absolute;
+ bottom: 2em;
+ width: 90%;
+ left: 5%
+ }
+
+ #header:hover {
+ opacity: 1
+ }
+
+ #mainnav span.icon {
+ font-size: 1.8em
+ }
+
+ #mainnav li {
+ font-size: 100%
+ }
+
+ #logo {
+ font-size: 4em;
+ line-height: .7em;
+ text-align: center;
+ margin: .2em
+ }
+
+ #header {
+ position: fixed;
+ left: 0;
+ margin: 0;
+ width: 20.83333%;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -ms-box-sizing: border-box;
+ -o-box-sizing: border-box;
+ box-sizing: border-box;
+ display: inline-block;
+ float: left;
+ color: #34495e;
+ height: 100%;
+ opacity: .5;
+ -webkit-transition: all 0.7s ease-out;
+ -moz-transition: all 0.7s ease-out;
+ -ms-transition: all 0.7s ease-out;
+ transition: all 0.7s ease-out
+ }
+
+ #header>figure {
+ display: inline-block;
+ width: 25%;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -ms-box-sizing: border-box;
+ -o-box-sizing: border-box;
+ box-sizing: border-box;
+ display: inline-block;
+ float: left;
+ margin-left: 8.33333%;
+ float: left;
+ margin-left: 4%;
+ margin-right: 1.2em
+ }
+
+ #header>figure>img {
+ width: 4em
+ }
+
+ #header nav {
+ width: 100%;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -ms-box-sizing: border-box;
+ -o-box-sizing: border-box;
+ box-sizing: border-box;
+ display: inline-block;
+ float: left;
+ margin-left: 0;
+ font-size: 100%;
+ padding-top: 1em
+ }
+
+ #header nav>ul {
+ display: block
+ }
+
+ #header nav li {
+ width: 20%
+ }
+
+ #header nav .social li {
+ margin: 0 -2px 0 -2px;
+ width: 49%!important
+ }
+
+ body>section,body>aside,body>.content,body>footer,#comments {
+ margin: 1em 7.14286% 0 28.57143%;
+ font-size: 1.1875em;
+ line-height: 1.89474em;
+ *zoom:1}
+
+ body>section:before,body>section:after,body>aside:before,body>aside:after,body>.content:before,body>.content:after,body>footer:before,body>footer:after,#comments:before,#comments:after {
+ display: table;
+ content: "";
+ line-height: 0
+ }
+
+ body>section:after,body>aside:after,body>.content:after,body>footer:after,#comments:after {
+ clear: both
+ }
+
+ #byline {
+ display: block!important;
+ width: 58.33333%;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -ms-box-sizing: border-box;
+ -o-box-sizing: border-box;
+ box-sizing: border-box;
+ display: inline-block;
+ float: left;
+ text-align: center;
+ font-size: 1.1875em;
+ line-height: 1.89474em;
+ padding-top: .95em
+ }
+
+ #nav {
+ padding-top: 0em;
+ margin-left: 8.33333%;
+ width: 50%;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -ms-box-sizing: border-box;
+ -o-box-sizing: border-box;
+ box-sizing: border-box;
+ display: inline-block;
+ float: left
+ }
+}
+
+@media screen and (min-width: 90em) {
+ #logo {
+ font-size:5em;
+ line-height: .4em
+ }
+
+ #mainnav li {
+ font-size: 115%
+ }
+}
+
+@media screen and (min-width: 100em) {
+ #mainnav li {
+ font-size:130%
+ }
+
+ #byline {
+ font-size: 1.375em;
+ line-height: 1.63636em;
+ padding-top: .7em
+ }
+
+ #meta {
+ right: 0;
+ top: 0;
+ margin-right: 1em;
+ position: fixed;
+ height: 100%;
+ text-align: left;
+ width: 20.83333%;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -ms-box-sizing: border-box;
+ -o-box-sizing: border-box;
+ box-sizing: border-box;
+ display: inline-block;
+ float: left;
+ margin-left: 0%;
+ padding: 1em;
+ font-size: 1.0625em;
+ line-height: 2.11765em;
+ -webkit-transition: all 0.7s ease-out;
+ -moz-transition: all 0.7s ease-out;
+ -ms-transition: all 0.7s ease-out;
+ transition: all 0.7s ease-out
+ }
+
+ #logo {
+ font-size: 6em;
+ line-height: .4em;
+ margin-right: .2em
+ }
+
+ #meta>div {
+ width: 100%
+ }
+
+ #meta>div>section,#meta>div>ul {
+ width: 100%;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -ms-box-sizing: border-box;
+ -o-box-sizing: border-box;
+ box-sizing: border-box;
+ display: inline-block;
+ float: left;
+ line-height: 1.9
+ }
+
+ #date {
+ margin-top: 1em
+ }
+
+ #meta:hover {
+ opacity: 1
+ }
+
+ body>section,body>aside,body>.content,body>footer,#comments {
+ margin: 1em 21.42857% 0 21.42857%;
+ font-size: 1.25em;
+ line-height: 1.8em;
+ *zoom:1}
+
+ body>section:before,body>section:after,body>aside:before,body>aside:after,body>.content:before,body>.content:after,body>footer:before,body>footer:after,#comments:before,#comments:after {
+ display: table;
+ content: "";
+ line-height: 0
+ }
+
+ body>section:after,body>aside:after,body>.content:after,body>footer:after,#comments:after {
+ clear: both
+ }
+
+ #nav {
+ padding-top: 2.3em;
+ margin-left: 8.33333%;
+ width: 41.66667%;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -ms-box-sizing: border-box;
+ -o-box-sizing: border-box;
+ box-sizing: border-box;
+ display: inline-block;
+ float: left
+ }
+
+ #header {
+ width: 20.83333%;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -ms-box-sizing: border-box;
+ -o-box-sizing: border-box;
+ box-sizing: border-box;
+ display: inline-block;
+ float: left
+ }
+}
+
+@media screen and (min-width: 128em) {
+ body {
+ font-size:1.1875em;
+ line-height: 1.89474em
+ }
+}
+
+@media screen and (min-width: 160em) {
+ body {
+ font-size:1.1875em;
+ line-height: 1.89474em
+ }
+}
+
+[data-icon]:before {
+ font-family: 'Roboto Condensed', sans-serif;
+ content: attr(data-icon);
+ speak: none;
+ font-weight: normal;
+ font-variant: normal;
+ text-transform: none;
+ line-height: 1;
+ -webkit-font-smoothing: antialiased
+}
+
+.icon-warning,.icon-home,.icon-home-2,.icon-images,.icon-image,.icon-nixon-quill,.icon-pencil,.icon-quotes-left,.icon-nixon-bubbles,.icon-user,.icon-clock,.icon-smiley,.icon-nixon-github,.icon-nixon-linkedin,.icon-nixon-reddit,.icon-nixon-delicious,.icon-windows8,.icon-apple,.icon-tux,.icon-android,.icon-foursquare,.icon-stackoverflow,.icon-html5,.icon-css3,.icon-nixon-twitter,.icon-nixon-facebook,.icon-nixon-console,.icon-share,.icon-nixon-google-plus,.icon-google-plus-2,.icon-feed,.icon-nixon-feedburner,.icon-attachment,.icon-star,.icon-console-2,.icon-comment,.icon-mic,.icon-nixon-talk,.icon-target,.icon-atom,.icon-disk,.icon-github-2,.icon-github-3,.icon-steam,.icon-logo,.icon-pinterest,.icon-link,.icon-nixon-stumbleupon,.icon-reddit-2,.icon-nixon-slideshare,.icon-airplane,.icon-switch,.icon-fire,.icon-check-alt,.icon-x-altx-alt,.icon-arrow-down-alt1,.icon-circlestar,.icon-file-xml,.icon-file-css,.icon-foursquare-2,.icon-happy,.icon-bubbles-2,.icon-bubbles-3,.icon-bubble,.icon-search,.icon-map,.icon-pacman,.icon-location,.icon-location-2,.icon-stack,.icon-info,.icon-meter2,.icon-meter,.icon-spf,.icon-radio-checked,.icon-mail,.icon-embed,.icon-code,.icon-graduation,.icon-cc,.icon-cc-by,.icon-cc-nc,.icon-cc-nc-eu,.icon-cc-nc-jp,.icon-cc-sa,.icon-cc-nd,.icon-cc-pd,.icon-pencil-2,.icon-nixon-cloud-download,.icon-quote-left,.icon-quote-right,.icon-beaker-alt,.icon-beaker,.icon-pinterest-2,.icon-map-2,.icon-leaf,.icon-tag,.icon-download,.icon-info-2,.icon-cool,.icon-happy-2,.icon-left-quote,.icon-right-quote,.icon-nixon-rocket,.icon-heart,.icon-dashboard,.icon-twitter-2,.icon-feed-3,.icon-stumbleupon-2,.icon-star-2,.icon-octocat,.icon-spf13,.icon-spf13-2,.icon-w3c,.icon-foursquare-3,.icon-cc-2,.icon-stumbleupon-3,.icon-idea,.icon-gear,.icon-gears,.icon-discuss,.icon-screen,.icon-play,.icon-idea-2,.icon-edit,.icon-heart-2,.icon-home-3,.icon-13,.icon-spf13-3,.icon-nixon-home,.icon-nixon-arrow-left,.icon-nixon-arrow-right,.icon-arrow-right-2,.icon-arrow-left-2,.icon-arrow-right-3,.icon-arrow-left-3,.icon-headphones,.icon-nixon-me {
+ font-family: 'Roboto Condensed', sans-serif;
+ speak: none;
+ font-style: normal;
+ font-weight: normal;
+ font-variant: normal;
+ text-transform: none;
+ line-height: 1;
+ -webkit-font-smoothing: antialiased
+}
+
+.icon-warning:before {
+ content: "\21"
+}
+
+.icon-home:before {
+ content: "\22"
+}
+
+.icon-home-2:before {
+ content: "\23"
+}
+
+.icon-images:before {
+ content: "\24"
+}
+
+.icon-image:before {
+ content: "\25"
+}
+
+.icon-nixon-quill:before {
+ content: "\26"
+}
+
+.icon-pencil:before {
+ content: "\27"
+}
+
+.icon-quotes-left:before {
+ content: "\28"
+}
+
+.icon-nixon-bubbles:before {
+ content: "\29"
+}
+
+.icon-user:before {
+ content: "\2a"
+}
+
+.icon-clock:before {
+ content: "\2b"
+}
+
+.icon-smiley:before {
+ content: "\2c"
+}
+
+.icon-nixon-github:before {
+ content: "\2d"
+}
+
+.icon-nixon-linkedin:before {
+ content: "\2e"
+}
+
+.icon-nixon-reddit:before {
+ content: "\2f"
+}
+
+.icon-nixon-delicious:before {
+ content: "\30"
+}
+
+.icon-windows8:before {
+ content: "\31"
+}
+
+.icon-apple:before {
+ content: "\32"
+}
+
+.icon-tux:before {
+ content: "\33"
+}
+
+.icon-android:before {
+ content: "\34"
+}
+
+.icon-foursquare:before {
+ content: "\35"
+}
+
+.icon-stackoverflow:before {
+ content: "\36"
+}
+
+.icon-html5:before {
+ content: "\37"
+}
+
+.icon-css3:before {
+ content: "\38"
+}
+
+.icon-nixon-twitter:before {
+ content: "\39"
+}
+
+.icon-nixon-facebook:before {
+ content: "\3a"
+}
+
+.icon-nixon-console:before {
+ content: "\3b"
+}
+
+.icon-share:before {
+ content: "\3c"
+}
+
+.icon-nixon-google-plus:before {
+ content: "\3d"
+}
+
+.icon-google-plus-2:before {
+ content: "\3e"
+}
+
+.icon-feed:before {
+ content: "\3f"
+}
+
+.icon-nixon-feedburner:before {
+ content: "\40"
+}
+
+.icon-attachment:before {
+ content: "\41"
+}
+
+.icon-star:before {
+ content: "\42"
+}
+
+.icon-console-2:before {
+ content: "\43"
+}
+
+.icon-comment:before {
+ content: "\44"
+}
+
+.icon-mic:before {
+ content: "\45"
+}
+
+.icon-nixon-talk:before {
+ content: "\46"
+}
+
+.icon-target:before {
+ content: "\47"
+}
+
+.icon-atom:before {
+ content: "\48"
+}
+
+.icon-disk:before {
+ content: "\49"
+}
+
+.icon-github-2:before {
+ content: "\4a"
+}
+
+.icon-github-3:before {
+ content: "\4b"
+}
+
+.icon-steam:before {
+ content: "\4c"
+}
+
+.icon-logo:before {
+ content: "\4d"
+}
+
+.icon-pinterest:before {
+ content: "\4f"
+}
+
+.icon-link:before {
+ content: "\50"
+}
+
+.icon-nixon-stumbleupon:before {
+ content: "\51"
+}
+
+.icon-reddit-2:before {
+ content: "\52"
+}
+
+.icon-nixon-slideshare:before {
+ content: "\53"
+}
+
+.icon-airplane:before {
+ content: "\54"
+}
+
+.icon-switch:before {
+ content: "\55"
+}
+
+.icon-fire:before {
+ content: "\56"
+}
+
+.icon-check-alt:before {
+ content: "\57"
+}
+
+.icon-x-altx-alt:before {
+ content: "\58"
+}
+
+.icon-arrow-down-alt1:before {
+ content: "\59"
+}
+
+.icon-circlestar:before {
+ content: "\5a"
+}
+
+.icon-file-xml:before {
+ content: "\5b"
+}
+
+.icon-file-css:before {
+ content: "\5c"
+}
+
+.icon-foursquare-2:before {
+ content: "\5d"
+}
+
+.icon-happy:before {
+ content: "\5e"
+}
+
+.icon-bubbles-2:before {
+ content: "\5f"
+}
+
+.icon-bubbles-3:before {
+ content: "\60"
+}
+
+.icon-bubble:before {
+ content: "\61"
+}
+
+.icon-search:before {
+ content: "\62"
+}
+
+.icon-map:before {
+ content: "\64"
+}
+
+.icon-pacman:before {
+ content: "\65"
+}
+
+.icon-location:before {
+ content: "\66"
+}
+
+.icon-location-2:before {
+ content: "\67"
+}
+
+.icon-stack:before {
+ content: "\68"
+}
+
+.icon-info:before {
+ content: "\69"
+}
+
+.icon-meter2:before {
+ content: "\6a"
+}
+
+.icon-meter:before {
+ content: "\6b"
+}
+
+.icon-spf:before {
+ content: "\6c"
+}
+
+.icon-radio-checked:before {
+ content: "\6e"
+}
+
+.icon-mail:before {
+ content: "\6f"
+}
+
+.icon-embed:before {
+ content: "\70"
+}
+
+.icon-code:before {
+ content: "\71"
+}
+
+.icon-graduation:before {
+ content: "\73"
+}
+
+.icon-cc:before {
+ content: "\74"
+}
+
+.icon-cc-by:before {
+ content: "\75"
+}
+
+.icon-cc-nc:before {
+ content: "\76"
+}
+
+.icon-cc-nc-eu:before {
+ content: "\77"
+}
+
+.icon-cc-nc-jp:before {
+ content: "\78"
+}
+
+.icon-cc-sa:before {
+ content: "\79"
+}
+
+.icon-cc-nd:before {
+ content: "\7a"
+}
+
+.icon-cc-pd:before {
+ content: "\7b"
+}
+
+.icon-pencil-2:before {
+ content: "\7c"
+}
+
+.icon-nixon-cloud-download:before {
+ content: "\7d"
+}
+
+.icon-quote-left:before {
+ content: "\7e"
+}
+
+.icon-quote-right:before {
+ content: "\e003"
+}
+
+.icon-beaker-alt:before {
+ content: "\e004"
+}
+
+.icon-beaker:before {
+ content: "\e005"
+}
+
+.icon-pinterest-2:before {
+ content: "\e00e"
+}
+
+.icon-map-2:before {
+ content: "\e011"
+}
+
+.icon-leaf:before {
+ content: "\e016"
+}
+
+.icon-tag:before {
+ content: "\e017"
+}
+
+.icon-download:before {
+ content: "\e018"
+}
+
+.icon-info-2:before {
+ content: "\e019"
+}
+
+.icon-cool:before {
+ content: "\e01a"
+}
+
+.icon-happy-2:before {
+ content: "\e01b"
+}
+
+.icon-left-quote:before {
+ content: "\e01c"
+}
+
+.icon-right-quote:before {
+ content: "\e01d"
+}
+
+.icon-nixon-rocket:before {
+ content: "\e01e"
+}
+
+.icon-heart:before {
+ content: "\e01f"
+}
+
+.icon-dashboard:before {
+ content: "\e020"
+}
+
+.icon-twitter-2:before {
+ content: "\6d"
+}
+
+.icon-feed-3:before {
+ content: "\e036"
+}
+
+.icon-stumbleupon-2:before {
+ content: "\e050"
+}
+
+.icon-star-2:before {
+ content: "\e030"
+}
+
+.icon-octocat:before {
+ content: "\e0b6"
+}
+
+.icon-spf13:before {
+ content: "\e021"
+}
+
+.icon-spf13-2:before {
+ content: "\e022"
+}
+
+.icon-w3c:before {
+ content: "\e000"
+}
+
+.icon-foursquare-3:before {
+ content: "\e001"
+}
+
+.icon-cc-2:before {
+ content: "\e002"
+}
+
+.icon-stumbleupon-3:before {
+ content: "\e024"
+}
+
+.icon-idea:before {
+ content: "\e025"
+}
+
+.icon-gear:before {
+ content: "\e026"
+}
+
+.icon-gears:before {
+ content: "\e027"
+}
+
+.icon-discuss:before {
+ content: "\e028"
+}
+
+.icon-screen:before {
+ content: "\e029"
+}
+
+.icon-play:before {
+ content: "\e02a"
+}
+
+.icon-idea-2:before {
+ content: "\e006"
+}
+
+.icon-edit:before {
+ content: "\e007"
+}
+
+.icon-heart-2:before {
+ content: "\e010"
+}
+
+.icon-home-3:before {
+ content: "\e008"
+}
+
+.icon-13:before {
+ content: "\e009"
+}
+
+.icon-nixon-me:before {
+ content: "\e01a"
+}
+
+.icon-spf13-3:before {
+ content: "\e00a"
+}
+
+.icon-nixon-home:before {
+ content: "\22"
+}
+
+.icon-nixon-arrow-left:before {
+ content: "\e00b"
+}
+
+.icon-nixon-arrow-right:before {
+ content: "\e00c"
+}
+
+.icon-arrow-right-2:before {
+ content: "\e00d"
+}
+
+.icon-arrow-left-2:before {
+ content: "\e00f"
+}
+
+.icon-arrow-right-3:before {
+ content: "\e012"
+}
+
+.icon-arrow-left-3:before {
+ content: "\e013"
+}
+
+.icon-headphones:before {
+ content: "\e014"
+}
diff --git a/static/static/fonts/spf13-1.eot b/static/static/fonts/spf13-1.eot
deleted file mode 100644
index 2b06002..0000000
Binary files a/static/static/fonts/spf13-1.eot and /dev/null differ
diff --git a/static/static/fonts/spf13-1.svg b/static/static/fonts/spf13-1.svg
deleted file mode 100644
index 3d1c9d2..0000000
--- a/static/static/fonts/spf13-1.svg
+++ /dev/null
@@ -1,571 +0,0 @@
-
-
-
\ No newline at end of file
diff --git a/static/static/fonts/spf13-1.ttf b/static/static/fonts/spf13-1.ttf
deleted file mode 100644
index 2dbda55..0000000
Binary files a/static/static/fonts/spf13-1.ttf and /dev/null differ
diff --git a/static/static/fonts/spf13-1.woff b/static/static/fonts/spf13-1.woff
deleted file mode 100644
index 572bfd9..0000000
Binary files a/static/static/fonts/spf13-1.woff and /dev/null differ