diff options
| author | Raphael Kabo <raphaelkabo@hey.com> | 2024-02-28 22:40:33 +0000 |
|---|---|---|
| committer | Raphael Kabo <raphaelkabo@hey.com> | 2024-05-26 16:05:32 +0100 |
| commit | 28be7ca850f41352a1e4e43f0c7035bdeeff6e83 (patch) | |
| tree | 3d8bef1bec6dd3600c8ffb318c03b221ccb504b8 /views/publicEventList.handlebars | |
| parent | 53288fa3df3f828e99eaba679d436e65def2deb4 (diff) | |
New frontend styles, instance description functionality
Diffstat (limited to 'views/publicEventList.handlebars')
| -rw-r--r-- | views/publicEventList.handlebars | 23 |
1 files changed, 16 insertions, 7 deletions
diff --git a/views/publicEventList.handlebars b/views/publicEventList.handlebars index 1dbeffc..8dccaaa 100644 --- a/views/publicEventList.handlebars +++ b/views/publicEventList.handlebars @@ -1,12 +1,21 @@ <main class="page" x-data="{currentTab: 'events'}"> -<h2 class="mb-4">{{siteName}}</h2> -<p><strong>{{siteName}}</strong> runs on <a href="/about">Gathio</a> — a simple, federated, privacy-first event hosting platform.</p> -<ul class="nav nav-pills"> - <li class="nav-item"> - <a id="eventsTab" class="nav-link" x-bind:class="currentTab === 'events' && 'active'" aria-current="page" href="#" x-on:click.prevent="currentTab = 'events'">Events</a> + +<h2 class="mb-3 pb-2 text-center border-bottom">{{siteName}}</h2> + +{{#if instanceDescription}} + <div class="instance-description mb-4"> + {{{instanceDescription}}} + </div> +{{/if}} + +{{> instanceRules }} + +<ul class="nav d-flex flex-gap--small"> + <li> + <a id="eventsTab" class="button button--lg" x-bind:class="currentTab === 'events' ? 'button--primary' : 'button--secondary'" aria-current="page" href="#" x-on:click.prevent="currentTab = 'events'">Events</a> </li> - <li class="nav-item"> - <a id="groupsTab" class="nav-link" x-bind:class="currentTab === 'groups' && 'active'" href="#" x-on:click.prevent="currentTab = 'groups'">Groups</a> + <li> + <a id="groupsTab" class="button button--lg" x-bind:class="currentTab === 'groups' ? 'button--primary' : 'button--secondary'" href="#" x-on:click.prevent="currentTab = 'groups'">Groups</a> </li> </ul> |