Eternacon 2024

src/locales/en.json

@@ -295,6 +295,7 @@
   "side-panel-options:eternacon-2021": "Eternacon 2021",
   "side-panel-options:eternacon-2022": "Eternacon 2022",
   "side-panel-options:eternacon-2023": "Eternacon 2023",
+  "side-panel-options:eternacon-2024": "Eternacon 2024",
   "player-home-banner:title": "Optimizing the Ribosome",
   "player-home-banner:details": "Ribosome Design Challenge",
   "player-home-banner:progess1": "Designs Submitted'",

src/router.ts

@@ -250,7 +250,7 @@ export default function createRouter() {
       },
       {
         path: '/eternacon',
-        redirect: { name: 'eternacon-2023' }
+        redirect: { name: 'eternacon-2024' }
       },
       {
         path: '/eternacon/2019',
@@ -277,6 +277,11 @@ export default function createRouter() {
         name: 'eternacon-2023',
         component: () => import('./views/eternacon/Eternacon2023.vue'),
       },
+      {
+        path: '/eternacon/2024',
+        name: 'eternacon-2024',
+        component: () => import('./views/eternacon/Eternacon2024.vue'),
+      },
       {
         path: '/eternacon/about',
         name: 'about-eternacon',

src/views/eternacon/AboutEternacon.vue

@@ -53,6 +53,7 @@
 
   export const options: Option[] = [
     { value: 'about', text: 'side-panel-options:about-eternacon', link: '/eternacon/about' },
+    { value: '2024', text: 'side-panel-options:eternacon-2024', link: '/eternacon/2024' },
     { value: '2023', text: 'side-panel-options:eternacon-2023', link: '/eternacon/2023' },
     { value: '2022', text: 'side-panel-options:eternacon-2022', link: '/eternacon/2022' },
     { value: '2021', text: 'side-panel-options:eternacon-2021', link: '/eternacon/2021' },

src/views/eternacon/Eternacon2024.vue

@@ -0,0 +1,61 @@
+<template>
+  <EternaPage title="">
+    <HeroSection
+      backgroundImage="@/assets/home/hero-eternacon-2024-alt.jpg"
+      registerLink="https://stanford.zoom.us/meeting/register/tJcucOmgrDkpEtwdio0PDbkvpFdb9w3gl5r9#/registration"
+    >
+      Tune in on July 20-21 to exciting talks and activities from Eterna researchers, developers,
+      players, and other world-class experts.
+    </HeroSection>
+    <ConferenceAreasSection />
+    <section>
+      <h3 class="mt-2">Attendance</h3>
+      <p>
+        Attending Eternacon 2024 is <strong>free</strong>, <strong>open to everyone</strong>, and
+        <strong>online</strong>. To attend,
+        <a href="https://stanford.zoom.us/meeting/register/tJcucOmgrDkpEtwdio0PDbkvpFdb9w3gl5r9#/registration">preregister via Zoom</a>.
+        You will receive a link by email unique to you that can be used to join the conference
+        once it starts. Zoom comments will be available to interact with presenters, as well as
+        opportunities to join with your voice and video.
+      </p>
+      <p>
+        Additional questions? Contact <a href="mailto:[email protected]">[email protected]</a>.
+      </p>
+    </section>
+    <h3>Schedule</h3>
+    <p>TBA</p>
+    <template #sidebar="{ isInSidebar }">
+      <DropdownSidebarPanel
+        :options="options"
+        :defaultIndex="-1"
+        paramName="sort"
+        replace
+        :isInSidebar="isInSidebar"
+      />
+    </template>
+  </EternaPage>
+</template>
+
+<script lang="ts">
+  import { Component, Vue } from 'vue-property-decorator';
+  import EternaPage from '@/components/PageLayout/EternaPage.vue';
+  import DropdownSidebarPanel from '@/components/Sidebar/DropdownSidebarPanel.vue';
+  import HeroSection from './components/HeroSection.vue';
+  import ConferenceAreasSection from './components/ConferenceAreasSection.vue';
+  import ScheduleSection from './components/ScheduleSection.vue';
+  import { options } from './AboutEternacon.vue';
+  import sessions from './speakers-2023.json';
+
+  @Component({
+    components: { EternaPage, HeroSection, ConferenceAreasSection, ScheduleSection, DropdownSidebarPanel },
+  })
+  export default class Eternacon2023 extends Vue {
+    get sessions() {
+      return sessions;
+    }
+
+    get options() {
+      return options;
+    };
+  }
+</script>

src/views/home/PlayerHome/PlayerHome.vue

@@ -11,6 +11,7 @@
         img-height="480"
         style="text-shadow: 1px 1px 2px #333"
       >
+        <EternaconSlide />
         <template v-if="hasLabAccess">
           <LabSlide
             v-for="lab in labCarouselLabs"
@@ -148,7 +149,7 @@
       IdeaJamSlide,
       FullCalendar,
       NewsActivity,
-      NewsCard
+      NewsCard,
     },
   })
   export default class PlayerHome extends Mixins(FetchMixin) {

src/views/home/PlayerHome/components/banner/EternaconSlide.vue

@@ -5,19 +5,19 @@
   >
     <div>
       <p class="video-title">
-        <strong>Register</strong> for Eternacon 2023
+        <strong>Register</strong> for Eternacon 2024
       </p>
 
       <p class="explain">
-        Tune in on July 22-23 to exciting talks and activities from Eterna researchers, developers,
+        Tune in on July 20-21 to exciting talks and activities from Eterna researchers, developers,
         players, and other world-class experts.
       </p>
       <b-button
         class="button"
         variant="primary"
         size="lg"
         style="margin-right:10px"
-        href="https://stanford.zoom.us/meeting/register/tJAkfu-vrDgoEtDThU1H5SpJoxDjRFEV5EOX"
+        href="https://stanford.zoom.us/meeting/register/tJcucOmgrDkpEtwdio0PDbkvpFdb9w3gl5r9#/registration"
       >
         Register
       </b-button>
@@ -35,7 +35,7 @@
 
 <script lang="ts">
   import { Component, Vue } from 'vue-property-decorator';
-  import bgimage from '@/assets/home/hero-eternacon-2023-alt.png';
+  import bgimage from '@/assets/home/hero-eternacon-2024-alt.jpg';
 
   @Component({
     components: {},