spina-conferences-primer_theme 0.1.2

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

@@ -0,0 +1,24 @@
+# frozen_string_literal: true
+
+module Spina
+  module Conferences
+    module PrimerTheme
+      # Helper for accessing navigation items
+      module NavigationsHelper
+        def main_navigation_items
+          @main_navigation_items ||= live_navigation_items('main')
+        end
+
+        def footer_navigation_items
+          @footer_navigation_items ||= live_navigation_items('footer')
+        end
+
+        private
+
+        def live_navigation_items(name)
+          ::Spina::NavigationItem.joins(:navigation).where(spina_navigations: { name: name }).roots.regular_pages.in_menu.live.sorted
+        end
+      end
+    end
+  end
+end

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

@@ -0,0 +1,17 @@
+- 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(: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) do
+      .mt-4.col-12.col-md-6.float-md-left= render partial: 'minutes', object: content(:minutes)
+  - cache partable_for(:partner_societies) do
+    - if has_content?(:partner_societies) && content(:partner_societies).structure_items.any?
+      .mt-4= render partial: 'partner_societies', object: content(:partner_societies)

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

@@ -0,0 +1,9 @@
+- 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) do
+    - if has_content?(:committee_bios) && content(:committee_bios).structure_items.any?
+      .mt-4= render partial: 'committee_bios', object: content(:committee_bios)

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

@@ -0,0 +1,6 @@
+- content_for :hero do
+  - cache current_page do
+    - cache partable_for(:gallery) 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) }

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

@@ -0,0 +1,6 @@
+- 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)

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

@@ -0,0 +1,2 @@
+- cache current_page do
+  %h1= current_page.title

data/app/views/layouts/conferences_primer_theme/application.html.haml

@@ -0,0 +1,5 @@
+- content_for :breadcrumbs do
+  - if current_page.ancestors.any?
+    = ancestors
+
+= render template: 'layouts/spina/conferences/primer_theme/application'

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

@@ -0,0 +1,36 @@
+!!!
+%html.height-full{ lang: I18n.locale }
+  %head
+    %meta{ charset: 'utf-8' }
+    %meta{ name: 'author', content: author }
+    %meta{ name: 'description', content: description }
+    %meta{ name: 'viewport', content: 'initial-scale=1.0' }
+    %meta{ name: 'og:title', content: title }
+    %meta{ name: 'og:description', content: description }
+    %meta{ name: 'turbolinks-cache-control', content: 'no-preview' }
+    %base{ target: '_blank' }
+    = csrf_meta_tags
+    %title= seo_title
+    = render 'spina/shared/google_site_verification'
+    = 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 }
+    %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') }
+    = yield :head
+  %body
+    .admin= render 'spina/shared/admin_bar'
+    %header= render 'navigation'
+    = render 'current_conference_alert'
+    %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'
+    = render 'spina/shared/social'

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

@@ -0,0 +1,4 @@
+- content_for :breadcrumbs do
+  = breadcrumbs
+
+= render template: 'layouts/spina/conferences/primer_theme/application'

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

@@ -0,0 +1,4 @@
+- content_for :breadcrumbs do
+  = breadcrumbs
+
+= render template: 'layouts/spina/conferences/primer_theme/application'

data/app/views/spina/application/_cookies.html.haml

@@ -0,0 +1,14 @@
+= render Primer::BorderBoxComponent.new(classes: 'Box--overlay') do |component|
+  = component.slot :header do
+    = button_tag(data: { 'close-dialog': true }, aria: { label: t(:'spina.close') }, type: 'button',
+                 class: %w[Box-btn-octicon btn-octicon float-right]) do
+      = render Primer::OcticonComponent.new(icon: 'x')
+    .Box-title= t(:'.title')
+  = component.slot(:body) { t(:'.purpose') }
+  = component.slot :row do
+    = t :'.used.rails_html', cookie: tag.code(Rails.application.config.session_options[:key])
+  = component.slot :row do
+    - ga_cookie_names = %w[_ga _gat _gid].collect{ |cookie| tag.code(cookie) }.to_sentence.html_safe
+    - ga_cookie_info_url = 'https://developers.google.com/analytics/devguides/collection/analyticsjs/cookie-usage'
+    = t :'.used.google_analytics_html', cookies: link_to(ga_cookie_names, ga_cookie_info_url)
+    = t :'.no_advertising'

data/app/views/spina/application/_current_conference_alert.html.haml

@@ -0,0 +1,4 @@
+- content_for :flash do
+  - cache partable_for(:current_conference_alert, parent: current_account) do
+    - if current_account.has_content? :current_conference_alert
+      = render(Primer::FlashComponent.new(full: true, variant: :warning)) { current_account.content(:current_conference_alert) }

data/app/views/spina/application/_footer.html.haml

@@ -0,0 +1,24 @@
+.d-flex.flex-column.flex-md-row-reverse.flex-md-items-baseline
+  .flex-auto.d-flex.flex-column.flex-sm-row.flex-items-baseline.mb-4.mb-md-0
+    %ul.list-style-none.flex-auto.mb-2.mb-sm-0.mr-sm-2
+      - footer_navigation_items.each do |item|
+        - cache item do
+          %li
+            = render Primer::ButtonComponent.new(tag: :a, href: item.materialized_path, variant: :small) { item.menu_title }
+    %details.details-reset.details-overlay.details-overlay-dark.mb-2.mb-sm-0.mr-sm-2
+      %summary.btn.btn-outline.btn-sm{ aria: { haspopup: 'dialog' } }
+        = octicon 'info'
+        = t :'.cookies'
+      %details-dialog
+        %include-fragment{ src: frontend_cookies_info_path }
+          .Box.Box--overlay.d-flex.flex-column
+            = button_tag(data: { 'close-dialog': true }, aria: { label: t(:'spina.close') }, type: 'button',
+                         class: %w[Box-btn-octicon btn-octicon m-0 position-absolute right-0 top-0]) do
+              = render Primer::OcticonComponent.new(icon: 'x')
+            = render(Primer::SpinnerComponent.new(my: 6, mx: :auto))
+    - if current_account.has_content? :github_url
+      = render Primer::ButtonComponent.new(tag: :a, href: current_account.content(:github_url), button_type: :outline, variant: :small,
+                                           display: :inline_block) do
+        = render Primer::OcticonComponent.new(icon: 'mark-github')
+        = t :'.find_on_github'
+  %small.flex-auto.mr-sm-2.text-small.text-gray= t :'.copyright', name: Spina::Account.first.name, year: Date.today.year

data/app/views/spina/application/_image_collection.html.haml

@@ -0,0 +1,19 @@
+- return if image_collection.images.none?
+
+.position-relative{ data: { controller: :slideshow, slideshow: { incrementer: 0, advance: (true if local_assigns[:advance]) } } }
+  - image_collection.images.each_with_index do |image, index|
+    - if image.file.present?
+      = image_tag(main_app.url_for(image.file.variant(resize_to_fill: [1680, 600])), alt_description: image.file.name, draggable: false,
+                  srcset: srcset(image.file, variant: { resize_to_fill: [1680, 600] }), hidden: index != 0,
+                  data: { 'slideshow-target': 'slide' })
+  .position-absolute.top-0.left-0.right-0.bottom-0.container-lg.p-responsive{ class: ('position-absolute top-0' if local_assigns[:controls]) }
+    - if local_assigns[:controls]
+      .d-none.d-sm-flex.flex-justify-between.flex-items-center.height-full
+        = render Primer::ButtonComponent.new(data: { action: :'slideshow#previous' }) do
+          = render Primer::OcticonComponent.new(icon: 'arrow-left')
+          = t(:'.previous')
+        = render Primer::ButtonComponent.new(data: { action: :'slideshow#next' }) do
+          = t(:'.next')
+          = render Primer::OcticonComponent.new(icon: 'arrow-right')
+    - else
+      .text-white= yield

data/app/views/spina/application/_list_item.html.haml

@@ -0,0 +1 @@
+%li.list-style-none.py-4.border-bottom= yield

data/app/views/spina/application/_logo.html.haml

@@ -0,0 +1 @@
+= render Primer::OcticonComponent.new(icon: 'home', mr: 2, height: 24)

data/app/views/spina/application/_mobile_navigation_item.html.haml

@@ -0,0 +1,2 @@
+= link_to mobile_navigation_item.menu_title, mobile_navigation_item.materialized_path,
+          class: %w[d-block py-2 border-top border-white-fade text-white]

data/app/views/spina/application/_navigation.html.haml

@@ -0,0 +1,12 @@
+.Header.bg-blue.px-3.px-md-4.px-lg-5
+  .Header-item.d-none.d-lg-flex.mt-n1.mb-n1= link_to render('logo'), root_path, class: 'Header-link'
+  .Header-item.Header-item--full.d-flex.d-lg-none{ aria: { hidden: true } }
+    = link_to render('logo'), root_path, class: %w[Header-link float-left]
+    %details.details-reset.text-right
+      %summary.btn-link.Header-link= octicon 'three-bars', height: 24
+      .d-flex.flex-column.flex-self-stretch.mt-3.text-left
+        = render partial: 'mobile_navigation_item', collection: main_navigation_items, cached: true
+        = link_to 'Conferences', frontend_conferences_url, class: %w[d-block py-2 border-top border-white-fade text-white]
+  = render partial: 'navigation_item', collection: main_navigation_items, cached: true
+  .Header-item.d-none.d-lg-flex
+    = link_to Spina::Admin::Conferences::Conference.model_name.human(count: 0), frontend_conferences_path, class: 'Header-link'

data/app/views/spina/application/_navigation_item.html.haml

@@ -0,0 +1 @@
+.Header-item.d-none.d-lg-flex= link_to navigation_item.menu_title, navigation_item.materialized_path, class: 'Header-link'

data/app/views/spina/application/_text.html.haml

@@ -0,0 +1 @@
+.markdown-body= text.html_safe

data/app/views/spina/conferences/primer_theme/conferences/_conference.html.haml

@@ -0,0 +1,16 @@
+- cache [conference, conference.institutions, conference.institutions.collect(&:logo)] do
+  .d-flex.flex-column.flex-md-row-reverse.flex-justify-start.flex-md-justify-between
+    %ul.list-style-none.d-flex.flex-wrap.flex-md-justify-end.pl-md-2.pb-2.pb-md-0{ class: dom_class(conference.institutions) }
+      = render partial: 'institution', collection: conference.institutions, cached: -> institution { [institution, institution.logo] }
+    .flex-auto
+      %h3.mb-1
+        = link_to conference.name, frontend_conference_path(conference)
+      %ul.text-gray.list-style-none.d-flex.flex-column.flex-sm-row.flex-wrap
+        %li.mr-sm-3
+          = octicon 'calendar'
+          = t :'.dates_html', start_date: time_tag(conference.start_date, format: :date), finish_date: time_tag(conference.finish_date)
+        - if conference.institutions.any?
+          %li
+            = octicon 'location'
+            %address.d-inline= t :'.locations', institutions: conference.institutions.pluck(:name).to_sentence,
+                                    cities: conference.institutions.pluck(:city).uniq.to_sentence

data/app/views/spina/conferences/primer_theme/conferences/_conference.ics.erb

@@ -0,0 +1,3 @@
+<% cache conference do %>
+<%= conference.to_event.to_ical -%>
+<% end %>

data/app/views/spina/conferences/primer_theme/conferences/_event.html.haml

@@ -0,0 +1,12 @@
+- cache event do
+  .d-flex.flex-column.flex-sm-row
+    .flex-shrink-0.mr-sm-3.mb-3.mb-sm-0.col-sm-4
+      %span.f3-light.mb-1
+        = octicon 'clock', class: 'v-align-baseline'
+        = t :'.times_html', start_time: time_tag(event.start_time, format: :short), finish_time: time_tag(event.finish_time, format: :time)
+      .text-gray
+        = octicon 'location'
+        %address.d-inline= event.location
+    .flex-auto
+      %h3.mb-1= event.name
+      .text-gray= event.description.try(:html_safe)

data/app/views/spina/conferences/primer_theme/conferences/_event.ics.erb

@@ -0,0 +1,3 @@
+<% cache event do %>
+<%= event.to_event.to_ical -%>
+<% end %>

data/app/views/spina/conferences/primer_theme/conferences/_events.html.haml

@@ -0,0 +1,15 @@
+- cache [events, @tab] do
+  - if events.any?
+    %filter-input.d-flex.flex-sm-justify-start{ aria: { owns: 'event_list' } }
+      .subnav.subnav-flush
+        .subnav-search.m-0.width-full
+          = search_field_tag 'search', nil, class: %w[form-control subnav-search-input width-full], aria: { label: t(:'.search') }
+          = octicon 'search', class: 'subnav-search-icon'
+  %div{ id: 'event_list' }
+    - if events.any?
+      %ul{ class: dom_class(events), data: { filter: { list: true } } }
+        = render partial: 'event', collection: events.sorted, layout: 'list_item', cached: true
+    - else
+      = render Primer::BlankslateComponent.new(title: t(:'.no_events'), icon: 'calendar')
+    = render Primer::BlankslateComponent.new(title: t(:'.no_matching_events'), icon: 'calendar', hidden: true,
+                                             data: { 'filter-empty-state': true })

data/app/views/spina/conferences/primer_theme/conferences/_information.html.haml

@@ -0,0 +1,4 @@
+- if text.present?
+  .markdown-body= text.try(:html_safe)
+- else
+  = render Primer::BlankslateComponent.new(title: t(:'.no_information'), icon: 'info')

data/app/views/spina/conferences/primer_theme/conferences/_institution.html.haml

@@ -0,0 +1,6 @@
+- cache [institution, institution.logo] do
+  %li
+    - if institution.logo.present?
+      = render partial: 'institution_logo', object: institution.logo, locals: { institution: institution }
+    - else
+      = institution.name

data/app/views/spina/conferences/primer_theme/conferences/_institution_logo.html.haml

@@ -0,0 +1,3 @@
+- if institution_logo.file.present?
+  = image_tag main_app.url_for(institution_logo.file.variant(resize_to_limit: [300, 60])), srcset: srcset(institution_logo.file,
+              variant: { resize_to_limit: [300, 60] }), alt_description: institution.name, draggable: false, class: 'p-1'

data/app/views/spina/conferences/primer_theme/conferences/_presentation.html.haml

@@ -0,0 +1,14 @@
+- cache [presentation, presentation.presenters] do
+  .d-flex.flex-column.flex-sm-row
+    .flex-shrink-0.mr-sm-3.mb-3.mb-sm-0.col-sm-3
+      %span.f3-light.mb-1
+        = octicon 'clock', class: 'v-align-baseline'
+        = time_tag presentation.start_datetime, format: :short
+      .text-gray
+        = octicon 'location'
+        %address.d-inline= presentation.session.room_name
+    .flex-auto
+      %h3.mb-1= link_to presentation.title, frontend_conference_presentation_path(conference, presentation)
+      .text-gray
+        = octicon presentation.presenters.many? ? 'people' : 'person'
+        %address.d-inline= presentation.presenters.collect(&:full_name_and_institution).to_sentence

data/app/views/spina/conferences/primer_theme/conferences/_presentation.ics.erb

@@ -0,0 +1,3 @@
+<% cache presentation do %>
+<%= presentation.to_event.to_ical -%>
+<% end %>

data/app/views/spina/conferences/primer_theme/conferences/_presentation_type.html.haml

@@ -0,0 +1,6 @@
+- cache [presentation_type, @presentation_type] do
+  %li
+    = link_to frontend_conference_url(presentation_type.conference, presentation_type: presentation_type.id, tab: 'presentations'),
+              class: 'filter-item', aria: { current: @presentation_type == presentation_type ? 'page' : nil } do
+      = presentation_type.name.pluralize
+      %span.count{ title: t(:'.results') }= presentation_type.presentations.count

data/app/views/spina/conferences/primer_theme/conferences/_presentations.html.haml

@@ -0,0 +1,29 @@
+- cache [@conference.presentations, @presentation_type, @presentation_type.presentations,
+         @presentation_type.presentations.collect(&:presenters), @tab] do
+  .d-flex.flex-column.flex-lg-row
+    .col-12.col-lg-3.pr-lg-4.mb-4.mb-lg-0
+      %ul.filter-list
+        - cache [@conference.presentations, @presentation_type] do
+          %li
+            = link_to frontend_conference_url(@conference, tab: 'presentations'),
+                      class: 'filter-item', aria: { current: @presentation_type == @conference ? 'page' : nil } do
+              = t('.all_presentation_types')
+              %span.count{ title: t(:'.results') }= @conference.presentations.count
+        = render partial: 'presentation_type', collection: @conference.presentation_types.sorted,
+                 cached: -> presentation_type { [presentation_type, @presentation_type] }
+    .flex-auto.col-12.col-lg-8
+      - if @presentation_type.presentations.any?
+        %filter-input.d-flex.flex-sm-justify-start{ aria: { owns: 'presentation_list' } }
+          .subnav.subnav-flush
+            .subnav-search.m-0.width-full
+              = search_field_tag 'search', nil, class: %w[form-control subnav-search-input width-full], aria: { label: t(:'.search') }
+              = octicon 'search', class: 'subnav-search-icon'
+      %div{ id: 'presentation_list' }
+        - if @presentation_type.presentations.any?
+          %ul{ class: dom_class(@presentation_type.presentations), data: { filter: { list: true } } }
+            = render partial: 'presentation', collection: @presentation_type.presentations.sorted, layout: 'list_item',
+                     locals: { conference: @conference }, cached: -> presentation { [presentation, presentation.presenters] }
+        - else
+          = render Primer::BlankslateComponent.new(title: t(:'.no_presentations'), icon: 'mortar-board')
+        = render Primer::BlankslateComponent.new(title: t(:'.no_matching_presentations'), icon: 'mortar-board', hidden: true,
+                                                 data: { 'filter-empty-state': true })

data/app/views/spina/conferences/primer_theme/conferences/_sponsor.html.haml

@@ -0,0 +1,9 @@
+- cache sponsor, sponsor.structure_parts.collect(&:structure_partable) do
+  %li.d-inline-block.m-2.v-align-middle
+    - if sponsor.has_content?(:logo) && sponsor.content(:logo).file.present?
+      = link_to sponsor.content(:website) do
+        = image_tag(main_app.url_for(sponsor.content(:logo).file.variant(resize_to_limit: [200, 60])),
+                    srcset: srcset(sponsor.content(:logo).file, variant: { resize_to_limit: [200, 60] }),
+                    alt_description: sponsor.content(:name), draggable: false)
+    - else
+      = link_to sponsor.content(:name), sponsor.content(:website)

data/app/views/spina/conferences/primer_theme/conferences/_sponsors.html.haml

@@ -0,0 +1,6 @@
+.Subhead.Subhead--spacious
+  %h2.Subhead-heading= t :'.title'
+
+%ul.ml-n2.mr-n2.mb-n2.mt-n2{ class: dom_class(sponsors), id: dom_id(sponsors) }
+  = render partial: 'sponsor', collection: sponsors.structure_items,
+           cached: -> sponsor { [sponsor, sponsor.structure_parts.collect(&:structure_partable)] }

data/app/views/spina/conferences/primer_theme/conferences/_tab.html.haml

@@ -0,0 +1 @@
+.my-4{ role: 'tabpanel', hidden: hidden }= yield

data/app/views/spina/conferences/primer_theme/conferences/index.html.haml

@@ -0,0 +1,21 @@
+.d-flex.flex-column-reverse.flex-sm-row
+  %filter-input.col-12.col-sm-8.mb-4.mb-sm-0.d-flex.flex-sm-justify-start{ aria: { owns: 'conference_list' } }
+    - if @conferences.any?
+      .subnav.subnav-flush
+        .subnav-search.m-0.width-full
+          = search_field_tag 'search', nil, class: %w[form-control subnav-search-input width-full], aria: { label: t(:'.search') }
+          = octicon 'search', class: 'subnav-search-icon'
+  .col-12.col-sm-4.mb-4.mb-sm-0.d-flex.flex-sm-justify-end
+    = render Primer::ButtonComponent.new(tag: :a, href: frontend_conferences_url(protocol: :webcal, format: :ics), button_type: :primary,
+                                         ml: [0, 6, nil, nil]) do
+      = render Primer::OcticonComponent.new(icon: 'calendar')
+      = t(:'.subscribe')
+%div{ id: 'conference_list' }
+  - if @conferences.any?
+    %ul{ class: dom_class(@conferences), data: { filter: { list: true } } }
+      = render partial: 'conference', collection: @conferences, layout: 'list_item',
+               cached: -> conference { [conference, conference.institutions, conference.institutions.collect(&:logo)] }
+  - else
+    = render Primer::BlankslateComponent.new(title: t(:'.no_conferences'), icon: 'mortar-board')
+  = render Primer::BlankslateComponent.new(title: t(:'.no_matching_conferences'), icon: 'mortar-board', hidden: true,
+                                           data: { 'filter-empty-state': true })

data/app/views/spina/conferences/primer_theme/conferences/index.ics.erb

@@ -0,0 +1,3 @@
+<%= calendar name: current_account.name do -%>
+<%= render partial: 'conference', collection: @conferences, cached: true -%>
+<% end %>

data/app/views/spina/conferences/primer_theme/conferences/show.html.haml

@@ -0,0 +1,67 @@
+- if @conference.has_content?(:submission_date) && @conference.content(:submission_date) >= Date.today
+  - content_for :flash do
+    - cache partable_for(:submission_url, :submission_date, :submission_text, parent: @conference) do
+      = render Primer::FlashComponent.new(variant: :warning, full: true) do
+        - cache partable_for(:submission_url, parent: @conference) do
+          - if @conference.content(:submission_url).present?
+            = link_to t(:'.submit_abstract'), @conference.content(:submission_url),
+                      class: %i[btn btn-sm flash-action d-none d-sm-inline-block]
+        - cache partable_for(:submission_date, parent: @conference) do
+          %p
+            = octicon('clock')
+            = t :'.submit_by_html', date: time_tag(@conference.content(:submission_date), format: :short)
+        - cache partable_for(:submission_text, parent: @conference) do
+          - if @conference.content(:submission_text).present?
+            %p= @conference.content(:submission_text).html_safe
+
+- content_for :header do
+  - cache [@conference, @conference.institutions, @conference.content(:gallery)&.images,
+           @conference.parts.collect(&:partable), @conference.content(:sponsors)&.structure_items,
+           @conference.content(:sponsors)&.structure_items&.extract_associated(structure_parts: [:structure_partable])] do
+    .container-lg.p-responsive.mb-4{ class: dom_class(@conference), id: dom_id(@conference) }
+      %h1.mb-1.mb-md-2= @conference.name
+      %ul.text-gray-dark.list-style-none.d-flex.flex-column.flex-sm-row.flex-wrap
+        %li.mr-sm-3.mb-1
+          = octicon 'calendar'
+          = t :'.dates_html', start_date: time_tag(@conference.start_date, format: :date), finish_date: time_tag(@conference.finish_date)
+        - if @conference.institutions.any?
+          - cache @conference.institutions do
+            %li.mb-1
+              = octicon 'location'
+              %address.d-inline= t :'.locations', institutions: @conference.institutions.pluck(:name).to_sentence,
+                                                  cities: @conference.institutions.pluck(:city).uniq.to_sentence
+      - if @conference.institutions.any?
+        %ul.list-style-none.d-flex.flex-wrap.mt-4{ class: dom_class(@conference.institutions) }
+          = render partial: 'institution', collection: @conference.institutions,
+                   cached: -> institution { [institution, institution.logo] }
+      - cache partable_for(:sponsors, parent: @conference) do
+        - if @conference.has_content?(:sponsors) && @conference.content(:sponsors).structure_items.any?
+          = render partial: 'sponsors', object: @conference.content(:sponsors)
+    - cache partable_for(:gallery, parent: @conference) do
+      - if @conference.has_content? :gallery
+        .mb-4= render partial: 'image_collection', object: @conference.content(:gallery), locals: { controls: true }
+
+  %tab-container
+    %nav.UnderlineNav
+      .container-lg.p-responsive.d-flex.flex-justify-between.flex-auto
+        .UnderlineNav-body{ role: 'tablist' }
+          = button_tag t(:'.tabs.information'), aria: { selected: (@tab == 'information').to_s }, class: 'UnderlineNav-item', role: 'tab',
+                                                type: 'button'
+          = button_tag t(:'.tabs.presentations'), aria: { selected: (@tab == 'presentations').to_s }, class: 'UnderlineNav-item',
+                                                  role: 'tab', type: 'button'
+          = button_tag t(:'.tabs.events'), aria: { selected: (@tab == 'events').to_s }, class: 'UnderlineNav-item', role: 'tab',
+                                           type: 'button'
+        .UnderlineNav-actions
+          = render Primer::ButtonComponent.new(tag: :a, href: frontend_conference_url(@conference, protocol: :webcal, format: :ics),
+                                                            button_type: :primary, variant: :small) do
+            = render Primer::OcticonComponent.new(icon: 'calendar')
+            = t(:'.subscribe')
+    .container-lg.p-responsive
+      - cache [partable_for(:text, parent: @conference), @tab] do
+        = render partial: 'information', layout: 'tab',
+                 locals: { text: (@conference.content(:text) if @conference.has_content? :text), hidden: @tab != 'information' }
+      - cache [@conference.presentations, @presentation_type, @presentation_type.presentations,
+               @presentation_type.presentations.collect(&:presenters), @tab] do
+        = render partial: 'presentations', layout: 'tab', locals: { hidden: @tab != 'presentations' }
+      - cache [@conference.events, @tab] do
+        = render partial: 'events', layout: 'tab', locals: { events: @conference.events, hidden: @tab != 'events' }