add snake-event

Author: exoji2e

_events/2019-12-10-snake_tournament.md

@@ -0,0 +1,47 @@
+---
+layout: base
+title: Snake tournament
+timerange: "17:00 - 20:00"
+place: "E:1406"
+---
+<div id="flex-container">
+<img id="thumbnail-img" src="/assets/images/2019/snake_event_banner.jpg" />
+<div  style="display:block;text-align:left">
+<h1 class="event-title">{{page.title}}</h1>
+<h5>{{page.date | date_to_string}} - {{page.place}}</h5>
+<h5>{{page.timerange}}</h5>
+</div>
+</div>
+<div style="clear:both;"></div>
+
+<br>
+_find information in English below_
+
+<br>
+
+Grundkursen i programmering som D1 och W3 för tillfället läser har en grupplabb som går ut på att programmera spelet snake i multiplayer-läge. Vi anordnar en turnering med ett av snake-spelen som utvecklats av labb-grupperna!
+
+Första delen av eventet riktar sig till studenter som läser grundkursen i programmering, men ALLA är HJÄRTLIGT välkomna att delta i turneringen (del 2 och 3 nedan).
+
+Del 1: Från 17:00 kommer vi från Code@LTH finnas på plats i E:1406 för att hjälpa grupperna att lägga till nya roliga features och finslipa sina spel!
+
+Del 2: Vid 18:00 presenterar gruppperna sina snakespel, i form av att grupperna demar några spel-omgångar på en projektor. (3-5 minuter per grupp)
+
+Del 3: 18:30 är det omröstning om vilket snakespel som verkar roligast, och sedan börjar turneringen direkt efter. Finaler kommer streamas på en projektor!
+
+**Det kommer bjudas på en ypperlig julfika!**
+
+#### ---
+
+The elementary programming course (pgk) for D1 and W3 just had a group exercise programming a multiplayer snake-game. At our event we will host a tournament with the snake games which have been developed by the lab groups in the course!
+
+The first part of the event is meant for students currently taking the pgk-course, but everyone is very welcome to participate in the tournament (part 2 and 3).
+
+Part 1: At 17:00 we will unlock E:1406 to help the groups add fun features to their games!
+
+Part 2: At 18:00 the groups present their snake-games, by doing a quick demo of them playing their games on a projector. (3 - 5 minutes per group).
+
+Part 3: At 18:30 we have a vote to determine the game that seems the most fun to play, and directly afterwards the tournament starts. We will stream the finals at a projector for everyone to watch!
+
+**To keep your energy up we will have julfika!**
+

_includes/head.html

@@ -2,15 +2,16 @@
     <title>Code@LTH{% if page.title %} - {{ page.title }}{% endif %}</title>
 
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
-      <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
 
+    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
 
     <link href="/css/syntax.css" rel="stylesheet">
     <link href="/css/about.css" rel="stylesheet">
     <link href="/css/topnav.css" rel="stylesheet">
+    <link href="/css/layout.css" rel="stylesheet">
     <link rel="icon" type="image/png" href="{{site.logo}}">
 
     <!-- Bootstrap mobile thingy http://getbootstrap.com/css/ -->

assets/images/2019/snake_event_banner.jpg

@@ -0,0 +1,25 @@
+div#flex-container {
+  display: flex;
+  flex-wrap: nowrap;
+}
+h1.event-title { margin-top: 5px; }
+#thumbnail-img {
+  position: relative;
+  float: left;
+  width: 150px;
+  height: 100px;
+  overflow: hidden;
+  margin-right: 20px;
+}
+#thumbnail-img img {
+  object-fit: cover;
+  object-position: center;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  height: 100%;
+  width: auto;
+  -webkit-transform: translate(-50%,-50%);
+      -ms-transform: translate(-50%,-50%);
+          transform: translate(-50%,-50%);
+}