Commit 77788e5f authored by Fabian Marquardt's avatar Fabian Marquardt

Initial commit

parents
.bundle
.sass-cache
Gemfile.lock
_site
*.gem
---
layout: default
---
<div class="container">
<div class="section txt-center">
<h1>404</h1>
<p><strong>Page not found :(</strong></p>
<p>The requested page could not be found.</p>
</div>
</div>
\ No newline at end of file
title: Konferenz der Informatikfachschaften
lang: de
description: 'Die Konferenz der Informatikfachschaften (KIF) ist ein halbjährlich stattfindendes Treffen von Studierenden des Fachbereichs Informatik.'
sass:
style: compressed
- url: 'https://wiki.kif.rocks'
title: 'Wiki der KIF'
icon: 'description'
description: '
Das KIF-Wiki enthält alle wichtigen Informationen rund um die nächste KIF. Hier findest du unter anderem Antworten auf folgende Fragen:
<ul>
<li>Was ist eigentlich die KIF?</li>
<li>Wie melde ich mich zur KIF an?</li>
<li>Was sind die aktuellen Themen der KIF</li>
<li>Wie erreiche ich das Orga-Team der nächsten KIF?</li>
</ul>
Außerdem findest du hier die Protokolle und Resolutionen der bisherigen Konferenzen.
'
color: 'orange'
\ No newline at end of file
- url: 'https://md.kif.rocks'
title: 'CodiMD'
icon: 'notes'
description: 'HackMD ist eine Plattform zum gemeinsamen Schreiben von Notizen. Diese benutzen wir bei der KIF beispielsweise zum Protokollieren der Arbeitskreise.'
color: 'red'
- url: 'https://gallery.kif.rocks'
title: 'Bildergalerie'
icon: 'photo'
description: 'In der Bildergalerie sammeln wir schöne Fotos von der KIF. Die Galerie ist unterteilt in einen öffentlichen und einen privaten, nur für die Teilnehmer zugänglichen Bereich.'
color: 'pink'
- url: 'https://mm.dief.im/listinfo/kif-l'
title: 'Mailingliste'
icon: 'email'
description: 'Diese offene Mailingliste für KIFfel und Interessierte wird hauptsächlich zur Ankündigung von KIFs und für die KIF bzw. KIFfel potentiell interessante Veranstaltungen genutzt.'
color: 'purple'
- url: 'https://riot.kif.rocks'
title: 'Matrix/Riot'
icon: 'chat'
description: 'Ende-zu-Ende-verschlüsselter und föderierter Chat. Der Link führt zum Riot-Webclient.'
color: 'deep-purple'
- url: 'https://toot.kif.rocks'
title: 'Mastodon'
icon: 'chat'
description: 'Ein freies und föderiertes soziales Netzwerk. Funktioniert in etwa so, wie dieses Netzwerk mit dem blauen Vogel.'
color: 'indigo'
- url: 'https://gitlab.fachschaften.org/kifev'
title: 'Gitlab-Projekte der KIF'
icon: 'developer_mode'
description: 'Im Rahmen der KIF wurden diverse (Software-)Projekte erstellt, welche im Gitlab verwaltet werden.'
color: 'blue'
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0"/>
<title>{% if page.title %}{{ page.title | escape }}{% else %}{{ site.title | escape }}{% endif %}</title>
<meta name="description" content="{{ page.excerpt | default: site.description | strip_html | normalize_whitespace | escape }}" />
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" type="text/css" media="screen,projection" href="{{ "/assets/materialize.css" | relative_url }}" />
<link rel="stylesheet" type="text/css" media="screen,projection" href="{{ "/assets/main.css" | relative_url }}">
<link rel="canonical" href="{{ page.url | replace:'index.html','' | absolute_url }}" />
<link rel="alternate" type="application/rss+xml" title="{{ site.title | escape }}" href="{{ "/feed.xml" | relative_url }}" />
</head>
<!-- Info box -->
<div class="row">
<div class="col s12 m12">
<div class="card-panel hoverable">
<h1 class="header page-title blue-text">Konferenz der Informatik&shy;fachschaften</h1>
<h5>
Die Konferenz der Informatikfachschaften (KIF) ist ein halbjährlich stattfindendes Treffen von Studierenden des Fachbereichs Informatik.
</h5>
<h5 class="light">
Bei der KIF lernst du Studierende aus vielen verschiedenen Fachschaften kennen und kannst dich in einem inklusiven sozialen Umfeld zu fachspezifischen und hochschulpolitischen Themen austauschen.
</h5>
<h5 class="light">
Die Inhalte einer KIF sind vielfältig und stets aktuell, da diese in den verschiedenen Arbeitskreisen von den teilnehmenden "Kiffeln" selbst eingebracht werden.
</h5>
<h5 class="light">
Die nächsten KIF-Termine:
</h5>
<table class="striped">
<tbody>
<tr>
<th>12.-16.06.2019</th>
<td>KIF 47,0 in Dresden</td>
</tr>
<tr>
<th>20.-25.05.2020</th>
<td>KIF 48,0 in Dortmund</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
\ No newline at end of file
<!-- Lead link boxes (1 per row) -->
<div class="row leadrow">
{% for column in site.data.links_lead %}
<div class="col s12 m12 l12">
<div class="card hoverable">
<a class="clickable-card" href="{{ column.url }}">
<div class="card-image {{ column.color }}" style="height: 80px;">
<span class="card-title">{{ column.title }}</span>
<button class="btn-floating halfway-fab white"><i class="material-icons {{ column.color }}-text">{{ column.icon }}</i></button>
</div>
<div class="card-content">
{{ column.description }}
</div>
</a>
</div>
</div>
{% endfor %}
</div>
\ No newline at end of file
<!-- Scripts-->
<script src="{{ "js/jquery.min.js" | relative_url }}"></script>
<script src="{{ "js/materialize.min.js" | relative_url }}"></script>
<script src="{{ "js/init.js" | relative_url }}"></script>
\ No newline at end of file
<!-- Small link boxes (3 per row) -->
<div class="row smallrow">
{% for column in site.data.links_small %}
<div class="col s12 m6 l4">
<div class="card hoverable">
<a class="clickable-card" href="{{ column.url }}">
<div class="card-image {{ column.color }}" style="height: 80px;">
<span class="card-title">{{ column.title }}</span>
<button class="btn-floating halfway-fab white"><i class="material-icons {{ column.color }}-text">{{ column.icon }}</i></button>
</div>
<div class="card-content">
{{ column.description }}
</div>
</a>
</div>
</div>
{% endfor %}
<div class="fillcol">
</div>
</div>
\ No newline at end of file
<!DOCTYPE html>
<html lang="{{ page.lang | default: site.lang | default: "en" }}">
{% include head.html %}
<body class="bg">
{{ content }}
{% include script.html %}
</body>
</html>
---
layout: default
---
<div class="container">
<div class="section">
{% include infobox.html %}
{% include leadboxes.html %}
{% include smallboxes.html %}
</div>
</div>
\ No newline at end of file
@charset "utf-8";
// Full screen background image
html {
background: url("bg.png") no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
// Font smoothing
h1, h2, h3, h4, h5, h6 {
-webkit-font-smoothing: antialiased;
}
// Equal height columns
.smallrow {
display: flex;
flex-wrap: wrap;
}
.smallrow > .col {
display: flex;
}
.smallrow > .fillcol {
display: flex;
height: 0px;
width: 0px;
margin-right: auto;
}
.page-title {
font-weight: bold;
}
.col.grid-example {
border: 1px solid #eee;
margin: 7px 0;
text-align: center;
line-height: 50px;
font-size: 28px;
background-color: tomato;
color: white;
padding: 0;
}
.collection .collection-item.avatar {
padding-right: 30px;
}
.last-post {
padding: 10px 0 15px;
}
.last-post .collection .collection-item.avatar>.date-post {
position: absolute;
width: 54px;
height: 54px;
overflow: hidden;
left: 10px;
display: inline-block;
padding: 16px 0;
vertical-align: middle;
background: #ad1457;
color: #fff;
text-align: center;
}
.txt-center {
text-align: center;
}
.post-header h1.post-title {
color: #29b6f6;
font-size: 2.8em;
font-weight: 800;
}
.post-header time {
color: #cacaca;
font-size: 0.9em;
}
p.rss-subscribe {
margin: 0;
}
.clickable-card {
color: rgba(0,0,0,0.87);
}
li {
list-style-type: initial !important;
margin-left: 50px;
}
\ No newline at end of file
// Badges
span.badge {
min-width: 3rem;
padding: 0 6px;
margin-left: 14px;
text-align: center;
font-size: 1rem;
line-height: $badge-height;
height: $badge-height;
color: color('grey', 'darken-1');
float: right;
box-sizing: border-box;
&.new {
font-weight: 300;
font-size: 0.8rem;
color: #fff;
background-color: $badge-bg-color;
border-radius: 2px;
}
&.new:after {
content: " new";
}
&[data-badge-caption]::after {
content: " " attr(data-badge-caption);
}
}
nav ul a span.badge {
display: inline-block;
float: none;
margin-left: 4px;
line-height: $badge-height;
height: $badge-height;
}
// Line height centering
.collection-item span.badge {
margin-top: calc(#{$collection-line-height / 2} - #{$badge-height / 2});
}
.collapsible span.badge {
margin-top: calc(#{$collapsible-line-height / 2} - #{$badge-height / 2});
}
.side-nav span.badge {
margin-top: calc(#{$sidenav-line-height / 2} - #{$badge-height / 2});
}
// shared styles
.btn,
.btn-flat {
border: $button-border;
border-radius: $button-radius;
display: inline-block;
height: $button-height;
line-height: $button-height;
padding: $button-padding;
text-transform: uppercase;
vertical-align: middle;
// Gets rid of tap active state
-webkit-tap-highlight-color: transparent;
}
// Disabled shared style
.btn.disabled,
.btn-floating.disabled,
.btn-large.disabled,
.btn-flat.disabled,
.btn:disabled,
.btn-floating:disabled,
.btn-large:disabled,
.btn-flat:disabled,
.btn[disabled],
.btn-floating[disabled],
.btn-large[disabled],
.btn-flat[disabled] {
pointer-events: none;
background-color: $button-disabled-background !important;
box-shadow: none;
color: $button-disabled-color !important;
cursor: default;
&:hover {
background-color: $button-disabled-background !important;
color: $button-disabled-color !important;
}
}
// Shared icon styles
.btn,
.btn-floating,
.btn-large,
.btn-flat {
font-size: $button-font-size;
outline: 0;
i {
font-size: $button-icon-font-size;
line-height: inherit;
}
}
// Shared focus button style
.btn,
.btn-floating {
&:focus {
background-color: darken($button-raised-background, 10%);
}
}
// Raised Button
.btn {
text-decoration: none;
color: $button-raised-color;
background-color: $button-raised-background;
text-align: center;
letter-spacing: .5px;
@extend .z-depth-1;
transition: .2s ease-out;
cursor: pointer;
&:hover {
background-color: $button-raised-background-hover;
@extend .z-depth-1-half;
}
}
// Floating button
.btn-floating {
&:hover {
background-color: $button-floating-background-hover;
@extend .z-depth-1-half;
}
&:before {
border-radius: 0;
}
&.btn-large {
&.halfway-fab {
bottom: -$button-floating-large-size / 2;
}
width: $button-floating-large-size;
height: $button-floating-large-size;
i {
line-height: $button-floating-large-size;
}
}
&.halfway-fab {
&.left {
right: auto;
left: 24px;
}
position: absolute;
right: 24px;
bottom: -$button-floating-size / 2;
}
display: inline-block;
color: $button-floating-color;
position: relative;
overflow: hidden;
z-index: 1;
width: $button-floating-size;
height: $button-floating-size;
line-height: $button-floating-size;
padding: 0;
background-color: $button-floating-background;
border-radius: $button-floating-radius;
@extend .z-depth-1;
transition: .3s;
cursor: pointer;
vertical-align: middle;
i {
width: inherit;
display: inline-block;
text-align: center;
color: $button-floating-color;
font-size: $button-large-icon-font-size;
line-height: $button-floating-size;
}
}
// button fix
button.btn-floating {
border: $button-border;
}
// Fixed Action Button
.fixed-action-btn {
&.active {
ul {
visibility: visible;
}
}
&.horizontal {
padding: 0 0 0 15px;
ul {
text-align: right;
right: 64px;
top: 50%;
transform: translateY(-50%);
height: 100%;
left: auto;
width: 500px; /*width 100% only goes to width of button container */
li {
display: inline-block;
margin: 15px 15px 0 0;
}
}
}
&.toolbar {
&.active {
& > a i {
opacity: 0;
}
}
padding: 0;
height: $button-floating-large-size;
ul {
display: flex;
top: 0;
bottom: 0;
z-index: 1;
li {
flex: 1;
display: inline-block;
margin: 0;
height: 100%;
transition: none;
a {
display: block;
overflow: hidden;
position: relative;
width: 100%;
height: 100%;
background-color: transparent;
box-shadow: none;
color: #fff;
line-height: $button-floating-large-size;
z-index: 1;
i {
line-height: inherit;
}
}
}
}
}
position: fixed;
right: 23px;
bottom: 23px;
padding-top: 15px;
margin-bottom: 0;
z-index: 997;
ul {
left: 0;
right: 0;
text-align: center;
position: absolute;
bottom: 64px;
margin: 0;
visibility: hidden;
li {
margin-bottom: 15px;
}
a.btn-floating {
opacity: 0;
}
}
.fab-backdrop {
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: $button-floating-size;
height: $button-floating-size;
background-color: $button-floating-background;
border-radius: $button-floating-radius;
transform: scale(0);
}
}
// Flat button
.btn-flat {
box-shadow: none;
background-color: transparent;
color: $button-flat-color;
cursor: pointer;
transition: background-color .2s;
&:focus,
&:hover {
box-shadow: none;
}
&:focus {
background-color: rgba(0,0,0,.1);
}
&.disabled {
background-color: transparent !important;
color: $button-flat-disabled-color !important;
cursor: default;
}
}
// Large button
.btn-large {
@extend .btn;
height: $button-large-height;
line-height: $button-large-height;
i {
font-size: $button-large-icon-font-size;
}
}
// Block button
.btn-block {
display: block;
}
.card-panel {
transition: box-shadow .25s;
padding: $card-padding;
margin: $element-top-margin 0 $element-bottom-margin 0;
border-radius: 2px;
@extend .z-depth-1;
background-color: $card-bg-color;
}
.card {
position: relative;
margin: $element-top-margin 0 $element-bottom-margin 0;
background-color: $card-bg-color;
transition: box-shadow .25s;
border-radius: 2px;
@extend .z-depth-1;
.card-title {
font-size: 24px;
font-weight: 300;
&.activator {
cursor: pointer;
}
}
// Card Sizes
&.small, &.medium, &.large {
position: relative;
.card-image {
max-height: 60%;
overflow: hidden;
}
.card-image + .card-content {
max-height: 40%;
}
.card-content {
max-height: 100%;
overflow: hidden;
}
.card-action {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
}
&.small {
height: 300px;
}
&.medium {
height: 400px;
}
&.large {
height: 500px;
}
// Horizontal Cards
&.horizontal {
&.small, &.medium, &.large {
.card-image {
height: 100%;
max-height: none;
overflow: visible;