2017 survey

content/includes/form.html

@@ -1,4 +1,4 @@
-<form action="https://news.us10.list-manage.com/subscribe/post?u=49a6a2e17b12be2c5c4dcb232&amp;id=ffbbbbd930" method="post">
+<form action="https://news.us10.list-manage.com/subscribe/post?u=49a6a2e17b12be2c5c4dcb232&amp;id=ffbbbbd930" class="subscribe" method="post">
   <div aria-hidden="true" style="position: absolute; left: -5000px;">
     <input name="b_49a6a2e17b12be2c5c4dcb232_ffbbbbd930" tabindex="-1" type="text" value="">
   </div>

content/includes/style.css

@@ -69,12 +69,16 @@ main p {
   margin: 1.5em 0;
 }
 
+main ol,
 main ul {
-  list-style-type: square;
   margin: 1.5em 0;
   padding: 0 0 0 1em;
 }
 
+main ul {
+  list-style-type: square;
+}
+
 main blockquote {
   border-left: thin solid #d3d7cf;
   margin: 0;
@@ -86,23 +90,23 @@ main aside {
   margin: 1.5em 0;
 }
 
-main form {
+.subscribe {
   border: thin solid #d3d7cf;
   display: flex;
   line-height: 3em;
   margin: 1.5em auto;
   max-width: 20em;
 }
 
-main input {
+.subscribe input {
   border: none;
   font: inherit;
   padding: 0 0.5em;
   width: 100%;
   min-width: 0;
 }
 
-main button {
+.subscribe button {
   background: #3465a4;
   border: none;
   color: #ffffff;
@@ -111,6 +115,26 @@ main button {
   padding: 0 0.5em;
 }
 
+.survey .question {
+  margin: 1.5em 0;
+}
+
+.survey input,
+.survey textarea {
+  font: inherit;
+}
+
+.survey textarea {
+  display: block;
+  width: 100%;
+}
+
+.survey ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
 footer {
   border-top: thin solid #d3d7cf;
   margin: 1.5em 0 3em 0;