fork/Graphite
1
0
Fork 0
mirror of https://github.com/GraphiteEditor/Graphite.git synced 2026-10-05 01:58:11 +08:00
Code Issues Packages Projects Releases Wiki Activity

Add newsletter signup to website

Browse Source
This commit is contained in:
Keavon Chambers
2022-02-19 03:31:02 -08:00
parent 1fd8e9f0e9
commit acfa9ecaa4
2 changed files with 103 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files
website/sass/index.scss
+20 -1
View File
@@ -230,7 +230,25 @@
} }
#community { #community {
#newsletter form { #newsletter {
#newsletter-success {
background: var(--color-crimson);
margin-top: 40px;
padding: 40px;
width: 100%;
color: var(--color-fog);
box-sizing: border-box;
&:not(:target) {
display: none;
}
}
#newsletter-success:target ~ form {
display: none;
}
form {
width: 100%; width: 100%;
margin-top: 40px; margin-top: 40px;
display: flex; display: flex;
@@ -327,6 +345,7 @@
} }
} }
} }
}
#social .social-links { #social .social-links {
display: flex; display: flex;
website/templates/index.html
+6 -2
View File
@@ -223,11 +223,15 @@
Graphite is early in development and the most exciting, ambitious features are still to come. Enter your email below to receive only occasional announcements when major updates are Graphite is early in development and the most exciting, ambitious features are still to come. Enter your email below to receive only occasional announcements when major updates are
ready for your enjoyment. The first newsletter will likely be sent out for the Graphite alpha milestone 2 release, featuring node-based editing, later this year. ready for your enjoyment. The first newsletter will likely be sent out for the Graphite alpha milestone 2 release, featuring node-based editing, later this year.
</p> </p>
<div id="newsletter-success">
<h4>Thanks!</h4>
<p>You'll receive the first newsletter with the next major Graphite news.</p>
</div>
<form action="https://graphite.rs/newsletter-signup" method="post"> <form action="https://graphite.rs/newsletter-signup" method="post">
<div class="same-line"> <div class="same-line">
<div class="column name"> <div class="column name">
<label for="newsletter-name">First + last name:</label> <label for="newsletter-name">First + last name:</label>
<input id="newsletter-name" name="name" type="text" /> <input id="newsletter-name" name="name" type="text" required />
</div> </div>
<div class="column phone"> <div class="column phone">
<label for="newsletter-phone">Phone:</label> <label for="newsletter-phone">Phone:</label>
@@ -235,7 +239,7 @@
</div> </div>
<div class="column email"> <div class="column email">
<label for="newsletter-email">Email address:</label> <label for="newsletter-email">Email address:</label>
<input id="newsletter-email" name="email" type="email" /> <input id="newsletter-email" name="email" type="email" required />
</div> </div>
</div> </div>
<div class="column submit"> <div class="column submit">