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

🚨

Browse Source
This commit is contained in:
Nikolai R Kristiansen
2022-02-22 00:41:39 +01:00
parent 118d6021eb
commit 02a1ce39a7
4 changed files with 88 additions and 93 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
.editorconfig
View File

@@ -1,17 +1,11 @@
# EditorConfig helps developers define and maintain consistent
# coding styles between different editors and IDEs
# editorconfig.org # editorconfig.org
root = true root = true
[*] [*]
# Change these settings to your own preference # Change these settings to your own preference
indent_style = space indent_style = space
indent_size = 4 indent_size = 2
max_line_length = 120 max_line_length = 120
# We recommend you to keep these unchanged # We recommend you to keep these unchanged
end_of_line = lf end_of_line = lf
charset = utf-8 charset = utf-8
@@ -20,7 +14,3 @@ insert_final_newline = true
[*.md] [*.md]
trim_trailing_whitespace = false trim_trailing_whitespace = false
[package.json]
indent_style = space
indent_size = 2

1
.prettierignore Normal file
View File

@@ -0,0 +1 @@
app/main.css

156
app/index.html
View File

@@ -1,15 +1,14 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head>
<head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<title>EDB-gjengen, Medieavdelingen, Chateau Neuf, Det Norske Studentersamfund</title> <title>EDB-gjengen, Medieavdelingen, Chateau Neuf, Det Norske Studentersamfund</title>
<meta name="description" content="" /> <meta name="description" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="main.css" /> <link rel="stylesheet" href="main.css" />
</head> </head>
<body> <body>
<!-- <!--
Bli med i EDB! BLI NINJA! Bli med i EDB! BLI NINJA!
https://edb.neuf.no/ https://edb.neuf.no/
@@ -40,88 +39,89 @@
`....:::;iof688888888888888888888888888888888899fT! `....:::;iof688888888888888888888888888888888899fT!
--> -->
<header> <header>
<h1 class="brand"> <h1 class="brand"><img src="images/edb_brick.png" class="edb-brick" alt="EDB-gjengen logo" /> EDB-gjengen</h1>
<img src="images/edb_brick.png" class="edb-brick" alt="EDB-gjengen logo" /> EDB-gjengen Medieavdelingen, <a href="http://studentersamfundet.no/">Det Norske Studentersamfund</a>, Chateau Neuf, Oslo
</h1>
Medieavdelingen, <a href="http://studentersamfundet.no/">Det Norske Studentersamfund</a>, Chateau Neuf,
Oslo
</header> </header>
<section> <section>
<h2>Kontaktinfo</h2> <h2>Kontaktinfo</h2>
<ul class="contact-info"> <ul class="contact-info">
<li><a href="mailto:edb@neuf.no">edb@neuf.no</a></li> <li><a href="mailto:edb@neuf.no">edb@neuf.no</a></li>
<li>Leder: Jonas Braathen +47 454 80 454</li> <li>Leder: Jonas Braathen +47 454 80 454</li>
<li>IRC: <a href="irc://irc.oftc.net/edb">#EDB@OFTC</a></li> <li>IRC: <a href="irc://irc.oftc.net/edb">#EDB@OFTC</a></li>
<li> <li>
M&oslash;tetid: Hver onsdag kl. 18.13.37 p&aring; KAK (<a M&oslash;tetid: Hver onsdag kl. 18.13.37 p&aring; KAK (<a
href="https://viteboka.studentersamfundet.no/4._etasje">4. etg</a>) href="https://viteboka.studentersamfundet.no/4._etasje"
</li> >4. etg</a
<li> >)
Twitter: <a href="http://twitter.com/edbgjengen">@edbgjengen</a> eller </li>
<a href="http://twitter.com/KAK_DNS">@KAK_DNS</a> <li>
</li> Twitter: <a href="http://twitter.com/edbgjengen">@edbgjengen</a> eller
</ul> <a href="http://twitter.com/KAK_DNS">@KAK_DNS</a>
</li>
</ul>
</section> </section>
<section class="cta"> <section class="cta">
<div class="form-link"> <div class="form-link">
<h2>Interressert i EDB?</h2> <h2>Interressert i EDB?</h2>
<a href="#form" class="btn btn-primary btn-lg">Meld din interesse!</a> <a href="#form" class="btn btn-primary btn-lg">Meld din interesse!</a>
</div> </div>
</section> </section>
<section> <section>
<h2>Verktøy</h2> <h2>Verktøy</h2>
<ul class="tool-list"> <ul class="tool-list">
<li> <li>
<a href="https://edb.neuf.no/wiki/"> <a href="https://edb.neuf.no/wiki/">
<h3>EDBWiki</h3> <h3>EDBWiki</h3>
<img src="images/wiki.jpg" alt="EDBWiki" /> <img src="images/wiki.jpg" alt="EDBWiki" />
</a> </a>
</li> </li>
<li> <li>
<a href="https://mdb.neuf.no/"> <a href="https://mdb.neuf.no/">
<h3>MDB</h3> <h3>MDB</h3>
<img src="images/mdb.jpg" alt="MDB" /> <img src="images/mdb.jpg" alt="MDB" />
</a> </a>
</li> </li>
<li> <li>
<a href="https://observium.neuf.no/"> <a href="https://observium.neuf.no/">
<h3>Observium</h3> <h3>Observium</h3>
<img src="images/observium.jpg" alt="Observium" /> <img src="images/observium.jpg" alt="Observium" />
</a> </a>
</li> </li>
<li> <li>
<a href="https://git.neuf.no/"> <a href="https://git.neuf.no/">
<h3>Gitlab</h3> <h3>Gitlab</h3>
<img src="images/gitlab.jpg" alt="Gitlab" /> <img src="images/gitlab.jpg" alt="Gitlab" />
</a> </a>
</li> </li>
<li> <li>
<a href="https://galtinn.neuf.no/"> <a href="https://galtinn.neuf.no/">
<h3>Galtinn</h3> <h3>Galtinn</h3>
<img src="images/galtinn.jpg" alt="Galtinn" /> <img src="images/galtinn.jpg" alt="Galtinn" />
</a> </a>
</li> </li>
<li> <li>
<a href="https://aktiv.neuf.no/"> <a href="https://aktiv.neuf.no/">
<h3>aktiv.neuf.no</h3> <h3>aktiv.neuf.no</h3>
<img src="images/aktiv.neuf.no.jpg" alt="aktiv.neuf.no" /> <img src="images/aktiv.neuf.no.jpg" alt="aktiv.neuf.no" />
</a> </a>
</li> </li>
</ul> </ul>
</div>
</section> </section>
<section id="form"> <section id="form">
<h2>Bli med</h2> <h2>Bli med</h2>
<div class="form-wrap"> <div class="form-wrap">
<iframe id="contact-form" <iframe
src="https://docs.google.com/spreadsheet/embeddedform?formkey=dFZnWGE4NjFTemdvVFYxeWtXMGNKbGc6MQ" id="contact-form"
width="440" height="917">Loading...</iframe> src="https://docs.google.com/spreadsheet/embeddedform?formkey=dFZnWGE4NjFTemdvVFYxeWtXMGNKbGc6MQ"
</div> width="440"
height="917"
>Loading...</iframe
>
</div>
</section> </section>
<section class="credits"> <section class="credits">
Laget med <span class="love" title="kærlighed">♥</span> av Laget med <span class="love" title="kærlighed">♥</span> av
<span title="EDB-gjengen">EDB-gjengen</span> <span title="EDB-gjengen">EDB-gjengen</span>
</section> </section>
</body> </body>
</html>
</html>

12
app/main.scss
View File

@@ -4,13 +4,17 @@
--primary-color-light: hsl(211deg 100% 60%); --primary-color-light: hsl(211deg 100% 60%);
} }
// FIXME: use CSS props for media query breakpoints
$small: 540px;
$large: 992px;
body { body {
font-family: monospace; font-family: monospace;
text-align: center; text-align: center;
font-size: 110%; font-size: 110%;
margin: 1rem; margin: 1rem;
@media screen and (min-width: 540px) { @media screen and (min-width: $small) {
text-align: left; text-align: left;
} }
} }
@@ -68,7 +72,7 @@ a {
.cta { .cta {
display: block; display: block;
@media screen and (min-width: 540px) { @media screen and (min-width: $small) {
display: none; display: none;
} }
} }
@@ -91,13 +95,13 @@ a {
padding: 0; padding: 0;
max-width: var(--container-width); max-width: var(--container-width);
@media screen and (min-width: 540px) { @media screen and (min-width: $small) {
display: grid; display: grid;
gap: 2rem; gap: 2rem;
grid-template-columns: repeat(2, 1fr); grid-template-columns: repeat(2, 1fr);
} }
@media screen and (min-width: 992px) { @media screen and (min-width: $large) {
grid-template-columns: repeat(3, 1fr); grid-template-columns: repeat(3, 1fr);
} }