Added favicon and got Action Network forms working

content/.claude/settings.local.json

@@ -1,8 +0,0 @@
-{
-  "permissions": {
-    "allow": [
-      "WebFetch(domain:actionnetwork.org)"
-    ],
-    "deny": []
-  }
-}

content/add-your-story.md

@@ -8,10 +8,17 @@ We're curating stories from founding teams and allies to help people learn from
 Help us share it with people who can benefit from its lessons.
 
 <div class="contact-form-container">
-  <form class="e2c-contact-form" action="#" method="post">
+  <!-- Action Network Form Embed -->
+  <link href='https://actionnetwork.org/css/style-embed-v3.css' rel='stylesheet' type='text/css' />
+  <script src='https://actionnetwork.org/widgets/v3/form/e2c-website-story-form?format=js&source=widget&clear_id=true'></script>
+  <div id='can-form-area-e2c-website-story-form' style='width: 100%; margin-bottom: 24px;'></div>
+  
+  <!-- Fallback form for cases where JS is disabled -->
+  <noscript>
+  <form class="e2c-contact-form" action="https://actionnetwork.org/forms/e2c-website-story-form" method="post">
     <div class="form-group">
       <label for="country">Country *</label>
-      <select id="country" name="country" required>
+      <select id="country" name="person[country]" required>
         <option value="">Select your country</option>
         <option value="US">United States</option>
         <option value="CA">Canada</option>
@@ -40,19 +47,19 @@ Help us share it with people who can benefit from its lessons.
     </div>
     <div class="form-group">
       <label for="email">Email *</label>
-      <input type="email" id="email" name="email" required>
+      <input type="email" id="email" name="person[email]" required>
     </div>
     <div class="form-group">
       <label for="name">Name</label>
-      <input type="text" id="name" name="name">
+      <input type="text" id="name" name="person[given_name]">
     </div>
     <div class="form-group">
       <label for="organization">Organization</label>
-      <input type="text" id="organization" name="organization">
+      <input type="text" id="organization" name="person[employer]">
     </div>
     <div class="form-group">
       <label for="role">Role</label>
-      <input type="text" id="role" name="role">
+      <input type="text" id="role" name="person[occupation]">
     </div>
     <div class="form-group">
       <label for="experience_description">Briefly describe your experience with community ownership</label>
@@ -83,5 +90,6 @@ Help us share it with people who can benefit from its lessons.
     </div>
     <button type="submit" class="submit-btn">Submit</button>
   </form>
+  </noscript>
 </div>
 

content/contact.md

@@ -18,10 +18,17 @@ If you know of a company that has attempted or achieved an exit to community tra
 Want to plan your community exit strategy? Got experience or legal snippets you'd like to share? We'd love to hear from you!
 
 <div class="contact-form-container">
-  <form class="e2c-contact-form" action="#" method="post">
+  <!-- Action Network Form Embed -->
+  <link href='https://actionnetwork.org/css/style-embed-v3.css' rel='stylesheet' type='text/css' />
+  <script src='https://actionnetwork.org/widgets/v3/form/e2c-website-join-form?format=js&source=widget&clear_id=true'></script>
+  <div id='can-form-area-e2c-website-join-form' style='width: 100%; margin-bottom: 24px;'></div>
+  
+  <!-- Fallback form for cases where JS is disabled -->
+  <noscript>
+  <form class="e2c-contact-form" action="https://actionnetwork.org/forms/e2c-website-join-form" method="post">
     <div class="form-group">
       <label for="country">Country *</label>
-      <select id="country" name="country" required>
+      <select id="country" name="person[country]" required>
         <option value="">Select your country</option>
         <option value="US">United States</option>
         <option value="CA">Canada</option>
@@ -50,19 +57,19 @@ Want to plan your community exit strategy? Got experience or legal snippets you'
     </div>
     <div class="form-group">
       <label for="email">Email *</label>
-      <input type="email" id="email" name="email" required>
+      <input type="email" id="email" name="person[email]" required>
     </div>
     <div class="form-group">
       <label for="name">Name</label>
-      <input type="text" id="name" name="name">
+      <input type="text" id="name" name="person[given_name]">
     </div>
     <div class="form-group">
       <label for="organization">Organization</label>
-      <input type="text" id="organization" name="organization">
+      <input type="text" id="organization" name="person[employer]">
     </div>
     <div class="form-group">
       <label for="organization_url">Organization URL</label>
-      <input type="url" id="organization_url" name="organization_url" placeholder="https://">
+      <input type="url" id="organization_url" name="person[website]" placeholder="https://">
     </div>
     <div class="form-group">
       <label>Interests in E2C</label>
@@ -97,5 +104,6 @@ Want to plan your community exit strategy? Got experience or legal snippets you'
     </div>
     <button type="submit" class="submit-btn">Submit</button>
   </form>
+  </noscript>
 </div>
 

layouts/_default/baseof.html

@@ -5,6 +5,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>{{ if .Title }}{{ .Title }} - {{ end }}{{ .Site.Title }}</title>
     <meta name="description" content="{{ .Description | default .Site.Params.description }}">
+    <link rel="icon" type="image/x-icon" href="/favicon.ico">
+    <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
     
     <style>
         @import url('/fonts/space-grotesk-local.css');
@@ -654,7 +656,7 @@
 
         /* Contact Form Styling */
         .contact-form-container {
-            max-width: 500px;
+            max-width: 700px;
             margin: 2rem auto;
             padding: 2rem;
             background: var(--card-background);
@@ -786,19 +788,20 @@
                     <div class="newsletter-signup">
                         <!-- Action Network Email Subscription Form -->
                         <div id="e2c-newsletter-form">
-                            <form class="custom-newsletter-form" action="#" method="post">
+                            <link href='https://actionnetwork.org/css/style-embed-v3.css' rel='stylesheet' type='text/css' />
-                                <div class="form-group">
+                            <script src='https://actionnetwork.org/widgets/v3/form/e2c-website-newsletter-form?format=js&source=widget&clear_id=true'></script>
-                                    <input type="email" name="email" placeholder="Enter your email" required class="email-input">
+                            <div id='can-form-area-e2c-website-newsletter-form' style='width: 100%'></div>
-                                    <button type="submit" class="subscribe-btn">Subscribe</button>
+                            
-                                </div>
+                            <!-- Fallback for no-JS -->
-                            </form>
+                            <noscript>
+                                <form class="custom-newsletter-form" action="https://actionnetwork.org/forms/e2c-website-newsletter-form" method="post">
+                                    <div class="form-group">
+                                        <input type="email" name="person[email]" placeholder="Enter your email" required class="email-input">
+                                        <button type="submit" class="subscribe-btn">Subscribe</button>
+                                    </div>
+                                </form>
+                            </noscript>
                         </div>
-                        <!-- Replace the above form with actual Action Network embed code -->
-                        <!-- 
-                        <link href='https://actionnetwork.org/css/style-embed-v3.css' rel='stylesheet' type='text/css' />
-                        <script src='https://actionnetwork.org/widgets/v3/form/YOUR_FORM_ID?format=js&source=widget&clear_id=true'></script>
-                        <div id='can-form-area-YOUR_FORM_ID' style='width: 100%'></div>
-                        -->
                     </div>
                 </div>
                 <div class="footer-section">

package-lock.json

@@ -0,0 +1,6 @@
+{
+  "name": "e2c-how",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {}
+}

package.json

@@ -0,0 +1 @@
+{}