Basic style into main

data/faq.json

@@ -5,7 +5,7 @@
     },
     {
         "question": "How can I sign up for HackDelft?",
-        "answer": "Unfortunately we are completely sold out! Use the button on top of the page to sign up for the waiting list."
+        "answer": "Ticket sales are not open yet so check back here soon!"
     },
     {
         "question": "What languages can I use during the event?",
@@ -29,16 +29,12 @@
     },
     {
         "question": "How much will it cost to attend HackDelft?",
-        "answer": "The price has been set at 1,- for the entire weekend. In return you can hack away all weekend, get three meals, and much more!"
+        "answer": "The price has not been determined yet so check back here soon!"
     },
     {
         "question": "What do I need to bring to the event?",
         "answer": "You will have to bring your laptop, some chargers, and an air mattress with sleeping bag if you intent to sleep. Some hygiene items will also be appreciated by other hackers."
     },
-    {
-        "question": "What will the Covid-19 measures look like at the event?",
-        "answer": "We fill follow the recommendations of the Dutch government with regards to Covid-19. Currently there are no restrictions in place, but we will keep a close eye on any changes as the event approaches."
-    },
     {
         "question": "Do you provide any travel reimbursement?",
         "answer": "Unfortunately, we do not provide any travel reimbursement. We hope to see you at the event regardless!"

data/photos.ts

@@ -1,24 +1,44 @@
 // Create an array with all photos.
 // This is required as the bundler (currently) cannot currently read the contents of the photo folder
 export const photosMap: URL[] = [
-    new URL("/static/photos/YAW01116.jpg?as=webp&width=1200", import.meta.url),
-    new URL("/static/photos/YAW01127.jpg?as=webp&width=1200", import.meta.url),
-    new URL("/static/photos/YAW01268.jpg?as=webp&width=1200", import.meta.url),
-    new URL("/static/photos/YAW01272.jpg?as=webp&width=1200", import.meta.url),
-    new URL("/static/photos/YAW01275.jpg?as=webp&width=1200", import.meta.url),
-    new URL("/static/photos/YAW01280.jpg?as=webp&width=1200", import.meta.url),
-    new URL("/static/photos/YAW01287.jpg?as=webp&width=1200", import.meta.url),
-    new URL("/static/photos/YAW01289.jpg?as=webp&width=1200", import.meta.url),
-    new URL("/static/photos/YAW01296.jpg?as=webp&width=1200", import.meta.url),
-    new URL("/static/photos/YAW01298.jpg?as=webp&width=1200", import.meta.url),
-    new URL("/static/photos/YAW01349.jpg?as=webp&width=1200", import.meta.url),
-    new URL("/static/photos/YAW01399.jpg?as=webp&width=1200", import.meta.url),
-    new URL("/static/photos/YAW01429.jpg?as=webp&width=1200", import.meta.url),
-    new URL("/static/photos/YAW01437.jpg?as=webp&width=1200", import.meta.url),
-    new URL("/static/photos/YAW01448.jpg?as=webp&width=1200", import.meta.url),
-    new URL("/static/photos/YAW01449.jpg?as=webp&width=1200", import.meta.url),
-    new URL("/static/photos/YAW01454.jpg?as=webp&width=1200", import.meta.url),
-    new URL("/static/photos/YAW01640.jpg?as=webp&width=1200", import.meta.url),
-    new URL("/static/photos/YAW01727.jpg?as=webp&width=1200", import.meta.url),
-    new URL("/static/photos/YAW01760.jpg?as=webp&width=1200", import.meta.url),
+    new URL("/static/photos/DSC_0001.jpg?as=webp&width=1200", import.meta.url),
+    new URL("/static/photos/DSC_0032.jpg?as=webp&width=1200", import.meta.url),
+    new URL("/static/photos/DSC_0511.jpg?as=webp&width=1200", import.meta.url),
+    new URL("/static/photos/DSC_0515.jpg?as=webp&width=1200", import.meta.url),
+    new URL("/static/photos/DSC_0519.jpg?as=webp&width=1200", import.meta.url),
+    new URL("/static/photos/DSC_0537.jpg?as=webp&width=1200", import.meta.url),
+    new URL("/static/photos/DSC_0544.jpg?as=webp&width=1200", import.meta.url),
+    new URL("/static/photos/DSC_0556.jpg?as=webp&width=1200", import.meta.url),
+    new URL("/static/photos/DSC_0557.jpg?as=webp&width=1200", import.meta.url),
+    new URL("/static/photos/DSC_0558.jpg?as=webp&width=1200", import.meta.url),
+    new URL("/static/photos/DSC_0577.jpg?as=webp&width=1200", import.meta.url),
+    new URL("/static/photos/DSC_0584.jpg?as=webp&width=1200", import.meta.url),
+    new URL("/static/photos/DSC_0598.jpg?as=webp&width=1200", import.meta.url),
+    new URL("/static/photos/DSC_0601.jpg?as=webp&width=1200", import.meta.url),
+    new URL("/static/photos/DSC_0607.jpg?as=webp&width=1200", import.meta.url),
+    new URL("/static/photos/DSC_0614.jpg?as=webp&width=1200", import.meta.url),
+    new URL("/static/photos/DSC_0642.jpg?as=webp&width=1200", import.meta.url),
+    new URL("/static/photos/DSC_0644.jpg?as=webp&width=1200", import.meta.url),
+    new URL("/static/photos/DSC_0646.jpg?as=webp&width=1200", import.meta.url),
+    new URL("/static/photos/DSC_0654.jpg?as=webp&width=1200", import.meta.url),
+    new URL("/static/photos/DSC_0658.jpg?as=webp&width=1200", import.meta.url),
+    new URL("/static/photos/DSC_0662.jpg?as=webp&width=1200", import.meta.url),
+    new URL("/static/photos/DSC_0667.jpg?as=webp&width=1200", import.meta.url),
+    new URL("/static/photos/DSC_0672.jpg?as=webp&width=1200", import.meta.url),
+    new URL("/static/photos/DSC_0685.jpg?as=webp&width=1200", import.meta.url),
+    new URL("/static/photos/DSC_0706.jpg?as=webp&width=1200", import.meta.url),
+    new URL("/static/photos/DSC_0707.jpg?as=webp&width=1200", import.meta.url),
+    new URL("/static/photos/DSC_0781.jpg?as=webp&width=1200", import.meta.url),
+    new URL("/static/photos/DSC_0787.jpg?as=webp&width=1200", import.meta.url),
+    new URL("/static/photos/DSC_0798.jpg?as=webp&width=1200", import.meta.url),
+    new URL("/static/photos/DSC_0806.jpg?as=webp&width=1200", import.meta.url),
+    new URL("/static/photos/DSC_0817.jpg?as=webp&width=1200", import.meta.url),
+    new URL("/static/photos/DSC_0822.jpg?as=webp&width=1200", import.meta.url),
+    new URL("/static/photos/DSC_0860.jpg?as=webp&width=1200", import.meta.url),
+    new URL("/static/photos/DSC_0865.jpg?as=webp&width=1200", import.meta.url),
+    new URL("/static/photos/DSC_0880.jpg?as=webp&width=1200", import.meta.url),
+    new URL("/static/photos/DSC_0904.jpg?as=webp&width=1200", import.meta.url),
+    new URL("/static/photos/DSC_0913.jpg?as=webp&width=1200", import.meta.url),
+    new URL("/static/photos/DSC_0942.jpg?as=webp&width=1200", import.meta.url),
+
 ];

package.json

@@ -22,7 +22,7 @@
         "preact": "^10.18.1"
     },
     "devDependencies": {
-        "@parcel/packager-raw-url": "2.9.3",
+        "@parcel/packager-raw-url": "^2.9.3",
         "@parcel/transformer-sass": "^2.9.3",
         "@parcel/transformer-webmanifest": "^2.9.3",
         "http-server": "^14.1.1",

src/components/about/index.tsx

@@ -11,7 +11,7 @@ import * as style from "./style.scss";
  */
 export const About: FunctionalComponent = () => (
     <section class={style.about}>
-        <h2>About</h2>
+        <h2>About us</h2>
         <p>
             Join us on May 25th and May 26th in this all-inclusive 24 hour
             hackathon where you solve fun challenges provided by our partner

src/components/about/style.scss

@@ -2,8 +2,16 @@
 @import "./src/variables";
 
 .about {
+    margin-bottom: 32px;
+
     h2 {
-        color: $secondary-color;
+        color: $primary-color;
+        font-family: "Krona-One";
+        font-size: 48px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: normal;
+        text-align: center;
         margin: 0;
         padding-left: 2px;
     }

src/components/faq/style.scss

@@ -5,11 +5,19 @@
     margin: 12px 0;
     padding: 16px;
     background: $primary-color;
+    margin-bottom: 32px;
+
 
     h2 {
+        color: $secondary-color;
+        font-family: "Krona-One";
+        font-size: 48px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: normal;
+        text-align: center;
         margin: 0;
-        padding: 8px;
-        color: $primary-text;
+        padding-left: 2px;
     }
 
     ul {

src/components/header/index.tsx

@@ -2,7 +2,7 @@ import { h, FunctionalComponent } from "preact";
 
 import * as style from "./style.scss";
 
-import icon from "url:/static/logo_alt.png?as=webp&width=500";
+import icon from "url:/static/HogeResolutieLogo.png?as=webp&width=500";
 
 /**
  * Renders the header of the site.

src/components/photos/style.scss

@@ -1,10 +1,16 @@
 @import "./src/variables";
 
 .photos {
-    margin-bottom: 8px;
+    margin-bottom: 32px;
 
     h2 {
-        color: $secondary-color;
+        color: $primary-color;
+        font-family: "Krona-One";
+        font-size: 48px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: normal;
+        text-align: center;
         margin: 0;
         padding-left: 2px;
     }

src/components/sponsors/style.scss

@@ -2,15 +2,30 @@
 @import "./src/mixins";
 
 .sponsors {
+    margin-bottom: 32px;
+
     h2 {
-        color: $secondary-color;
+        color: $primary-color;
+        font-family: "Krona-One";
+        font-size: 48px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: normal;
+        text-align: center;
         margin: 0;
+        margin-bottom: 32px;
         padding-left: 2px;
     }
 
     h3 {
-        margin: 4px 16px;
         color: $primary-color;
+        font-family: "Krona-One";
+        font-style: normal;
+        font-weight: 400;
+        line-height: normal;
+        text-align: center;
+        margin: 0;
+        padding-left: 2px;
     }
 }
 

src/components/timeline/style.scss

@@ -2,9 +2,18 @@
 @import "./src/variables";
 
 .timeline {
+    margin-bottom: 32px;
+
     h2 {
         color: $primary-color;
+        font-family: "Krona-One";
+        font-size: 48px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: normal;
+        text-align: center;
         margin: 0;
+        padding-left: 2px;
     }
 
     p {

src/global.scss

@@ -14,7 +14,8 @@ body {
     display: flex;
     flex-direction: column;
     color: $primary-text;
-    background: $background-color;
+    background-image: url(../static/Background.png);
+    background-repeat: repeat-y repeat-x;
     font-family: Helvetica, sans-serif;
     line-height: 1.5;
     font-size: 1.1em;
@@ -40,3 +41,8 @@ body {
         margin: 0 20%;
     }
 }
+
+@font-face {
+    font-family: "Krona-One";
+    src: url(../static/fonts/KronaOne-Regular.ttf);
+}

src/index.html

@@ -1,26 +1,26 @@
 <!DOCTYPE html>
 <html lang="en">
     <head>
-        <title>HackDelft: It's Hacktastic!</title>
+        <title>Hack to the future</title>
         <meta charset="utf-8" />
         <meta
             name="description"
-            content="Join us on April 30th and May 1st in this all-inclusive 24 hour hackathon where you solve fun challenges provided by our partner companies, win prizes, and have a good time!"
+            content="Join us on May 25th and May 26th in this all-inclusive 24 hour hackathon where you solve fun challenges provided by our partner companies, win prizes, and have a good time!"
         />
         <meta name="keywords" content="HackDelft, hackathon, Delft, TU Delft" />
         <meta name="author" content="The HackDelft Committee" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <meta name="theme-color" content="#f7931e" />
+        <meta name="theme-color" content="#002E78" />
 
         <meta property="og:url" content="https://hackdelft.nl" />
-        <meta property="og:title" content="HackDelft: It's Hacktastic!" />
+        <meta property="og:title" content="Hack to the future" />
         <meta
             property="og:description"
             content="HackDelft is an 24 hour hackathon organized for all students around Delft!"
         />
         <meta
             property="og:image"
-            content="/static/photos/YAW01349.jpg?as=webp&width=600"
+            content="/static/photos/DSC_0032.jpg?as=webp&width=600"
         />
         <meta property="og:type" content="website" />
         <meta property="og:locale" content="en_GB" />