[DEN-2025] init program, speakers (#15314)

Co-authored-by: denverdevopsdays <[email protected]>

Author: themightymuppet

content/events/2025-denver/program.md

@@ -0,0 +1,16 @@
++++
+Title = "Program"
+Type = "event"
+Description = "Program for devopsdays Denver 2024"
++++
+
+<script type="text/javascript" src="https://talks.devopsdays.org/dodrox-2025/widgets/schedule.js"></script>
+<pretalx-schedule event-url="https://talks.devopsdays.org/dodrox-2025/" 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/dodrox-2025/schedule/">click here</a>.
+        </div>
+    </div>
+</noscript>

content/events/2025-denver/speakers.md

@@ -0,0 +1,60 @@
++++
+Title = "Speakers"
+Type = "speakers"
+Description = "Meet our speakers for DevOpsDays Rockies 2025"
++++
+
+<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/dodrox-2025/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/dodrox-2025/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/dodrox-2025/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>

content/events/2025-denver/welcome.md

@@ -6,11 +6,12 @@ Description = "devopsdays Denver 2025"
 +++
 <b>DevOpsDays Rockies is returning to Denver in 2025!</b><br><br>
 
-  <h2>{{< event_link url-key="cfp_link" text="Submit a Talk!" >}}</h2>
-<br><br>
   <h2>{{< event_link page="registration" text="Purchase your Ticket!" >}}</h2>
 <br><br>
 
+<h2>{{< event_link page="program" text="View the Program!" >}}</h2>
+<br><br>
+
 <div style="float:right;">
   <!-- {{< event_logo >}} -->
   <img src="/events/2025-denver/colorado_square.png" width="300" style="padding: 20px 0;"/>
@@ -39,16 +40,16 @@ Description = "devopsdays Denver 2025"
     <strong>Register</strong>
   </div>
   <div class = "col-md-8">
-    {{< event_link page="registration" text="Early bird tickets are on sale!" >}}
+    {{< event_link page="registration" text="Early bird tickets sales end July 15!" >}}
   </div>
 </div>
 
 <div class = "row">
   <div class = "col-md-2">
-    <strong>Propose</strong>
+    <strong>Program</strong>
   </div>
   <div class = "col-md-8">
-    {{< event_link page="propose" text="Our CFP is open until May 25th - get your proposals in ASAP" >}}
+    {{< event_link page="program" text="Checkout our speaker lineup!" >}}
   </div>
 </div>
 
@@ -66,7 +67,7 @@ Description = "devopsdays Denver 2025"
     <strong>Contact</strong>
   </div>
   <div class = "col-md-8">
-    {{< event_link page="contact" text="Get in touch with the organizers" >}}
+    {{< event_link page="contact" text="Get in touch with the organizers!" >}}
   </div>
 </div>
 <br>

data/events/2025/denver/main.yml

@@ -40,11 +40,11 @@ location: "Bierstadt Lagerhaus" # Defaults to city, but you can make it the venu
 location_address: "2875 Blake St, Denver, CO 80205" #Optional - use the street address of your venue. This will show up on the welcome page if set. Also used by the event_map shortcode!
 
 nav_elements: # List of pages you want to show up in the navigation of your page.
-  - name: propose
+  # - name: propose
  # - name: location
   - name: registration
- # - name: program
- # - name: speakers
+  - name: program
+  - name: speakers
   - name: sponsor
   - name: contact
   - name: conduct