Added favicon and got Action Network forms working

This commit is contained in:
Nathan Schneider
2025-06-27 14:19:17 -06:00
parent 91356f7a0b
commit d2cd3e6c24
10 changed files with 51 additions and 33 deletions

View File

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

View File

@ -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>

View File

@ -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>

View File

@ -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' />
<script src='https://actionnetwork.org/widgets/v3/form/e2c-website-newsletter-form?format=js&source=widget&clear_id=true'></script>
<div id='can-form-area-e2c-website-newsletter-form' style='width: 100%'></div>
<!-- Fallback for no-JS -->
<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="email" placeholder="Enter your email" required class="email-input">
<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">

6
package-lock.json generated Normal file
View File

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

1
package.json Normal file
View File

@ -0,0 +1 @@
{}

BIN
static/favicon.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 19 KiB

BIN
static/logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 39 KiB