Small UX tweaks

content/_index.md

@@ -40,26 +40,6 @@ Exit to Community is a search for another way—a path where organizations can m
   </div>
 </div>
 
-<div class="main-sections">
-  <h2>Explore E2C</h2>
-  <div class="primary-cards">
-    <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="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="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="btn">Access Resources</a>
-    </div>
-  </div>
-</div>
 
 
 <div style="text-align: center; margin: 3rem 0;">

layouts/_default/single.html

@@ -22,6 +22,11 @@
         <p><small>Last updated: {{ .Date.Format "January 2, 2006" }}</small></p>
         {{ end }}
         <div class="tags-and-button">
+            {{ if .Params.external_url }}
+            <div class="article-external-button"><a href="{{ .Params.external_url }}" target="_blank" class="btn">Website</a></div>
+            {{ else if .Params.url_external }}
+            <div class="article-external-button"><a href="{{ .Params.url_external }}" target="_blank" class="btn">Website</a></div>
+            {{ end }}
             {{ if .Params.tags }}
             <div class="tags">
                 {{ range .Params.tags }}
@@ -29,11 +34,6 @@
                 {{ end }}
             </div>
             {{ end }}
-            {{ if .Params.external_url }}
-            <div class="article-external-button"><a href="{{ .Params.external_url }}" target="_blank" class="btn">Project Website</a></div>
-            {{ else if .Params.url_external }}
-            <div class="article-external-button"><a href="{{ .Params.url_external }}" target="_blank" class="btn">Project Website</a></div>
-            {{ end }}
         </div>
     </header>
     

layouts/index.html

@@ -1,6 +1,8 @@
 {{ define "main" }}
 {{ .Content }}
 
+{{ partial "explore-e2c.html" . }}
+
 <style>
 .featured-cases-section {
     margin: 4rem 0;

layouts/partials/explore-e2c.html

@@ -9,12 +9,12 @@
     <div class="primary-card">
       <h3>Legal Snippets</h3>
       <p>Legal documents and frameworks for implementing community ownership structures</p>
-      <a href="/legal-snippets/" class="btn">View Legal Resources</a>
+      <a href="/legal-snippets/" class="btn">Explore Legal Snippets</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="btn">Access Resources</a>
+      <a href="/resources/" class="btn">Explore Resources</a>
     </div>
   </div>
-</div>
+</div>

static/css/main.css

@@ -299,14 +299,14 @@ a:hover {
 
 .btn {
     display: inline-block;
-    padding: 12px 24px;
+    padding: 4px 12px;
     background: var(--e2c-yellow);
     color: var(--text-primary);
     text-decoration: none;
-    border-radius: 24px;
+    border-radius: 12px;
-    margin: 8px 0;
+    margin: 4px 0;
     font-weight: 500;
-    font-size: 15px;
+    font-size: 14px;
     transition: all 0.2s ease;
     border: 2px solid var(--e2c-yellow);
 }
@@ -725,24 +725,26 @@ a:hover {
 /* Tags and button layout for content pages */
 .tags-and-button {
     display: flex;
-    justify-content: space-between;
     align-items: flex-start;
     margin: 0.5rem 0;
     gap: 1rem;
+    flex-wrap: wrap;
 }
 
 .tags {
-    flex: 1;
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.5rem;
 }
 
 .tag {
     display: inline-block;
     background: #e9ecef;
     color: #495057;
-    padding: 0.25rem 0.5rem;
+    padding: 6px 10px;
     margin: 0.25rem 0.25rem 0 0;
-    border-radius: 0.25rem;
+    border-radius: 8px;
-    font-size: 0.875rem;
+    font-size: 14px;
     text-decoration: none;
     transition: all 0.2s ease;
 }
@@ -759,13 +761,8 @@ a:hover {
 
 @media (max-width: 768px) {
     .tags-and-button {
-        flex-direction: column;
         gap: 0.5rem;
     }
-    
-    .article-external-button {
-        align-self: flex-start;
-    }
 }
 
 @media (max-width: 768px) {