Merge pull request #523 from Schrodinger-Hat/feat/515

Feat/515 - add gallery page
Schroedinger-Hat · Mar 13, 2024 · 5bee17f · 5bee17f
2 parents c499950 + d59bb8c
commit 5bee17f
Show file tree

Hide file tree

Showing 4 changed files with 50 additions and 12 deletions.
diff --git a/components/Header.tsx b/components/Header.tsx
@@ -117,6 +117,9 @@ export default function Header() {
           <Link onClick={closeSideBar} href={'/speakers'}>
             {t('speakers_Link')}
           </Link>
+          <Link onClick={closeSideBar} href={'/gallery'}>
+            Gallery
+          </Link>
           {/*          <Link onClick={closeSideBar} href={'/cfv'}>
             {t('cfv_link')}
           </Link> */}
@@ -140,7 +143,7 @@ export default function Header() {
           >
             {t("photo_link")}
           </a> */}
-          {new Date().getTime() < 1709805651000 &&
+          {/*
           <a
             className="button"
             target="_blank"
@@ -151,12 +154,10 @@ export default function Header() {
           >
             Free Tickets
           </a>
-          }
-          {new Date().getTime() > 1709798400000 &&
             <Link className="button" onClick={closeSideBar} href={'/agenda'}>
               We are live!
             </Link>
-          }
+          */}
           <div className="language-switcher">
             <a onClick={(e) => setLanguage(e)} href="#">
               {availableLocales[languageCode]}
@@ -260,10 +261,13 @@ export default function Header() {
         <li>
           <Link href={'/speakers'}>{t('speakers_Link')}</Link>
         </li>
+        <li>
+          <Link href={'/gallery'}>Gallery</Link>
+        </li>
         {/*<li>
           <Link href={'/cfv'}>{t('cfv_link')}</Link>
         </li> */}
-        {new Date().getTime() < 1709805651000 &&
+        {/*
         <li>
           <a
             className="button"
@@ -276,13 +280,13 @@ export default function Header() {
             Free Tickets
           </a>
         </li>
-        }
+          */}
         <li>
-          {new Date().getTime() > 1709798400000 &&
+          {/*
             <Link className="button" onClick={closeSideBar} href={'/agenda'}>
               We are live!
             </Link>
-          }
+        */}
         </li>
       </ul>
       <ul>

diff --git a/pages/agenda-compact.tsx b/pages/agenda-compact.tsx
@@ -53,13 +53,13 @@ export default function Agenda() {
               </div>
             </div>
 
-        {new Date().getTime() > 1709798400000 && 
+        {/*
         <div className="container-stream-link">
           <h2>We are live!</h2>
           <a className="button" href={YT_LIVE_LINKS[trackSelected.toLowerCase()]} target="_blank" rel="noreferrer">
             Click to follow the live stream on YouTube!
           </a>
-        </div>}
+        </div>*/}
 
         <div className="container">
 

diff --git a/pages/agenda.tsx b/pages/agenda.tsx
@@ -63,13 +63,13 @@ export default function Agenda() {
           </div>
         </div>
 
-        {new Date().getTime() > 1709798400000 && 
+        {/*
         <div className="container-stream-link">
           <h2>We are live!</h2>
           <a className="button" href={YT_LIVE_LINKS[trackSelected.toLowerCase()]} target="_blank" rel="noreferrer">
             Click to follow the live stream on YouTube!
           </a>
-        </div>}
+        </div>*/}
 
         <div className="timeline">
           {trackSelected === 'Alpha1' && (

diff --git a/pages/gallery.tsx b/pages/gallery.tsx
@@ -0,0 +1,34 @@
+import Hero from '../components/Hero';
+import Image from "next/image";
+import { ReactNode } from 'react';
+
+export async function getStaticProps({ locale }: { locale: any }) {
+  return {
+    props: {
+      metas: {
+        title: 'Gallery, Open Source Day 2024 - Florence',
+      },
+      messages: (await import(`../public/locales/${locale}.json`)).default
+    }
+  };
+}
+
+export default function Gallery() {
+  return (
+    <>
+      <div className="container">
+        <Hero
+          title="Gallery"
+          subtitle="Available on Flickr"
+          originals={false}
+        />
+        <section className="after_main">
+          <div style={{textAlign: "center"}}>
+            <p>Go to the <a href="https://flic.kr/s/aHBqjBhq5Y" rel="noreferrer" target="_blank">Flickr OSDay2024</a> album page</p>
+            <embed width={1200} height={600} src='https://embedr.flickr.com/photosets/72177720315430384?width=1200&height=600' />
+          </div>
+        </section>
+      </div>
+    </>
+  );
+}