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

30
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,11 +39,8 @@
`....:::;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>
@@ -54,7 +50,9 @@
<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"
>4. etg</a
>)
</li> </li>
<li> <li>
Twitter: <a href="http://twitter.com/edbgjengen">@edbgjengen</a> eller Twitter: <a href="http://twitter.com/edbgjengen">@edbgjengen</a> eller
@@ -108,20 +106,22 @@
</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
id="contact-form"
src="https://docs.google.com/spreadsheet/embeddedform?formkey=dFZnWGE4NjFTemdvVFYxeWtXMGNKbGc6MQ" src="https://docs.google.com/spreadsheet/embeddedform?formkey=dFZnWGE4NjFTemdvVFYxeWtXMGNKbGc6MQ"
width="440" height="917">Loading...</iframe> width="440"
height="917"
>Loading...</iframe
>
</div> </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);
} }