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

View File

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

1
.prettierignore Normal file
View File

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

View File

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

View File

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