Merge pull request #360 from Instanssi/main2025

Main2025: Initial main site
Instanssi · May 31, 2024 · 82de6f6 · 82de6f6
2 parents 28dcad1 + 2048d39
commit 82de6f6
Show file tree

Hide file tree

Showing 64 changed files with 2,654 additions and 1 deletion.
diff --git a/backend/Instanssi/common_config.py b/backend/Instanssi/common_config.py
@@ -151,6 +151,7 @@
     "Instanssi.base_layout",
     "Instanssi.arkisto",
     "Instanssi.main2024",
+    "Instanssi.main2025",
     "Instanssi.admin_base",
     "Instanssi.admin_arkisto",
     "Instanssi.admin_blog",

diff --git a/backend/Instanssi/main2025/__init__.py b/backend/Instanssi/main2025/__init__.py
diff --git a/backend/Instanssi/main2025/static/main2025/css/_footer.scss b/backend/Instanssi/main2025/static/main2025/css/_footer.scss
@@ -0,0 +1,68 @@
+/* footer */
+#page-footer {
+    min-height: $main-footer-height;
+    margin-top: $spacing-large;
+    width: 100%;
+    background: #333;
+    bottom: 0px;
+    padding: $spacing-large 0;
+
+    section {
+        h2 {
+            font-size: 18px;
+            color: #fff;
+            font-weight: bold;
+        }
+    }
+
+    .sponsors {
+        .sponsor {
+            position: relative;
+            max-height: 80px;
+            float: left;
+            margin-bottom: $spacer;
+            margin-right: $spacer;
+
+            &.white {
+                background: #fff;
+            }
+
+            a {
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                line-height: 0px;
+                padding: $spacer;
+                background: #fff;
+                width: 128px;
+                height: 80px;
+            }
+
+            a:hover {
+                opacity: 0.9;
+            }
+
+            img {
+                background: #fff;
+                max-width: 128px - $spacer * 2;
+                max-height: 80px - $spacer * 2;
+            }
+        }
+    }
+
+    .menu-item {
+        margin: $spacer 0 $spacer;
+    }
+
+    .menu-item a {
+        padding: $spacer;
+        color: #ccc;
+        text-decoration: none;
+    }
+
+    .current-menu-item a {
+        color: #fff;
+        background: $theme-color;
+        text-decoration: none;
+    }
+}
diff --git a/backend/Instanssi/main2025/static/main2025/css/_general.scss b/backend/Instanssi/main2025/static/main2025/css/_general.scss
@@ -0,0 +1,173 @@
+html {
+    overflow-y: scroll;
+}
+html , body {
+    font-family: sans-serif;
+    margin: 0;
+    padding: 0;
+}
+img {
+    // prevent images from blowing up page
+    max-width: 99% !important;
+    height: auto !important;
+}
+iframe {
+    // work around embedded content layout issues
+    max-width: 100%;
+}
+body * {
+    color: #333;
+    font-size: 15px;
+    line-height: 150%;
+    font-family: $body-font-family;
+}
+
+body {
+    position: relative;
+    background: #0054c0 !important;
+    // background: linear-gradient(#0054c0 0px, #000 1000px) !important;
+    // background: url(../images/webtausta.jpg) top center no-repeat, #000!important;
+}
+
+.header-background {
+    // Stop margin collapsing
+    &:after {
+        content: '';
+        display: table;
+    }
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    pointer-events: none;
+
+    img {
+        position: absolute;
+        top: -160px;
+        right: -5px;
+        width: 1920px;
+        height: 1080px;
+
+        @media screen and (max-width: $screen-md-max) {
+            width: 962px;
+            height: auto;
+            top: -120px;
+            right: 0;
+        }
+        @media screen and (max-width: $screen-sm-max) {
+            width: 100%;
+            height: 100%;
+            margin-top: -25%;
+            top: 120px;
+            min-height: 105%;
+        }
+        @media screen and (max-width: $screen-xs-max) {
+            width: 70vw;
+            height: 200%;
+            margin-top: 0;
+            top: 0;
+            margin-top: 0;
+            min-height: unset;
+        }
+    }
+
+    .header-lohari-glitch1,
+    .header-lohari-glitch2 {
+        display: none;
+    }
+}
+
+h1 {
+    font-family: $title-font-family;
+    //font-variant: small-caps;
+    text-transform: uppercase;
+    font-size: 26px;
+    margin-bottom: .75em;
+    color: $theme-color-bright;
+    font-weight: 400;
+    line-height: 90%;
+}
+
+form legend {
+    font-family: $title-font-family;
+    background: $theme-color-dark;
+    font-weight: bold;
+    font-size: 25px;
+    margin: 20px 0;
+    padding-left: 8px;
+    padding-right: 8px;
+    color: #fff;
+}
+
+#content h2,
+.item .title,
+.header {
+    color: $theme-color-dark;
+    font-family: $title-font-family;
+    border-bottom: 1px solid $theme-color-bright;
+    background: transparent;
+    font-weight: 400;
+    padding: 0 $spacer;
+    margin: 0 (-$spacer) ($spacer * 2);
+    font-size: 25px;
+}
+h3 {
+    font-size: 16px;
+    margin: ($spacer * 2) (-$spacer);
+    padding: 0 $spacer;
+    color: #000;
+    font-weight: bold;
+}
+h4 {
+    font-size: 14px;
+    margin: 20px 8px;
+    color: #000;
+    font-weight: bold;
+}
+b, strong {
+    font-weight: bold;
+}
+i, em {
+    font-style: italic;
+}
+blockquote {
+    font-size:125%;
+    font-style: italic;
+    margin-left: 4%;
+    margin-bottom: 8px;
+}
+sup, sub {
+    font-size: 75%;
+}
+sup {
+    vertical-align: super;
+}
+sub {
+    vertical-align: sub;
+}
+
+/* buttons */
+.btn {
+    border: 1px solid $theme-color;
+    text-decoration: none !important;
+    display: inline-block;
+    padding: 6px 20px;
+    border-radius: 0px;
+
+    &, & > * {
+        color: #fff !important;
+    }
+
+    &:hover {
+        color: #fff;
+        opacity: 0.9;
+    }
+}
+
+#content {
+    // background: #fff;
+    box-sizing: border-box;
+    // padding: 24px 10px 24px;
+
+    min-height: 100vh;
+    min-height: $main-content-height;
+}