edb/edb-www
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Upgrades

Browse Source
This commit is contained in:
Nikolai Kristiansen
2017-09-25 14:21:54 +02:00
parent 02e0e77fe7
commit ec5f47abc8
32 changed files with 5083 additions and 959 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
app/images/brukerinfo.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 8.7 KiB

BIN
app/images/brukerinfo.jpg.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 4.7 KiB

BIN
app/images/galtinn.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 47 KiB

BIN
app/images/galtinn.jpg.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.7 KiB

BIN
app/images/gitweb.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 34 KiB

BIN
app/images/gitweb.jpg.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 25 KiB

79
app/index.html
View File

@@ -1,8 +1,8 @@
<!doctype html>
<html class="no-js">
<html>
<head>
<meta charset="utf-8">
<title>EDB-gjengen, Kommunikasjonsavdelingen, Det Norske Studentersamfund</title>
<title>EDB-gjengen, Medieavdelingen, Chateau Neuf, Det Norske Studentersamfund</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
@@ -13,7 +13,6 @@
</head>
<body>
<!--
Bli med i EDB! BLI NINJA!
https://edb.neuf.no/
@@ -31,30 +30,30 @@
`.........|||| ,||||
.;.......|||| _.-!!|||||
.,uodWBBBBb.....|||| _.-!!|||||||||!:'
!YBBBBBBBBBBBBBBb..!|||:..-!!|||||||!iof68BBBBBb....
!YBBBBBBBBBBBBBBb..!|||:..-!!|||||||!iof68BBBBBb....
!..YBBBBBBBBBBBBBBb!!||||||||!iof68BBBBBBRPFT?!:: `.
!....YBBBBBBBBBBBBBBbaaitf68BBBBBBRPFT?!::::::::: `.
!......YBBBBBBBBBBBBBBBBBBBRPFT?!::::::;:!^"`;::: `.
!......YBBBBBBBBBBBBBBBBBBBRPFT?!::::::;:!^"`;::: `.
!........YBBBBBBBBBBRPFT?!::::::::::^''...::::::; iBBbo.
`..........YBRPFT?!::::::::::::::::::::::::;iof68bo. WBBBBbo.
`..........:::::::::::::::::::::::;iof688888888888b. `YBBBP^'
`........::::::::::::::::;iof688888888888888888888b. `
`......:::::::::;iof688888888888888888888888888888b.
`....:::;iof688888888888888888888888888888888899fT!
`....:::;iof688888888888888888888888888888888899fT!
-->
<!--[if lt IE 10]>
<!--[if lt IE 11]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<div class="container">
<header class="page-header">
<h1><img src="images/edb_brick.png" class="edb-brick"> EDB-gjengen</h1>Kommunikasjonsavdelingen, <a href="http://studentersamfundet.no/">Det Norske Studentersamfund</a>, Chateau Neuf, Oslo
<h1 class="brand"><img src="images/edb_brick.png" class="edb-brick"> EDB-gjengen</h1>Medieavdelingen, <a href="http://studentersamfundet.no/">Det Norske Studentersamfund</a>, Chateau Neuf, Oslo
</header>
<div class="row">
<section class="row">
<div class="col-md-12">
<h3>Kontaktinfo:</h3>
<ul>
<h3>Kontaktinfo</h3>
<ul class="contact-info">
<li><a href="mailto:kak-edb@studentersamfundet.no">kak-edb@studentersamfundet.no</a></li>
<li>Leder: Jonas Braathen +47 454 80 454</li>
<li>IRC: <a href="irc://irc.oftc.net/edb">#EDB@OFTC</a></li>
@@ -62,41 +61,51 @@
<li>Twitter: <a href="http://twitter.com/edbgjengen">@edbgjengen</a> eller <a href="http://twitter.com/KAK_DNS">@KAK_DNS</a></li>
</ul>
</div>
</section>
<section class="row cta">
<div class="col-md-12">
<div class="form-link">
<h3>Interressert i EDB?</h3>
<a href="#form" class="btn btn-primary btn-lg">Meld din interesse!</a>
</div>
</div>
</section>
<section class="row">
<div class="col-md-12">
<h3>Verktøy:</h3>
<ul class="block-grid-xs-2 block-grid-sm-3 block-grid-md-4 projects-list">
<li class="block-grid-item"><a href="https://edb.neuf.no/wiki/"><h4>EDBWiki</h4><img src="images/wiki.jpg" alt="EDBWiki" /></a></li>
<li class="block-grid-item"><a href="https://mdb.neuf.no/"><h4>MDB</h4><img src="images/mdb.jpg" alt="MDB" /></a></li>
<li class="block-grid-item"><a href="https://observium.neuf.no/"><h4>Observium</h4><img src="images/observium.jpg" alt="Observium" /></a></li>
<li class="block-grid-item"><a href="http://git.neuf.no/"><h4>git.neuf.no / Gitlab</h4><img src="images/gitlab.jpg" alt="Gitlab" /></a></li>
<li class="block-grid-item"><a href="https://brukerinfo.neuf.no/"><h4>Brukerinfo</h4><img src="images/brukerinfo.jpg" alt="Brukerinfo" /></a></li>
<li class="block-grid-item"><a href="https://aktiv.neuf.no/"><h4>aktiv.neuf.no</h4><img src="images/aktiv.neuf.no.jpg" alt="aktiv.neuf.no" /></a></li>
<h3>Verktøy</h3>
<ul class="tool-list">
<li class="tool-item"><a href="https://edb.neuf.no/wiki/"><h4>EDBWiki</h4><img src="images/wiki.jpg" alt="EDBWiki" /></a></li>
<li class="tool-item"><a href="https://mdb.neuf.no/"><h4>MDB</h4><img src="images/mdb.jpg" alt="MDB" /></a></li>
<li class="tool-item"><a href="https://observium.neuf.no/"><h4>Observium</h4><img src="images/observium.jpg" alt="Observium" /></a></li>
<li class="tool-item"><a href="https://git.neuf.no/"><h4>Gitlab</h4><img src="images/gitlab.jpg" alt="Gitlab" /></a></li>
<li class="tool-item"><a href="https://galtinn.neuf.no/"><h4>Galtinn</h4><img src="images/galtinn.jpg" alt="Galtinn" /></a></li>
<li class="tool-item"><a href="https://aktiv.neuf.no/"><h4>aktiv.neuf.no</h4><img src="images/aktiv.neuf.no.jpg" alt="aktiv.neuf.no" /></a></li>
</ul>
</div>
<div class="col-md-12" class="join-us-form" id="form">
<h3 class="join-us-title">Bli med</h3>
<iframe id="contact_form" src="https://docs.google.com/spreadsheet/embeddedform?formkey=dFZnWGE4NjFTemdvVFYxeWtXMGNKbGc6MQ" width="440" height="917">Loading...</iframe>
</section>
<section class="row" id="form">
<div class="col-md-12">
<h3>Bli med</h3>
<div class="form-wrap"><iframe id="contact_form" src="https://docs.google.com/spreadsheet/embeddedform?formkey=dFZnWGE4NjFTemdvVFYxeWtXMGNKbGc6MQ" width="440" height="917">Loading...</iframe></div>
</div>
</div>
<div class="credits-wrap">
<div class="credits">Laget med <span class="love" title="kærlighed">♥</span> av <a href="http://kak.studentersamfundet.no/" title="Kommunikasjonsavdelingen">KAK</a></div>
</div>
</section>
<section class="row">
<div class="col-md-12">
<div class="credits">Laget med <span class="love" title="kærlighed">♥</span> av <span title="EDB-gjengen">EDB-gjengen</span></div>
</div>
</section>
</div>
<!-- Google Analytics -->
<script>
(function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
e=o.createElement(i);r=o.getElementsByTagName(i)[0];
e.src='//www.google-analytics.com/analytics.js';
r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
ga('create','UA-52914-10');ga('send','pageview');
</script>
<!-- Google Analytics -->
<script>
(function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
e=o.createElement(i);r=o.getElementsByTagName(i)[0];
e.src='//www.google-analytics.com/analytics.js';
r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
ga('create','UA-52914-10');ga('send','pageview');
</script>
</body>
</html>

0
app/scripts/main.js
View File

51
app/styles/_block_grid.scss
View File

@@ -1,51 +0,0 @@
// Block Grid
// Technique adapted from Foundation 5 for Bootstrap 3.
// https://github.com/zurb/foundation/blob/f755d8704123f86c281ede0b171881e2672f150d/scss/foundation/components/_block-grid.scss
// Original LESS Version by Christopher Mitchell (https://gist.github.com/ChrisTM)
// Converted to SCSS by Rasmus Jürs (https://github.com/Jursdotme)
[class*="block-grid-"] {
display: block;
margin: -($grid-gutter-width/2);
padding: 0;
@include clearfix();
}
.block-grid-item {
display: inline;
margin: 0;
padding: ($grid-gutter-width/2);
height: auto;
float: left;
list-style: none;
}
@mixin block-grid($per-row) {
& > .block-grid-item {
width: (100%/$per-row);
$nth-equation: #{$per-row}n+1;
&:nth-of-type(n) { clear: none; }
&:nth-of-type(#{$nth-equation}) { clear: both; }
}
}
@mixin block-grids($size) {
.block-grid-#{$size}-1 { @include block-grid(1); }
.block-grid-#{$size}-2 { @include block-grid(2); }
.block-grid-#{$size}-3 { @include block-grid(3); }
.block-grid-#{$size}-4 { @include block-grid(4); }
.block-grid-#{$size}-5 { @include block-grid(5); }
.block-grid-#{$size}-6 { @include block-grid(6); }
.block-grid-#{$size}-7 { @include block-grid(7); }
.block-grid-#{$size}-8 { @include block-grid(8); }
.block-grid-#{$size}-9 { @include block-grid(9); }
.block-grid-#{$size}-10 { @include block-grid(10); }
.block-grid-#{$size}-11 { @include block-grid(11); }
.block-grid-#{$size}-12 { @include block-grid(12); }
}
@include block-grids(xs);
@media (min-width: $screen-sm-min) { @include block-grids(sm) }
@media (min-width: $screen-md-min) { @include block-grids(md) }
@media (min-width: $screen-lg-min) { @include block-grids(lg) }

121
app/styles/main.scss
View File

@@ -1,54 +1,115 @@
$icon-font-path: "../bower_components/bootstrap-sass/assets/fonts/bootstrap/";
@import "../../node_modules/bootstrap/scss/bootstrap.scss";
// bower:scss
@import "../bower_components/bootstrap-sass/assets/stylesheets/bootstrap.scss";
// endbower
@import "block_grid"; // from foundation 5
.page-header h1 {
line-height: 1;
vertical-align: bottom;
body {
text-align: center;
@include media-breakpoint-up(sm) {
text-align: left;
}
}
.page-header {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.brand {
line-height: 1;
img {
position: relative;
top: -4px;
}
}
section {
margin-bottom: 1.5rem;
}
.cta {
display: block;
@include media-breakpoint-up(sm) {
display:none;
}
}
.edb-brick {
height: 40px;
width: auto;
}
/* Projects */
.block-grid-item {
.contact-info {
margin-bottom: 0;
text-align: left;
}
/* Tools */
.tool-list {
list-style: none;
display: flex;
flex-wrap: wrap;
padding: 0;
justify-content: space-evenly;
@include media-breakpoint-up(sm) {
justify-content: flex-start;
}
}
.tool-item {
display: flex;
align-items: center;
justify-content: center;
padding-bottom: 0;
h3 {
margin-top: 0;
}
img {
max-width: 100%;
}
margin-bottom: 20px;
max-width: 196px;
img {
max-width: 92%;
}
@include media-breakpoint-up(sm) {
max-width: 230px;
}
@include media-breakpoint-up(lg) {
max-width: 310px;
}
@include media-breakpoint-up(xl) {
max-width: none;
}
}
h3 {
font-weight: bold;
}
@media (min-width: 768px) {
.form-link {
display:none;
.form-wrap {
position: relative;
padding-bottom: 75%;
height: 0;
overflow: hidden;
iframe {
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
}
}
.join-us-title {
margin-top: 40px;
margin-bottom: 0px;
}
#contact_form {
border:0;
margin:0;
border: 0;
margin: 0;
}
.browsehappy {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
.love {
color: #faafba;
}
.credits {
margin-top: 25px;
margin-bottom: 25px;