add performance timetable

digitalmediabremen · May 28, 2024 · 5962aaa · 5962aaa
1 parent cfe09b9
commit 5962aaa
Show file tree

Hide file tree

Showing 9 changed files with 136 additions and 81 deletions.
diff --git a/scripts/data.docx b/scripts/data.docx
diff --git a/src/app/_components/background.tsx b/src/app/_components/background.tsx
@@ -16,7 +16,7 @@ export function Background() {
                     top: 0,
                     left: 0,
                     zIndex: -1,
-                    filter: "brightness(80%)",
+                    filter: "brightness(80%) grayscale(100%)",
                 }}
             >
             </div>

diff --git a/src/app/_components/collapsed.tsx b/src/app/_components/collapsed.tsx
@@ -18,7 +18,7 @@ export function Collapsed({
     return (
         <div className="md:pr-10">
             <Link href={`/texts/${slug}`}>
-                <h3 className="text-3xl leading-snug font-serif">
+                <h3 className="text-3xl leading-snug">
                     {title}
                 </h3>
                 <h4 className="text-xl mb-0 leading-snug">

diff --git a/src/app/_components/performance.tsx b/src/app/_components/performance.tsx
@@ -1,47 +1,40 @@
-const performances: Array<any> = [
-    {
-        date: "29:05",
-        performance: [
-            {
-                time: "19:00",
-                title: "Rehydrating Sphagnum Moss",
-                author: "Katja Striedelmeyer",
-            },
-            {
-                time: "20:00",
-                title: "Vampyroteuthis infernalis",
-                author: "Yimei Zheng",
-            },
-            {
-                time: "20:30",
-                title: "Waves",
-                author: "Miguel Chaparro x Hsun Hsiang Hsu",
-            },
-        ],
-    },
-    {
-        date: "30.05",
-        performance: [
-            {
-                time: "19:00",
-                title: "The Spiral of Formicidae",
-                author: "Milton Raggi",
-            },
-            {
-                time: "19:30",
-                title: "Cellolar Performance: From the Bottom of my CPU",
-                author: "Ralf Baecker",
-            },
-            {
-                time: "20:00",
-                title: "narrative of matters",
-                author: "Hsun Hsian Hsu",
-            },
-            {
-                time: "20:30",
-                title: "STRATIS",
-                author: "Miguel Chaparro x Hsun Hsiang Hsu",
-            },
-        ],
-    },
-];
+import { Text } from "@/interfaces/text";
+import { TextPreview } from "./text-preview";
+import { performances } from "@/app/_components/performances"
+
+
+
+export function Performance() {
+  return (
+    <section>
+      <h2 className="mb-8 text-5xl md:text-7xl leading-tight">
+        Performance
+      </h2>
+      <div className="grid grid-cols-1 md:grid-cols-2 gap-y-10 md:gap-y-10 mb-32 ml-2 ">
+        {performances.map((performance: any, index: any) => (
+          <div key={index} className="flex flex-col gap-y-4">
+            <h3 className="mt-10 text-2xl md:text-3xl leading-snug">
+              {performance.date}
+            </h3>
+            <div className="grid grid-cols-1 gap-y-4">
+              {performance.performance.map((item: any, index: any) => (
+                <div key={index} className="grid grid-cols-1 gap-y-1">
+                  <h4 className="text-l md:text-l leading-snug">
+                    {item.time}
+                  </h4>
+                  <h3 className="text-3xl leading-snug">
+                    {item.title}
+                  </h3>
+                  <p className="text-lg md:text-xl leading-snug">
+                    {item.author}
+                    <br /> —
+                  </p>
+                </div>
+              ))}
+            </div>
+          </div>
+        ))}
+      </div>
+    </section>
+  );
+}
diff --git a/src/app/_components/performances.tsx b/src/app/_components/performances.tsx
@@ -0,0 +1,69 @@
+const performances: Array<any> = [
+    {
+        date: "29.05",
+        performance: [
+            {
+                time: "19:00",
+                title: "Rehydrating Sphagnum Moss",
+                author: "Katja Striedelmeyer",
+            },
+            {
+                time: "20:00",
+                title: "Vampyroteuthis infernalis",
+                author: "Yimei Zheng",
+            },
+            {
+                time: "20:30",
+                title: "Waves",
+                author: "Miguel Chaparro x Hsun Hsiang Hsu",
+            },
+        ],
+    },
+    {
+        date: "30.05",
+        performance: [
+            {
+                time: "19:00",
+                title: "The Spiral of Formicidae",
+                author: "Milton Raggi",
+            },
+            {
+                time: "19:30",
+                title: "Cellolar Performance: From the Bottom of my CPU",
+                author: "Ralf Baecker",
+            },
+            {
+                time: "20:00",
+                title: "narrative of matters",
+                author: "Hsun Hsian Hsu",
+            },
+            {
+                time: "20:30",
+                title: "STRATIS",
+                author: "Miguel Chaparro x Hsun Hsiang Hsu",
+            },
+        ],
+    },
+    {
+        date: "01.06",
+        performance: [
+            {
+                time: "14:30, 15:30, 16:30, 17:30, 18:30, 19:00",
+                title: "Rehydrating Sphagnum Moss",
+                author: "Katja Striedelmeyer",
+            },
+        ],
+    },
+    {
+        date: "02.06",
+        performance: [
+            {
+                time: "14:30, 15:30, 16:30, 17:30, 18:30, 19:00",
+                title: "Rehydrating Sphagnum Moss",
+                author: "Katja Striedelmeyer",
+            },
+        ],
+    },
+];
+
+export { performances };
diff --git a/src/app/_components/section-separator.tsx b/src/app/_components/section-separator.tsx
@@ -1,3 +1,3 @@
 export function SectionSeparator() {
-  return <hr className="border-neutral-200 mt-28 mb-24" />;
+  return <hr className="border-neutral-200 mt-10 mb-10 w-[auto] m-auto" />;
 }
diff --git a/src/app/_components/timetable.tsx b/src/app/_components/timetable.tsx
diff --git a/src/app/globals.css b/src/app/globals.css
@@ -5,7 +5,7 @@
 
 *{
     color:white;
-    text-shadow: 0 0 0.5em #66B32E;
+    /* text-shadow: 0 0 0.5em #66B32E; */
 }
 
 a, a *{

diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -1,8 +1,9 @@
 import Container from "@/app/_components/container";
 import Image from "next/image";
 import Link from "next/link";
-import { Background } from "@/app/_components/background";
 import { Participants } from "@/app/_components/participants";
+import { Performance } from "@/app/_components/performance";
+import { SectionSeparator } from "./_components/section-separator";
 import { getAllArtists } from "@/lib/api";
 import { getCuratorialEn } from "@/lib/api";
 import arrow_img from "@/../public/assets/design/arrow.png";
@@ -20,7 +21,6 @@ export default function Index() {
 
   return (
     <main>
-
       <Container>
         <section>
           <div className="mb-8 md:mb-16">
@@ -49,15 +49,24 @@ export default function Index() {
             </div>
             <div>
               <h3 className="mt-1 text-2xl md:text-3xl leading-none ml-2">
-                Opening: 29.5. at 18:00<br />
-                <span className="text-7xl md:text-9xl leading-[0.9em]">30.05 —<br />02.06.2024</span><br />
+                Opening: 29.05. at 18:00<br />
+                <span className="text-7xl md:text-7xl leading-[0.9em]">30.05 —<br />02.06.2024</span><br />
                 Alte Pathologie, Am schwarzen Meer 134/136
               </h3>
             </div>
           </div>
-
-          <div className="md:grid grid-cols-2 leading-tight">
+          <div className="md:grid grid-cols-2 ml-2 md:mr-2">
             <div>
+              <h3 className="mt-10 text-2xl md:text-3xl leading-snug md:text-right">
+                Opening Hours <br />
+              </h3>
+              <h4 className="mb-1 mt-1 text-2xl lg:text-4xl md:text-right leading-snug ">
+                30.05 — 31.05: 16:00-20:00
+              </h4>
+              <h4 className="mb-3 mt-1 text-2xl lg:text-4xl md:text-right leading-snug ">
+                01.06 — 02.06: 14:00-20:00
+              </h4>
+
             </div>
             <div className="grid place-items-end">
               <Image src={arrow_img} alt="" className="animate-arrow max-w-[50%] md:max-w-[100%] md:ml-4" />
@@ -69,15 +78,18 @@ export default function Index() {
               <Image src={arrow_img} alt="" className="animate-arrow-flip max-w-[50%] md:max-w-[100%] md:-ml-4" />
             </div>
             <div className="flex place-items-end">
-              <div className="flex-col md:flex-row flex md:mb-12 justify-start flex-wrap gap-x-8 gap-y-4">
-                <Link href={"https://hfk-bremen.de"}><Image className="max-w-[140px] h-auto" src={hfk_logo} alt="" /></Link>
-                <Link href={"https://digitalmedia-bremen.de/"}><Image className="max-w-[140px] h-auto" src={dm_logo} alt="" /></Link>
-                <Image className="max-w-[140px] h-auto" src={geg_logo} alt="" />
-                <Link href={"https://www.zzz-bremen.de/"}><Image className="max-w-[140px] h-auto" src={zzz_logo} alt="" /></Link>
+              <div className="grid grid-cols-2 md:flex-col md:flex-row flex md:mb-12 justify-start flex-wrap gap-x-5 md:gap-x-8 gap-y-4">
+                <Link href={"https://hfk-bremen.de"}><Image className="max-w-[40vw] md:max-w-[140px] h-auto" src={hfk_logo} alt="" /></Link>
+                <Link href={"https://digitalmedia-bremen.de/"}><Image className="max-w-[40vw] md:max-w-[140px] h-auto" src={dm_logo} alt="" /></Link>
+                <Image className="max-w-[40vw] md:max-w-[140px] h-auto" src={geg_logo} alt="" />
+                <Link href={"https://www.zzz-bremen.de/"}><Image className="max-w-[40vw] md:max-w-[140px] h-auto" src={zzz_logo} alt="" /></Link>
               </div>
             </div>
           </div>
         </section>
+        <SectionSeparator />
+        <Performance />
+        <SectionSeparator />
         <Participants texts={allArtists} />
       </Container>
     </main>
-Original file line number
+Diff line change
@@ Expand Up / @@ -5,7 +5,7 @@ @@
     *{
         color:white;
-        text-shadow: 0 0 0.5em #66B32E;
+        /* text-shadow: 0 0 0.5em #66B32E; */
     }
     a, a *{
@@ Expand Down @@