schneider
/
toasted-cactus
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
Browse Source

Added assets

master
digitalcraftsman 10 years ago
parent
0f39d01cba
commit
9536b9d404
10 changed files with 806 additions and 0 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 107
      static/css/highlight.css
  2. 644
      static/css/style.css
  3. 18
      static/fonts/icons.svg
  4. BIN
      static/fonts/icons.ttf
  5. BIN
      static/fonts/icons.woff
  6. BIN
      static/images/avatar.png
  7. BIN
      static/images/avatar@2x.png
  8. BIN
      static/images/favicon.ico
  9. 1
      static/js/highlight.js
  10. 36
      static/js/main.js

107
static/css/highlight.css
View File

@ -0,0 +1,107 @@
/*
IR_Black style (c) Vasily Mikhailitchenko <vaskas@programica.ru>
*/
.hljs {
display: block;
overflow-x: auto;
/*padding: 0.5em;*/
background: #272b2d;
color: #d0d0d0;
-webkit-text-size-adjust: none;
}
.hljs-shebang,
.hljs-comment {
color: #777279;
}
.hljs-keyword,
.hljs-tag,
.tex .hljs-command,
.hljs-request,
.hljs-status,
.clojure .hljs-attribute {
color: #ebde68;
}
.hljs-sub .hljs-keyword,
.method,
.hljs-list .hljs-title,
.nginx .hljs-title {
color: #ffffb6;
}
.hljs-string,
.hljs-tag .hljs-value,
.hljs-cdata,
.hljs-filter .hljs-argument,
.hljs-attr_selector,
.apache .hljs-cbracket,
.hljs-date,
.coffeescript .hljs-attribute {
color: #c1ef65;
}
.hljs-subst {
color: #daefa3;
}
.hljs-regexp {
color: #e9c062;
}
.hljs-title,
.hljs-sub .hljs-identifier,
.hljs-pi,
.hljs-decorator,
.tex .hljs-special,
.hljs-type,
.hljs-constant,
.smalltalk .hljs-class,
.hljs-doctag,
.nginx .hljs-built_in {
color: #c1ef65;
}
.hljs-symbol,
.ruby .hljs-symbol .hljs-string,
.hljs-number,
.hljs-variable,
.vbscript,
.hljs-literal,
.hljs-name {
color: #77bcd7;
}
.css .hljs-tag {
color: #96cbfe;
}
.css .hljs-rule .hljs-property,
.css .hljs-id {
color: #ffffb6;
}
.css .hljs-class {
color: #fff;
}
.hljs-hexcolor {
color: #c6c5fe;
}
.hljs-number {
color:#77bcd7;
}
.coffeescript .javascript,
.javascript .xml,
.tex .hljs-formula,
.xml .javascript,
.xml .vbscript,
.xml .css,
.xml .hljs-cdata {
opacity: 0.7;
}

644
static/css/style.css
View File

@ -0,0 +1,644 @@
/* Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
/* Clearfix */
.clearfix:after {
content: "";
display: table;
clear: both;
}
.hidden { display: none; }
/* Icons */
@font-face {
font-family: 'icons';
src: url('../fonts/icons.eot');
src: url('../fonts/icons.eot#iefix') format('embedded-opentype'),
url('../fonts/icons.woff') format('woff'),
url('../fonts/icons.ttf') format('truetype'),
url('../fonts/icons.svg#icons') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "icons";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
}
.icon-facebook:before { content: '\e802'; }
.icon-facebook-squared:before { content: '\e800'; }
.icon-twitter:before { content: '\e801'; }
.icon-twitter-1:before { content: '\e804'; }
.icon-facebook-circled:before { content: '\e805'; }
.icon-twitter-circled:before { content: '\e806'; }
.icon-facebook-rect:before { content: '\e803'; }
/* Spacing */
.post h1, h3, h4, h5, p, .post-body ul, #post-list li, pre {
margin-bottom: 20px;
}
/* Base */
html, body { height: 100%; }
body {
font:16px/1 "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #666;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
h1 {
font-size: 30px;
letter-spacing: -1px;
color: #222;
font-weight: bold;
}
h2 {
font: italic 19px/1.3em Georgia,serif;
color: #bbb;
}
.profile #wrapper {
padding: 100px 40px 0px;
max-width: 600px;
margin: 0 auto;
}
.profile #header {
border-bottom: 1px solid #eee;
margin-bottom: 40px;
padding-bottom: 40px;
text-align: center;
position: relative;
}
.profile #avatar {
display: inline-block;
width: 80px;
height: 80px;
border-radius: 50%;
margin-bottom: 20px;
}
.profile h1 {
font-weight: 400;
letter-spacing: 0px;
font-size: 20px;
color: #222;
}
.profile h2 {
font-size: 20px;
font-weight: 300;
color: #aaa;
margin-top: 10px;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-style: normal;
}
nav.main-nav {
padding: 20px 20px 0;
/*max-width: 600px;*/
/*width:100%;*/
background: #fff;
background: rgba(255,255,255,.90);
margin: 0 auto;
text-align: right;
/*position: fixed;*/
z-index: 100;
}
nav.main-nav a {
top: 8px;
right: 6px;
padding: 8px 12px;
color: #5badf0;
font-size: 13px;
/*font-weight: bold;*/
line-height: 1.35;
border-radius: 3px;
}
nav.main-nav a.cta {
background: #5badf0;
color: #fff;
margin-left: 12px;
}
#wrapper {
max-width: 600px;
margin: 0 auto;
padding: 60px 40px 100px 40px;
}
#wrapper.home {
max-width: 600px;
margin: 0 auto;
padding: 0px 40px 20px 40px;
}
.home #avatar {
float: right;
width: 40px;
height: 40px;
border-radius: 50%;
}
/* Typography */
/*Accent color*/
a,
#title,
#post-list a:hover,
#post-list li:hover .dates,
#title:hover {
text-decoration: none;
color: #5badf0;
color: #5694f1;
}
p a { color: #5694f1; }
/*Transitions*/
a,
#post-nav a,
#post-list a {
-webkit-transition: all 0.15s ease;
-moz-transition: all 0.15s ease;
-ms-transition: all 0.15s ease;
-o-transition: all 0.15s ease;
transition: all 0.15s ease;
}
ul { margin:0; padding:0; }
li { list-style-type:circle; list-style-position:inside; }
/* Line Height */
#post-body, p { line-height:1.7; }
b, strong { font-weight: 500;
color: #1E2025; }
em, i { font-style: italic; }
#title {
display: inline-block;
line-height: 100%;
font-weight: 500;
font-size: 19px;
margin: 0;
padding-bottom: 20px;
}
.description {
float: right;
font: italic 14px/1.4em Georgia,serif;
color: #aaa;
}
.home h1 {
font-size: 30px;
letter-spacing: -1px;
color: #222;
font-weight: bold;
}
.home h2 {
font: italic 19px/1.3em Georgia,serif;
color: #bbb;
}
.post header {
text-align:center;
}
.post h1 {
margin-bottom:2 0px;
color: #222;
font: 300 32px/1.4em "Helvetica Neue", Helvetica,Arial,sans-serif;
}
.post h2 {
margin-bottom: 40px;
font: 300 24px/1.5 "Helvetica Neue",Helvetica,Arial,sans-serif;
color: #111;
}
.post h2.headline {
/*font: italic 22px/1.3em Georgia,serif;*/
font: normal 13px/1.5em "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: -5px 0 40px 0;
color: #b2b9be;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 2px;
/*margin-top: 15px;*/
display: inline-block;
}
#post-list h2 {
font: normal 17px/1.5em "Helvetica Neue",Helvetica,Arial,sans-serif;
color: #aaa;
max-width: 400px;
margin-top: 2px;
}
h3, h4, h5 { color:#333; }
h3 { font-size:20px; font-weight: 400; }
h4 { font-size:16px; font-weight:bold; }
h5 { font-size:15px; font-weight: bold; }
h6 {
font-size: 13px;
font-weight: bold;
color: #666;
margin-bottom: 6px;
}
p.small {
color: #bbb;
font-size: 14px;
line-height: 1.5;
display: block;
}
blockquote {
padding-left: 15px;
border-left: 3px solid #eee;
}
hr {
display: block;
border: none;
height: 1px;
margin: 40px auto;
background: #eee;
}
span.code { font-family:Menlo, Monaco, Courier; background-color:#EEE; font-size:14px; }
pre {
font-family:Menlo, Monaco, Courier;
white-space:pre-wrap;
/*border: 1px solid #ddd;*/
padding:20px;
background-color:#fdfdfd;
/*font-size:14px;*/
overflow:auto;
border-radius: 3px;
background: #272b2d;
font-family: 'Source Code Pro',Menlo,monospace;
font-size: 13px;
line-height: 1.5em;
font-weight: 500;
color: #d0d4d7;
}
table {
width: 100%;
margin: 40px 0;
border-collapse: collapse;
font-size: 13px;
line-height: 1.5em;
}
th,td {
text-align: left;
padding-right: 20px;
vertical-align: top;
}
table td,td {
border-spacing: none;
border-style: solid;
padding: 10px 15px;
border-width: 1px 0 0 0;
}
tr>td {
border-top: 1px solid #eaeaea;
}
tr:nth-child(odd)>td {
background: #fcfcfc;
}
thead th,th {
text-align: left;
padding: 10px 15px;
height: 20px;
font-size: 13px;
font-weight: bold;
color: #444;
border-bottom: 1px solid #dadadc;
cursor: default;
white-space: nowrap;
}
img {
width: 100%;
max-width: 100%;
border-radius: 3px;
}
/* Made with Cactus Badge */
#badge {
position: absolute;
bottom: 8px;
right: 8px;
height: 48px;
width: 48px;
}
/*=========================================
Post List
=========================================== */
#post-list,#archive-list {
margin-top: 100px;
}
#post-list li,#archive-list li {
list-style-type: none;
}
#post-list li:last-child {
margin-bottom: 0;
}
#post-list li+li {
padding-top: 20px;
border-top: 1px solid #eee;
}
#post-list a {
color: #333;
display: block;
font: bold 19px/1.7 "Helvetica Neue",helvetica,Arial,sans-serif;
}
#post-list .dates {
float: right;
position: relative;
top: 1px;
font: 300 17px/1.8 "Helvetica Neue",helvetica,Arial,sans-serif;
color: #bbb;
}
#post-list-footer {
border-top: 1px solid #eee;
margin-top: 20px;
padding-top: 100px;
}
#archive-link {
display: inline-block;
font-size: 13px;
font-weight: bold;
border-radius: 4px;
padding: 3px 10px 6px;
box-shadow: 0 0 0 1px hsla(207,83%,80%,1);
}
#archive-link:hover {
background: #5694f1;
color: #fff;
box-shadow: 0 0 0 1px #5694f1;
}
#archive-link span {
position: relative;
top: 0;
font-size: 17px;
}
#footer {
box-shadow: inset 0 1px 0 #eee;
padding: 40px 0 0 0;
margin-top: 100px;
}
/* Post Page */
#header {
border-bottom: 1px solid #eee;
}
.post {
margin: 80px 0 0 0;
}
#post-meta {
font-size: 13px;
font-weight: bold;
line-height: 1.4;
border-top: 1px solid #eee;
padding-top: 40px;
margin-bottom: 40px;
padding-bottom: 40px;
margin-top: 40px;
color:#444;
border-bottom: 1px solid #eee;
}
#post-meta div span {
color: #aaa;
font-weight: 500;
display: block;
}
#post-meta div span.dark {
color: #1E2025;
}
#post-meta div {
margin: 0 25px 0 0;
float: left;
}
#sharing {
float: right;
margin: -2px;
}
#sharing a {
font-size: 20px;
font-size: 23px;
margin-left: 1px;
margin-top: 4px;
color: #d4d4d4;
display: inline-block;
vertical-align: middle;
}
#sharing a:hover {
/*color: #444;*/
opacity: 0.8;
}
/* Post Navigation */
#post-nav {
border-top:1px solid #eee;
text-align:center;
padding-top:20px;
font-size:13px;
font-weight:500;
margin-top: 40px;
}
#post-nav span {
-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-ms-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
transition: all 0.1s linear;
position: relative;
}
#post-nav span.prev {
float: left;
}
#post-nav span.next {
float: right;
}
#post-nav span .arrow {
position: relative;
padding: 1px;
}
#post-nav span.prev:hover .arrow {
left: -4px;
}
#post-nav span.next:hover .arrow {
right: -4px;
}
#post-nav span.prev:hover {
left: -3px;
}
#post-nav span.next:hover {
right: -3px;
}
/* Archive */
h1.archive {
margin-bottom: 0px;
}
h2.month {
width: 100%;
font: bold 13px/1 "Helvetica Neue",helvetica,Arial,sans-serif;
text-transform: uppercase;
margin-top: 40px;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #eee;
}
#archive-list li:last-child {
margin-bottom: 0;
}
#archive-list a {
display: block;
font: bold 17px/1.7 "Helvetica Neue",helvetica,Arial,sans-serif;
color: #333;
}
#archive-list .dates {
float: right;
position: relative;
top: 1px;
font: 300 17px/1.7 "Helvetica Neue",helvetica,Arial,sans-serif;
color: #bbb;
}
#archive-list li a:hover,#archive-list li:hover .dates {
color: #5694f1;
}
#post-meta img.avatar {
height: 36px;
width: 36px;
float: left;
border-radius: 50%;
margin-top: 3px;
margin-right: 20px;
box-shadow: 0 0 0 3px #fff, 0 0 0 4px #eee;
}
#post-list.archive.readmore h3{
font: 400 20px "Helvetica Neue", Helvetica,Arial,sans-serif;
margin-bottom: 30px;
}
#post-list.archive.readmore a{
font: 400 16px/1.6 "Helvetica Neue",helvetica,Arial,sans-serif;
color: #5694f1;
}
#post-list.archive.readmore a:hover{
opacity: 0.8;
}
#post-list.archive.readmore .dates{
font: 300 16px/1.6 "Helvetica Neue",helvetica,Arial,sans-serif;
}
#sharing a.facebook {
background: #4361b3;
}
#sharing a.twitter {
background: #4fafed;
}
#sharing a {
font-size: 20px;
font-size: 13px;
font-weight: bold;
color: #fff;
padding: 6px 10px;
border-radius: 4px;
margin-left: 2px;
}
/* Media Queries */
@media screen and (max-width: 540px) {
#wrapper { padding:20px 20px 20px 20px;}
#header { margin-bottom: 60px; border-bottom: 1px solid #eee; }
.post { margin: 40px 0; }
#footer { margin-top: 60px; }
#post-list, #archive-list { margin-top: 0; }
#post-meta { margin-top: 60px; }
#title { font-size: 17px; }
#post-list .dates { display: none; }
#post-list-footer { margin-top: 20px; padding-top: 40px; }
h1 { font-size: 26px; }
.post h2.headline { font-size: 13px; }
.post h1 { font-size:24px; }
.post h2 { font-size:20px; }
}

18
static/fonts/icons.svg
View File

@ -0,0 +1,18 @@
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg">
<metadata>Copyright (C) 2013 by original authors @ fontello.com</metadata>
<defs>
<font id="icons" horiz-adv-x="1000" >
<font-face font-family="icons" font-weight="400" font-stretch="normal" units-per-em="1000" ascent="850" descent="-150" />
<missing-glyph horiz-adv-x="1000" />
<glyph glyph-name="facebook" unicode="&#xe802;" d="m285 540h144l-17-159h-127v-460h-190v460h-95v159h95v95q0 102 48 154t158 52h126v-158h-79q-22 0-35-4t-19-13t-7-19t-2-28v-79z" horiz-adv-x="428.6" />
<glyph glyph-name="facebook-squared" unicode="&#xe800;" d="m729 338l13 122h-110v61q0 27 8 38t40 11h62v122h-98q-85 0-122-40t-36-119v-73h-74v-122h74v-355h146v355h97z m128 280v-536q0-66-47-113t-114-48h-535q-67 0-114 48t-47 113v536q0 66 47 113t114 48h535q67 0 114-48t47-113z" horiz-adv-x="857.1" />
<glyph glyph-name="twitter" unicode="&#xe801;" d="m904 622q-37-54-90-93q0-8 0-23q0-73-21-145t-64-139t-103-117t-144-82t-181-30q-151 0-276 81q19-3 43-3q126 0 224 77q-59 2-105 36t-64 89q19-2 34-2q24 0 48 6q-63 13-104 62t-41 115v2q38-21 82-23q-37 25-59 64t-22 86q0 49 25 91q68-83 164-133t208-55q-5 21-5 41q0 75 53 127t127 53q79 0 132-57q61 12 114 44q-20-64-79-100q52 6 104 28z" horiz-adv-x="928.6" />
<glyph glyph-name="twitter-1" unicode="&#xe804;" d="m920 636q-36-54-94-98l0-24q0-130-60-250t-186-203t-290-83q-160 0-290 84q14-2 46-2q132 0 234 80q-62 2-110 38t-66 94q10-4 34-4q26 0 50 6q-66 14-108 66t-42 120l0 2q36-20 84-24q-84 58-84 158q0 48 26 94q154-188 390-196q-6 18-6 42q0 78 55 133t135 55q82 0 136-58q60 12 120 44q-20-66-82-104q56 8 108 30z" horiz-adv-x="920" />
<glyph glyph-name="facebook-circled" unicode="&#xe805;" d="m800 683q138-138 138-333q0-193-138-331t-331-137q-195 0-333 137q-136 136-136 331q0 197 136 333q135 136 333 136q195 0 331-136z m-384-271q0 61 39 104t98 43l72 0l0-105l-72 0q-13 0-22-9t-10-22l0-73l104 0l0-103l-104 0l0-258q117 15 205 104q108 107 108 257q0 153-108 259t-257 106q-153 0-259-106t-106-259q0-150 106-257q89-89 206-104l0 258l-103 0l0 103l103 0l0 62z" horiz-adv-x="938" />
<glyph glyph-name="twitter-circled" unicode="&#xe806;" d="m475 408q0 35 25 60t61 25t62-26q27 6 53 20q-10-30-36-47q30 4 49 14q-16-24-44-45l0-11q0-133-111-205q-56-38-131-38q-72 0-132 39q4-1 22-1q58 0 106 36q-29 1-51 18t-29 42q5-2 15-2q15 0 22 2q-28 6-48 29t-19 56q14-7 39-10q-39 28-39 71q0 20 12 43q69-85 177-89q-3 10-3 19z m-6-527q-195 0-333 138q-136 136-136 331q0 197 136 333q135 136 333 136q195 0 331-136q138-138 138-333q0-193-138-331t-331-137z m0 834q-153 0-259-106t-106-259q0-150 106-257t259-108q150 0 257 108t108 257q0 153-108 259t-257 106z" horiz-adv-x="938" />
<glyph glyph-name="facebook-rect" unicode="&#xe803;" d="m183 850c-102 0-183-81-183-183l0-634c0-102 81-183 183-183l344 0l0 391l-104 0l0 141l104 0l0 120c0 94 61 181 201 181c57 0 100-5 100-5l-4-132s-43 1-90 1c-50 0-58-24-58-62l0-103l152 0l-6-141l-146 0l0-391l141 0c102 0 183 81 183 183l0 634c0 102-81 183-183 183l-634 0z" horiz-adv-x="1000" />
</font>
</defs>
</svg>

BIN
static/fonts/icons.ttf
View File

BIN
static/fonts/icons.woff
View File

BIN
static/images/avatar.png
View File

Side by Side

After

Width: 80  |  Height: 80  |  Size: 4.9 KiB

BIN
static/images/avatar@2x.png
View File

Side by Side

After

Width: 160  |  Height: 160  |  Size: 15 KiB

BIN
static/images/favicon.ico
View File

1
static/js/highlight.js
File diff suppressed because it is too large
View File

36
static/js/main.js
View File

@ -0,0 +1,36 @@
// To make images retina, add a class "2x" to the img element
// and add a <image-name>@2x.png image. Assumes jquery is loaded.
function isRetina() {
var mediaQuery = "(-webkit-min-device-pixel-ratio: 1.5),\
(min--moz-device-pixel-ratio: 1.5),\
(-o-min-device-pixel-ratio: 3/2),\
(min-resolution: 1.5dppx)";
if (window.devicePixelRatio > 1)
return true;
if (window.matchMedia && window.matchMedia(mediaQuery).matches)
return true;
return false;
};
function retina() {
if (!isRetina())
return;
$("img.2x").map(function(i, image) {
var path = $(image).attr("src");
path = path.replace(".png", "@2x.png");
path = path.replace(".jpg", "@2x.jpg");
$(image).attr("src", path);
});
};
$(document).ready(retina);
Write Preview
Loading…
Cancel
Save