Skip to content

Commit 35fab82

Browse files
sblasksblask
committed
Initial commit
0 parents  commit 35fab82

11 files changed

+425
-0
lines changed

‎.gitignore

+3
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
_site
2+
.sass-cache
3+
.jekyll-metadata

‎_config.yml

+12
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
baseurl: ""
2+
url: "http://sblask.github.io"
3+
author: Sebastian Blask
4+
5+
markdown: kramdown
6+
7+
author_image: http://www.gravatar.com/avatar/b96587b41ce6e2c354db9e04ecfc32e1?s=200
8+
title: Sebastian Blask's Tech Blog
9+
description: >
10+
My name is Sebastian Blask and I am a developer currently living in
11+
Stockholm, Sweden. This is the place where I write about technical stuff. I
12+
hope it helps others or makes them learn something new.

‎_layouts/default.html

+49
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,49 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1">
6+
7+
<title>{% if page.title %}{{ page.title | escape }}{% else %}{{ site.title | escape }}{% endif %}</title>
8+
9+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
10+
<link rel="stylesheet" href="{{ "/css/main.css" }}">
11+
12+
<link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="/feed.xml">
13+
</head>
14+
<body>
15+
<header class="site-header"></header>
16+
<div class="content-wrapper">
17+
<div class="content-wrapper-background">
18+
<div class="content-wrapper-offset">
19+
<div class="content">
20+
{{ content }}
21+
</div>
22+
<aside class="about">
23+
<a href="/">
24+
<figure>
25+
<img src="{{ site.author_image }}" alt="{{ site.author }}">
26+
<figcaption>{{ site.description }}</figcaption>
27+
</figure>
28+
</a>
29+
<ul>
30+
<li class="github">
31+
<a href="https://github.com/sblask">Github</a>
32+
</li>
33+
<li class="twitter">
34+
<a href="https://twitter.com/priatuu">Twitter</a>
35+
</li>
36+
<li class="linkedin">
37+
<a href="https://www.linkedin.com/in/sebastianblask">LinkedIn</a>
38+
</li>
39+
<li class="rss">
40+
<a href="/feed.xml">RSS</a>
41+
</li>
42+
</ul>
43+
</aside>
44+
<div class="clear"></div>
45+
</div>
46+
</div>
47+
</div>
48+
</body>
49+
</html>

‎_layouts/post.html

+23
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
---
2+
layout: default
3+
---
4+
<article itemscope itemtype="http://schema.org/BlogPosting">
5+
6+
<header>
7+
<h1 itemprop="name headline">{{ page.title }}</h1>
8+
<p>
9+
<time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">{{ page.date | date: "%b %-d, %Y" }}</time>
10+
<span itemprop="author" itemscope itemtype="http://schema.org/Person">
11+
<span itemprop="name">{{ site.author }}</span>
12+
</span>
13+
</p>
14+
</header>
15+
16+
<div itemprop="articleBody">
17+
{{ content }}
18+
</div>
19+
20+
<p>
21+
<a href="/"><i class="fa fa-arrow-left"></i>&nbsp;Home</a>
22+
</p>
23+
</article>

‎_sass/_classes.scss

+113
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,113 @@
1+
.clear {
2+
clear: both;
3+
}
4+
5+
.site-header {
6+
background: $background-header;
7+
height: $header-height;
8+
9+
a {
10+
color: white;
11+
float:left;
12+
padding: 5px;
13+
}
14+
}
15+
16+
.content-wrapper {
17+
margin: 0 auto;
18+
max-width: 1024px;
19+
padding: 0 20px;
20+
21+
.content-wrapper-background {
22+
background: $background-content;
23+
24+
.content-wrapper-offset {
25+
position: relative;
26+
top: $vertical-content-offset;
27+
width: 100%;
28+
}
29+
}
30+
}
31+
32+
.content {
33+
float: left;
34+
margin-bottom: $vertical-content-offset;
35+
padding: 0 20px;
36+
width: calc(100% - #{$about-width-wide});
37+
min-height: calc(100vh - #{$header-height} - #{$vertical-content-offset})
38+
}
39+
40+
.about {
41+
float: right;
42+
font-size: $small-font-size;
43+
margin-bottom: $vertical-content-offset;
44+
padding: 0 20px;
45+
width: $about-width-wide;
46+
47+
figure {
48+
margin: auto;
49+
text-align: center;
50+
51+
img {
52+
border: 10px solid white;
53+
max-width: 100%;
54+
}
55+
}
56+
57+
ul {
58+
padding: 0 70px;
59+
60+
li {
61+
white-space: nowrap;
62+
63+
&:before {
64+
display: inline-block;
65+
font-family: FontAwesome;
66+
}
67+
&.github:before {
68+
content: "\f09b";
69+
}
70+
&.twitter:before {
71+
content: "\f099";
72+
}
73+
&.linkedin:before {
74+
content: "\f0e1";
75+
}
76+
&.rss:before {
77+
content: "\f09e";
78+
}
79+
}
80+
}
81+
}
82+
83+
@media (max-width: 800px) {
84+
.content {
85+
width: calc(100% - #{$about-width-narrow});
86+
}
87+
.about {
88+
width: $about-width-narrow;
89+
90+
figure {
91+
img {
92+
border-width: 5px;
93+
}
94+
}
95+
ul {
96+
padding: 0 35px;
97+
}
98+
}
99+
}
100+
@media (max-width: 500px) {
101+
h1 {
102+
margin-right: -40px;
103+
}
104+
h2 {
105+
margin-right: -30px;
106+
}
107+
.content {
108+
width: 100%;
109+
}
110+
.about {
111+
display: none;
112+
}
113+
}

‎_sass/_constants.scss

+20
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
$base-font-size: 16px;
2+
$small-font-size: 14px;
3+
4+
$text-color: #333333;
5+
$link-color: #CC2100;
6+
$link-color-current: #FF8F00;
7+
8+
$background-header: #2D2D2D;
9+
$background-page: #F1F1F1;
10+
$background-content: #FFFFFF;
11+
12+
$header-1-color: #FF8400;
13+
$header-2-color: #009D81;
14+
15+
$header-height: 58px;
16+
17+
$vertical-content-offset: -29px;
18+
19+
$about-width-narrow: 165px;
20+
$about-width-wide: 250px;

‎_sass/_elements.scss

+85
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,85 @@
1+
* {
2+
box-sizing: border-box;
3+
color: $text-color;
4+
font-family: sans-serif;
5+
}
6+
7+
a {
8+
outline: none;
9+
text-decoration: none;
10+
}
11+
12+
a:link,
13+
a:visited {
14+
color: $link-color;
15+
}
16+
17+
a:hover,
18+
a:active,
19+
a:focus {
20+
color: $link-color-current;
21+
}
22+
23+
h1 {
24+
background: $header-1-color;
25+
border-radius: 20px;
26+
color: white;
27+
font-family: serif;
28+
font-size: 2em;
29+
font-weight: normal;
30+
margin: 0 -20px 0 -40px;
31+
padding: 10px 20px;
32+
}
33+
34+
h2 {
35+
background: $header-2-color;
36+
border-radius: 20px;
37+
color: white;
38+
font-family: serif;
39+
font-size: 1.5em;
40+
font-weight: normal;
41+
margin: 0 -10px 0 -30px;
42+
padding: 10px;
43+
}
44+
45+
i.fa {
46+
position: relative;
47+
top: -1px;
48+
}
49+
50+
ul {
51+
list-style: none;
52+
padding: 0;
53+
}
54+
55+
pre,
56+
code {
57+
background-color: #F2F2F2;
58+
border-radius: 3px;
59+
border: 1px solid #E2E2E2;
60+
font-size: 15px;
61+
}
62+
63+
p > code {
64+
padding: 1px 5px;
65+
white-space: nowrap;
66+
}
67+
68+
pre {
69+
overflow-x: auto;
70+
padding: 8px 12px;
71+
72+
> code {
73+
border: 0;
74+
padding-left: 0;
75+
padding-right: 0;
76+
}
77+
}
78+
79+
body, html {
80+
background: $background-page;
81+
height: 100%;
82+
margin: 0;
83+
padding: 0;
84+
width: 100%;
85+
}

‎_sass/_syntax-highlighting.scss

+70
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,70 @@
1+
/**
2+
* Syntax highlighting styles
3+
*/
4+
.highlight {
5+
background: #fff;
6+
7+
.highlighter-rouge & {
8+
background: #eef;
9+
}
10+
11+
.c { color: #998; font-style: italic } // Comment
12+
.err { color: #a61717; background-color: #e3d2d2 } // Error
13+
.k { font-weight: bold } // Keyword
14+
.o { font-weight: bold } // Operator
15+
.cm { color: #998; font-style: italic } // Comment.Multiline
16+
.cp { color: #999; font-weight: bold } // Comment.Preproc
17+
.c1 { color: #998; font-style: italic } // Comment.Single
18+
.cs { color: #999; font-weight: bold; font-style: italic } // Comment.Special
19+
.gd { color: #000; background-color: #fdd } // Generic.Deleted
20+
.gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific
21+
.ge { font-style: italic } // Generic.Emph
22+
.gr { color: #a00 } // Generic.Error
23+
.gh { color: #999 } // Generic.Heading
24+
.gi { color: #000; background-color: #dfd } // Generic.Inserted
25+
.gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific
26+
.go { color: #888 } // Generic.Output
27+
.gp { color: #555 } // Generic.Prompt
28+
.gs { font-weight: bold } // Generic.Strong
29+
.gu { color: #aaa } // Generic.Subheading
30+
.gt { color: #a00 } // Generic.Traceback
31+
.kc { font-weight: bold } // Keyword.Constant
32+
.kd { font-weight: bold } // Keyword.Declaration
33+
.kp { font-weight: bold } // Keyword.Pseudo
34+
.kr { font-weight: bold } // Keyword.Reserved
35+
.kt { color: #458; font-weight: bold } // Keyword.Type
36+
.m { color: #099 } // Literal.Number
37+
.s { color: #d14 } // Literal.String
38+
.na { color: #008080 } // Name.Attribute
39+
.nb { color: #0086B3 } // Name.Builtin
40+
.nc { color: #458; font-weight: bold } // Name.Class
41+
.no { color: #008080 } // Name.Constant
42+
.ni { color: #800080 } // Name.Entity
43+
.ne { color: #900; font-weight: bold } // Name.Exception
44+
.nf { color: #900; font-weight: bold } // Name.Function
45+
.nn { color: #555 } // Name.Namespace
46+
.nt { color: #000080 } // Name.Tag
47+
.nv { color: #008080 } // Name.Variable
48+
.ow { font-weight: bold } // Operator.Word
49+
.w { color: #bbb } // Text.Whitespace
50+
.mf { color: #099 } // Literal.Number.Float
51+
.mh { color: #099 } // Literal.Number.Hex
52+
.mi { color: #099 } // Literal.Number.Integer
53+
.mo { color: #099 } // Literal.Number.Oct
54+
.sb { color: #d14 } // Literal.String.Backtick
55+
.sc { color: #d14 } // Literal.String.Char
56+
.sd { color: #d14 } // Literal.String.Doc
57+
.s2 { color: #d14 } // Literal.String.Double
58+
.se { color: #d14 } // Literal.String.Escape
59+
.sh { color: #d14 } // Literal.String.Heredoc
60+
.si { color: #d14 } // Literal.String.Interpol
61+
.sx { color: #d14 } // Literal.String.Other
62+
.sr { color: #009926 } // Literal.String.Regex
63+
.s1 { color: #d14 } // Literal.String.Single
64+
.ss { color: #990073 } // Literal.String.Symbol
65+
.bp { color: #999 } // Name.Builtin.Pseudo
66+
.vc { color: #008080 } // Name.Variable.Class
67+
.vg { color: #008080 } // Name.Variable.Global
68+
.vi { color: #008080 } // Name.Variable.Instance
69+
.il { color: #099 } // Literal.Number.Integer.Long
70+
}

‎css/main.scss

+6
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
---
2+
---
3+
@import "constants";
4+
@import "elements";
5+
@import "classes";
6+
@import "syntax-highlighting";

0 commit comments

Comments
 (0)