fix title

TEDxNTUA · Mar 3, 2024 · 904f759 · 904f759
1 parent d65bc9e
commit 904f759
Show file tree

Hide file tree

Showing 11 changed files with 85 additions and 56 deletions.
diff --git a/public/newsletters/media/media-date.png b/public/newsletters/media/media-date.png
diff --git a/src/app/layout.js b/src/app/layout.js
@@ -26,7 +26,7 @@ export default function RootLayout({ children }) {
   return (
     <html lang="en">
       <body className="bg-black font-[Helvetica]">
-        <ModalWrapper />
+        {/* <ModalWrapper /> */}
         <div>
           <ScrollTopButton />
         </div>

diff --git a/src/app/unmuTED/page.js b/src/app/unmuTED/page.js
@@ -18,7 +18,10 @@ export default function MediaNewsletter() {
       <NewsletterTitle />
 
       <div className="h-8 md:h-12 lg:h-16 2xl:h-24"></div>
-      <div id="body" className="w-[70%] md:w-[60%] 3xl:w-[60%] mx-auto">
+      <div
+        id="body"
+        className="w-[70%] md:w-[60%] 3xl:w-[50%] 3xl:text-xl mx-auto"
+      >
         <IntroductionMedia />
 
         <MediaSuggestions />

diff --git a/src/components/Footer/NewFooter.js b/src/components/Footer/NewFooter.js
@@ -36,7 +36,7 @@ M0 356.759V2126H1577V218.07C1514.33 161.85 1445.22 112.053 1369.5 72.4841C993.38
           <div className="grid justify-items-center md:row-span-1 md:grid-cols-4 pb-4 md:pb-12 justify-center items-center gap-4 md:gap-8">
             <div className="col-span-3 z-10">
               <p className="text-white text-[1.5rem] leading-9 md:text-[2rem] lg:text-[2.5rem] md:leading-10 lg:leading-[3rem] font-bold text-justify z-10">
-                Sign up to unmuTED and we'll keep you posted on all things
+                Sign up to unmuTED and we'll keep you posted on all things about
                 TEDxNTUA
               </p>
             </div>

diff --git a/src/components/NewsletterPages/Media/IntroductionMedia.js b/src/components/NewsletterPages/Media/IntroductionMedia.js
@@ -1,20 +1,25 @@
 function IntroductionMedia() {
   return (
-    <div className="text-justify text-white">
-      <p className="w-full mb-6">Καλωσήρθες στο ολόφρεσκο μας newsletter!</p>
-      <p className="w-full mb-6">
+    <div className="text-justify text-white flex flex-col gap-6">
+      <p>
+        It’s time to get unfiltered, uncensored,{" "}
+        <span className="font-bold">unmuTED</span>!
+      </p>
+
+      <p>
         Νομίζουμε πως ήρθε η ώρα να γνωρίσεις λίγο καλύτερα την ομάδα του{" "}
-        <span className="font-bold">TEDxNTUA 2024</span>. Γι’ αυτό από σήμερα
-        μία διαφορετική ομάδα του TEDxNTUA θα μοιράζεται κάθε φορά νέα από τον
+        <span className="font-bold">TEDxNTUA 2024</span>. Γι’ αυτό και στο εξής
+        ένα διαφορετικό team του TEDxNTUA θα μοιράζεται κάθε φορά νέα από τον
         κόσμο μας, ψαγμένες προτάσεις, απόψεις και πολλά ακόμα…
       </p>
-      <p className="w-full mb-6">
+      <p>
         Είμαστε η <span className="font-bold">Αλίκη</span>, η{" "}
-        <span className="font-bold">Αναστασία</span>, ο Κώστας και ο{" "}
+        <span className="font-bold">Αναστασία</span>, ο{" "}
+        <span className="font-bold">Κώστας</span> και ο{" "}
         <span className="font-bold">Τόλης</span>, η φετινή ομάδα{" "}
-        <span className="font-bold">Media & Marketing</span>(ίσως και η καλύτερη
-        χιχι) του TEDxNTUA, και έχουμε την χαρά να κάνουμε curate το πρώτο
-        newsletter!
+        <span className="font-bold">Media & Marketing</span> (ίσως και η
+        καλύτερη χιχι) του TEDxNTUA, και έχουμε την χαρά να κάνουμε curate το
+        πρώτο <span className="font-bold">unmuTED</span>!
       </p>
     </div>
   );

diff --git a/src/components/NewsletterPages/Media/MediaSuggestions.js b/src/components/NewsletterPages/Media/MediaSuggestions.js
@@ -6,7 +6,8 @@ import Tolis from "./TeamMembers/Tolis";
 
 function MediaSuggestions() {
   return (
-    <div className="text-white text-xs md:text-sm lg:text-base 2xl:text-lg 3xl:text-xl 4xl:text-2xl text-justify">
+    <div className="text-white text-justify">
+      {/* text-xs md:text-sm lg:text-base 2xl:text-lg 3xl:text-xl 4xl:text-2xl */}
       <NewsletterSubtitle text="ΠΡΟΤΑΣΕΙΣ" />
       <Anastasia2 />
       {/* <div className="h-16"></div> */}

diff --git a/src/components/NewsletterPages/Media/TeamMembers/Aliki.js b/src/components/NewsletterPages/Media/TeamMembers/Aliki.js
@@ -14,7 +14,7 @@ function Aliki() {
 
       {/* <Image */}
 
-      <div className="mobile text-justify flex flex-col gap-8 mb-8 md:hidden">
+      <div className="mobile text-justify flex flex-col gap-8 mb-8 lg:hidden">
         <p>
           Δεν είναι λίγες οι φορές που έχω νιώσει αυτό το αποπνικτικό συναίσθημα
           να με καταβάλει, όταν οι υποχρεώσεις της καθημερινότητας γίνονται
@@ -55,7 +55,7 @@ function Aliki() {
         </p>
       </div>
 
-      <div className="desktop text-justify hidden md:block">
+      <div className="desktop text-justify hidden lg:block">
         <div className="grid grid-cols-2 flex-col gap-8 mb-8">
           <div className="col-span-1 flex flex-col gap-8">
             <p>
@@ -69,26 +69,32 @@ function Aliki() {
               δυνατότητα να μας ταξιδεύουν, να μας γεμίζουν συναισθήματα και να
               μας κάνουν να ονειρευόμαστε.
             </p>
-            <p>
-              Πλέον δεν υπάρχει μόνο ένα είδος βιβλίου, ευκαιρία για διάβασμα
-              υπάρχει πάντα και παντού. Είτε στην παραδοσιακή μορφή του, είτε σε
-              μορφή e-book, είτε από την οθόνη του κινητού και του υπολογιστή.
-              Καθένα, με τα θετικά και τα αρνητικά του βέβαια, μπορεί να
-              μεταδώσει το ίδιο μαγικό συναίσθημα.
-            </p>
+
             <div className="flex flex-col gap-8">
-              <p className="hidden 2xl:block">
+              <p className="hidden xl:block">
+                Πλέον δεν υπάρχει μόνο ένα είδος βιβλίου, ευκαιρία για διάβασμα
+                υπάρχει πάντα και παντού. Είτε στην παραδοσιακή μορφή του, είτε
+                σε μορφή e-book, είτε από την οθόνη του κινητού και του
+                υπολογιστή. Καθένα, με τα θετικά και τα αρνητικά του βέβαια,
+                μπορεί να μεταδώσει το ίδιο μαγικό συναίσθημα.
+              </p>
+              <p className="hidden 2xl:block 3xl:hidden 4xl:block">
                 Έτσι λοιπόν, μετά από δύο χρόνια σκέψης και διάφορες λίστες pros
                 and cons, αποφάσισα να αγοράσω ένα{" "}
                 <span className="text-our-red">kindle</span>, μια απόφαση που
                 δεν μετανιώνω καθόλου.
               </p>
-              <p className="hidden 3xl:block">
-                Πέρα από την απόλυτη ελευθερία στον τρόπο προβολής της οθόνης
-                μου, έχω την δυνατότητα να το παίρνω παντού μαζί μου, αφού
-                χωράει ακόμα και στην πιο μικρή μου τσάντα. Πλέον, όπου και να
-                βρίσκομαι μπορώ αν θέλω να χαθώ μέσα στα βιβλία μου.
-              </p>
+              <div className="hidden 2xl:block 3xl:hidden 4xl:block">
+                <p>
+                  Πέρα από την απόλυτη ελευθερία στον τρόπο προβολής της οθόνης
+                  μου, έχω την δυνατότητα να το παίρνω παντού μαζί μου, αφού
+                  χωράει ακόμα και στην πιο μικρή μου τσάντα. Πλέον, όπου και να
+                  βρίσκομαι μπορώ αν θέλω να χαθώ μέσα στα βιβλία μου.
+                </p>
+                <div className="flex justify-end">
+                  <span className="font-bold">-Αλίκη</span>
+                </div>
+              </div>
             </div>
           </div>
           <div className="col-span-1 gap-8">
@@ -103,23 +109,32 @@ function Aliki() {
           </div>
         </div>
         <div className="below-grid flex flex-col gap-8">
-          <p className="2xl:hidden">
+          <p className="xl:hidden">
+            Πλέον δεν υπάρχει μόνο ένα είδος βιβλίου, ευκαιρία για διάβασμα
+            υπάρχει πάντα και παντού. Είτε στην παραδοσιακή μορφή του, είτε σε
+            μορφή e-book, είτε από την οθόνη του κινητού και του υπολογιστή.
+            Καθένα, με τα θετικά και τα αρνητικά του βέβαια, μπορεί να μεταδώσει
+            το ίδιο μαγικό συναίσθημα.
+          </p>
+          <p className="2xl:hidden 3xl:block 4xl:hidden">
             Έτσι λοιπόν, μετά από δύο χρόνια σκέψης και διάφορες λίστες pros and
             cons, αποφάσισα να αγοράσω ένα{" "}
             <span className="text-our-red">kindle</span>, μια απόφαση που δεν
             μετανιώνω καθόλου.
           </p>
-          <p className="3xl:hidden">
-            Πέρα από την απόλυτη ελευθερία στον τρόπο προβολής της οθόνης μου,
-            έχω την δυνατότητα να το παίρνω παντού μαζί μου, αφού χωράει ακόμα
-            και στην πιο μικρή μου τσάντα. Πλέον, όπου και να βρίσκομαι μπορώ αν
-            θέλω να χαθώ μέσα στα βιβλία μου.
-          </p>
+          <div className="2xl:hidden 3xl:block 4xl:hidden">
+            <p>
+              Πέρα από την απόλυτη ελευθερία στον τρόπο προβολής της οθόνης μου,
+              έχω την δυνατότητα να το παίρνω παντού μαζί μου, αφού χωράει ακόμα
+              και στην πιο μικρή μου τσάντα. Πλέον, όπου και να βρίσκομαι μπορώ
+              αν θέλω να χαθώ μέσα στα βιβλία μου.
+            </p>
+            <div className="flex justify-end">
+              <span className="font-bold">-Αλίκη</span>
+            </div>
+          </div>
         </div>
       </div>
-      {/* <div className="flex justify-end">
-              <span className="font-bold">-Αλίκη</span>
-            </div> */}
     </div>
   );
 }

diff --git a/src/components/NewsletterPages/Media/TeamMembers/Anastasia2.js b/src/components/NewsletterPages/Media/TeamMembers/Anastasia2.js
@@ -33,21 +33,13 @@ function Anastasia() {
               επιβίωσε από τη συντριβή του αεροπλάνου που την μετέφερε πάνω από
               τις Άνδεις και κυκλοφόρησε πρόσφατα στο Netflix.
             </p>
-            <p className="mb-6 epeidi">
+            <p className="mb-6 epeidi md:hidden lg:block">
               Επειδή δεν πήρα τα μάτια μου ούτε στιγμή από την οθόνη, της βάζω
               ένα
               <span className="text-our-red font-bold"> 11/10</span> και την
               συνιστώ ανεπιφύλακτα!
             </p>
           </div>
-          <img
-            src="./newsletters/media/society-of-snow2.jpeg"
-            alt="image"
-            // fill="true"
-            width={300}
-            height={300}
-            className="h-200px w-auto hidden 3xl:block self-end mx-auto"
-          />
         </div>
 
         <div className="col-span-1">
@@ -62,6 +54,11 @@ function Anastasia() {
           />
         </div>
       </div>
+      <p className="my-6 epeidi hidden md:block lg:hidden">
+        Επειδή δεν πήρα τα μάτια μου ούτε στιγμή από την οθόνη, της βάζω ένα
+        <span className="text-our-red font-bold"> 11/10</span> και την συνιστώ
+        ανεπιφύλακτα!
+      </p>
     </div>
   );
 }

diff --git a/src/components/NewsletterPages/Media/TeamMembers/Kostas.js b/src/components/NewsletterPages/Media/TeamMembers/Kostas.js
@@ -5,7 +5,7 @@ function Kostas() {
         Ο <span className="font-bold">Κώστας</span> που όλη την ώρα βρίσκει τα
         πιο ψαγμένα άρθρα παρουσιάζει
       </p>
-      <ul className="list-disc grid grid-cols-1 md:gap-8 w-[90%] mx-auto">
+      <ul className="list-disc list-inside grid grid-cols-1 md:gap-8 w-[90%] mx-auto">
         <li className="w-full mb-6 md:flex md:flex-col md:gap-4 md:order-2">
           <p>
             {" "}

diff --git a/src/components/NewsletterPages/Media/TeamMembers/Tolis.js b/src/components/NewsletterPages/Media/TeamMembers/Tolis.js
@@ -15,8 +15,8 @@ function Tolis() {
         επιστημονικά (λέμε τώρα) άρθρα, ανακάλυψε τον λόγο και θέλει να τον
         μοιραστεί:
       </p>
-      <div className="grid grid-cols-1 md:grid-cols-7 md:gap-8">
-        <div className="md:col-span-3 md:flex md:flex-col">
+      <div className="grid grid-cols-1 lg:grid-cols-7 lg:gap-8">
+        <div className="lg:col-span-3 md:flex md:flex-col">
           <p className="mb-8">
             Η φράση προέρχεται από την{" "}
             <span className="text-our-red">Γαλλία</span> όπου τα παλιά τα χρόνια
@@ -36,7 +36,7 @@ function Tolis() {
             </p>
           </div>
         </div>
-        <div className="md:col-span-4 md:flex md:flex-col md:gap-8">
+        <div className="lg:col-span-4 md:flex md:flex-col md:gap-8">
           {/* <Image */}
           <img
             src="./newsletters/media/kagia.jpeg"
@@ -53,7 +53,7 @@ function Tolis() {
         δηλαδή η παράσταση να έχει μεγάλη{" "}
         <span className="text-our-red">προσέλευση</span> και απήχηση!
       </p>
-      <p className="w-full mb-8 md:my-8 italics font-bold">
+      <p className="w-full mb-8 md:my-8 italics font-bold text-center">
         <em>
           Συνεπώς ευχόμαστε όλοι{" "}
           <span className="text-our-red">“σκατά, σκατά, σκατά”</span> στο φετινό

diff --git a/src/components/NewsletterPages/NewsletterTitle.js b/src/components/NewsletterPages/NewsletterTitle.js
@@ -45,7 +45,7 @@ export default function NewsletterTitle() {
           height={300}
           priority="true"
           // fill="true"
-          className="mx-auto w-[80%] h-auto object-contain"
+          className="mx-auto w-[100%] lg:w-[80%] h-auto object-contain"
         />
       </div>
       <div className="flex flex-row justify-between items-center w-[100%] md:w-[95%] xl:w-[80%] 3xl:w-[75%] 5xl:w-[65%] mx-auto">
@@ -59,7 +59,15 @@ export default function NewsletterTitle() {
           className="w-[30%]"
         />
 
-        <h1 className="text-white text-[3cqw] font-serif">2.03.2024</h1>
+        {/* <h1 className="text-white text-[3cqw] font-serif">2.03.2024</h1> */}
+        <img
+          src="./newsletters/media/media-date.png"
+          alt="image"
+          // fill="true"
+          width={300}
+          height={300}
+          className="w-[30%]"
+        />
       </div>
     </div>
   );