index.html

---
layout: default
title: GI InformatiCup
description: Der Studierendenwettbewerb der Gesellschaft für Informatik.
featured_image: /images/home.png
---

<section class="hero">

	<div class="hero__image" style="background-image: url('/images/informaticup.jpg')">
		<div class="hero__overlay"></div>
	</div>

	<div class="wrap">

		<h1>GI InformatiCup</h1>
		<p>Der Studierendenwettbewerb der <a href="https://gi.de/" style="color:#ffffff;">Gesellschaft für Informatik</a></p>

		{% include socials.html %}

	</div>

</section>

<section class="listing">

	<div class="wrap">

		{% for topic in site.competition reversed %}

		<article class="post">

			<div class="post__image-wrap">
				<div class="post__image" style="background-image: url({{ topic.featured_image }})"></div>
			</div>

			<div class="post__content-wrap">
				<div class="post__content">
					<h2 class="post__title"><a href="{{ topic.url }}">{{ topic.title }}</a></h2>
					<p class="post__subtitle">{{ topic.subtitle }}</p>
					<p class="post__description">{{ topic.description }}</p>
				</div>
			</div>

		</article>

		{% endfor %}

		<article class="post">

			<div class="post__image-wrap">
				<div class="post__image" style="background-image: url('/images/competition/twitter.png')"></div>
			</div>

			<div class="post__content-wrap">
				<div class="post__content">
					<h2 class="post__title"><a href="https://twitter.com/informatiCup">Twitter</a></h2>
					<p class="post__subtitle">News</p>
					<p class="post__description">Den InformatiCup gibt es auch auf <a href="https://twitter.com/informatiCup">Twitter</a>.</p>
				</div>
			</div>

		</article>

	</div>

</section>