speakers and social media

Author: jordyarms

_data/social_links.yml

@@ -0,0 +1,18 @@
+website:
+  label: Website
+  icon: link.svg
+linkedin:
+  label: LinkedIn
+  icon: linkedin.svg
+instagram:
+  label: Instagram
+  icon: instagram.svg
+mastodon:
+  label: Mastodon
+  icon: 🐘
+x:
+  label: X
+  icon: x.svg
+bluesky:
+  label: Bluesky
+  icon: bluesky.svg

_includes/social-links.html

@@ -0,0 +1,53 @@
+{%- comment -%}
+Usage:
+  {% include social-links.html social=page.social %}
+
+Description:
+  Renders a "Social Links" section using key–value pairs passed to the `social` parameter.
+  Each key is a platform (e.g. "twitter"), and each value is the URL.
+
+  Social metadata (label, icon, emoji) is pulled from `_data/social_links.yml`.
+
+Example:
+  In front matter of a page:
+    social:
+      twitter: "https://twitter.com/example"
+      github: "https://github.com/example"
+
+  Corresponding include:
+    {% include social-links.html social=page.social %}
+
+Requirements:
+  - `_data/social_links.yml`: defines per-platform metadata:
+      twitter:
+        label: "Twitter"
+        icon: "twitter.svg"  # optional alternative: emoji: "🐦"
+  - Icons must exist in `/_includes/social/` if using `icon`.
+
+Notes:
+  - Only renders entries with matching data in `social_links.yml`.
+  - Fallbacks: label → platform name; icon → emoji
+{%- endcomment -%}
+
+{% if include.social %}
+
+  <div class="social-button-group">
+    {% for key in include.social %}
+      {% assign platform = key[0] %}
+      {% assign url = key[1] %}
+      {% assign social_data = site.data.social_links[platform] %}
+      {% assign label = social_data.label | default: platform %}
+
+      {% if social_data %}
+        <a href="{{ url }}" target="_blank" rel="noopener" class="social-button">
+          {% if social_data.icon %}
+            <span class="iconstyle">{% include social/{{ social_data.icon }} %}</span>
+          {% elsif social_data.emoji %}
+            <span class="iconstyle">{{ social_data.emoji }}</span>
+          {% endif %}
+          <span>{{ label }}</span>
+        </a>
+      {% endif %}
+    {% endfor %}
+  </div>
+{% endif %}

_includes/social/bluesky.svg

@@ -12,7 +12,12 @@ <h1>{{ page.title }}</h1>
           <p class="speaker-role">{{ page.role }}</p>
         {% endif %}
       </hgroup>
+
       {{ content }}
+
+      {% if page.social %}
+        {% include social-links.html social=page.social %}
+      {% endif %}
     </div>
   </section>
 </article>

_includes/social/instagram.svg

@@ -4,6 +4,8 @@ lastname: Brouilette
 role: 18F Chief of Staff (Emeritus)
 image: /assets/images/speakers/brouilette.jpg
 published: true
+social:
+  linkedin: https://www.linkedin.com/in/alanbrouilette/
 ---
 
 18F Chief of Staff (Emeritus) Alan Brouilette spent nine and a half very good years as a federal employee of the United States despite his distrust of government and dislike of technology. After a sixteen year career working for ESPN, ABC News, Ameriprise Financial, Gogo Inflight Internet, and himself, Alan found in 18F the opportunity to build a humane workplace. Alan is a native of Chicago, a town that embraces soft power and understands the value of both friendship and Family to professional success. _(Capisce?)_ Alan is currently working with state and local governments to help them understand the transformative power of culture and community.

_includes/social/link.svg

@@ -0,0 +1,12 @@
+---
+title: Bianca Wylie
+lastname: Wylie
+role: writer, public interest tech advocate, and co-founder of Tech Reset Canada
+image: /assets/images/speakers/wylie.jpg
+published: true
+social:
+  linkedin: https://www.linkedin.com/in/biancawylie/
+  bluesky: https://bsky.app/profile/biancawylie.com
+---
+
+Bianca is a writer, a public interest tech advocate, and co-founder of Tech Reset Canada, where she works on resetting the innovation agenda.