basic layout and first blog posts

This commit is contained in:
Timm Szigat 2015-09-06 13:31:38 +02:00
parent 12fc75d1de
commit 038c08a7a6
16 changed files with 1248 additions and 373 deletions

2
.gitignore vendored
View File

@ -1,2 +1,4 @@
_site
.sass-cache
.idea
*~

View File

@ -2,7 +2,7 @@
title: Hack Im Pott
email: hip@chaospott.de
description: > # this means to ignore newlines until "baseurl:"
hack im pott, an event based in the ruhrgebiet, germany, focusing on workshops
hack im pott, an workshop focused event, located in the ruhr area, germany.
baseurl: ""
url: "http://hackimpott.de"
twitter_username: hackimpott

View File

@ -1,32 +1,28 @@
<footer class="site-footer">
<div class="wrapper">
<h2 class="footer-heading">{{ site.title }}</h2>
<div class="footer-col-wrapper">
<div class="footer-col footer-col-1">
<ul class="contact-list">
<li>{{ site.title }}</li>
<li><a href="mailto:{{ site.email }}">{{ site.email }}</a></li>
<hr>
<div class="row footer">
<div class="col-md-4">
<ul>
<li>
<a href="http://chaospott.de">
chaospott - foobar e.V.<br>
Sybillastrasse 9<br>
45136 Essen
</a>
</li>
</ul>
</div>
<div class="footer-col footer-col-2">
<ul class="social-media-list">
{% if site.github_username %}
<div class="col-md-4">
<ul>
<li>
<a href="https://github.com/{{ site.github_username }}">
<span class="icon icon--github">
<a href="https://github.com/c3e/hip-site">
<span class="icon">
<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">{{ site.github_username }}</span>
<span class="username">Github Repo</span>
</a>
</li>
{% endif %}
{% if site.twitter_username %}
<li>
@ -44,12 +40,14 @@
{% endif %}
</ul>
</div>
<div class="footer-col footer-col-3">
<p class="text">{{ site.description }}</p>
<div class="col-md-4">
<ul>
<li>
<a href="mailto:{{ site.email }}">{{ site.email }}</a>
</li>
<li>
<a href="{{ "/feed.xml" | prepend: site.baseurl }}">RSS</a>
</li>
</ul>
</div>
</div>
</div>
</footer>
</div>

View File

@ -6,11 +6,12 @@
<title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
<meta name="description" content="{{ site.description }}">
<link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.baseurl }}">
<link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
<!-- bootstrap -->
<link rel="stylesheet" href="/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="/bootstrap/css/bootstrap-theme.min.css">
<script src="/bootstrap/js/bootstrap.min.js"></script>
</head>
<link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.baseurl }}">
<link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
</head>

View File

@ -1,27 +1,40 @@
<header class="site-header">
<div class="wrapper">
<a class="site-title" href="{{ site.baseurl }}/">{{ site.title }}</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>
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container navigation">
<div class="navbar-header">
<a href="{{ site.baseurl }}/">
<img src="/img/hip_logo.svg" class="logo" alt="{{ site.title }}">
</a>
<div class="trigger">
{% for page in site.pages %}
{% if page.title %}
<a class="page-link" href="{{ page.url | prepend: site.baseurl }}">{{ page.title }}</a>
{% endif %}
{% endfor %}
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
</nav>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li>
<a href="#">
Fahrplan
</a>
</li>
<li>
<a href="#">
Tickets
</a>
</li>
<li>
<a href="#">
Wiki
</a>
</li>
<li>
<a href="anfahrt.html">
Anfahrt
</a>
</li>
</ul>
</div>
</header>
</div>
</nav>

View File

@ -1,20 +1,11 @@
<!DOCTYPE html>
<html>
{% include head.html %}
<body>
{% include header.html %}
<div class="page-content">
<div class="wrapper">
<div class="container content">
{{ content }}
</div>
</div>
{% include footer.html %}
</div>
</body>
</html>

View File

@ -1,25 +0,0 @@
---
layout: post
title: "Welcome to Jekyll!"
date: 2015-09-02 20:11:44
categories: jekyll update
---
Youll find this post in your `_posts` directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run `jekyll serve --watch`, which launches a web server and auto-regenerates your site when a file is updated.
To add new posts, simply add a file in the `_posts` directory that follows the convention `YYYY-MM-DD-name-of-post.ext` and includes the necessary front matter. Take a look at the source for this post to get an idea about how it works.
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 [Jekylls GitHub repo][jekyll-gh]. If you have questions, you can ask them on [Jekylls dedicated Help repository][jekyll-help].
[jekyll]: http://jekyllrb.com
[jekyll-gh]: https://github.com/jekyll/jekyll
[jekyll-help]: https://github.com/jekyll/jekyll-help

View File

@ -0,0 +1,11 @@
---
layout: post
title: "call for participation"
date: 2015-09-05 15:20:44
post_author: timm
---
Falls ihr irgendwem irgendwas beibringen wollt, meldet euch!
Trag euch (demnächst) ins Wiki ein, was auch immer.
Wir brauchen eure Hilfe!

View File

@ -0,0 +1,17 @@
---
layout: post
title: "Wir sind da wat am planen dran"
date: 2015-09-05 15:16:44
post_author: timm
---
Ist euch auch immer Zwischen Congress und Easterhegg so furchtbar langweilig? Uns auch!
Deswegen laden wir euch zu uns ein. Am 26.-28. Februar veranstalten wir das erste Hack Im Pott um euch ganz viel Zeug beizubringen und noch viel mehr von euch zu lernen. Weniger Vorträge, mehr Workshops, von wie man git jetzt nun wirklich vernünftig benutzt, über arbeiten mit Holz, bis hin zum Met brauen haben wir bereits jetzt schon ne menge geilen Scheiss zusammengesucht.
Allerdings kann da noch viel viel mehr!
Eintrittsspende 13,37€. Dafür gibts ewiges Frühstück (u.a. ein Pott voll Mett, auch vegan) und Kaffee.
Der Platz für die erste Iteration ist stark begrenzt, so das wir nur 42 Plätze für das gesamte Event haben. First come, first serve, Voranmeldung demnächst!
Auf ein exzellentes HIP-0!

View File

@ -1,236 +1,82 @@
/**
* Site header
*/
.site-header {
border-top: 5px solid $grey-color-dark;
border-bottom: 1px solid $grey-color-light;
min-height: 56px;
$primary-bg: #333;
$link-primary: red;
$link-hover: #660000;
// Positioning context for the mobile navigation icon
position: relative;
body {
background:#222 url('/img/logowall.svg') center top;
background-size: 300px;
}
.site-title {
font-size: 26px;
line-height: 56px;
letter-spacing: -1px;
margin-bottom: 0;
float: left;
a {
color: red;
}
&,
&:visited {
color: $grey-color-dark;
.navbar-default .navbar-nav li a, .navbar-nav > li > a {
color: red;
text-shadow: none;
&:hover {
color: $link-hover;
}
}
.site-nav {
float: right;
line-height: 56px;
.content {
padding-top:90px;
background:$primary-bg url('/img/logowall.svg') center top;
background-size: 300px;
}
.menu-icon {
display: none;
.header {
background-color: $primary-bg;
}
.logo {
position:relative;
z-index:10;
width:150px;
margin-bottom: -40px;
}
.page-link {
color: $text-color;
line-height: $base-line-height;
.navigation {
height:50px;
background-color: $primary-bg;
border-bottom: 1px #aaa solid;
}
// Gaps between nav items, but not on the first one
&:not(:first-child) {
margin-left: 20px;
}
}
.navbar-default {
background:none;
//background-color:transparent;
box-shadow:none;
border:0;
}
@include media-query($on-palm) {
position: absolute;
top: 9px;
right: 30px;
background-color: $background-color;
border: 1px solid $grey-color-light;
.post, .box {
background-color: #666;
padding: 40px 20px;
margin-bottom: 30px;
border-radius: 5px;
text-align: right;
.menu-icon {
display: block;
float: right;
width: 36px;
height: 26px;
line-height: 0;
padding-top: 10px;
text-align: center;
> svg {
width: 18px;
height: 15px;
path {
fill: $grey-color-dark;
}
}
.date {
font-style: italic;
}
.trigger {
clear: both;
display: none;
a {
color: $link-hover;
}
&:hover .trigger {
display: block;
padding-bottom: 5px;
}
.page-link {
display: block;
padding: 5px 10px;
}
}
}
/**
* Site footer
*/
.site-footer {
border-top: 1px solid $grey-color-light;
padding: $spacing-unit 0;
}
.footer-heading {
font-size: 18px;
margin-bottom: $spacing-unit / 2;
}
.contact-list,
.social-media-list {
list-style: none;
margin-left: 0;
}
.footer-col-wrapper {
font-size: 15px;
color: $grey-color;
margin-left: -$spacing-unit / 2;
@extend %clearfix;
}
.footer-col {
float: left;
margin-bottom: $spacing-unit / 2;
padding-left: $spacing-unit / 2;
}
.footer-col-1 {
width: -webkit-calc(35% - (#{$spacing-unit} / 2));
width: calc(35% - (#{$spacing-unit} / 2));
}
.footer-col-2 {
width: -webkit-calc(20% - (#{$spacing-unit} / 2));
width: calc(20% - (#{$spacing-unit} / 2));
}
.footer-col-3 {
width: -webkit-calc(45% - (#{$spacing-unit} / 2));
width: calc(45% - (#{$spacing-unit} / 2));
}
@include media-query($on-laptop) {
.footer-col-1,
.footer-col-2 {
width: -webkit-calc(50% - (#{$spacing-unit} / 2));
width: calc(50% - (#{$spacing-unit} / 2));
}
.footer-col-3 {
width: -webkit-calc(100% - (#{$spacing-unit} / 2));
width: calc(100% - (#{$spacing-unit} / 2));
}
}
@include media-query($on-palm) {
.footer-col {
float: none;
width: -webkit-calc(100% - (#{$spacing-unit} / 2));
width: calc(100% - (#{$spacing-unit} / 2));
}
}
/**
* Page content
*/
.page-content {
padding: $spacing-unit 0;
}
.page-heading {
font-size: 20px;
}
.post-list {
margin-left: 0;
list-style: none;
> li {
margin-bottom: $spacing-unit;
}
}
.post-meta {
font-size: $small-font-size;
color: $grey-color;
}
.post-link {
display: block;
font-size: 24px;
}
/**
* Posts
*/
.post-header {
margin-bottom: $spacing-unit;
}
.post-title {
font-size: 42px;
letter-spacing: -1px;
line-height: 1;
@include media-query($on-laptop) {
font-size: 36px;
}
}
.post-content {
margin-bottom: $spacing-unit;
h2 {
font-size: 32px;
a {
color: black;
@include media-query($on-laptop) {
font-size: 28px;
&:hover {
text-decoration: none;
}
}
h3 {
font-size: 26px;
@include media-query($on-laptop) {
font-size: 22px;
}
}
h4 {
font-size: 20px;
@include media-query($on-laptop) {
font-size: 18px;
}
}
}
.footer {
padding: 20px;
ul {
list-style-type: none;
}
}

View File

@ -1,11 +0,0 @@
---
layout: page
title: About
permalink: /about/
---
This is the base Jekyll theme. You can find out more info about customizing your Jekyll theme, as well as basic Jekyll usage documentation at [jekyllrb.com](http://jekyllrb.com/)
You can find the source code for the Jekyll new theme at: [github.com/jglovier/jekyll-new](https://github.com/jglovier/jekyll-new)
You can find the source code for Jekyll at [github.com/jekyll/jekyll](https://github.com/jekyll/jekyll)

30
anfahrt.html Normal file
View File

@ -0,0 +1,30 @@
---
layout: default
---
<div class="box">
<h2>
Adresse
</h2>
<p class="text">
<a href="https://www.openstreetmap.org/?mlat=51.43855&mlon=7.02491#map=18/51.43855/7.02491">
Sibyllastr. 9 (Hinterhof)<br>
45136 Essen
</a>
Der Eingang befindet sich im Hinterhof und ist über die Durchfahrt erreichbar. Unsere Clubräume befinden sich sowohl in der <strong>1. Etage</strong> als auch im <strong>Keller</strong> des Gebäudes.
<a href="http://www.vrr.de/">ÖPNV</a> der <a href="http://www.evag.de/">EVAG</a> (Tram 105 und NE6) und die Linie S6 der <a href="http://reiseauskunft.bahn.de/">Deutschen Bahn</a> bis Bf Essen-Süd.
</p>
</div>
<div class="box">
<h2>
Gäste
</h2>
<p class="text">
Interessierte Gäste sind eingeladen Mittwochs ab 19 Uhr zum Chaostreff zu kommen.
Der Chaostreff ist eine lockere Runde, in der an Projekten gearbeitet, Vorträge gehört und diskutiert wird.
Interessierte Menschen können gerne dazu kommen.
Neue Personen bekommen eine Führung durch den Hackspace und bekommen alle wichtigen Dinge gezeigt.
</p>
</div>

BIN
img/hip_logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 70 KiB

83
img/hip_logo.svg Normal file
View File

@ -0,0 +1,83 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="105.21922mm"
height="105.21922mm"
viewBox="0 0 372.82402 372.82402"
id="svg2"
version="1.1"
inkscape:version="0.91 r13725"
inkscape:export-filename="/home/gidsi/hip_logo.png"
inkscape:export-xdpi="300.89722"
inkscape:export-ydpi="300.89722"
sodipodi:docname="hip_logo.svg">
<defs
id="defs4" />
<sodipodi:namedview
id="base"
pagecolor="#000000"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:zoom="1.4"
inkscape:cx="291.6305"
inkscape:cy="166.06335"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
fit-margin-top="5"
fit-margin-left="5"
fit-margin-right="5"
fit-margin-bottom="5"
inkscape:window-width="3196"
inkscape:window-height="1737"
inkscape:window-x="0"
inkscape:window-y="30"
inkscape:window-maximized="0" />
<metadata
id="metadata7">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-237.85205,-270.97034)">
<circle
style="opacity:1;fill:#ff0000;fill-opacity:1;stroke:none;stroke-width:10;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path4136"
cx="424.26407"
cy="457.38235"
r="168.69548" />
<text
xml:space="preserve"
style="font-style:normal;font-weight:normal;font-size:193.10316467px;line-height:125%;font-family:Sans;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
x="-17.159805"
y="673.43347"
id="text4138"
sodipodi:linespacing="125%"
transform="matrix(0.8660254,-0.5,0.5,0.8660254,0,0)"><tspan
sodipodi:role="line"
id="tspan4140"
x="-17.159805"
y="673.43347"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'Share Tech';-inkscape-font-specification:'Share Tech';fill:#ffffff;fill-opacity:1">HIP!</tspan></text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.8 KiB

923
img/logowall.svg Normal file

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 110 KiB

View File

@ -2,22 +2,18 @@
layout: default
---
<div class="home">
<h1 class="page-heading">Posts</h1>
<ul class="post-list">
{% for post in site.posts %}
<li>
<span class="post-meta">{{ post.date | date: "%b %-d, %Y" }}</span>
<h1 style="padding-left:160px; padding-bottom:20px;">
{{ site.title }}
</h1>
{% for post in site.posts %}
<div class="post">
<h2>
<a class="post-link" href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
</h2>
</li>
{% endfor %}
</ul>
<p class="rss-subscribe">subscribe <a href="{{ "/feed.xml" | prepend: site.baseurl }}">via RSS</a></p>
</div>
<p class="date">
{{ post.date | date: "%b %-d, %Y" }} {{ post.post_author }}
</p>
{{ post.content }}
</div>
{% endfor %}