Initial attempt at About page. Trim home page. #7 (#11)

* Initial attempt at About page. Trim home page. #7 * Tweak language and hide new content until it's real --------- Co-authored-by: Ben Sheldon [he/him] <[email protected]>
civictechnologists · Jun 20, 2023 · babf170 · babf170
1 parent ce0f6e6
commit babf170
Show file tree

Hide file tree

Showing 14 changed files with 141 additions and 11 deletions.
diff --git a/_data/leaders.yml b/_data/leaders.yml
@@ -0,0 +1,11 @@
+- name: Mario Mario - Chief Executive Officer
+  description: Top plumber in the Mushroom Kingdom.
+
+- name: Luigi Mario - Chief Operating Officer
+  description: Second best plumber in the Mushroom Kingdom.
+
+- name: Mother Brain - Chief Financial Officer
+  description: Top researcher for Open Zebes
+
+- name: Ridley - Chief Technology Officer
+  description: Site manager, Open Zebes
diff --git a/_data/organizations.yml b/_data/organizations.yml
@@ -0,0 +1,14 @@
+- name: Open Zebes
+  url: https://www.nintendo.com/store/products/metroid-dread-switch/
+  icon: /assets/images/orgs/metroid.jpg
+  description: Open Zebes is a research organization dedicated to the protection and promotion of Metroids in our community. Funded in part by grants from the Space Pirate Research Office.
+
+- name: Code for Hyrule
+  url: https://www.nintendo.com/store/products/the-legend-of-zelda-tears-of-the-kingdom-switch/
+  icon: /assets/images/orgs/hyrule.png
+  description: Code for Hyrule helps people recover from the scourge of so-called "heroes" who break their pots and steal their hard-earned rupees.
+
+- name: Mushroom Kingdom Codes
+  url: https://www.amazon.com/New-Super-Mario-Bros-Deluxe-Nintendo/dp/B07HCZ7LPW
+  icon: /assets/images/orgs/mushroom.png
+  description: Helping to upskill local plumbers and other traditional industry professionals in technology.
diff --git a/_includes/item-list.html b/_includes/item-list.html
@@ -0,0 +1,22 @@
+<div class="row">
+{% for item in include.items %}
+  <article class="col-md-6 org">
+    <header class="org-header">
+      {% if item.icon %}
+        {% assign item_icon = item.icon %}
+        {% unless item.icon contains 'http' %}{% assign item_icon = item.icon | relative_url %}{% endunless %}
+        <img class="org-icon" src="{{ item.icon }}">
+      {% endif %}
+      <h3 class="org-name">{{ item.name }}</h3>
+    </header>
+    {% unless include.short %}
+      <section class="org-description">
+        {{ item.description }}
+        {% if item.url %}
+          <a href="{{ item.url }}">Website</a>
+        {% endif %}
+      </section>
+      {% endunless %}
+  </article>
+{% endfor %}
+</div>
diff --git a/_includes/nav.html b/_includes/nav.html
@@ -8,6 +8,9 @@
       <li class="nav-item mx-2">
         <a class="nav-link" aria-current="page" href="{{ "/" | relative_url }}">Home</a>
       </li>
+      <li class="nav-item mx-2">
+        <a class="nav-link" aria-current="page" href="{{ "/about" | relative_url }}">About</a>
+      </li>
       <li class="nav-item mx-2">
         <a class="nav-link" aria-current="page" href="{{ "/news" | relative_url }}">News</a>
       </li>

diff --git a/_layouts/base.html b/_layouts/base.html
@@ -14,7 +14,7 @@
     <link rel="icon" href="{{ "/assets/images/icon.png" | relative_url }}">
     <link rel="alternate" type="application/rss+xml" title="{{ site.title }} RSS" href="{{ "/feed.xml" | relative_url }}">
   </head>
-  <body>
+  <body class="page-{{ page.title | slugify }}">
     <!-- Google Analytcs -->
     <script async src="https://www.googletagmanager.com/gtag/js?id=G-FXFE368WBZ"></script>
     <script>

diff --git a/_layouts/post.html b/_layouts/post.html
@@ -8,8 +8,7 @@
 <div class="post-footer text-body-secondary">
   <p>
     The Alliance of Civic Technologists (ACT) is an organization that connects volunteer civic technology efforts in both technology and advocacy within local communities.
-    Formed in 2023, ACT's goal is to ensure the continuity and growth of civic technology volunteer communities across the United States, filling the
-    gap left by the sunsetting of Code for America's Brigade Network.
+    Formed in 2023, ACT's goal is to ensure the continuity and growth of civic technology volunteer communities across the United States.
   </p>
 </div>
 

diff --git a/_posts/2023-06-13-act-june-newsletter.markdown b/_posts/2023-06-13-act-june-newsletter.markdown
@@ -9,15 +9,15 @@ But first we wanted to give a big thank you to our initial volunteers and donors
 
 **Our First ACT Meeting**
 
-We’re giving former Brigades and interested local civic tech organizations until Friday, June 16th to sign their letters of intent and name their delegates. On Monday, June 19th we’ll send out a pool asking delegates to indicate their availability for our first meeting. If you are a local leader and haven't received your letter of intent, please email [[email protected]](mailto:[email protected]).
+We’re giving former members of Code for America Brigades and interested local civic tech organizations until Friday, June 16th to sign their letters of intent and name their delegates. On Monday, June 19th we’ll send out a pool asking delegates to indicate their availability for our first meeting. If you are a local leader and haven't received your letter of intent, please email [[email protected]](mailto:[email protected]).
 
 **New Logo!**
 
 If you’ve visited our website, [civictechnologists.org](https://civictechnologists.org), in the last week, you may have noticed that we have a new logo! The connected star logo was inspired by Code for Australia's original ‘network’ design with ACT taking a page out of Canada’s book and using the flag star to represent the US. Our colors are Old Glory Red and Democracy Blue. We wanted to give a big shout out to Molly McLeod (<https://www.mollymcleod.com/>) for the design.
 
 **Call for Feedback on our Vision, Mission and Values**
 
-In 2017, the Code for America Brigades came together at Brigade Congress and drafted a Mission/Vision/Operating Principles document that reflected the values of the Brigade network. Since that time, Code for America has taken the finalized document off their website. However, this document was preserved in Github and ACT has forked it as it’s a useful starting point for setting our own vision, mission, and values. You can comment and suggest changes [here](https://docs.google.com/document/d/1h-cNQtJrMZi3yaohQIJPMbxh4lnKzUQtI_Vm0ptBExA/edit). We’ll keep the comment section open until we formally adopt our governance structure.
+In 2017, the civic technology organizations came together at Code for America's Brigade Congress and drafted a Mission/Vision/Operating Principles document that reflected the values of the Brigade network. Since that time, Code for America has taken the finalized document off their website. However, this document was preserved in Github and ACT has forked it as it’s a useful starting point for setting our own vision, mission, and values. You can comment and suggest changes [here](https://docs.google.com/document/d/1h-cNQtJrMZi3yaohQIJPMbxh4lnKzUQtI_Vm0ptBExA/edit). We’ll keep the comment section open until we formally adopt our governance structure.
 
 **Stay in touch via Discord**
 

diff --git a/_sass/_about.scss b/_sass/_about.scss
@@ -0,0 +1,46 @@
+.org-list {
+  list-style: none;
+  padding-left: 0;
+  display: flex;
+  flex-wrap: wrap;
+
+  .org {
+    font-weight: bold;
+  }
+}
+
+.org {
+  margin-bottom: 1rem;
+}
+
+.org-header {
+  display: flex;
+  flex-direction: row;
+}
+
+.org-icon {
+  max-width: 50px;
+  max-height: 50px;
+  width: auto;
+  height: auto;
+  object-fit: scale-down;
+  margin-right: 0.5rem;
+}
+
+.org-name {
+  line-height: 50px;
+  margin-bottom: 0;
+}
+
+.page-home {
+  .org-icon {
+    max-width: 35px;
+    max-height: 35px;
+  }
+
+  .org-name {
+    font-family: $headings-font-family;
+    font-size: 1.6rem;
+    line-height: 35px;
+  }
+}
diff --git a/_sass/application.scss b/_sass/application.scss
@@ -4,6 +4,7 @@ $fa-font-path: "../fonts/fontawesome";
 @import "theme";
 @import "vendor/bootstrap/bootstrap";
 @import "posts";
+@import "about";
 
 .container {
   max-width: 55em;

diff --git a/about.markdown b/about.markdown
@@ -0,0 +1,33 @@
+---
+layout: default
+title: About
+---
+<header class="page-header">
+  <h1 class="page-title">About</h1>
+</header>
+
+<p>
+  The Alliance of Civic Technology (ACT) is a newly formed organization that will connect volunteer civic technology efforts, in both technology and advocacy, in their local communities. Our initial goal is to ensure the continuity and growth of civic technology volunteer communities across the United States, launching immediately to fill the gap left by the sunsetting of Code for America's Brigade program.
+</p>
+<p>
+  Civic technology organizations began with the idea that people want to give back to their local communities by tackling challenges that leverage their unique technical and advocacy skills. Civic technology volunteers joined these organizations to help people where we live. <strong>ACT is a decentralized network of civic tech volunteer organizations, providing opportunities to connect, strategize, and grow.</strong>
+</p>
+<p>
+  <strong>ACT is itself a community, one that builds with the communities we serve.</strong> As civic technologists, we go where the work is, talking with users and understanding  their needs. The people we serve are our partners in this work. We forge friendships and learn from them as we share our skills and support their work.
+</p>
+<p>
+  We advocate for changes in, both, technology and policies that enable more effective and equitable delivery of services to the people who rely on them.  We will  champion solutions that support the civil rights of our neighbors, as well as to call out those that would endanger them. <strong>As technologists working at a local level while also having a national perspective, we aim to join coalitions pushing for progressive policies at every level of government.</strong>
+</p>
+<p>
+  Currently, ACT is speaking with civic technology leaders in 16 cities, with Seattle, Dayton, Boston, and Oakland already signing letters of intent to participate in the co-creation process. We will continue to recruit initial member organizations, with our first meeting in June. Leaders of local civic technology organizations interested in participating should reach out to ACT leadership via at hello(at)civictechnologists.org
+</p>
+
+<!-- TODO
+<h2>Member Organizations</h2>
+
+{% include item-list.html items=site.data.organizations %}
+
+<h2>Leadership</h2>
+
+{% include item-list.html items=site.data.leaders %}
+-->
diff --git a/assets/images/orgs/hyrule.png b/assets/images/orgs/hyrule.png
diff --git a/assets/images/orgs/metroid.jpg b/assets/images/orgs/metroid.jpg
diff --git a/assets/images/orgs/mushroom.png b/assets/images/orgs/mushroom.png
diff --git a/index.markdown b/index.markdown
@@ -1,5 +1,6 @@
 ---
 layout: home
+title: Home
 ---
 
 <img src="{{ "/assets/images/logo.png" | relative_url }}" alt="" class="img-fluid" />
@@ -16,8 +17,8 @@ layout: home
 {% endif %}
 
 <div markdown="1">
-
-ACT is a newly formed organization that will connect volunteer civic technology efforts, in both technology and advocacy, in their local communities. Our initial goal is to ensure the continuity and growth of civic technology volunteer communities across the United States, launching immediately to fill the gap left by the sunsetting of Code for America's Brigade Network.
+  The Alliance of Civic Technology (ACT) is a newly formed organization that will connect volunteer civic technology efforts, in both technology and advocacy, in their local communities. Our initial goal is to ensure the continuity and growth of civic technology volunteer communities across the United States, launching immediately to fill the gap left by the sunsetting of Code for America's Brigade program. <a href="/about">Learn more about ACT.</a>
+</div>
 
 <div class="row mb-5">
   <div class="col-md-6 text-center">
@@ -36,10 +37,10 @@ ACT is a newly formed organization that will connect volunteer civic technology
   </div>
 </div>
 
-The original Brigades began with the idea that people want to give back to their local communities by tackling challenges that leverage their unique technical and advocacy skills. Civic technology volunteers joined these organizations to help people where we live. **ACT is a decentralized network of civic tech volunteer organizations, providing opportunities to connect, strategize, and grow.**
+<!-- TODO
+<h2>Member Organizations</h2>
 
-**ACT is itself a community, one that builds with the communities we serve.** As civic technologists, we go where the work is, talking with users and understanding  their needs. The people we serve are our partners in this work. We forge friendships and learn from them as we share our skills and support their work.
+{% include item-list.html items=site.data.organizations short=true %}
 
-We advocate for changes in, both, technology and policies that enable more effective and equitable delivery of services to the people who rely on them.  We will  champion solutions that support the civil rights of our neighbors, as well as to call out those that would endanger them. **As technologists working at a local level while also having a national perspective, we aim to join coalitions pushing for progressive policies at every level of government.**
 
-Currently, ACT is speaking with civic technology leaders in 16 cities with many former Brigades in Seattle, Dayton, Boston, and Oakland already signing letters of intent to participate in the co-creation process. We will continue to recruit initial member organizations, with our first meeting in June. Leaders of local civic technology organizations interested in participating should reach out to ACT leadership via at hello(at)civictechnologists.org
+-->