Initial hacking.

README.md

@@ -0,0 +1,8 @@
+# Programvareverkstedet nettside
+
+A website created with the latest and greatest web technologies.
+May contain blackjack and other things one tends to include in awesome projects.
+
+## Installation
+
+Put it in a folder your webserver can find.

www/css/events.css

@@ -0,0 +1,55 @@
+h2 em {
+	display: inline-block;
+	color: gray;
+	font-size: .5em;
+	line-height: 2em;
+	float: left;
+	margin-right: 1em;
+	border: .1em solid gray;
+	padding: 0 1em;
+	border-radius: .25em;
+	font-style: normal;
+}
+h2 strong em {
+	background: #084;
+	border-color: #084;
+	color: white;
+}
+h2 img {
+	float: right;
+	max-width: 5em;
+	border: .2em solid white;
+	box-shadow: 0 2px 2px black;
+	margin-left: 1em;
+}
+article:first-child h2 img {
+	max-width: 10em;
+}
+
+.subtext {
+	margin: -1.5em 0 1em 0;
+	padding: 0;
+	list-style: none;
+}
+.subtext li {
+	display: inline;
+	margin-right: 3em;
+	font-size: .7em;
+	color: gray;
+}
+.subtext li a {
+	color: black;
+	font-size: 1.2em;
+}
+
+@media screen and (max-width: 50rem) {
+	h2 img {
+		display: none;
+	}
+	.subtext {
+		margin-top: -1em;
+	}
+	.subtext li {
+		display: block;
+	}
+}

www/css/normalize.css

@@ -0,0 +1,424 @@
+/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
+
+/**
+ * 1. Set default font family to sans-serif.
+ * 2. Prevent iOS and IE text size adjust after device orientation change,
+ *    without disabling user zoom.
+ */
+
+html {
+  font-family: sans-serif; /* 1 */
+  -ms-text-size-adjust: 100%; /* 2 */
+  -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/**
+ * Remove default margin.
+ */
+
+body {
+  margin: 0;
+}
+
+/* HTML5 display definitions
+   ========================================================================== */
+
+/**
+ * Correct `block` display not defined for any HTML5 element in IE 8/9.
+ * Correct `block` display not defined for `details` or `summary` in IE 10/11
+ * and Firefox.
+ * Correct `block` display not defined for `main` in IE 11.
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+menu,
+nav,
+section,
+summary {
+  display: block;
+}
+
+/**
+ * 1. Correct `inline-block` display not defined in IE 8/9.
+ * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
+ */
+
+audio,
+canvas,
+progress,
+video {
+  display: inline-block; /* 1 */
+  vertical-align: baseline; /* 2 */
+}
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+  display: none;
+  height: 0;
+}
+
+/**
+ * Address `[hidden]` styling not present in IE 8/9/10.
+ * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
+ */
+
+[hidden],
+template {
+  display: none;
+}
+
+/* Links
+   ========================================================================== */
+
+/**
+ * Remove the gray background color from active links in IE 10.
+ */
+
+a {
+  background-color: transparent;
+}
+
+/**
+ * Improve readability of focused elements when they are also in an
+ * active/hover state.
+ */
+
+a:active,
+a:hover {
+  outline: 0;
+}
+
+/* Text-level semantics
+   ========================================================================== */
+
+/**
+ * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
+ */
+
+abbr[title] {
+  border-bottom: 1px dotted;
+}
+
+/**
+ * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
+ */
+
+b,
+strong {
+  font-weight: bold;
+}
+
+/**
+ * Address styling not present in Safari and Chrome.
+ */
+
+dfn {
+  font-style: italic;
+}
+
+/**
+ * Address variable `h1` font-size and margin within `section` and `article`
+ * contexts in Firefox 4+, Safari, and Chrome.
+ */
+
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0;
+}
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+
+mark {
+  background: #ff0;
+  color: #000;
+}
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+
+small {
+  font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sup {
+  top: -0.5em;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+/* Embedded content
+   ========================================================================== */
+
+/**
+ * Remove border when inside `a` element in IE 8/9/10.
+ */
+
+img {
+  border: 0;
+}
+
+/**
+ * Correct overflow not hidden in IE 9/10/11.
+ */
+
+svg:not(:root) {
+  overflow: hidden;
+}
+
+/* Grouping content
+   ========================================================================== */
+
+/**
+ * Address margin not present in IE 8/9 and Safari.
+ */
+
+figure {
+  margin: 1em 40px;
+}
+
+/**
+ * Address differences between Firefox and other browsers.
+ */
+
+hr {
+  box-sizing: content-box;
+  height: 0;
+}
+
+/**
+ * Contain overflow in all browsers.
+ */
+
+pre {
+  overflow: auto;
+}
+
+/**
+ * Address odd `em`-unit font size rendering in all browsers.
+ */
+
+code,
+kbd,
+pre,
+samp {
+  font-family: monospace, monospace;
+  font-size: 1em;
+}
+
+/* Forms
+   ========================================================================== */
+
+/**
+ * Known limitation: by default, Chrome and Safari on OS X allow very limited
+ * styling of `select`, unless a `border` property is set.
+ */
+
+/**
+ * 1. Correct color not being inherited.
+ *    Known issue: affects color of disabled elements.
+ * 2. Correct font properties not being inherited.
+ * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  color: inherit; /* 1 */
+  font: inherit; /* 2 */
+  margin: 0; /* 3 */
+}
+
+/**
+ * Address `overflow` set to `hidden` in IE 8/9/10/11.
+ */
+
+button {
+  overflow: visible;
+}
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
+ * Correct `select` style inheritance in Firefox.
+ */
+
+button,
+select {
+  text-transform: none;
+}
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ *    and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ *    `input` and others.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+  -webkit-appearance: button; /* 2 */
+  cursor: pointer; /* 3 */
+}
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+html input[disabled] {
+  cursor: default;
+}
+
+/**
+ * Remove inner padding and border in Firefox 4+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+  border: 0;
+  padding: 0;
+}
+
+/**
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+input {
+  line-height: normal;
+}
+
+/**
+ * It's recommended that you don't attempt to style these elements.
+ * Firefox's implementation doesn't respect box-sizing, padding, or width.
+ *
+ * 1. Address box sizing set to `content-box` in IE 8/9/10.
+ * 2. Remove excess padding in IE 8/9/10.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+  box-sizing: border-box; /* 1 */
+  padding: 0; /* 2 */
+}
+
+/**
+ * Fix the cursor style for Chrome's increment/decrement buttons. For certain
+ * `font-size` values of the `input`, it causes the cursor style of the
+ * decrement button to change from `default` to `text`.
+ */
+
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
+ */
+
+input[type="search"] {
+  -webkit-appearance: textfield; /* 1 */
+  box-sizing: content-box; /* 2 */
+}
+
+/**
+ * Remove inner padding and search cancel button in Safari and Chrome on OS X.
+ * Safari (but not Chrome) clips the cancel button when the search input has
+ * padding (and `textfield` appearance).
+ */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+/**
+ * Define consistent border, margin, and padding.
+ */
+
+fieldset {
+  border: 1px solid #c0c0c0;
+  margin: 0 2px;
+  padding: 0.35em 0.625em 0.75em;
+}
+
+/**
+ * 1. Correct `color` not being inherited in IE 8/9/10/11.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+
+legend {
+  border: 0; /* 1 */
+  padding: 0; /* 2 */
+}
+
+/**
+ * Remove default vertical scrollbar in IE 8/9/10/11.
+ */
+
+textarea {
+  overflow: auto;
+}
+
+/**
+ * Don't inherit the `font-weight` (applied by a rule above).
+ * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
+ */
+
+optgroup {
+  font-weight: bold;
+}
+
+/* Tables
+   ========================================================================== */
+
+/**
+ * Remove most spacing between table cells.
+ */
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+td,
+th {
+  padding: 0;
+}

www/css/splash.css

@@ -0,0 +1,70 @@
+img.float-right {
+	float: right;
+	max-width: 12em;
+	max-height: 12em;
+	vertical-align: baseline;
+}
+
+.calendar-events {
+	padding: 0;
+	list-style: none;
+}
+.calendar-events p span {
+	float: right;
+	display: inline-block;
+	color: rgba(0,0,0,.5);
+	font-size: 0.8em;
+}
+.calendar-events > li > p {
+	border-bottom: .1em solid rgba(0,0,0,.2);
+}
+
+.calendar-events ul {
+	list-style: none;
+	padding: 0 .5em;
+}
+.calendar-events a, #ticker a {
+	text-decoration: none;
+	font-weight: bold;
+	color: black;
+}
+.calendar-events a:hover, #ticker a:hover {
+	text-decoration: underline;
+}
+.calendar-events ul span {
+	float: left;
+	width: 4em;
+}
+.calendar-events ul .icon {
+	float: right;
+}
+
+#ticker {
+	position: absolute;
+	max-width: 60rem;
+	margin: 0 auto;
+	top: 11rem;
+	left: 0;
+	right: 0;
+	padding: 0;
+	list-style: none;
+}
+#ticker li {
+	margin: 0 1rem;
+	padding: .5em 1em;
+	background: linear-gradient(to bottom, #fff 75%,#fafafa 100%);
+	border-radius: .5rem;
+	box-shadow: 0 .1rem .15rem rgba(0,0,0,.3);
+}
+
+@media screen and (max-width: 50rem) {
+	#ticker {
+		top: 7rem;
+	}
+	#ticker li {
+		margin: 0 .5rem;
+	}
+	main {
+		margin: -11rem auto 0 auto;
+	}
+}

www/css/style.css

@@ -0,0 +1,148 @@
+nav {
+	position: fixed;
+	top: 0;
+	left: 0;
+	right: 0;
+	margin: .1em auto 0 auto;
+	text-align: center;
+	background: rgba(255,255,255,.8);
+	margin: 0;
+	z-index: 3;
+} 
+nav li {
+	display: inline-block;
+	line-height: 3em;
+	margin: auto 1em;
+}
+nav li a {
+	display: inline-block;
+	margin: auto;
+	color: gray;
+	text-decoration: none;
+}
+nav li.active a {
+	color: #048;
+}
+header {
+	margin-top: 3rem;
+	height: 16rem;
+	overflow: hidden;
+	text-align: right;
+	color: #fff;
+	font-family: monospace;
+	padding: 1rem;
+	font-size: 4em;
+	background: url('pvv-background.png') no-repeat 1% 50% #024;
+	background-size: contain;
+}
+main {
+	max-width: 60rem;
+	margin: -7rem auto 0 auto;
+	padding: 0;
+}
+article {
+	padding: .1rem 1rem 1rem 1rem;
+	margin: 0 1rem 0 1rem;
+	background: white;
+
+	z-index: 2;
+	position: relative;
+}
+article p {
+	text-align: justify;
+}
+article:first-child {
+	border-radius: .5rem .5rem 0 0;
+}
+main:before {
+	content: " ";
+	display: block;
+	position: absolute;
+	top: 16rem;
+	left: 1rem;
+	right: 1rem;
+	margin: 0 auto;
+	height: 8em;
+	z-index: 1;
+	max-width: 58rem;
+	box-shadow: 0 -.2rem .15rem rgba(0,0,0,.3);
+	border-radius: 0 0 .3em .3em;
+	background: white;
+}
+
+.split {
+	display: table;
+	width: 100%;
+	table-layout: fixed;
+	border-spacing: 1em;
+}
+.split > * {
+	display: table-cell;
+}
+
+a.btn {
+	text-decoration: none;
+	border: 1px solid #048;
+	color: #048;
+	padding: .2em 1em;
+	border-radius: .2em;
+	white-space: nowrap;
+	display: inline-block;
+	margin-bottom: .25em;
+}
+a.btn:hover {
+	border-color: #084;
+	background: #eee;
+	color: #084;
+}
+a.btn:active {
+	border-color: #084;
+	background: #084;
+	color: white;
+}
+
+.icon.subscribe {
+	color: white;
+	background: #082;
+	border-radius: 1em;
+	width: 1em;
+	line-height: 1em;
+	text-align: center;
+}
+
+@media screen and (max-width: 50rem) {
+	.split, .split > * {
+		display: block;
+	}
+	img.float-right {
+		display: none;
+	}
+	nav li {
+		margin: auto .5em;
+	}
+	header {
+		font-size: 2em;
+	}
+	main {
+		margin: -13rem auto 0 auto;
+	}
+	article {
+		margin: 0 .5rem 0 .5rem;
+	}
+	main:before {
+		left: .5rem;
+		right: .5rem;
+	}
+}
+@media screen and (max-width: 23rem) {
+	body {
+		font-size: 0.8em;
+	}
+	header {
+		margin-top: 2.4rem;
+	}
+	main:before {
+		top: 13rem;
+		height: 13em;
+	}
+}

www/index.html

@@ -0,0 +1,80 @@
+<!DOCTYPE html>
+<title>Programvareverkstedet</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<link rel="stylesheet" href="css/normalize.css">
+<link rel="stylesheet" href="css/style.css">
+<link rel="stylesheet" href="css/splash.css">
+
+<nav>
+	<li class="active"><a href="index.html">hjem</a></li>
+	<li><a href="kurs/index.html">kurs</a></li>
+	<li><a href="prosjekt/index.html">prosjekt</a></li>
+	<li><a href="sosiale/index.html">sosiale</a></li>
+	<li><a href="wiki/index.html">wiki</a></li>
+</nav>
+
+<header>Program&shy;vare&shy;verk&shy;stedet</header>
+
+<ul id="ticker">
+	<li>I DAG: <a href="">nerdepitsa</a>
+</ul>
+
+<main>
+
+<article class="threed">
+	<img src="pvv-logo.png" class="float-right">
+	<h2>Velkommen til Program&shy;vare&shy;verk&shy;stedet</h2>
+	<p>Programvareverkstedet (PVV) vil skape et miljø for datainteresserte personer tilknyttet universitetet. Nåværende og tidligere studenter ved NTNU, samt ansatte ved NTNU og tilstøtende miljø, kan bli medlemmer. </p>
+	<p>
+		<a class="btn" href="paamelding/index.html">Bli medlem</a>
+		<a class="btn" href="rom/index.html">Veibeskrivelse</a>
+	</p>
+</article>
+
+<div class="split">
+<article>
+<h2>Kommende arrangement</h2>
+<ul class="calendar-events">
+<li><p>i dag<span>2016-08-12</span></p>
+<ul>
+	<li>
+		<a href="">nerdepitsa</a>
+		<span>19.00</span>
+		<a class="icon subscribe" href="">+</a>
+	</li>
+	<li>
+		<a href="">animekveld</a>
+		<span>19.30</span>
+		<a class="icon subscribe" href="">+</a>
+	</li>
+</ul>
+</li>
+<li><p>noen gang<span>2016-08-XX</span></p>
+<ul>
+	<li>
+		<a href="">styremøte</a>
+		<span>XX.00</span>
+		<a class="icon subscribe" href="">+</a>
+	</li>
+</ul>
+</li>
+</ul>
+<p><a class="btn" href="kalender/index.html">Flere aktiviteter</a></p>
+</article>
+<article>
+<h2>Opptak</h2>
+<p>
+Alle med tilknytning til NTNU kan bli medlem hos oss
+og benytte seg av våre ressurs.
+For å bli med i våre prosjekter og komitéer må du søke.
+</p>
+<p>
+<a class="btn" href="paamelding/index.html">Bli medlem</a>
+<a class="btn" href="soek/index.html">Søk prosjekt</a>
+<a class="btn" href="soek/index.html">Søk komité</a>
+</p>
+</article>
+</div>
+
+</main>

www/kurs/index.html

@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<title>Kursverkstedet</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<link rel="stylesheet" href="../css/normalize.css">
+<link rel="stylesheet" href="../css/style.css">
+<link rel="stylesheet" href="../css/events.css">
+
+<nav>
+	<li><a href="../index.html">hjem</a></li>
+	<li class="active"><a href="../kurs/index.html">kurs</a></li>
+	<li><a href="../prosjekt/index.html">prosjekt</a></li>
+	<li><a href="../sosiale/index.html">sosiale</a></li>
+	<li><a href="../wiki/index.html">wiki</a></li>
+</nav>
+
+<header>Kurs&shy;verk&shy;stedet</header>
+
+<main>
+
+<article>
+	<h2><img src="linuxfix.jpg"><strong><em>i dag</em></strong> Linux-introkurs</h2>
+	<ul class="subtext">
+		<li>Tid: <a>2016-09-01 19:15</a>
+		<li>Sted: <a>KJL2</a>
+		<li>Kursholder: <a>Andreas Danner Nilsen</a>
+	</ul>
+	<p>Lurer du på hva Linux er?
+
+	<p>Dette kurset gir en kortfattet innføring om hvordan operativsystemet Unix oppstod og utviklet seg til en hel haug med operativsystemer vi bruker i dag; Linux, BSD, MacOS X med flere. Og det vil forhåpentligvis komme innom alle de viktigste begrepene i Unix-universet, litt om de mange fraksjoneringene av operativsystemet som har gitt opphav til nesten alle OS i dag (ett stort unntak), nerdekulturen som følger med og litt smått om personene bak det hele.
+
+	<p>Hovedfokus i kurset er allikevel mer praktisk rettet mot bruk av kommandolinjen, skall, jobbhåndtering og enkel bruk av viktige verktøy i Linux.
+
+	<p>Ingen forkunnskaper behøves, dette er et nybegynnerkurs for alle som vil begynne å bruke Linux (eller et annet operativsystem i Unix-familien) og vil ha et sted å starte.
+
+	<p><a class="btn" href="#">Påminn meg via SMS</a>
+</article>
+
+<article>
+	<h2><img src="linuxfix.jpg"><em>fredag</em> Vulkan</h2>
+	<ul class="subtext">
+		<li>Tid: <a>2016-09-01 19:15</a>
+		<li>Sted: <a>KJL2</a>
+		<li>Kursholder: <a>Andreas Danner Nilsen</a>
+	</ul>
+	<p>Vulkan is a brand new Graphics API designed to give programmers total control over what happens on a GPU.
+
+	<p><a class="btn" href="#">Les mer</a> <a class="btn" href="#">Påminn meg</a>
+</article>
+
+</main>

www/prosjekt/index.html

@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<title>Prosjektverkstedet</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<link rel="stylesheet" href="../css/normalize.css">
+<link rel="stylesheet" href="../css/style.css">
+
+<nav>
+	<li><a href="../index.html">hjem</a></li>
+	<li><a href="../kurs/index.html">kurs</a></li>
+	<li class="active"><a href="../prosjekt/index.html">prosjekt</a></li>
+	<li><a href="../sosiale/index.html">sosiale</a></li>
+	<li><a href="../wiki/index.html">wiki</a></li>
+</nav>
+
+<header>Prosjekt&shy;verk&shy;stedet</header>
+
+<main>
+
+<article>
+<h2>Prosjekter</h2>
+
+<p>Har du lyst til å lage noe kult? Vi ser alltid etter nye prosjekter,
+og de som har lyst å gjennomføre prosjekter.  Gjerne foreslå et prosjekt
+eller søk en av prosjektene som har opptak:
+
+<p>
+<a class="btn" href="">Foreslå et prosjekt</a>
+<a class="btn" href="">Søk prosjekt</a>
+
+</article>
+
+</main>

www/sosiale/index.html

@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<title>Sosialverkstedet</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<link rel="stylesheet" href="../css/normalize.css">
+<link rel="stylesheet" href="../css/style.css">
+<link rel="stylesheet" href="../css/events.css">
+
+<nav>
+	<li><a href="../index.html">hjem</a></li>
+	<li><a href="../kurs/index.html">kurs</a></li>
+	<li><a href="../prosjekt/index.html">prosjekt</a></li>
+	<li class="active"><a href="../sosiale/index.html">sosiale</a></li>
+	<li><a href="../wiki/index.html">wiki</a></li>
+</nav>
+
+<header>Sosial&shy;verk&shy;stedet</header>
+
+<main>
+
+<article>
+	<h2><img src="animekveld.jpg"><em>fredag</em> Animekveld</h2>
+	<ul class="subtext">
+		<li>Tid: <a>2016-08-19 19:30</a>
+		<li>Sted: <a>Koserommet</a>
+		<li>Arrangør: <a>Liang Zhu</a>
+	</ul>
+	<p>Er du glad i japansk tegnefilm? Hver fredag finner vi de nyeste episodene og ser på dem mens vi nyter noe godt.
+
+	<p>Mer tekst..
+
+	<p><a class="btn" href="#">Påminn meg</a>
+</article>
+
+<article>
+	<h2><img src="nerdepitsa.jpg"><em>neste uke</em> Nerdepitsa</h2>
+	<ul class="subtext">
+		<li>Tid: <a>2016-08-26 19:00</a>
+		<li>Sted: <a>Peppes Pizza Kjøpmansgata</a>
+		<li>Arrangør: <a>Anders Christensen</a>
+	</ul>
+	<p>Hei, har du lyst til å bli med på pizzaspising på Peppes i Kjøpmannsgata annenhver fredag klokken 19.00?
+
+	<p>Vi er en gjeng hvis eneste gjennomgående fellestrekk er en viss interesse for data, samt at vi har eller har hatt en tilknytning til studentmiljøet ved NTNU. For å treffe andre som også faller inn under disse kriteriene treffes vi over pizza på Peppes annenhver fredag. (Definisjon: En fredag er annenhver dersom den ligger i en partallsuke). Vi har reservasjon under navnet Christensen.
+
+	<p>Det er ikke noe krav at du er nerd ... noen av oss virker faktisk nesten normale. Det er heller ikke noe krav at du kjenner noen fra før. Det er ikke engang et krav at du må like pizza (selv om det hjelper). Dersom du har lyst til å treffe personer fra datamiljøet ved NTNU så still opp, vi biter ikke (vel, bortsett fra pizzaen da ...)
+
+	<p>Strategien er at vi bestiller så mye pizza som vi i fellesskap klarer å stappe ned, for deretter splitte pizza-regningen broderlig; mens hver enkelt betaler for sin egen drikke, dessert mm. 
+
+	<p><a class="btn" href="#">Påminn meg</a>
+</article>
+
+</main>