edits

1 files changed, 64 insertions, 28 deletions

diff --git a/views/newevent.handlebars b/views/newevent.handlebars
index 9de2efd..57ee4d1 100755
--- a/views/newevent.handlebars
+++ b/views/newevent.handlebars
@@ -1,16 +1,72 @@
-<main class="page" x-data="{currentTab: null}">
-<h2 class="mb-3 pb-2 text-center border-bottom">{{t "views.newevent.pagetitle" }}</h2>
+<main class="page" x-data="{currentTab: 'event'}">
 <div class="container-fluid mb-4">
   <div class="row">
+    <details>
+            <summary>
+                <strong>Quiet reading belongs to you.</strong> Learn more about hosting your own events.<br>
+            </summary>
+            <div class="event">
+                <div>
+                    At quiet reading events, readers bring their own books, read for one hour,
+                    and then chat for one hour about books, literature, and arts. <strong>Start
+                    your own independently-operated quiet reading today!</strong>
+                </div>
+            </div>
+            <br>
+            <div class="event">
+                <div>
+                    <span class="event-time">1. Audience</span><br>
+                    If you&rsquo;re an individual, invite your friends, family, or classmates.
+                    <br>
+                    <br>
+                    If you run an event space, invite your regulars and local community.
+                    <br>
+                    <br>
+                    Quiet reading events generally do not require advance registration.
+                </div>
+            </div>
+            <br>
+            <div class="event">
+                <div>
+                    <span class="event-time">2. Location</span><br>
+                    For example: a park, library discussion room, community garden, apartment, cafe, or bar.
+                    <br>
+                    <br>
+                    A quiet environment is nice but silence is not required; readers can bring noise-cancelling headphones if they wish.
+                </div>
+            </div>
+            <br>
+            <div class="event">
+                <div>
+                    <span class="event-time">3. Time</span><br>
+                    Quiet reading can happen at mornings, afternoons, evenings, or nights. Weekly events are perfect for building community.
+                </div>
+            </div>
+            <br>
+            <div class="event">
+                <div>
+                    <span class="event-time">4. Promotion</span><br>
+                    Text, social media, flyers, venue website, local subreddit, and so on.
+                    <br><br>
+                    If you run a public space like a library, park, cafe, or bar, we can help advertise your independent event: contact <code>team@quietreading.org</code>.
+                </div>
+            </div>
+            <br>
+            <div class="event">
+                <div>
+                    <span class="event-time">5. Host</span><br>
+                    Quiet reading is designed to be a casual community meetup. There’s no need for a host: readers arrive, read, and then chat by themselves.
+                    <br>
+                    <br>
+                    Happy reading!
+                </div>
+            </details>
+  </div>
+<hr>
+  <div class="row">
     <div class="col-lg-4 p-2">
       <button type="button" id="showNewEventFormButton" class="button w-100" x-bind:class="currentTab === 'event' ? 'button--primary' : 'button--secondary'" x-on:click="currentTab = 'event'"><i class="fas fa-calendar-day"></i> {{t "views.newevent.neweventbutton" }}</button>
     </div>
-    <div class="col-lg-4 p-2">
-      <button type="button" id="showImportEventFormButton" class="button w-100" x-bind:class="currentTab === 'importEvent' ? 'button--primary' : 'button--secondary'" x-on:click="currentTab = 'importEvent'"><i class="fas fa-file-import"></i> {{t "views.newevent.importevent" }}</button>
-    </div>
-    <div class="col-lg-4 p-2">
-      <button type="button" id="showNewEventGroupFormButton" class="button w-100" x-bind:class="currentTab === 'group' ? 'button--primary' : 'button--secondary'" x-on:click="currentTab = 'group'"><i class="fas fa-calendar-alt"></i> {{t "views.newevent.neweventgroup" }} </button>
-    </div>
   </div>
 </div>
 
@@ -49,26 +105,6 @@
   {{>importeventform}}
 </div>
 
-<div id="newEventGroupFormContainer" x-show="currentTab === 'group'" style="display: none">
-  <h4 class="mb-2">{{t "views.newevent.newgroup" }}</h4>
-  <p class="text-muted">{{t "views.newevent.groupdesc" }}</p>
-  <p class="text-muted">{{{t "views.newevent.groupattention" }}}</p>
-  <form id="newEventGroupForm" enctype="multipart/form-data" x-data="newEventGroupForm()" @submit.prevent="submitForm">
-    {{> eventGroupForm }}
-    <div class="form-group row">
-      <div class="col-sm-12 pt-3 pb-3 text-center">
-        <button
-          type="submit"
-          class="button button--primary w-50"
-          x-bind:disabled="submitting"
-          x-bind:class="submitting ? 'button--loading' : ''"
-          x-text="submitting ? '{{t "common.creating" }}' : '{{t "common.create" }}'"
-        ></button>
-      </div>
-    </div>
-  </form>
-</div>
-
 </main>
 
 <script src="/js/generate-timezones.js"></script>