diff --git a/_config.yml b/_config.yml index 8d0ec59..3b5e68a 100644 --- a/_config.yml +++ b/_config.yml @@ -2,5 +2,25 @@ title: birmingHack description: The University of Birmingham's premier hackathon url: birminghack.com +menu: + - name: Archive + link: /archive/2026 + children: + - name: 2026 + link: /archive/2026/ + - name: 2025 + link: /archive/2025/ + - name: Schedule + link: /#schedule + - name: Sponsors + link: /#sponsors + - name: Partners + link: /#partners + - name: FAQs + link: /#faqs + - name: Tickets + link: /#tickets + include: ["_redirects"] -keep_files: ["_redirects"] \ No newline at end of file +keep_files: ["_redirects"] + diff --git a/_data/2025.yaml b/_data/2025.yaml new file mode 100644 index 0000000..2474b67 --- /dev/null +++ b/_data/2025.yaml @@ -0,0 +1,172 @@ +event: + date: "22nd - 23rd March 2025" + location: "School of Computer Science, University of Birmingham" + edition: 1.0 + attendees: 77 + ticket_sales: 100 + devpost_link: https://birminghack.devpost.com + photos: https://photos.app.goo.gl/E3HaGZnapawYx9V88 +schedule: + events: + - day: Saturday + events: + - time: "09:00" + title: Registration + - time: "11:00" + title: Opening ceremony + - time: "12:00" + title: Hacking begins + - time: "12:05" + title: Team building + - time: "13:00" + title: Lunch + - time: "14:00" + title: AFNOM mini-CTF launch + - time: "14:30" + title: Neuphonic workshop + - time: "16:00" + title: Sai's git workshop + - time: "17:30" + title: Chess tournament (qualifiers) + - time: "18:30" + title: Dinner + - time: "21:00" + title: Chess tournament (finals) + - time: "22:00" + title: Cup stacking + - day: Sunday + events: + - time: "00:00" + title: Midnight movie screening + - time: "08:00" + title: Breakfast + - time: "11:00" + title: Devpost registration deadline + - time: "12:00" + title: Hacking ends + - time: "12:15" + title: Lunch + - time: "13:00" + title: Judging begins + - time: "15:00" + title: Closing ceremony + - time: "17:00" + title: Doors close + final: true + notes: "birmingHack takes place over both days of the weekend. The event will end no later than 5pm on Sunday." +show_sponsors: true +sponsors: + - tier: gold + size: 140 + sponsors: + - name: Neuphonic + logo: /assets/neuphonic-logo.png + colour: "ffffff" + url: https://neuphonic.com/ + - tier: silver + size: 70 + sponsors: + - name: Valyfy + logo: /assets/valyfy-logo.jpg + colour: "ffffff" + url: https://valyfy.com + - tier: bronze + size: 30 + sponsors: + - name: Majestic + logo: /assets/majestic-logo.png + colour: "2A556D" + height: 60 + url: https://majestic.com + - name: The Trade Desk + logo: /assets/the-trade-desk-logo.jpg + colour: "ffffff" + url: https://www.thetradedesk.com/uk + - name: Kainos + logo: /assets/kainos-logo.png + colour: "ffffff" + url: https://kainos.com +partners: + - name: CSS + logo: /assets/css-logo-colour-crop.png + colour: "2f3c63" + url: https://cssbham.com + - name: AFNOM + logo: /assets/afnom-logo.png + colour: "000000" + url: https://afnom.net + - name: AlgoSoc + logo: /assets/algosoc-logo-colour.png + colour: "0B0000" + url: "https://www.guildofstudents.com/organisation/algosoc/" + - name: Games Development Society + logo: /assets/gds-logo-colour.png + colour: "fff" + url: "https://www.guildofstudents.com/organisation/gamesdevelopment/" + - name: Guild of Students + logo: /assets/gos-logo-colour.png + colour: "eee" + url: https://guildofstudents.com + - name: The University of Birmingham School of Computer Science + logo: /assets/uob-logo-colour.png + colour: "eee" + url: https://www.cs.bham.ac.uk +faqs: + - question: What's a hackathon? + answer: | + A hackathon is a programming competition where you work in a team to create a project in a short amount of time. + It's a great way to learn new skills, meet new people, and have fun! + + - question: How much does it cost? + answer: + Absolutely nothing! birmingHack is free to attend, you just need to register a ticket when they become available. + Food will also be provided for all attendees. + + - question: Who can attend? + answer: | + birmingHack is open to all students aged 18+ at the University of Birmingham, regardless of your course or experience level. + Please note that for this inaugural event, we are only able to accept students from the University of Birmingham; for future + events, we hope to open up to students from other UK universities. + + - question: When will tickets be available? + answer: | + Tickets are now available! See above for the link to the registration. + + - question: Why should I attend? + answer: | + Because it's fun! If you've ever thought about attending a hackathon before, then birmingHack is a great entry point. + Plus, it's free ;) + + - question: Do I need loads of experience to participate? + answer: | + Not at all! birmingHack is a great place to learn, and we will have workshops and people available to help you out. + + - question: What should I bring? + answer: | + You should bring your laptop, a charger, any other hardware you need, and your student ID. + Please note there will not be any hardware available to borrow at the event, nor can we permit soldering equipment inside the building. + + - question: How do I get there? + answer: | + birmingHack is held at the School of Computer Science at the University of Birmingham. + This is located next to University station, and is referred to as Y9 on university maps. + + - question: How large can my team be? + answer: | + Teams can be up to 4 people to be eligible for prizes. + + - question: What if I don't have a team? + answer: | + No problem! We will have a team building session at the start of the event to help you find one. + + - question: When can I start working on my project? + answer: | + You can start working on your project as soon as hacking begins at 12:00 on Saturday. + You're welcome to come up with ideas before then, but we ask you do not start working on your project before this time. + + - question: How does judging work? + answer: | + You may submit your project to as many categories as you want on Devpost. + After hacking ends, you will demo your project to specific judges from the categories you entered, and a winner + for each category will be selected. + diff --git a/_data/2026.yaml b/_data/2026.yaml new file mode 100644 index 0000000..4dc90b9 --- /dev/null +++ b/_data/2026.yaml @@ -0,0 +1,155 @@ +event: + date: "14th - 15th March 2026" + location: "School of Computer Science, University of Birmingham" + edition: 2.0 + attendees: 106 + ticket_sales: 160 + devpost_link: https://birminghack2.devpost.com + photos: https://photos.app.goo.gl/BMMvjKDU8wvsRGsd9 +schedule: + events: + - day: Saturday + events: + - time: "09:00" + title: Registration + - time: "11:00" + title: Opening ceremony + - time: "12:00" + title: Hacking begins + - time: "12:05" + title: Team building + - time: "13:00" + title: Lunch + - time: "14:00" + title: AFNOM Mini-CTF kick-off + - time: "15:30" + title: Chess Tournament + - time: "17:45" + title: Paper Airplane contest + - time: "18:30" + title: Dinner + - time: "20:00" + title: Cup Stacking + - day: Sunday + events: + - time: "00:00" + title: Midnight movie screening + - time: "07:00" + title: Morning Walk + - time: "07:00" + title: Chinese GP Screening + - time: "08:00" + title: Breakfast + - time: "10:00" + title: Devpost Office Hour(s) + - time: "12:00" + title: Hacking ends + - time: "12:15" + title: Lunch + - time: "13:00" + title: Judging begins + - time: "15:00" + title: Closing ceremony + - time: "17:00" + title: Doors close + final: true + notes: "birmingHack takes place over both days of the weekend. The event will end no later than 5pm on Sunday." +tickets: + released: true + link: https://ti.to/birminghack/2 + available: false +show_sponsors: false +sponsors: + - tier: gold + size: 140 + sponsors: + - tier: silver + size: 70 + sponsors: + - tier: bronze + size: 30 + sponsors: +partners: + - name: CSS + logo: /assets/css-logo-colour-crop.png + colour: "2f3c63" + url: https://cssbham.com + - name: HackathonsUK + logo: /assets/huk-logo-colour.png + colour: "eee" + url: https://www.hackathons.org.uk + - name: AFNOM + logo: /assets/afnom-logo.png + colour: "000000" + url: https://afnom.net + - name: AlgoSoc + logo: /assets/algosoc-logo-colour.png + colour: "0B0000" + url: "https://www.guildofstudents.com/organisation/algosoc/" + - name: Guild of Students + logo: /assets/gos-logo-colour.png + colour: "eee" + url: https://guildofstudents.com + - name: The University of Birmingham School of Computer Science + logo: /assets/uob-logo-colour.png + colour: "eee" + url: https://www.cs.bham.ac.uk +faqs: + - question: What's a hackathon? + answer: | + A hackathon is a programming competition where you work in a team to create a project in a short amount of time. + It's a great way to learn new skills, meet new people, and have fun! + + - question: How much does it cost? + answer: + Absolutely nothing! birmingHack is free to attend, you just need to register a ticket when they become available. + Food will also be provided for all attendees. + + - question: Who can attend? + answer: | + birmingHack is open to all students aged 18+ at the University of Birmingham, regardless of your course or experience level. + Please note that for this inaugural event, we are only able to accept students from the University of Birmingham; for future + events, we hope to open up to students from other UK universities. + + - question: When will tickets be available? + answer: | + Tickets are now available! See above for the link to the registration. + + - question: Why should I attend? + answer: | + Because it's fun! If you've ever thought about attending a hackathon before, then birmingHack is a great entry point. + Plus, it's free ;) + + - question: Do I need loads of experience to participate? + answer: | + Not at all! birmingHack is a great place to learn, and we will have workshops and people available to help you out. + + - question: What should I bring? + answer: | + You should bring your laptop, a charger, any other hardware you need, and your student ID. + Please note there will not be any hardware available to borrow at the event, nor can we permit soldering equipment inside the building. + + - question: How do I get there? + answer: | + birmingHack is held at the School of Computer Science at the University of Birmingham. + This is located next to University station, and is referred to as Y9 on university maps. + + - question: How large can my team be? + answer: | + Teams can be up to 4 people to be eligible for prizes. + + - question: What if I don't have a team? + answer: | + No problem! We will have a team building session at the start of the event to help you find one. + + - question: When can I start working on my project? + answer: | + You can start working on your project as soon as hacking begins at 12:00 on Saturday. + You're welcome to come up with ideas before then, but we ask you do not start working on your project before this time. + + - question: How does judging work? + answer: | + You may submit your project to as many categories as you want on Devpost. + After hacking ends, you will demo your project to specific judges from the categories you entered, and a winner + for each category will be selected. + diff --git a/_includes/countdown.js b/_includes/countdown.js index d911ef0..15f1675 100644 --- a/_includes/countdown.js +++ b/_includes/countdown.js @@ -1,9 +1,25 @@ -const countDownDate = new Date("{{ include.date }}").getTime(); +const startDate = new Date("{{ include.date }}").getTime(); +const endDate = new Date(startDate + 60 * 60 * 24 * 1000); +const edition = "{{ include.edition }}"; document.addEventListener("DOMContentLoaded", () => { (function updateTimer() { let now = new Date().getTime(); - let distance = countDownDate - now; + let distance = startDate - now; + let inPast = false; + let current = false; + if(distance < 0) { + // time is after startDate + distance = endDate - now; + if(distance < 0) { + inPast = true; + distance = Math.abs(distance); + }else { + current = true; + } + } + + let days = Math.floor(distance / (1000 * 60 * 60 * 24)); let hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); let minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); @@ -14,6 +30,14 @@ document.addEventListener("DOMContentLoaded", () => { document.getElementById("minutes").children[0].innerHTML = String(minutes).padStart(2, '0'); document.getElementById("seconds").children[0].innerHTML = String(seconds).padStart(2, '0'); + if(current) { + document.getElementById("timer-text").children[0].innerHTML = "until birmingHack " + edition + " ends!"; + } + + if(inPast) { + document.getElementById("timer-text").children[0].innerHTML = "since birmingHack " + edition + " ended!"; + } + if (distance >= 0) { setTimeout(updateTimer, 1000) } diff --git a/_includes/footer.html b/_includes/footer.html index 8f6d214..1864735 100644 --- a/_includes/footer.html +++ b/_includes/footer.html @@ -5,7 +5,7 @@ © 2026 birmingHack website contributors birmingHack is organised by the University of Birmingham Computer Science Society, which is part of the Guild of Students. - + This site's source code.
diff --git a/_includes/nav.html b/_includes/nav.html index 381a5ae..f5188b9 100644 --- a/_includes/nav.html +++ b/_includes/nav.html @@ -1,11 +1,25 @@
+ {% if include.logo %} diff --git a/_layouts/master.html b/_layouts/master.html index ba8c09a..c1d056e 100644 --- a/_layouts/master.html +++ b/_layouts/master.html @@ -9,7 +9,7 @@ - + diff --git a/archive/2025/index.html b/archive/2025/index.html new file mode 100644 index 0000000..f62f3e3 --- /dev/null +++ b/archive/2025/index.html @@ -0,0 +1,155 @@ +--- +layout: page +--- + +{% assign page = site.data['2025'] %} + +
+
+ +
+ {{ page.event.date }} +
+
+ {{ page.event.location }} +
+
+
+ +
+

About this event

+
+ birmingHack {{page.event.edition}} had {{ page.event.attendees }} hackers with {{ page.event.ticket_sales }} ticket sales! + The devpost is available here! +
+ +
+ +

Photos

+ +
+
+ +
+

Welcome to birmingHack!

+

birmingHack is a 24-hour hackathon hosted by the Computer Science Society at the University of Birmingham. Whether you're + a seasoned hacker, or have never participated in a hackathon before, hackathons are a great place to learn some new skills and + have fun!

+
+ + +{% if page.show_sponsors %} +
+

Sponsors

+ + {% for sponsor-tier in page.sponsors %} +
+ {% for sponsor in sponsor-tier.sponsors %} + + {% endfor %} +
+ {% endfor %} +
+{% endif %} + +
+
+

Schedule

+

+ {{ page.schedule.notes }} +

+
+ {% for day in page.schedule.events %} +
+

{{ day.day }}

+ {% for item in day.events %} +
+
+ {{ item.time }} +
+
+ {{ item.title }} +
+
+ {% endfor %} +
+ {% endfor %} +
+ {% unless page.schedule.final %} +

* This schedule is not final; it is subject to change.

+ {% endunless %} +
+ +
+
+
+ + -- + + + days + +
+
+ + -- + + + hours + +
+
+ + -- + + + minutes + +
+
+ + -- + + + seconds + +
+
+
+ until birmingHack {{ page.event.edition }} starts! +
+
+
+ +
+

Partners

+
+ {% for partner in page.partners %} +
+ + {{ partner.name }} + +
+ {% endfor %} +
+
+ +
+

FAQs

+ {% for faq in page.faqs %} +
+ {{ faq.question }} +

{{ faq.answer }}

+
+ {% endfor %} +
+ + diff --git a/archive/2026/index.html b/archive/2026/index.html new file mode 100644 index 0000000..9d4e82e --- /dev/null +++ b/archive/2026/index.html @@ -0,0 +1,155 @@ +--- +layout: page +--- + +{% assign page = site.data['2026'] %} + +
+
+ +
+ {{ page.event.date }} +
+
+ {{ page.event.location }} +
+
+
+ +
+

About this event

+
+ birmingHack {{page.event.edition}} had {{ page.event.attendees }} hackers with {{ page.event.ticket_sales }} ticket sales! + The devpost is available here! +
+ +
+ +

Photos

+ +
+
+ +
+

Welcome to birmingHack!

+

birmingHack is a 24-hour hackathon hosted by the Computer Science Society at the University of Birmingham. Whether you're + a seasoned hacker, or have never participated in a hackathon before, hackathons are a great place to learn some new skills and + have fun!

+
+ + +{% if page.show_sponsors %} +
+

Sponsors

+ + {% for sponsor-tier in page.sponsors %} +
+ {% for sponsor in sponsor-tier.sponsors %} + + {% endfor %} +
+ {% endfor %} +
+{% endif %} + +
+
+

Schedule

+

+ {{ page.schedule.notes }} +

+
+ {% for day in page.schedule.events %} +
+

{{ day.day }}

+ {% for item in day.events %} +
+
+ {{ item.time }} +
+
+ {{ item.title }} +
+
+ {% endfor %} +
+ {% endfor %} +
+ {% unless page.schedule.final %} +

* This schedule is not final; it is subject to change.

+ {% endunless %} +
+ +
+
+
+ + -- + + + days + +
+
+ + -- + + + hours + +
+
+ + -- + + + minutes + +
+
+ + -- + + + seconds + +
+
+
+ until birmingHack {{ page.event.edition }} starts! +
+
+
+ +
+

Partners

+
+ {% for partner in page.partners %} +
+ + {{ partner.name }} + +
+ {% endfor %} +
+
+ +
+

FAQs

+ {% for faq in page.faqs %} +
+ {{ faq.question }} +

{{ faq.answer }}

+
+ {% endfor %} +
+ + diff --git a/css/main.scss b/css/main.scss index cd5f918..953baf7 100644 --- a/css/main.scss +++ b/css/main.scss @@ -69,6 +69,39 @@ div.hero { } } +div.about { + display: flex; + flex-direction: column; + align-items: center; + padding: 3rem 0rem 4rem 0; + gap: 1rem; + color: var(--color-heading); + font-family: var(--font-monospace); + + .attendees { + font-size: var(--text-normal); + } + + .photos-button { + justify-content: center; + display: grid; + } + + .photos-link { + display: inline-block; + width: 150px; + //height: 25px; + text-decoration: none; + text-align: center; + align-items: center; + font-size: 20px; + background-color: var(--color-primary); + color: var(--color-text); + border-radius: 20px; + padding: 15px; + } +} + b, strong { font-weight: 700; } @@ -185,9 +218,53 @@ nav { gap: 1rem; flex-wrap: wrap; justify-content: flex-end; +} +nav .dropdown { + position: relative; + display: inline-block; } +nav .dropdown > a { + display: inline-block; + width: 100%; + text-align: center; +} + +nav .dropdown-content { + display: none; + position: absolute; + top: 100%; + left: 0; + + width: 100%; + + background-color: var(--color-background-alt); + border: 1px solid var(--color-line); + padding: 0.3rem 0; + z-index: 10; +} + +nav .dropdown-content a { + display: block; + padding: 0.4rem 0.8rem; + text-align: center; + color: var(--color-text); + font-family: var(--font-monospace); + font-size: var(--text-small); +} + +nav .dropdown:hover .dropdown-content { + display: block; +} + +nav .dropdown-content a:hover { + background-color: var(--color-background); + color: var(--color-primary); + text-decoration: none; +} + + a:link, a:visited { color: var(--color-primary); text-decoration: none; @@ -446,6 +523,7 @@ div.footer-content { text-align: center; } } + div.navbar { padding: 1rem 1rem 0 1rem; diff --git a/index.html b/index.html index 23eec65..bac620d 100644 --- a/index.html +++ b/index.html @@ -1,160 +1,9 @@ --- layout: page -event: - date: "14th - 15th March 2026" - location: "School of Computer Science, University of Birmingham" - edition: 2.0 -schedule: - events: - - day: Saturday - events: - - time: "09:00" - title: Registration - - time: "11:00" - title: Opening ceremony - - time: "12:00" - title: Hacking begins - - time: "12:05" - title: Team building - - time: "13:00" - title: Lunch - - time: "14:00" - title: AFNOM Mini-CTF kick-off - - time: "15:30" - title: Chess Tournament - - time: "17:45" - title: Paper Airplane contest - - time: "18:30" - title: Dinner - - time: "20:00" - title: Cup Stacking - - day: Sunday - events: - - time: "00:00" - title: Midnight movie screening - - time: "07:00" - title: Morning Walk - - time: "07:00" - title: Chinese GP Screening - - time: "08:00" - title: Breakfast - - time: "10:00" - title: Devpost Office Hour(s) - - time: "12:00" - title: Hacking ends - - time: "12:15" - title: Lunch - - time: "13:00" - title: Judging begins - - time: "15:00" - title: Closing ceremony - - time: "17:00" - title: Doors close - final: true - notes: "birmingHack takes place over both days of the weekend. The event will end no later than 5pm on Sunday." -tickets: - released: true - link: https://ti.to/birminghack/2 -show_sponsors: false -sponsors: - - tier: gold - size: 140 - sponsors: - - tier: silver - size: 70 - sponsors: - - tier: bronze - size: 30 - sponsors: -partners: - - name: CSS - logo: /assets/css-logo-colour-crop.png - colour: "2f3c63" - url: https://cssbham.com - - name: HackathonsUK - logo: /assets/huk-logo-colour.png - colour: "eee" - url: https://www.hackathons.org.uk - - name: AFNOM - logo: /assets/afnom-logo.png - colour: "000000" - url: https://afnom.net - - name: AlgoSoc - logo: /assets/algosoc-logo-colour.png - colour: "0B0000" - url: "https://www.guildofstudents.com/organisation/algosoc/" - - name: Guild of Students - logo: /assets/gos-logo-colour.png - colour: "eee" - url: https://guildofstudents.com - - name: The Univeristy of Birmingham School of Computer Science - logo: /assets/uob-logo-colour.png - colour: "eee" - url: https://www.cs.bham.ac.uk -faqs: - - question: What's a hackathon? - answer: | - A hackathon is a programming competition where you work in a team to create a project in a short amount of time. - It's a great way to learn new skills, meet new people, and have fun! - - - question: How much does it cost? - answer: - Absolutely nothing! birmingHack is free to attend, you just need to register a ticket when they become available. - Food will also be provided for all attendees. - - - question: Who can attend? - answer: | - birmingHack is open to all students aged 18+ at the University of Birmingham, regardless of your course or experience level. - Please note that for this inaugural event, we are only able to accept students from the University of Birmingham; for future - events, we hope to open up to students from other UK universities. - - - question: When will tickets be available? - answer: | - Tickets are now available! See above for the link to the registration. - - - question: Why should I attend? - answer: | - Because it's fun! If you've ever thought about attending a hackathon before, then birmingHack is a great entry point. - Plus, it's free ;) - - - question: Do I need loads of experience to participate? - answer: | - Not at all! birmingHack is a great place to learn, and we will have workshops and people available to help you out. - - - question: What should I bring? - answer: | - You should bring your laptop, a charger, any other hardware you need, and your student ID. - Please note there will not be any hardware available to borrow at the event, nor can we permit soldering equipment inside the building. - - - question: How do I get there? - answer: | - birmingHack is held at the School of Computer Science at the University of Birmingham. - This is located next to University station, and is referred to as Y9 on university maps. - - - question: How large can my team be? - answer: | - Teams can be up to 4 people to be eligible for prizes. - - - question: What if I don't have a team? - answer: | - No problem! We will have a team building session at the start of the event to help you find one. - - - question: When can I start working on my project? - answer: | - You can start working on your project as soon as hacking begins at 12:00 on Saturday. - You're welcome to come up with ideas before then, but we ask you do not start working on your project before this time. - - - question: How does judging work? - answer: | - You may submit your project to as many categories as you want on Devpost. - After hacking ends, you will demo your project to specific judges from the categories you entered, and a winner - for each category will be selected. - - -# - question: ... -# answer: --- +{% assign page = site.data['2026'] %} +
@@ -177,12 +26,20 @@

Welcome to birmingHack!

{% if page.tickets.released %} -

Tickets now available!

-

- You can now register for birmingHack 2026! Please note that tickets are limited, so make sure to register as soon as possible. -

-
- Register + {% if page.tickets.available %} +

Tickets now available!

+

+ You can now register for birmingHack 2026! Please note that tickets are limited, so make sure to register as soon as possible. +

+
+ Register + {% else %} +

Tickets no longer available

+

+ Registration for birmingHack 2026 is no longer available. Hope to see you next year! +

+
+ {% endif %} {% else %}

Tickets not yet released

@@ -235,7 +92,7 @@

{{ day.day }}

{% endfor %}
- {% unless page.schedule-final %} + {% unless page.schedule.final %}

* This schedule is not final; it is subject to change.

{% endunless %}
@@ -275,7 +132,9 @@

{{ day.day }}

- until birmingHack starts! +
+ until birmingHack starts! +
@@ -303,5 +162,5 @@

FAQs