Various improvements to directories and design

content/_index.md

@@ -1,5 +1,5 @@
 ---
-title: "Exit to Community"
+title: ""
 description: "Stories and strategies for community ownership"
 hero_image: "/img/Frame_1_(6).png"
 hero_alt: "Exit to Community concept illustration"
@@ -37,17 +37,17 @@ hero_alt: "Exit to Community concept illustration"
     <div class="primary-card">
       <h3>Case Studies</h3>
       <p>Real examples of companies that have attempted or achieved community ownership transitions</p>
-      <a href="/case-studies/" class="button">Explore Cases</a>
+      <a href="/case-studies/" class="btn">Explore Cases</a>
     </div>
     <div class="primary-card">
       <h3>Legal Snippets</h3>
       <p>Legal documents and frameworks for implementing community ownership structures</p>
-      <a href="/legal-snippets/" class="button">View Legal Resources</a>
+      <a href="/legal-snippets/" class="btn">View Legal Resources</a>
     </div>
     <div class="primary-card">
       <h3>Resources</h3>
       <p>Educational materials, primers, and guides for Exit to Community transitions</p>
-      <a href="/resources/" class="button">Access Resources</a>
+      <a href="/resources/" class="btn">Access Resources</a>
     </div>
   </div>
 </div>

content/legal-snippets/airbnb-compensatory.md

@@ -6,8 +6,6 @@ tags:
 - Filing
 - Public-policy
 - United-States
-type: legal-snippet
-layout: single
 external_url: https://www.sec.gov/comments/s7-18-18/s71818-4403356-175575.pdf
 files_media: ../../Exit%20to%20Community%20Stories%20&%20Strategies%202ee6f9c491af45648511f5df33c5cfc5/s71818-4403356-175575.pdf
 ---

content/legal-snippets/alkemio.md

@@ -5,8 +5,6 @@ tags:
 - Investment
 - Netherlands
 - Steward-ownership
-type: legal-snippet
-layout: single
 external_url: https://www.alkemio.org/structure/
 files_media:
 - ../../Exit%20to%20Community%20Stories%20&%20Strategies%202ee6f9c491af45648511f5df33c5cfc5/Alkemio-PurchaseAgreement.pdf,

content/legal-snippets/co-op-builder.md

@@ -5,7 +5,5 @@ tags:
 - Australia
 - Bylaws
 - Cooperative
-type: legal-snippet
-layout: single
 external_url: https://bccm.coop/co-op-builder-tool/
 ---

content/legal-snippets/collabland.md

@@ -6,7 +6,5 @@ tags:
 - Cooperative
 - LCA
 - United-States
-type: legal-snippet
-layout: single
 external_url: https://help.collab.land/governance/charter
 ---

content/legal-snippets/fair-return-terms.md

@@ -4,7 +4,5 @@ description: Aiming to find a middle ground between a for-profit and not-for-pro
 tags:
 - Investment
 - UK
-type: legal-snippet
-layout: single
 files_media: ../../Exit%20to%20Community%20Stories%20&%20Strategies%202ee6f9c491af45648511f5df33c5cfc5/Sample_term_sheet__guardian_share.docx
 ---

content/legal-snippets/financing-shared-ownership.md

@@ -4,7 +4,5 @@ description: How policymakers can support the financing of shared ownership acro
 tags:
 - Public-policy
 - United-States
-type: legal-snippet
-layout: single
 external_url: https://democracypolicy.network/the-agenda/policy_kit/financing-shared-ownership
 ---

content/legal-snippets/ginkgo-bioworks.md

@@ -4,7 +4,5 @@ description: IPO with Class B Common Stock which grants employees and directors
 tags:
 - Filing
 - United-States
-type: legal-snippet
-layout: single
 external_url: https://www.sec.gov/Archives/edgar/data/1830214/000119312521275407/d172577d424b3.htm#rom172577_78
 ---

content/legal-snippets/indievc-term-sheet.md

@@ -4,7 +4,5 @@ description: Revenue-based equity financing term sheet with a 3x cap on return t
 tags:
 - Investment
 - United-States
-type: legal-snippet
-layout: single
 external_url: https://github.com/indievc/terms
 ---

content/legal-snippets/legge-marcora.md

@@ -4,7 +4,5 @@ description: Legal framework for enabling worker-ownership buyouts of endangered
 tags:
 - Italy
 - Public-policy
-type: legal-snippet
-layout: single
 external_url: https://www.researchgate.net/profile/Marcelo-Vieta/publication/316360529_THE_ITALIAN_ROAD_TO_RECUPERATING_ENTERPRISES_AND_THE_LEGGE_MARCORA_FRAMEWORK_Italy's_Worker_Buyouts_in_Times_of_Crisis/links/58fb664e0f7e9ba3ba5237d4/THE-ITALIAN-ROAD-TO-RECUPERATING-ENTERPRISES-AND-THE-LEGGE-MARCORA-FRAMEWORK-Italys-Worker-Buyouts-in-Times-of-Crisis.pdf
 ---

content/legal-snippets/main-street-phoenix-project.md

@@ -7,7 +7,5 @@ tags:
 - Investment
 - LCA
 - United-States
-type: legal-snippet
-layout: single
 external_url: https://www.dropbox.com/scl/fo/20gqmeee9j2zgn4sibt4r/AIEsVgetO6b4HJ7pGUfmHFI?rlkey=os0dz2a3pevaodbnj7btdwag8&e=7&st=lr1yadcj&dl=0
 ---

content/legal-snippets/right-to-own.md

@@ -3,7 +3,5 @@ title: 'Right To Own: A Policy Framework to Catalyze Worker Ownership Transition
 description: Reviews and proposes polices to encourage employee ownership conversions.
 tags:
 - Public-policy
-type: legal-snippet
-layout: single
 external_url: https://thenextsystem.org/rto
 ---

content/legal-snippets/shared-earnings-agreement-seal.md

@@ -3,7 +3,5 @@ title: Shared Earnings Agreement (SEAL)
 description: “The goal of a SEAL is to align the interests of investors and founders in a wide variety of outcomes, while giving founders full control of their business and keeping as much optionality as possible open for the business.”
 tags:
 - Investment
-type: legal-snippet
-layout: single
 external_url: https://calmfund.com/shared-earnings-agreement
 ---

content/legal-snippets/sharetribe.md

@@ -5,8 +5,6 @@ tags:
 - Bylaws
 - Finland
 - Investment
-type: legal-snippet
-layout: single
 external_url: https://drive.google.com/drive/u/1/folders/138TkcSEVCyjOXByM0QUR7M4iWch8u6tM
 files_media: ../../Exit%20to%20Community%20Stories%20&%20Strategies%202ee6f9c491af45648511f5df33c5cfc5/Sharetribes_Articles_of_Association_and_Shareholders_Agreement-20240522T043504Z-001.zip
 ---

content/legal-snippets/startup-term-sheet-with-3x-buyback.md

@@ -4,8 +4,6 @@ description: Term sheet provision with a government-backed venture firm with an
 tags:
 - Investment
 - Italy
-type: legal-snippet
-layout: single
 ---
 
 ## Exit dall’Investimento

content/resources/calculators.md

@@ -0,0 +1,11 @@
+---
+title: "Exit to Community Calculators"
+date: 2024-02-01
+description: "Post on tool development for assessing E2C readiness"
+url_external: https://medium.com/metagov/exit-to-community-calculators-a-framework-and-tool-to-help-organizations-assess-their-e2c-5fcbd006d227
+tags:
+- publication
+- tool
+#image:
+---
+

content/resources/cohort.md

@@ -1,12 +1,12 @@
 ---
-title: "Exit to Community cohort"
+title: "Interview with Tara Merk on E2C"
-date: 2020-12-08
+date: 2023-12-18
-description: "A cohort of entrepreneurs explored E2C options in the fall of 2020"
+description: "Featuring Merk on Alana Podrx's Friday Futures series"
-url_external: https://www.colorado.edu/lab/medlab/2020/12/08/meet-exit-community-cohort
+url_external: https://podrx.substack.com/p/exit-to-community
 tags:
 - academic
-- community
+- press
 #image:
 ---
 
-<iframe width="560" height="315" src="https://www.youtube.com/embed/IdwzoJhD9aQ?si=m9H88F1XkU-QZRuW" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+<iframe width="560" height="315" src="https://www.youtube.com/embed/bm9rItK4_VA?si=kdGOg3gfQkE7-M0l" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

content/resources/digital-kelsoism.md

@@ -1,6 +1,6 @@
 ---
 title: "Digital Kelsoism: Employee Stock Ownership as a Pattern for the Online Economy"
-date: 2020
+date: 2020-10-19
 external_url: https://osf.io/preprints/mediarxiv/m82zx_v1
 description: "Article by Nathan Schneider on lessons from employee stock ownership plans for E2C"
 tags:

content/resources/podrx-merk.md

@@ -0,0 +1,12 @@
+---
+title: "Interview with Tara Merk on E2C"
+date: 2023-12-18
+description: "Featuring Merk on Alana Podrx's Friday Futures series"
+url_external: https://podrx.substack.com/p/exit-to-community
+tags:
+- academic
+- press
+#image:
+---
+
+<iframe width="560" height="315" src="https://www.youtube.com/embed/bm9rItK4_VA?si=kdGOg3gfQkE7-M0l" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

content/resources/primer.md

@@ -3,7 +3,7 @@ title: "Exit to Community: A Community Primer"
 description: "Collaborative zine published in 2020 introducing the E2C idea"
 url_external: https://www.colorado.edu/lab/medlab/2020/08/31/exit-community-community-primer
 tags:
-- academic
+- getting-started
 - publication
 #image: 
 ---

content/resources/to-community.md

@@ -0,0 +1,9 @@
+---
+title: "To Community"
+description: "From Metagov, a set of strategies for bonding companies to communities"
+url_external: https://to.community/
+tags:
+- tool
+#image:
+---
+

content/resources/why-to-dao.md

@@ -0,0 +1,12 @@
+---
+title: "Why to DAO: a narrative analysis of the drivers of tokenized Exit to Community"
+date: 2024-07-19
+description: "Research paper by Tara Merk on motivations for community ownership"
+url_external: https://arxiv.org/abs/2407.14327
+tags:
+- academic
+- crypto
+- publication
+#image:
+---
+

layouts/_default/baseof.html

@@ -541,8 +541,8 @@
 
         /* Case study logo styling */
         .case-logo {
-            width: 64px;
+            width: 72px;
-            height: 64px;
+            height: 72px;
             object-fit: contain;
             border-radius: 8px;
             margin-bottom: 16px;

layouts/_default/list.html

@@ -29,7 +29,7 @@
         {{ if .Params.image }}
         <img src="{{ .Params.image }}" alt="{{ .Title }} logo" class="case-logo" />
         {{ end }}
-        <h3><a href="{{ .RelPermalink }}">{{ .Title }}</a></h3>
+        <h3><a href="{{ .RelPermalink }}" class="card-title-link">{{ .Title }}</a></h3>
         {{ if .Description }}
         <p>{{ .Description }}</p>
         {{ else if .Summary }}
@@ -40,11 +40,10 @@
         {{ if .Params.tags }}
         <div class="tags">
             {{ range .Params.tags }}
-            <span class="tag">{{ . }}</span>
+            <a href="?tag={{ . | urlize }}" class="tag">{{ . }}</a>
             {{ end }}
         </div>
         {{ end }}
-        <a href="{{ .RelPermalink }}" class="btn">Read More</a>
     </div>
     {{ end }}
 </div>
@@ -120,6 +119,36 @@
     margin: 0.25rem 0.25rem 0 0;
     border-radius: 0.25rem;
     font-size: 0.875rem;
+    text-decoration: none;
+    transition: all 0.2s ease;
+}
+
+.tag:hover {
+    background: var(--e2c-yellow);
+    color: var(--text-primary);
+    transform: translateY(-1px);
+}
+
+.card-title-link {
+    display: inline-block;
+    padding: 8px 16px;
+    background: var(--e2c-yellow);
+    color: var(--text-primary) !important;
+    text-decoration: none !important;
+    border-radius: 12px;
+    margin: 8px 0;
+    font-weight: 600;
+    font-size: 1.25rem;
+    transition: all 0.2s ease;
+    border: 2px solid var(--e2c-yellow);
+}
+
+.card-title-link:hover {
+    background: var(--e2c-dark-yellow);
+    border-color: var(--e2c-dark-yellow);
+    color: var(--text-primary) !important;
+    transform: translateY(-1px);
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
 }
 
 .card {
@@ -159,6 +188,10 @@ document.addEventListener('DOMContentLoaded', function() {
     const cardGrid = document.getElementById('cardGrid');
     const cards = Array.from(cardGrid.querySelectorAll('.card'));
     
+    // Check for URL parameter to pre-filter by tag
+    const urlParams = new URLSearchParams(window.location.search);
+    const preSelectedTag = urlParams.get('tag');
+    
     // Collect all unique tags
     const allTags = new Set();
     cards.forEach(card => {
@@ -173,10 +206,16 @@ document.addEventListener('DOMContentLoaded', function() {
         const option = document.createElement('option');
         option.value = tag;
         option.textContent = tag;
+        if (preSelectedTag && tag === preSelectedTag) {
+            option.selected = true;
+        }
         tagFilter.appendChild(option);
     });
     
     function updateTagFilter() {
+        // Store currently selected value
+        const currentSelection = tagFilter.value;
+        
         // Clear existing options except "All tags"
         tagFilter.innerHTML = '<option value="">All tags</option>';
         
@@ -196,6 +235,10 @@ document.addEventListener('DOMContentLoaded', function() {
             const option = document.createElement('option');
             option.value = tag;
             option.textContent = tag;
+            // Maintain selection if this tag was previously selected
+            if (tag === currentSelection) {
+                option.selected = true;
+            }
             tagFilter.appendChild(option);
         });
     }
@@ -250,7 +293,18 @@ document.addEventListener('DOMContentLoaded', function() {
     
     // Event listeners
     searchInput.addEventListener('input', filterAndSort);
-    tagFilter.addEventListener('change', filterAndSort);
+    tagFilter.addEventListener('change', function() {
+        // Update URL when tag filter changes
+        const selectedTag = tagFilter.value;
+        const url = new URL(window.location);
+        if (selectedTag) {
+            url.searchParams.set('tag', selectedTag);
+        } else {
+            url.searchParams.delete('tag');
+        }
+        window.history.replaceState({}, '', url);
+        filterAndSort();
+    });
     sortBy.addEventListener('change', filterAndSort);
     
     // Initial sort by title

layouts/_default/single.html

@@ -17,7 +17,7 @@
         {{ if .Params.tags }}
         <div class="tags">
             {{ range .Params.tags }}
-            <span class="tag">{{ . }}</span>
+            <a href="/{{ $.Section }}/?tag={{ . | urlize }}" class="tag">{{ . }}</a>
             {{ end }}
         </div>
         {{ end }}
@@ -91,6 +91,14 @@
     margin: 0.25rem 0.25rem 0 0;
     border-radius: 0.25rem;
     font-size: 0.875rem;
+    text-decoration: none;
+    transition: all 0.2s ease;
+}
+
+.tag:hover {
+    background: var(--e2c-yellow);
+    color: var(--text-primary);
+    transform: translateY(-1px);
 }
 </style>
 {{ end }}