Add links to forms in the header

_assets/css/style.css

@@ -122,7 +122,7 @@ header > h1 {
 
 header > h2 {
   margin-top: 3rem;
-  margin-bottom: 5rem;
+  margin-bottom: 3rem;
   margin-inline: 2rem;
   font-family: "Droid Serif", sans-serif;
   font-style: italic;
@@ -131,6 +131,32 @@ header > h2 {
   font-size: 2.8rem;
 }
 
+header > .links {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 1rem;
+  margin-top: 1rem;
+  margin-bottom: 3rem;
+  margin-inline: 4rem;
+  justify-content: center;
+  font-size: 1.5rem;
+  font-weight: 700;
+  text-transform: uppercase;
+}
+
+header > .links > a {
+  background: var(--orange);
+  flex-shrink: 0;
+  color: white;
+  padding: 1rem 2rem;
+  margin-inline: 1rem;
+  text-decoration: none;
+}
+
+header > .links > a:hover {
+  background: var(--dark-orange);
+}
+
 figure img {
   width: 100%;
   padding-bottom: 0.5rem;
@@ -396,10 +422,22 @@ footer a:hover, a:focus, a:active {
 
   header > h1 {
     font-size: 3rem;
+    margin-block: 2rem;
   }
 
   header > h2 {
     font-size: 2rem;
+    margin-top: 2rem;
+    margin-block: 2rem;
+  }
+
+  header > .links {
+    font-size: 1.2rem;
+  }
+
+  header > .links > a {
+    padding: 0.5rem 1rem;
+    margin-inline: 0;
   }
 
   #hackfest img {

_content/hackfest/cfp.md

@@ -8,5 +8,5 @@ imgalt: "Web Engines Hackfest 2019 - Talk"
 
 The Web Engines Hackfest will accept proposals for presentations and breakout sessions for this year's event. Both **onsite** and **remote** presentations and breakout sessions are welcome and can cover any topic related to the web platform.
 
-To submit your talk proposal, please [complete this form](https://forms.gle/rwfr1JEnYQBJJAks7) **by April 30th, 2024**. To submit a breakout session proposal, please [fill a new issue on GitHub](https://github.com/Igalia/webengineshackfest/issues/new?template=breakout_session.yaml).
+To submit your talk proposal, please [complete this form]({{ site.cfpTalks }}) **by April 30th, 2024**. To submit a breakout session proposal, please [fill a new issue on GitHub]({{ site.cfpBreakoutSessions }}).
 

_data/site.json

@@ -5,5 +5,8 @@
   "author": "Igalia",
   "year": "2025",
   "dates": "2-4 June",
-  "location": "A Coruña, Galicia, Spain"
+  "location": "A Coruña, Galicia, Spain",
+  "registrationForm": "https://forms.gle/jNm8xFWJHn3RTTyY8",
+  "cfpTalks": "https://forms.gle/rwfr1JEnYQBJJAks7",
+  "cfpBreakoutSessions": "https://github.com/Igalia/webengineshackfest/issues/new?template=breakout_session.yaml"
 }

_includes/default.html

@@ -28,6 +28,11 @@
     <header>
       <h1>{{ site.title }} {{ site.year }}</h1>
       <h2>{{ site.dates }} | {{ site.location }}</h2>
+      <div class="links">
+        <a href="{{ site.registrationForm }}">Registration form</a>
+        <a href="{{ site.cfpTalks }}">CFP: Talks</a>
+        <a href="{{ site.cfpBreakoutSessions }}">CFP: Breakout Sessions</a>
+      </div>
     </header>
 
     <main>

index.md

@@ -10,7 +10,7 @@ layout: default
 
 **The *{{ site.year }} {{ site.title }}* will take place in A Coruña, Galicia, Spain from Monday, June 2nd to Wednesday, June 4th.**
 
-**There is no fee to participate either remotely or onsite. But if you are planning to participate onsite, please [fill out the registration form](https://forms.gle/jNm8xFWJHn3RTTyY8).**
+**There is no fee to participate either remotely or onsite. But if you are planning to participate onsite, please [fill out the registration form]({{ site.registrationForm }}).**
 
 {% for hackfest in collections.hackfest %}