Add Workflows Community Talks

_config.yml

@@ -28,6 +28,9 @@ collections:
   systems:
     output: true
     permalink: /systems/:path/
+  talks:
+    output: true
+    permalink: /talks/:path/
   working_groups:
     output: true
     permalink: /groups/:path/

_data/speakers.yml

@@ -0,0 +1,11 @@
+- name: Stephen Hudson
+  role: Principal Software Engineer
+  institution:
+    name: Argonne National Laboratory
+    link: https://www.anl.gov
+    image: argonne.png
+  country: us
+  link: https://www.anl.gov/profile/stephen-hudson
+  talk_num: 1
+  photo: hudson.jpg
+  bio: "Stephen Hudson is a Principal Software Engineer at Argonne National Laboratory, working on workflow systems for high-performance computing."

_includes/header.html

@@ -35,7 +35,9 @@
                     <div class="dropdown-menu" aria-labelledby="dropdown03">
                         <a class="dropdown-item" href="/summits">Workflows Community Summits</a>
                         <a class="dropdown-item" href="/bof">Birds of a Feather (BoF)</a>
+                        <a class="dropdown-item" href="/talks">Workflows Community Talks</a>
                         <a class="dropdown-item" href="/events">Workflows-Related Events</a>
+
                     </div>
                 </li>
                 <li class="nav-item"><a href="/members" class="nav-link">Members</a></li>

_talks/talk1.html

@@ -0,0 +1,97 @@
+---
+layout: page
+title: Placeholder talk
+authors: Stephen Hudson (Argonne National Lab)
+event_date: February 26, 2025 (Tentative)
+times: 9am-9.30 PST / noon-12.30pm EST / 17:00-17:30 CET
+talk_number: 1
+<!-- video_playlist: https://www.youtube.com/watch?v=STy5HwEVj8k&list=PLAtmuqHExRvOzPOvJfSH8PwjbVJFyulCy -->
+<!-- report_badge: https://zenodo.org/badge/DOI/10.5281/zenodo.13844759.svg -->
+<!-- report_doi: 10.5281/zenodo.13844759 -->
+<!-- report_link: https://doi.org/10.5281/zenodo.13844759 -->
+---
+
+<div class="row justify-content-center mb-5 pb-5">
+    <div class="col-md-7 text-center heading-section ftco-animate">
+        <h2 class="mb-4">{{page.title}}</h2>
+        <span class="subheading">{{page.authors}}</span>
+        <p class="event-date">{{page.event_date}} {{page.times}} </p>
+    </div>
+    <div class="col-md-12 text-center heading-section ftco-animate">
+        <p class="mb-3" style="text-align: left;">
+            TBC. The first talk will soon be announced.
+        </p>
+        <p class="mb-3" style="text-align: left !important;">
+            Topics:
+        </p>
+        <ul style="text-align: left;">
+            <li>Dynamic steering of HPC Workflows</li>
+            <li>Heterogeneous Workflows</li>
+            <li>Modelling of laser plasma accelerators with libEnsemble and WarpX</li>
+            <li>Using ProxyStore when transferring large data</li>
+        </ul>
+    </div>
+
+
+</div>
+
+
+<div class="row justify-content-center mb-5 pb-5">
+    <div class="col-md-7 text-center heading-section ftco-animate">
+        <h2 class="mb-4">About the authors</h2>
+    </div>
+</div>
+
+<!-- Text under pictures -->
+
+<!--<div class="row">
+    {% assign speaker = site.data.speakers | where: "talk_num", page.talk_number %}
+    {% for member in speaker %}
+    <div class="col-md-4 mb-5 ftco-animate">
+        <div class="block-10">
+            <div class="person-info mb-2">
+                <span class="name">{{ member.name }}</span>
+                <span class="role">{{ member.role }}</span>
+            </div>
+            <a href="{{ member.link }}" target="_blank">
+                <img src="/images/talks/{{ member.photo }}" alt="{{ member.name }}" class="img-fluid mb-3" style="width: 100%">
+            </a>
+            <a href="{{ member.institution.link }}" target="_blank">
+                <img src="/images/institutions/{{ member.institution.image }}"
+                    alt="{{ member.institution.name }}" style="max-height: 2em" />
+            </a>s
+             <p class="mt-2">{{ member.bio }}</p>
+        </div>
+    </div>
+    {% endfor %}
+</div>
+-->
+
+
+<!-- Text beside picture -->
+
+<div class="row">
+    {% assign speaker = site.data.speakers | where: "talk_num", page.talk_number %}
+    {% for member in speaker %}
+    <div class="col-md-6 mb-5 ftco-animate">
+        <div class="d-flex">
+            <div class="pr-4">
+                <a href="{{ member.link }}" target="_blank">
+                    <img src="/images/talks/{{ member.photo }}" alt="{{ member.name }}" class="img-fluid mb-3" style="width: 150px; height: 150px; object-fit: cover; border-radius: 0.5em;">
+                </a>
+                <a href="{{ member.institution.link }}" target="_blank">
+                    <img src="/images/institutions/{{ member.institution.image }}" alt="{{ member.institution.name }}" style="max-height: 2em;" />
+                </a>
+            </div>
+            <div>
+                <div class="person-info mb-2">
+                    <span class="name font-weight-bold">{{ member.name }}</span><br>
+                    <span class="role text-muted">{{ member.role }}</span>
+                </div>
+                <p class="bio" style="font-size: 0.8em;">{{ member.bio }}</p>
+            </div>
+        </div>
+    </div>
+    {% endfor %}
+</div>
+

page_talks.html

@@ -0,0 +1,44 @@
+---
+layout: page
+title: Workflows Community Talks
+permalink: /talks
+---
+
+<div class="row justify-content-center mb-4 pb-5">
+    <div class="col-md-7 text-center heading-section ftco-animate">
+        <p class="heading-section">
+            The <strong class="px-3">Workflow Community Talks</strong> are a monthly virtual series
+            of 30-minute talks bringing together members of the Workflows community and anyone
+            interested in the field.
+        </p>
+        <div class="organizers mt-4">
+            <h3 class="font-weight-bold">Organizers</h3>
+            <p>Stephen Hudson &bull; Daniella Cassol</p>
+        </div>
+        <div class="mt-4">
+            <p>Interested in giving a talk? <a href="https://docs.google.com/forms/d/1P9u12xVgh77FC6cGb5v7iE1rF0VpWAzSw0cmJ-BRD0Q"
+                target="_blank" class="btn btn-primary py-2 px-4">Sign Up Here</a></p>
+        </div>
+    </div>
+</div>
+
+
+<div class="row">
+    {% assign talks = site.talks | sort: 'talk_number' | reverse %}
+    {% for talk in talks %}
+    <div class="col-md-4 ftco-animate">
+        <div class="blog-entry" style="min-height: 15.5em;">
+            <div class="text p-4 d-block">
+                <div class="meta mb-3">
+                    {{talk.event_date | date: "%b %d, %Y" }}
+                </div>
+                <h3 class="heading"><a href="{{talk.url}}">{{talk.title}}</a></h3>
+                <span class="position">{{talk.authors}}</span>
+                {% if talk.report_link %}
+                <img src="{{talk.report_badge}}" alt="DOI" style="padding-top: 0.5em" />
+                {% endif %}
+            </div>
+        </div>
+    </div>
+    {% endfor %}
+</div>