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
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

30
app/index.html
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,11 +39,8 @@
`....:::;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>
@@ -54,7 +50,9 @@
<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>)
href="https://viteboka.studentersamfundet.no/4._etasje"
>4. etg</a
>)
</li>
<li>
Twitter: <a href="http://twitter.com/edbgjengen">@edbgjengen</a> eller
@@ -108,20 +106,22 @@
</a>
</li>
</ul>
</div>
</section>
<section id="form">
<h2>Bli med</h2>
<div class="form-wrap">
<iframe id="contact-form"
<iframe
id="contact-form"
src="https://docs.google.com/spreadsheet/embeddedform?formkey=dFZnWGE4NjFTemdvVFYxeWtXMGNKbGc6MQ"
width="440" height="917">Loading...</iframe>
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>
</section>
</body>
</body>
</html>

12
app/main.scss
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);
}