From 7346bba67ab0bb56da6357a052650b5e498b2a7c Mon Sep 17 00:00:00 2001
From: Imma Valls <imma.valls@grafana.com>
Date: Sun, 30 Aug 2026 22:10:40 +0200
Subject: [PATCH] remove cfp, add program, speakers and registration

Signed-off-by: Imma Valls <imma.valls@grafana.com>
---
 content/events/2026-barcelona/program.md      | 16 +++++
 content/events/2026-barcelona/registration.md |  3 +-
 content/events/2026-barcelona/speakers.md     | 60 +++++++++++++++++++
 content/events/2026-barcelona/welcome.md      | 16 ++---
 data/events/2026/barcelona/main.yml           | 10 ++--
 5 files changed, 90 insertions(+), 15 deletions(-)
 create mode 100644 content/events/2026-barcelona/program.md
 create mode 100644 content/events/2026-barcelona/speakers.md

diff --git a/content/events/2026-barcelona/program.md b/content/events/2026-barcelona/program.md
new file mode 100644
index 00000000000..94ab2c96929
--- /dev/null
+++ b/content/events/2026-barcelona/program.md
@@ -0,0 +1,16 @@
++++
+Title = "Program"
+Type = "event"
+Description = "Program for devopsdays Barcelona 2026"
++++
+
+<script type="text/javascript" src="https://talks.devopsdays.org/devopsdays-barcelona-2026/widgets/schedule.js"></script>
+<pretalx-schedule event-url="https://talks.devopsdays.org/devopsdays-barcelona-2026/" locale="en" format="grid" style="--pretalx-clr-primary: #3aa57c"></pretalx-schedule>
+<noscript>
+<div class="pretalx-widget">
+        <div class="pretalx-widget-info-message">
+            JavaScript is disabled in your browser. To access our schedule without JavaScript,
+            please <a target="_blank" href="https://talks.devopsdays.org/devopsdays-barcelona-2026/schedule/">click here</a>.
+        </div>
+    </div>
+</noscript>
diff --git a/content/events/2026-barcelona/registration.md b/content/events/2026-barcelona/registration.md
index b378ffb550b..b50bda87cf7 100644
--- a/content/events/2026-barcelona/registration.md
+++ b/content/events/2026-barcelona/registration.md
@@ -6,6 +6,5 @@ Description = "Registration for devopsdays Barcelona 2026"
 
 <div style="width:100%; text-align:left;">
 
-Embed registration iframe/link/etc.
-</div></div>
+{{< tix city="barcelona" year="2026" info="show" >}}
 </div>
diff --git a/content/events/2026-barcelona/speakers.md b/content/events/2026-barcelona/speakers.md
new file mode 100644
index 00000000000..034e44db494
--- /dev/null
+++ b/content/events/2026-barcelona/speakers.md
@@ -0,0 +1,60 @@
++++
+Title = "Speakers"
+Type = "speakers"
+Description = "Meet our speakers for DevOpsDays Barcelona 2026"
++++
+
+<div id="speakers" class="row"></div>
+<noscript>
+<div class="pretalx-widget">
+        <div class="pretalx-widget-info-message">
+            JavaScript is disabled in your browser. To access our speaker list without JavaScript,
+            please <a target="_blank" href="https://talks.devopsdays.org/devopsdays-barcelona-2026/speaker/">click here</a>.
+        </div>
+    </div>
+</noscript>
+
+<script>
+    const ul = document.getElementById('speakers');
+    const list = document.createDocumentFragment();
+    const url = 'https://talks.devopsdays.org/api/events/devopsdays-barcelona-2026/speakers/?limit=50';
+
+    fetch(url)
+        .then((response) => {
+            return response.json();
+        })
+        .then((data) => {
+            let speakers = data.results;
+
+            speakers.map(function(speaker) {
+                let li = document.createElement('div');
+                li.className = `col-lg-3 col-md-6 p-3`;
+                let name = document.createElement('h3');
+                let pic = document.createElement('img');
+                let bio = document.createElement('details');
+                bio.className = `p-1`;
+                let talk = document.createElement('a');
+
+                name.innerHTML = `${speaker.name}`;
+                pic.src = speaker.avatar_url.length != 0 ? `${speaker.avatar_url}`: '/img/speaker-default.jpg';
+                pic.className = `speakers-page`;
+                bio.innerHTML = `<summary><b>About ${speaker.name}</b></summary><p>${speaker.biography ? `${speaker.biography}`: `Ipsum`}</p>`;
+                talk.setAttribute('href', speaker.submissions[0] ? `https://talks.devopsdays.org/devopsdays-barcelona-2026/talk/${speaker.submissions[0]}` : ``);
+                talk.setAttribute('target', '_blank');
+                talk.className = `btn btn-primary`;
+                talk.innerHTML = `Link to talk`;
+
+                li.appendChild(name);
+                li.appendChild(pic);
+                li.appendChild(bio);
+                li.appendChild(talk);
+                list.appendChild(li);
+            });
+        })
+        .catch(function(error) {
+            console.log(error);
+        })
+        .finally(() => {
+            ul.appendChild(list);
+        });
+</script>
diff --git a/content/events/2026-barcelona/welcome.md b/content/events/2026-barcelona/welcome.md
index 40eb89936bf..b759aeb1674 100644
--- a/content/events/2026-barcelona/welcome.md
+++ b/content/events/2026-barcelona/welcome.md
@@ -70,14 +70,14 @@ Description = "DevOpsDays Barcelona 2026"
   </div>
 </div>
 
-<!-- <div class = "row">
+<div class = "row">
   <div class = "col-md-2">
     <strong>Register</strong>
   </div>
   <div class = "col-md-8">
     {{< event_link page="registration" text="Register to attend the conference!" >}}
   </div>
-</div> -->
+</div>
 
 <!-- <div class = "row">
   <div class = "col-md-2">
@@ -88,32 +88,32 @@ Description = "DevOpsDays Barcelona 2026"
   </div>
 </div> -->
 
-<!-- <div class = "row">
+<div class = "row">
   <div class = "col-md-2">
     <strong>Program</strong>
   </div>
   <div class = "col-md-8">
     View the {{< event_link page="program" text="program." >}}
   </div>
-</div> -->
+</div>
 
-<!-- <div class = "row">
+<div class = "row">
   <div class = "col-md-2">
     <strong>Speakers</strong>
   </div>
   <div class = "col-md-8">
     Check out the {{< event_link page="speakers" text="speakers!" >}}
   </div>
-</div> -->
+</div>
 
-<!-- <div class = "row">
+<div class = "row">
   <div class = "col-md-2">
     <strong>Sponsors</strong>
   </div>
   <div class = "col-md-8">
     {{< event_link page="sponsor" text="Sponsor the conference!" >}}
   </div>
-</div> -->
+</div>
 
 <!---
 <div class = "row">
diff --git a/data/events/2026/barcelona/main.yml b/data/events/2026/barcelona/main.yml
index f9972b9acb9..767d9ffae35 100644
--- a/data/events/2026/barcelona/main.yml
+++ b/data/events/2026/barcelona/main.yml
@@ -47,14 +47,14 @@ event_social_linkedin: "https://linkedin.com/company/devopsdays-bcn/" # Change t
 #event_twitter: "devopsdays" # This will create a traditional "Follow" twitter button. Change this to the twitter handle for your event such as devopsdayschi or devopsdaysmsp.
 
 nav_elements: # List of pages you want to show up in the navigation of your page.
-  - name: location 
+  - name: location
+  - name: registration
+  - name: program
+  - name: speakers
   - name: sponsor
-  - name: propose
+# - name: propose # CFP is closed
   - name: contact
   - name: conduct
-# - name: registration
-# - name: program
-# - name: speakers
 # - name: example
 #   icon: "map-o" # This is a font-awesome icon that will display on small screens. Choose at http://fontawesome.io/icons/
 #   url: http://mycfp.com # The url setting is optional, and only if you want the navigation to link off-site