spina-conferences-primer_theme 0.1.14 → 0.2.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 747d8e4bd24f28e085f7f25e067975bded223945166f790a946344366c698604
-  data.tar.gz: d048d050d8b62c38bc33b831d4fbf6f3426b50b32123bc1d9ec423abdbb26eea
+  metadata.gz: 156c5b1b40b3e0303fd92de0e04a6a62fb146698d85ddd59ed801ab2c78eab4f
+  data.tar.gz: 55f7bd8092847e2f43a4859355c2eb0c24511a4f524bb202adc9276a32bbe5f3
 SHA512:
-  metadata.gz: a095e0ddfb8342743f321c5e1b3b79c342e4c6a106a91957d0a94559e13d0e4d1fb587d1c36f6080b012027f194d59ba2e8f9cd19ff739b87cf74dd310f636ad
-  data.tar.gz: d6f67677691a3183b7b870031552fc7c0c4a9c98a7be245f9997d8f58d7168dfaa41275cf4766d63b8a4de0147c7019bca03310a9928d0c331a80cca2f2701ce
+  metadata.gz: c32c1e6944e047252b8b87a56a6fab462d66959d9e6b76ff64b6bafbe59ef9b679823a8ad7cf1389316ee3869a4c08641af42d173025a8d5b89d0ddd5a2d8e62
+  data.tar.gz: 46d2fe6eb4b871aed7b220851bc0c70b327db56721ef72b86578fa35383152e85e7bb3738aeea05ed07ddcaf59d8dd2333d2b24182d4c311a1e18785eaa022f0

data/app/assets/config/spina_conferences_primer_theme_manifest.js

@@ -4,6 +4,5 @@
 
 //= link @github/details-dialog-element/dist/index.js
 //= link @github/include-fragment-element/dist/index.js
-//= link @github/tab-container-element/dist/index.js
 //= link @github/filter-input-element/dist/index.js
 //= link @github/details-menu-element/dist/index.js

data/app/assets/javascripts/spina/conferences/primer_theme/application.js

@@ -1,6 +1,5 @@
 //= require stimulus
 //= require_directory ./controllers
-//= require turbolinks
 
 // eslint-disable-next-line no-undef
 const application = Stimulus.Application.start()

data/app/assets/stylesheets/spina/conferences/primer_theme/application.sass

@@ -1,13 +1,16 @@
+@import "@github/details-dialog-element/dist"
+
 @import spina/conferences/primer_theme/custom
+@import "@primer/css"
+@import "@primer/octicons"
+
+.admin
+  @import "spina/admin_editing"
+  #admin_bar
+    font-family: 'Metropolis', sans-serif
 
-@import primer
-@import github
-@import turbolinks
-@import admin
+.turbo-progress-bar
+  background-color: white
 
-img
-  max-width: 100%
-  object-fit: cover
-  object-position: top left
 address
   font-style: normal

data/app/controllers/spina/conferences/primer_theme/conferences_controller.rb

@@ -5,7 +5,7 @@ module Spina
     module PrimerTheme
       # User-facing controller for conferences, serving both html and ics
       class ConferencesController < ApplicationController
-        before_action :set_conference, :set_tab, :set_presentation_type, :set_breadcrumb, only: :show
+        before_action :set_conference, :set_tab, :set_presentation_type, :set_presentations, :set_breadcrumb, only: :show
         before_action :set_metadata
 
         def index
@@ -25,6 +25,7 @@ module Spina
                                                                 presentation_types: [:translations],
                                                                 presentations: [session: [:room], presenters: [:institution]])
                                                       .find(params[:id])
+          @conference.view_context = view_context
         rescue ActiveRecord::RecordNotFound
           send_file Rails.root.join('public/404.html'), type: 'text/html; charset=utf-8', status: 404
         end
@@ -34,13 +35,19 @@ module Spina
         end
 
         def set_presentation_type
-          @presentation_type = if params[:presentation_type].present?
-                                 @conference.presentation_types
+          if params[:presentation_type].present?
+            @presentation_type = @conference.presentation_types
                                             .includes(presentations: [session: [:room], presenters: [:institution]])
                                             .find(params[:presentation_type])
-                               else
-                                 @conference
-                               end
+          end
+        end
+
+        def set_presentations
+          @presentations = if @presentation_type.present?
+                             @presentation_type.presentations.page(params[:page])
+                           else
+                             @conference.presentations.page(params[:page])
+                           end
         end
 
         def set_breadcrumb

data/app/helpers/spina/conferences/primer_theme/application_helper.rb

@@ -7,8 +7,9 @@ module Spina
       module ApplicationHelper
         include Spina::PagesHelper
 
-        def latest_conference
-          Spina::Admin::Conferences::Conference.sorted.first
+        # Because the upper bound is exclusive a conference is current the day after it ends
+        def current_conference
+          Spina::Admin::Conferences::Conference.order(dates: :asc).find_by('upper(dates) >= ?', Date.today)
         end
 
         def ancestors
@@ -16,24 +17,12 @@ module Spina
 
           render Primer::BreadcrumbComponent.new(mb: 4) do |component|
             current_page.ancestors.each do |ancestor|
-              component.slot(:item, href: ancestor.materialized_path) { ancestor.menu_title }
+              component.item(href: ancestor.materialized_path) { ancestor.menu_title }
             end
-            component.slot(:item, selected: true) { current_page.menu_title }
+            component.item(selected: true) { current_page.menu_title }
           end
         end
 
-        def partable_for(*part_names, parent: current_page)
-          association = case parent
-                        when Spina::Page then :page_partable
-                        when Spina::StructureItem then :structure_partable
-                        when Spina::Account then :layout_partable
-                        else :partable
-                        end
-          parts = parent.parts.where(name: part_names)
-          partables = parts.collect { |part| part.try(association) }
-          [*parts, *partables]
-        end
-
         def calendar(name:, &block)
           # noinspection SpellCheckingInspection
           block ||= proc { '' }

data/app/views/conferences_primer_theme/pages/about.html.haml

@@ -1,22 +1,92 @@
 - cache current_page do
-  %h1= current_page.title
+  = render(Primer::HeadingComponent.new) { current_page.title }
+
+  - if content(:text).present?
+    = render(Primer::MarkdownComponent.new(mt: 4)) { content.html(:text) }
+  - if content(:contact).present?
+    = render Primer::SubheadComponent.new(mt: 4) do |component|
+      = component.heading { t :'.contact.title' }
+    = render(Primer::MarkdownComponent.new) { content.html(:contact) }
 
-  - cache partable_for(:text) do
-    - if has_content? :text
-      .mt-4= render partial: 'text', object: content(:text)
-  - cache partable_for(:contact) do
-    - if has_content? :contact
-      .mt-4= render partial: 'contact', object: content(:contact)
   .clearfix.gutter
-    - cache partable_for(:constitution) do
-      .mt-4.col-12.col-md-6.float-md-left= render partial: 'constitution', object: content(:constitution)
-    - cache [partable_for(:minutes), content(:minutes)&.structure_items,
-             content(:minutes)&.structure_items&.collect_concat(&:structure_parts)&.collect(&:structure_partable)] do
-      .mt-4.col-12.col-md-6.float-md-left= render partial: 'minutes', object: content(:minutes)
-    - cache [partable_for(:documents), content(:documents)&.structure_items,
-             content(:documents)&.structure_items&.collect_concat(&:structure_parts)&.collect(&:structure_partable)] do
-      .mt-4.col-12.col-md-12.float-md-left= render partial: 'documents', object: content(:documents)
-  - cache [partable_for(:partner_societies), content(:partner_societies)&.structure_items,
-           content(:partner_societies)&.structure_items&.collect_concat(&:structure_parts)&.collect(&:structure_partable)] do
-    - if has_content?(:partner_societies) && content(:partner_societies).structure_items.any?
-      .mt-4= render partial: 'partner_societies', object: content(:partner_societies)
+    = render Primer::BoxComponent.new(mt: 4, col: [12, nil, 6, nil], float: [nil, nil, :left, nil]) do
+      = render Primer::SubheadComponent.new do |component|
+        = component.heading { t :'.constitution.title' }
+      - if content(:constitution).present?
+        = render Primer::FlexComponent.new(align_items: :center, py: 1) do
+          = render Primer::FlexItemComponent.new(flex_auto: true, pr: 1) do
+            = t :'.constitution.uploaded',
+                date: l(Spina::Attachment.find(content(:constitution).attachment_id).created_at.to_date, format: :long)
+          = render Primer::ButtonComponent.new(tag: :a, href: content.attachment_url(:constitution), ml: 2, download: '') do
+            = render Primer::OcticonComponent.new('desktop-download')
+            = t :'.constitution.download'
+      - else
+        = render Primer::BlankslateComponent.new(title: t(:'.constitution.no_constitution'), icon: 'law')
+
+    = render Primer::BoxComponent.new(mt: 4, col: [12, nil, 6, nil], float: [nil, nil, :left, nil]) do
+      = render Primer::SubheadComponent.new do |component|
+        = component.heading { t :'.minutes.title' }
+      - if content(:minutes).present?
+        %ul
+          - repeater :minutes do |minutes_entry|
+            %li.list-style-none.py-1.d-flex.flex-items-center
+              = render Primer::FlexItemComponent.new(flex_auto: true) do
+                - if minutes_entry.content(:date).present?
+                  = t(:'.minutes.minutes_for_html', date: time_tag(minutes_entry.content(:date)))
+                - else
+                  = t(:'.minutes.no_date')
+              - if minutes_entry.content(:attachment).present?
+                = render Primer::ButtonComponent.new(tag: :a, ml: 2, href: minutes_entry.content.attachment_url(:attachment),
+                                                     download: '') do
+                  = render Primer::OcticonComponent.new('desktop-download')
+                  = t(:'.minutes.download')
+              - else
+                = render(Primer::TextComponent.new(color: :text_secondary, font_size: 6)) { t :'.minutes.no_file' }
+      - else
+        = render Primer::BlankslateComponent.new(title: t(:'.minutes.no_minutes'), icon: 'file')
+
+    = render Primer::BoxComponent.new(mt: 4, col: [12, nil, 6, nil], float: [nil, nil, :left, nil]) do
+      - if content(:documents).present?
+        = render Primer::SubheadComponent.new do |component|
+          = component.heading { t :'.documents.title' }
+        %ul
+          - repeater :documents do |document|
+            %li.list-style-none.py-1.d-flex.flex-items-center
+              = render(Primer::TextComponent.new(tag: :div, flex: :auto)) { document.content(:name).presence ||  t(:'.documents.no_name') }
+              - if document.content(:attachment).present?
+                = render Primer::ButtonComponent.new(tag: :a, ml: 2, href: document.content.attachment_url(:attachment), download: '') do
+                  = render Primer::OcticonComponent.new('desktop-download')
+                  = t :'.documents.download'
+              - else
+                = render(Primer::TextComponent.new(tag: :div, font_size: 6, color: :text_secondary)) { t :'.documents.no_file' }
+
+  = render Primer::SubheadComponent.new do |component|
+    = component.heading { t :'.partner_societies.title' }
+  - if content(:partner_societies).present?
+    %ul
+      - repeater :partner_societies do |partner_society|
+        %li.list-style-none.py-4.border-bottom
+          = render Primer::FlexComponent.new(direction: [:column, nil, :row_reverse, nil], align_items: :start) do
+            = render Primer::BaseComponent.new(tag: :div, flex: :auto) do
+              = render Primer::HeadingComponent.new(tag: :h3, mb: 1) do
+                = render Primer::FlexComponent.new(flex_wrap: true, justify_content: :space_between) do
+                  - if partner_society.content(:name).present?
+                    = render(Primer::TextComponent.new(tag: :div)) { partner_society.content(:name) }
+                  = render Primer::ButtonGroupComponent.new(aria: { label: t(:'.partner_societies.contact_buttons') }) do |component|
+                    - if partner_society.content(:website).present?
+                      = component.button(tag: :a, href: partner_society.content(:website)) do
+                        = render Primer::OcticonComponent.new('browser')
+                        = t(:'.partner_societies.website')
+                    - if partner_society.content(:email_address).present?
+                      = component.button(tag: :a, href: "mailto:#{partner_society.content(:email_address)}") do
+                        = render Primer::OcticonComponent.new('mail')
+                        = t(:'.partner_societies.email')
+              - if partner_society.content(:description).present?
+                = render Primer::MarkdownComponent.new(color: :text_secondary) do
+                  = partner_society.content(:description).try(:html_safe)
+            - if partner_society.content(:logo).present?
+              = partner_society.content.image_tag(:logo, { resize_to_limit: [200, 150] }, size: nil, draggable: false,
+                                                  srcset: srcset(partner_society.content(:logo), variant: { resize_to_limit: [200, 150] }),
+                                                  class: %w[mt-4 mt-md-0 mr-md-4])
+  - else
+    = render Primer::BlankslateComponent.new(title: t(:'.partner_societies.no_societies'), icon: 'organization')

data/app/views/conferences_primer_theme/pages/committee.html.haml

@@ -1,10 +1,42 @@
 - cache current_page do
-  %h1= current_page.title
-  
-  - cache partable_for(:text) do
-    - if has_content? :text
-      .mt-4= render partial: 'text', object: content(:text)
-  - cache [partable_for(:committee_bios), content(:committee_bios)&.structure_items,
-           content(:committee_bios)&.structure_items&.collect_concat(&:structure_parts)&.collect(&:structure_partable)] do
-    - if has_content?(:committee_bios) && content(:committee_bios).structure_items.any?
-      .mt-4= render partial: 'committee_bios', object: content(:committee_bios)
+  = render(Primer::HeadingComponent.new) { current_page.title }
+
+  - if content(:text).present?
+    = render(Primer::MarkdownComponent.new(mt: 4)) { content.html(:text) }
+
+  - if content(:committee_bios).present?
+    %ul.mt-4
+      - repeater(:committee_bios) do |committee_bio|
+        %li.list-style-none.py-4.border-bottom
+          = render Primer::FlexComponent.new(direction: [:column, nil, :row, nil], align_items: :start) do
+            - if committee_bio.content(:profile_picture).present?
+              = render Primer::AvatarComponent.new(src: committee_bio.content.image_url(:profile_picture, resize_to_fill: [150, 150]),
+                                                   srcset: srcset_string(committee_bio.content(:profile_picture),
+                                                                         variant: { resize_to_fill: [150, 150] }),
+                                                   draggable: false, alt: committee_bio.content(:profile_picture).alt, size: 150,
+                                                   mr: [nil, nil, 3, nil], mb: [3, nil, 0, nil], flex_shrink: 0)
+            = render Primer::FlexItemComponent.new(flex_auto: true) do
+              = render Primer::FlexComponent.new(direction: [:column, nil, :row, nil], mb: 1) do
+                = render Primer::BoxComponent.new do
+                  - if committee_bio.content(:name).present?
+                    = render(Primer::HeadingComponent.new(tag: :h3)) do
+                      - if committee_bio.content(:role).present?
+                        = t :'.name_and_role', name: committee_bio.content(:name), role: committee_bio.content(:role)
+                      - else
+                        = committee_bio.content(:name)
+                  - if committee_bio.content(:institution).present?
+                    = render(Primer::HeadingComponent.new(tag: :h4)) { committee_bio.content(:institution) }
+                = render Primer::ButtonGroupComponent.new(mt: [1, nil, 0, nil], ml: [nil, nil, 1, nil],
+                                                          aria: { label: t(:'.contact_buttons') }) do |component|
+                  - if committee_bio.content(:twitter_profile).present?
+                    = component.button(tag: :a, href: committee_bio.content(:twitter_profile)) do
+                      = render Primer::OcticonComponent.new('link-external')
+                      = t(:'.twitter')
+                  - if committee_bio.content(:facebook_profile).present?
+                    = component.button(tag: :a, href: committee_bio.content(:facebook_profile)) do
+                      = render Primer::OcticonComponent.new('link-external')
+                      = t(:'.facebook')
+              - if committee_bio.content(:bio).present?
+                = render(Primer::TextComponent.new(tag: :div, color: :text_secondary)) { committee_bio.content.html(:bio) }
+  - else
+    = render Primer::BlankslateComponent.new(title: t(:'.no_bios'), icon: 'file')

data/app/views/conferences_primer_theme/pages/events.html.haml

@@ -1,12 +1,59 @@
 - cache current_page do
-  %h1= current_page.title
+  = render(Primer::HeadingComponent.new) { current_page.title }
 
-  - cache partable_for(:text) do
-    - if has_content? :text
-      .mt-4= render partial: 'text', object: content(:text)
-  - cache [partable_for(:events_list), content(:events_list)&.structure_items, 
-           content(:events_list)&.structure_items&.collect_concat(&:structure_parts)&.collect(&:structure_partable)] do
-    - if has_content?(:events_list) && content(:events_list).structure_items.any?
-      .mt-2= render partial: 'events_list', object: content(:events_list)
-    - else
-      = render Primer::BlankslateComponent.new(title: t(:'.no_events'), icon: 'calendar')
+  - if content(:text).present?
+    = render(Primer::MarkdownComponent.new(mt: 4)) { content.html(:text) }
+
+  - if content(:events_list).present?
+    = render Primer::SubheadComponent.new(mt: 4) do |component|
+      = component.heading { t :'.upcoming' }
+    - content(:events_list).filter { |event| event.content(:start_time).blank? || event.content(:start_time) >= Time.now }.then do |events|
+      - if events.any?
+        %ul
+          - repeater(events) do |event|
+            %li.list-style-none.py-4.border-bottom
+              = render Primer::FlexComponent.new(direction: :column, align_items: :start) do
+                - if event.content(:name).present?
+                  = render(Primer::HeadingComponent.new(tag: :h3, flex: :auto)) { event.content(:name) }
+                = render Primer::HeadingComponent.new(tag: :h4, flex: :auto) do
+                  - if event.content(:start_time).present?
+                    = t(:'.time_and_place_html',
+                        time: time_tag(event.content(:start_time), format: :ordinal_datetime_with_year),
+                        place: event.content(:location).presence || t('.location_tbc'))
+                  - else
+                    = t(:'.time_and_place_html', time: t('.time_tbc'), place: event.content(:location).presence || t('.location_tbc'))
+                - if event.content(:description).present?
+                  = render(Primer::TextComponent.new(mt: 1, color: :text_secondary)) { event.content.html(:description) }
+                - if event.content(:url).present?
+                  = render Primer::ButtonComponent.new(tag: :a, href: event.content(:url), mt: 2) do
+                    = render Primer::OcticonComponent.new('link-external')
+                    = t :'.more_info'
+      - else
+        = render Primer::BlankslateComponent.new(title: t(:'.no_events'), icon: 'calendar')
+    = render Primer::SubheadComponent.new(mt: 4) do |component|
+      = component.heading { t :'.past' }
+    - content(:events_list).filter { |event| event.content(:start_time).present? && event.content(:start_time) < Time.now }.then do |events|
+      - if events.any?
+        %ul
+          - repeater(events) do |event|
+            %li.list-style-none.py-4.border-bottom
+              = render Primer::FlexComponent.new(direction: :column, align_items: :start) do
+                - if event.content(:name).present?
+                  = render(Primer::HeadingComponent.new(tag: :h3, flex: :auto)) { event.content(:name) }
+                = render Primer::HeadingComponent.new(tag: :h4, flex: :auto) do
+                  - if event.content(:start_time).present?
+                    = t(:'.time_and_place_html',
+                        time: time_tag(event.content(:start_time), format: :ordinal_datetime_with_year),
+                        place: event.content(:location).presence || t('.location_tbc'))
+                  - else
+                    = t(:'.time_and_place_html', time: t('.time_tbc'), place: event.content(:location).presence || t('.location_tbc'))
+                - if event.content(:description).present?
+                  = render(Primer::TextComponent.new(mt: 1, color: :text_secondary)) { event.content.html(:description) }
+                - if event.content(:url).present?
+                  = render Primer::ButtonComponent.new(tag: :a, href: event.content(:url), mt: 2) do
+                    = render Primer::OcticonComponent.new('link-external')
+                    = t :'.more_info'
+      - else
+        = render Primer::BlankslateComponent.new(title: t(:'.no_events'), icon: 'calendar')
+  - else
+    = render Primer::BlankslateComponent.new(title: t(:'.no_events'), icon: 'calendar')

data/app/views/conferences_primer_theme/pages/homepage.html.haml

@@ -1,5 +1,30 @@
 - content_for :hero do
-  - cache [current_page, partable_for(:gallery), latest_conference] do
-    = render partial: 'homepage_content',
-             layout: has_content?(:gallery) && content(:gallery).images.any? ? 'image_collection' : 'jumbotron',
-             locals: { conference: latest_conference, advance: true, image_collection: content(:gallery) }
+  - cache [current_page, current_conference] do
+    = render Primer::BoxComponent.new(position: :relative, style: 'height: 639px') do
+      = render Primer::BoxComponent.new(position: :absolute, top: false, left: false, right: false, bottom: false,
+                                        style: 'background-color: var(--color-bg-backdrop)')
+      - if content(:gallery).present?
+        = render Primer::FlexComponent.new(position: :absolute, top: false, left: false, right: false, bottom: false, style: 'z-index: 1',
+                                           flex_direction: :column, justify_content: :center, align_items: :center,
+                                           data: { controller: :slideshow, slideshow_incrementer: 0, slideshow_advance: true }) do
+          - content(:gallery).each_with_index do |image, index|
+            = content.image_tag(image, { resize_to_limit: [1680, 1680] }, draggable: false, hidden: index != 0,
+                                srcset: srcset(image, variant: { resize_to_limit: [1680, 1680] }),
+                                style: 'object-fit: cover; max-width: max-content; max-height: max-content',
+                                data: { slideshow_target: 'slide' }, class: %w[width-full height-full])
+      .container-lg.p-responsive.position-relative.text-white.height-full{ style: 'z-index: 2' }
+        = render Primer::BoxComponent.new(py: [3, nil, nil, 6]) do
+          .text-shadow-dark
+            - if current_conference.present?
+              = render(Primer::HeadingComponent.new(tag: :h1, classes: 'h000-mktg lh-condensed-ultra')) { current_conference.name }
+              = render Primer::TextComponent.new(tag: :address, classes: 'f2-light') do
+                = current_conference.institutions.collect(&:name).to_sentence
+              = render(Primer::TextComponent.new(tag: :time, classes: 'f2-light')) do
+                = t :'.dates_html', start_date: time_tag(current_conference.start_date, format: :day_and_month),
+                                    finish_date: time_tag(current_conference.finish_date, format: :day_and_month)
+            - else
+              = render(Primer::HeadingComponent.new(tag: :h1, classes: 'h000-mktg lh-condensed-ultra')) { Spina::Account.first.name }
+          - if current_conference.present? && current_conference.finish_date >= Date.today
+            = link_to t('.more_info'), frontend_conference_path(current_conference),
+                      class: %w[btn-mktg btn-large-mktg btn-primary-mktg f3 mt-4]
+          .text-shadow-dark= render(Primer::MarkdownComponent.new(my: 4)) { content(:text).try(:html_safe) }

data/app/views/conferences_primer_theme/pages/information.html.haml

@@ -1,6 +1,5 @@
 - cache current_page do
-  %h1= current_page.title
-  
-  - cache partable_for(:text) do
-    - if has_content? :text
-      .mt-4= render partial: 'text', object: content(:text)
+  = render(Primer::HeadingComponent.new) { current_page.title }
+
+  - if content(:text).present?
+    = render(Primer::MarkdownComponent.new(mt: 4)) { content.html(:text) }

data/app/views/conferences_primer_theme/pages/show.html.haml

@@ -1,2 +1,2 @@
 - cache current_page do
-  %h1= current_page.title
+  = render(Primer::HeadingComponent.new) { current_page.title }

data/app/views/layouts/spina/conferences/primer_theme/application.html.haml

@@ -1,5 +1,5 @@
 !!!
-%html.height-full{ lang: I18n.locale }
+%html{ lang: I18n.locale, data: { color_mode: 'auto', light_theme: 'light', dark_theme: 'dark' } }
   %head
     %meta{ charset: 'utf-8' }
     %meta{ name: 'author', content: author }
@@ -15,23 +15,25 @@
     = render 'spina/shared/analytics'
     = stylesheet_link_tag 'spina/conferences/primer_theme/application', media: 'all', data: { turbolinks_track: true }
     = javascript_include_tag 'spina/conferences/primer_theme/application', data: { turbolinks_track: true }
+    = javascript_include_tag 'turbo', type: 'module'
     %script{ type: 'module', src: asset_path('@github/details-dialog-element/dist/index.js') }
     %script{ type: 'module', src: asset_path('@github/include-fragment-element/dist/index.js') }
-    %script{ type: 'module', src: asset_path('@github/tab-container-element/dist/index.js') }
     %script{ type: 'module', src: asset_path('@github/filter-input-element/dist/index.js') }
     %script{ type: 'module', src: asset_path('@github/details-menu-element/dist/index.js') }
     = yield :head
   %body
-    .admin= render 'spina/shared/admin_bar'
+    - if current_spina_user.present?
+      .admin= render 'spina/shared/admin_bar'
     %header= render 'navigation'
     = render 'current_conference_alert'
+    - if content_for? :flash
+      .flash-messages= yield :flash
     %main
-      - if content_for? :flash
-        .flash-messages= yield :flash
       = yield :hero
       - if content_for? :breadcrumbs
         .container-lg.p-responsive.mt-4= yield :breadcrumbs
       = yield :header
       .container-lg.p-responsive.mt-4= yield
-    %footer.container-lg.p-responsive.py-4= render 'footer'
+    %footer
+      .container-lg.p-responsive.py-4= render 'footer'
     = render 'spina/shared/social'