jekyll-theme-glueckkanja 0.7.0

data/_sass/_docs-mixins.scss

@@ -0,0 +1,34 @@
+@mixin flex-direction($values) {
+	-webkit-flex-direction: $values;
+	flex-direction: $values;
+}
+
+@mixin flex-flow($values) {
+	-webkit-flex-flow: $values;
+	flex-flow: $values;
+}
+
+@mixin align-items($values) {
+	-webkit-align-items: $values;
+	align-items: $values;
+}
+
+@mixin justify-content($values) {
+	-webkit-justify-content: $values;
+	justify-content: $values;
+}
+
+@mixin flex($values) {
+	-webkit-flex: $values;
+	flex: $values;
+}
+
+@mixin display-flex() {
+	display: -webkit-flex;
+	display: flex;
+}
+
+@mixin display-inline-flex() {
+	display: -webkit-inline-flex;
+	display: inline-flex;
+}

data/_sass/_hc-dark-theme.scss

@@ -0,0 +1,38 @@
+/*
+  Darkly Pygments Theme
+  (c) 2014 Sourcey
+  http://sourcey.com
+*/
+
+.highlight {
+    white-space: pre;
+    overflow: auto;
+    word-wrap: normal; /* horizontal scrolling */
+    -moz-border-radius: 3px;
+    -webkit-border-radius: 3px;
+    border-radius: 3px;
+    padding: 10px 15px;
+    background: #404145;
+    border-color: #404145;
+    color: #C1C2C3;
+  }
+  .highlight .hll { background-color: #ffc; }
+  .highlight .gd { color: #2e3436; background-color: #0e1416; }
+  .highlight .gr { color: #eeeeec; background-color: #c00; }
+  .highlight .gi { color: #babdb6; background-color: #1f2b2d; }
+  .highlight .go { color: #2c3032; background-color: #2c3032; }
+  .highlight .kt { color: #e3e7df; }
+  .highlight .ni { color: #888a85; }
+  .highlight .c,.highlight .cm,.highlight .c1,.highlight .cs { color: #8D9684; }
+  .highlight .err,.highlight .g,.highlight .l,.highlight .n,.highlight .x,.highlight .p,.highlight .ge,
+  .highlight .gp,.highlight .gs,.highlight .gt,.highlight .ld,.highlight .s,.highlight .nc,.highlight .nd,
+  .highlight .ne,.highlight .nl,.highlight .nn,.highlight .nx,.highlight .py,.highlight .ow,.highlight .w,.highlight .sb,
+  .highlight .sc,.highlight .sd,.highlight .s2,.highlight .se,.highlight .sh,.highlight .si,.highlight .sx,.highlight .sr,
+  .highlight .s1,.highlight .ss,.highlight .bp { color: #C1C2C3; }
+  .highlight .k,.highlight .kc,.highlight .kd,.highlight .kn,.highlight .kp,.highlight .kr,
+  .highlight .nt { color: #729fcf; }
+  .highlight .cp,.highlight .gh,.highlight .gu,.highlight .na,.highlight .nf { color: #E9A94B ; }
+  .highlight .m,.highlight .nb,.highlight .no,.highlight .mf,.highlight .mh,.highlight .mi,.highlight .mo,
+  .highlight .il { color: #8ae234; }
+  .highlight .o { color: #989DAA; }
+  .highlight .nv,.highlight .vc,.highlight .vg,.highlight .vi { color: #fff; }

data/_sass/_hc-elements.scss

@@ -0,0 +1,86 @@
+img {
+	max-width: 100%;
+}
+
+code, pre, tt {
+	font-family: Inconsolata,Consolas,Courier,"Courier New","Liberation Mono",monospace;
+	font-size: .85em;
+	white-space: pre-wrap;
+	border-radius: 2px;
+	line-height: 1.4;
+	font-weight: 400;
+	background-color: $gk-darkgrey;
+	color: $gk-lightergrey;
+	border-radius: 2px;
+	padding: 2px 5px;
+}
+.hc-wrapper {
+	max-width: 900px;
+	margin: 0 auto;
+	position: relative;
+}
+.count {
+	color: $gk-lightgrey;
+	font-size: .7em;
+	position: relative;
+	top: -2px;
+}
+
+dt, h2 {
+	a.header-link {
+		text-decoration: none;
+		color: #ccc;
+		opacity: 0;
+		transition: opacity ease .2s,color ease .2s;
+		vertical-align: bottom;
+		margin: 0 0 0 5px;
+
+		&:hover {
+			color: $gk-blue;
+		}
+	}
+
+	&:hover a {
+		opacity: 1;
+	}
+}
+
+.video_hc-wrapper {
+	position: relative;
+	padding-bottom: 59.5%;
+	padding-top: 25px;
+	height: 0;
+
+	iframe {
+		position: absolute;
+		top: 0;
+		left: 0;
+		width: 100%;
+		height: 100%;
+	}
+}
+
+#search-results {
+	margin: 0;
+	padding: 0;
+
+	li {
+		list-style: none;
+		margin: 0;
+		padding: 0;
+
+		h4 {
+			margin: 20px 0 10px 0;
+		}
+
+		p {
+			line-height: 1.5;
+			padding: 0;
+			margin: 0;
+		}
+	}
+}
+
+#search-query {
+	font-weight: bold;
+}

data/_sass/_hc-header.scss

@@ -0,0 +1,104 @@
+header {
+	background: $gk-blue;
+	color: #fff;
+
+	form {
+		position: relative;
+
+		input[type=search] {
+			box-sizing: border-box;
+			width: 100%;
+		}
+	}
+
+	.top-bar {
+		@media(min-width:768px) {
+			display: flex;
+		}
+
+		.logo {
+			a {
+				display: block;
+				line-height: 0;
+			}
+
+			svg {
+				fill: #fff;
+				width: 100%;
+				height: 46px;
+				min-width: 100px;
+			}
+		}
+
+		form svg {
+			fill: #eee;
+		}
+	}
+
+}
+
+.hero_search {
+	text-align: center;
+	flex: 0 0 100%;
+	padding: 30px 0 30px 0;
+
+	form {
+		position: relative;
+		max-width: 650px;
+		@media(min-width:768px) {
+			max-width: 800px;
+		}		
+		margin-left: 25px;
+		padding: 20px 0;
+
+		svg {
+			fill: #eee;
+			position: absolute;
+			top: 31px;
+			right: 12px;
+			display: inline-block;
+			width: 36px;
+			height: 40px;
+			cursor: pointer;
+		}
+	}
+	
+	h1, p {
+		// font-size: 2.4em;
+		color: #fff;
+	}
+	input {
+		outline: none;
+	}
+
+	input[type=search] {
+		-webkit-appearance: textfield;
+		-webkit-box-sizing: content-box;
+		font-size: 100%;
+	}
+
+	input::-webkit-search-decoration,
+	input::-webkit-search-cancel-button {
+		display: none;
+	}
+
+
+	input[type=search] {
+		border: solid 1px #ccc;
+		padding: 14px 7px 14px 32px;
+
+		-webkit-border-radius: 3px;
+		-moz-border-radius: 3px;
+		border-radius: 3px;
+		margin: 0;
+		color: #555;
+		font-size: 1.1em;		
+	}
+	input:-moz-placeholder {
+		color: #ccc;
+	}
+	input::-webkit-input-placeholder {
+		color: #ccc;
+	}
+
+}

data/_sass/_hc-tutorials.scss

@@ -0,0 +1,251 @@
+.articlelist {
+	display: flex;
+	flex-wrap: wrap;
+	flex-direction:row;
+	justify-content:flex-start;
+	align-items:stretch;
+	margin-bottom: 50px;
+	padding-left: 50px;	
+}
+
+.category {
+	flex: 0 0 100%;
+
+
+	@media(min-width:768px)  {
+		flex: 0 0 50%;
+	}
+
+	margin: 0 0 30px 0;	
+}
+
+.listing {
+	list-style: none;
+	margin: 0;
+	display: flex;
+	flex-flow: wrap;
+	margin-left: 0px;
+	padding-left: 0px;
+
+
+	li {
+		padding: 0;
+		width: 100%;
+		@media(min-width:768px) {
+			flex: 0 0 50%;
+		}
+	}
+
+	a {
+		display: flex;
+		text-decoration: none;
+		padding: 5px;
+		border-radius: 5px;
+		height: 100%;
+
+		article {
+			display: flex;
+			align-items: center;
+			flex-wrap: wrap;
+		}
+
+		.icon {
+			display: flex;
+			align-items: center;
+			padding: 0 5px 0 0;
+			svg {
+				width: 35px;
+				height: 35px;
+				fill: $gk-blue;
+				-webkit-transition: all .2s ease;
+				margin: 0 auto;
+			}
+		}
+
+		.length {
+			color: $gk-lightgrey;
+			font-size: .8em;
+		}
+
+		&:hover {
+			svg {
+				fill: $gk-midblue;
+				width: 40px;
+				height: 40px;
+			}
+		}
+
+		p {
+			margin: 5px 0 0 0;
+			color: #888;
+			font-size: .9em;
+			line-height: 1.4em;
+			width: 100%;
+			font-weight: 100;
+		}
+
+		.description {
+			text-overflow: ellipsis;
+			overflow: hidden;
+			width: 250px;
+			white-space: nowrap;
+		}
+	}
+}
+
+
+.faq {
+	padding: 15px;
+
+	ul {
+		padding: 0px;
+		margin: 0 0 50px 0;
+		list-style: none;
+	}
+
+	li {
+		font-size: 1em;
+
+		a {
+			color: $gk-midgrey;
+			text-decoration: none;
+			display: block;
+			border-bottom: 1px solid #eee;
+			padding: 5px 0;
+
+			&:hover {
+				color: $gk-darkgrey;
+			}
+		}
+	}
+}
+
+.tutorial {
+	display: flex;
+
+	.sidebar {
+		display: none;
+		padding: 0 20px 0 0;
+		position: absolute;
+    	top: 102px;
+		width: 200px;
+
+		@media(min-width:768px)  {
+			display: block;
+		}
+
+		ul {
+			padding: 0;
+			margin: 0;
+			list-style: none;
+
+			li {
+				margin: 0 0 15px 0;
+			}
+		}
+
+		a {
+			color: $gk-midgrey;
+			text-decoration: none;
+			display: block;
+			-webkit-transition: transform .2s ease;
+			xline-height: 1.3em;
+
+			&.active {
+				color: $gk-blue;
+				transform: translateX(0px);
+			}
+		}
+	}
+
+	.tutorial-content {
+		width: 100%;
+		padding: 15px;
+
+		@media(min-width:768px)  {
+			margin-left: 230px;
+		}
+	}
+}
+
+
+.related, .tutorial-series {
+	margin: 50px 0;
+	padding: 20px 0;
+
+	ul {
+		padding: 0;
+		margin: 0;
+		list-style: none;
+	}
+}
+
+.tutorial-series {
+	ul {
+		padding: 0 0 0 20px;
+	}
+
+	li:last-child a:after {
+		background: none;
+		height: 0;
+		width: 0;
+	}
+
+	li {
+		flex: 0 0 100%;
+		margin: 0;
+
+		a {
+			position: relative;
+			margin: 0 0 20px 0;
+			&:before {
+				content: "\25BA";
+				position: absolute;
+				display: block;
+				top: 50%;
+				-webkit-transform: translateY(-50%);
+				-moz-transform: translateY(-50%);
+				-ms-transform: translateY(-50%);
+				transform: translateY(-50%);
+				left: -23px;
+				color: #e0e0e0;
+				z-index: 1;
+			}
+
+			&:after {
+				content: "";
+				display: block;
+				left: -22px;
+				background: #e0e0e0;
+				position: absolute;
+				bottom: -43px;
+				width: 2px;
+				top: 39px;
+			}
+		}
+
+		&.active a:before {
+			color: $gk-lightgrey;
+		}
+	}
+
+	h4 {
+		margin: 0;
+	}
+}
+
+.resources {
+	background: #fafafa;
+	padding: 15px;
+	border: 1px solid #eee;
+	border-top: 0;
+	margin: 0 0 30px 0;
+
+	ul {
+		margin: 0;
+	}
+
+	li {
+		margin: 0;
+	}
+}