Add 'Reframe public service' chapter

- Add Bluesky/Mastodon to social
- Slight design updates

_contents/be-participatory.md

@@ -10,7 +10,7 @@ icon: fa-solid fa-people-arrows
 #intro: true
 chapters: true
 section: Contemplation
-section-order: 6
+section-order: 7
 #about: true
 feedback: 
 feedback-link: 

_contents/call-to-action.md

@@ -32,10 +32,4 @@ Together, we can and must build a government for, by and with all people.
 
 ## Swear yourself in
 
-Before getting started with this playbook, swear yourself in.
-
-Raise your right hand and take the Proudly Serving pledge:
-
-> I, [YOUR NAME], earnestly swear that I will proudly serve all people with a twenty-first century standard of service. I will hold myself and others accountable to this responsibility. Every day, I will do my part to build a government for, by and with all people.
-
-Congratulations on taking the first step. Now, let’s start proudly serving.
+Before getting started, swear yourself in.

_contents/default-to-open.md

@@ -7,7 +7,7 @@ icon: fa-solid fa-door-open
 intro: #true
 chapters: true
 section: Contemplation
-section-order: 1
+section-order: 2
 about: #true
 feedback: #true
 feedback-link: 

_contents/get-digital.md

@@ -7,7 +7,7 @@ icon: fa-solid fa-laptop
 #intro: true
 chapters: true
 section: Contemplation
-section-order: 2
+section-order: 3
 #about: true
 feedback: #true
 feedback-link: 

_contents/have-a-strategy.md

@@ -7,7 +7,7 @@ icon: fa-solid fa-timeline
 intro: #true
 chapters: true
 section: Contemplation
-section-order: 3
+section-order: 4
 about: #true
 #feedback: true
 #feedback-link: 

_contents/innovate-with-intention.md

@@ -9,7 +9,7 @@ icon: fa-regular fa-lightbulb
 intro: #true
 chapters: true
 section: Contemplation
-section-order: 5
+section-order: 6
 about: #true
 feedback: #true
 feedback-link: 

_contents/reframe-public-service.md

@@ -0,0 +1,16 @@
+---
+title: Reframe public service
+description: "The pillars of public service include government, non-profit, business, media, academia, and general public. By reframing our context for what it means to serve, we shift power dynamics from “the government” to “we are all the government.” This empowers everyone to have a shared sense of responsibility, accountability, and unity."
+author: Luke Fretwell
+img-feat: 
+icon: fa-solid fa-rotate-right
+#intro: true
+chapters: true
+section: Contemplation
+section-order: 1
+#about: true
+feedback: true
+feedback-link: https://docs.google.com/document/d/1ZSh4eeQNgP6daPHFGeYI_7XvYsg1IW6b8P6EM-I1DrM/edit?usp=sharing
+#launched: true
+---
+

_contents/think-exponential.md

@@ -7,7 +7,7 @@ icon: fa-solid fa-brain
 intro: #true
 chapters: true
 section: Contemplation
-section-order: 4
+section-order: 5
 about: #true
 feedback: #true
 feedback-link: 

_contributors/_AUTHOR.md

@@ -9,6 +9,8 @@ img-feat: .jpg
 img-alt: Photo of 
 email: 
 website: 
+bluesky: 
+mastodon: 
 twitter: 
 linkedin: 
 medium: 

_contributors/luke-fretwell.md

@@ -9,12 +9,14 @@ img-feat: luke-fretwell.jpg
 img-alt: Luke Fretwell
 email: [email protected]
 website: https://lukefretwell.com
+bluesky: https://lukefretwell.bsky.social/
+mastodon: https://mastodon.social/@lukefretwell
 twitter: https://twitter.com/lukefretwell
 linkedin: https://www.linkedin.com/in/lukefretwell
 github: https://github.com/lukefretwell
 maintainer: yes
 contributor: yes
 ---
 
-Luke Fretwell is the co-founder and CEO of [ProudCity](https://proudcity.com), a digital services platform for local governments. He is the maintainer of [GovFresh](https://govfresh.com), a media and labs project focused on the intersection of design, technology and democracy. He is also co-founder and maintainer of [Civic Hacking Agency](https://civichackingagency.org).
+Luke Fretwell is the founder and maintainer of [GovFresh](https://govfresh.com), a media and innovation lab focused on the intersection of design, technology and democracy. He is the co-founder of [ProudCity](https://proudcity.com), a digital services platform for local governments. He is also co-founder and maintainer of [Civic Hacking Agency](https://civichackingagency.org).
 

_data/connect.yml

@@ -13,6 +13,8 @@ email: &email "fas fa-at"
 calendar: &calendar "fa-solid fa-calendar"
 subscribe: &subscribe "fa-solid fa-envelope"
 patreon: &patreon "fab fa-patreon"
+bluesky: &bluesky "fa-brands fa-bluesky"
+mastodon: &mastodon "fa-brands fa-mastodon"
 twitter: &twitter "fab fa-x-twitter"
 linkedin: &linkedin "fab fa-linkedin"
 facebook: &facebook "fab fa-facebook"
@@ -68,6 +70,14 @@ docs:
     url: 
     icon: *discord
 
+  - name: Bluesky 
+    url: 
+    icon: *bluesky
+
+  - name: Mastodon
+    url: 
+    icon: *mastodon
+
   - name: X 
     url: https://x.com/proudly_serving
     icon: *twitter

_data/contents.yml

@@ -5,9 +5,9 @@ docs:
     chapters:
       - Purpose
       - Call to action
-      - Swear yourself in
   - name: Contemplation
     chapters:
+      - Reframe public service
       - Default to open
       - Get digital
       - Have a strategy

_includes/nav.html

@@ -28,7 +28,7 @@
     </div>
   </div>
 </header>
-<div class="bg-dark py-2 border-bottom">
+<div class="bg-dark border-bottom">
   <div class="container">
     <div class="row">
       <div class="col-12">

_includes/social.html

@@ -3,7 +3,7 @@
   {% for item in site.data.connect.docs %}
     {% if item.url %}
       <a href="{{ item.url }}" aria-label="{{ item.name }}">
-        <i class="{{ item.icon }} {{ site.data.connect.sm }}"></i>
+        <i class="{{ item.icon }} {{ site.data.connect.md }}"></i>
       </a>
     {% endif %}
   {% endfor %}
@@ -17,122 +17,133 @@
     {% endif %}
     {% if data.website %}
       <a href="{{ data.website }}" aria-label="Website">
-        <i class="{{ site.data.connect.website }} {{ site.data.connect.sm }}"></i>
+        <i class="{{ site.data.connect.website }} {{ site.data.connect.md }}"></i>
       </a>
     {% endif %}
     {% if data.email %}
       <a aria-label="Email" href="mailto:{{ data.email }}">
-        <i class=" {{ site.data.connect.email }} {{ site.data.connect.sm }}"></i>
+        <i class=" {{ site.data.connect.email }} {{ site.data.connect.md }}"></i>
       </a>
     {% endif %}
     {% if data.calendar %}
       <a aria-label="Calendar" href="{{ data.calendar }}">
-        <i class=" {{ site.data.connect.calendar }} {{ site.data.connect.sm }}"></i>
+        <i class=" {{ site.data.connect.calendar }} {{ site.data.connect.md }}"></i>
       </a>
     {% endif %}
     {% if data.subscribe %}
       <a href="{{ data.subscribe }}" aria-label="Subscribe">
-        <i class="{{ site.data.connect.subscribe }} {{ site.data.connect.sm }}"></i>
+        <i class="{{ site.data.connect.subscribe }} {{ site.data.connect.md }}"></i>
       </a>
     {% endif %}
     {% if data.patreon %}
       <a href="{{ data.patreon }}" aria-label="Patreon">
-        <i class="{{ site.data.connect.patreon }} {{ site.data.connect.sm }}"></i>
+        <i class="{{ site.data.connect.patreon }} {{ site.data.connect.md }}"></i>
       </a>
     {% endif %}
+    {% if data.bluesky %}
+      <a href="{{ data.bluesky }}" aria-label="Bluesky">
+        <i class="{{ site.data.connect.bluesky }} {{ site.data.connect.md }}"></i>
+      </a>
+    {% endif %}
+    {% if data.mastodon %}
+      <a href="{{ data.mastodon }}" aria-label="Mastodon">
+        <i class="{{ site.data.connect.mastodon }} {{ site.data.connect.md }}"></i>
+      </a>
+    {% endif %}
+
     {% if data.twitter %}
       <a href="{{ data.twitter }}" aria-label="Twitter">
-        <i class="{{ site.data.connect.twitter }} {{ site.data.connect.sm }}"></i>
+        <i class="{{ site.data.connect.twitter }} {{ site.data.connect.md }}"></i>
       </a>
     {% endif %}
     {% if data.linkedin %}
       <a href="{{ data.linkedin }}" aria-label="LinkedIn">
-        <i class="{{ site.data.connect.linkedin }} {{ site.data.connect.sm }}"></i>
+        <i class="{{ site.data.connect.linkedin }} {{ site.data.connect.md }}"></i>
       </a>
     {% endif %}
     {% if data.facebook %}
       <a href="{{ data.facebook }}" aria-label="Facebook">
-        <i class="{{ site.data.connect.facebook }} {{ site.data.connect.sm }}"></i>
+        <i class="{{ site.data.connect.facebook }} {{ site.data.connect.md }}"></i>
       </a>
     {% endif %}
     {% if data.figma %}
       <a href="{{ data.figma }}" aria-label="Figma">
-        <i class="{{ site.data.connect.figma }} {{ site.data.connect.sm }}"></i>
+        <i class="{{ site.data.connect.figma }} {{ site.data.connect.md }}"></i>
       </a>
     {% endif %}
     {% if data.github %}
       <a href="{{ data.github }}" aria-label="GitHub">
-        <i class="{{ site.data.connect.github }} {{ site.data.connect.sm }}"></i>
+        <i class="{{ site.data.connect.github }} {{ site.data.connect.md }}"></i>
       </a>
     {% endif %}
     {% if data.medium %}
       <a href="{{ data.medium }}" aria-label="Medium">
-        <i class="{{ site.data.connect.medium }} {{ site.data.connect.sm }}"></i>
+        <i class="{{ site.data.connect.medium }} {{ site.data.connect.md }}"></i>
       </a>
     {% endif %}
     {% if data.youtube %}
       <a href="{{ data.youtube }}" aria-label="YouTube">
-        <i class="{{ site.data.connect.youtube }} {{ site.data.connect.sm }}"></i>
+        <i class="{{ site.data.connect.youtube }} {{ site.data.connect.md }}"></i>
       </a>
     {% endif %}
     {% if data.vimeo %}
       <a href="{{ data.vimeo }}" aria-label="Vimeo">
-        <i class="{{ site.data.connect.vimeo }} {{ site.data.connect.sm }}"></i>
+        <i class="{{ site.data.connect.vimeo }} {{ site.data.connect.md }}"></i>
       </a>
     {% endif %}
     {% if data.instagram %}
       <a href="{{ data.instagram }}" aria-label="Instagram">
-        <i class="{{ site.data.connect.instagram }} {{ site.data.connect.sm }}"></i>
+        <i class="{{ site.data.connect.instagram }} {{ site.data.connect.md }}"></i>
       </a>
     {% endif %}
     {% if data.flickr %}
       <a href="{{ data.flickr }}" aria-label="Flickr">
-        <i class="{{ site.data.connect.flickr }} {{ site.data.connect.sm }}"></i>
+        <i class="{{ site.data.connect.flickr }} {{ site.data.connect.md }}"></i>
       </a>
     {% endif %}
     {% if data.figma %}
       <a href="{{ data.figma }}" aria-label="Figma">
-        <i class="{{ site.data.connect.figma }} {{ site.data.connect.sm }}"></i>
+        <i class="{{ site.data.connect.figma }} {{ site.data.connect.md }}"></i>
       </a>
     {% endif %}
     {% if data.tumblr %}
       <a href="{{ data.tumblr }}" aria-label="Tumblr">
-        <i class="{{ site.data.connect.tubmlr }} {{ site.data.connect.sm }}"></i>
+        <i class="{{ site.data.connect.tubmlr }} {{ site.data.connect.md }}"></i>
       </a>
     {% endif %}
     {% if data.library %}
       <a href="{{ data.library }}" aria-label="Library">
-        <i class="{{ site.data.connect.library }} {{ site.data.connect.sm }}"></i>
+        <i class="{{ site.data.connect.library }} {{ site.data.connect.md }}"></i>
       </a>
     {% endif %}
     {% if data.bookshop %}
       <a href="{{ data.bookshop }}" aria-label="Bookshop">
-        <i class="{{ site.data.connect.bookshop }} {{ site.data.connect.sm }}"></i>
+        <i class="{{ site.data.connect.bookshop }} {{ site.data.connect.md }}"></i>
       </a>
     {% endif %}
     {% if data.goodreads %}
       <a href="{{ data.goodreads }}" aria-label="GoodReads">
-        <i class="{{ site.data.connect.goodreads}} {{ site.data.connect.sm }}"></i>
+        <i class="{{ site.data.connect.goodreads}} {{ site.data.connect.md }}"></i>
       </a>
     {% endif %}
     {% if data.amazon %}
       <a href="{{ data.amazon }}" aria-label="Amazon">
-        <i class="{{ site.data.connect.amazon }} {{ site.data.connect.sm }}"></i>
+        <i class="{{ site.data.connect.amazon }} {{ site.data.connect.md }}"></i>
       </a>
     {% endif %}
     {% if data.apple %}
       <a href="{{ data.apple }}" aria-label="Apple">
-        <i class="{{ site.data.connect.apple }} {{ site.data.connect.sm }}"></i>
+        <i class="{{ site.data.connect.apple }} {{ site.data.connect.md }}"></i>
       </a>
     {% endif %}
     {% if data.spotify %}
       <a href="{{ data.spotify }}" aria-label="Spotify">
-        <i class="{{ site.data.connect.spotify }} {{ site.data.connect.sm }}"></i>
+        <i class="{{ site.data.connect.spotify }} {{ site.data.connect.md }}"></i>
       </a>
     {% endif %}
     {% if data.rss %}
       <a href="{{ data.rss }}" aria-label="RSS">
-        <i class="{{ site.data.connect.rss }} {{ site.data.connect.sm }}"></i>
+        <i class="{{ site.data.connect.rss }} {{ site.data.connect.md }}"></i>
       </a>
     {% endif %}
   </p>

_layouts/page.html

@@ -70,7 +70,9 @@ <h3>{{ author_data.title }}</h3>
               <div class="mb-3 mt-3">
                 {% include role.html %}
               </div>
-              {{ author_data.content }}
+              <div class="mb-4">
+                {{ author_data.content }}
+              </div>
               {% include social.html size = "small" %}
             </div>
             <div class="col-12 col-sm-12 col-md-3 col-lg-3 col-xl-3"></div>

_layouts/profile.html

@@ -19,7 +19,9 @@
           <div class="mb-4">
             {% include role.html %}
           </div>
-          {{ content }}
+          <div class="mb-2">
+            {{ content }}
+          </div>
           {% include social.html size = "small" %}
         </div>
       </div>