no button to vote, more leading and participant images

Afordin · Jul 11, 2023 · f171feb · f171feb
1 parent ffa6399
commit f171feb
Show file tree

Hide file tree

Showing 19 changed files with 14 additions and 26 deletions.
diff --git a/public/fonts/Inter/Inter-Black.ttf b/public/fonts/Inter/Inter-Black.ttf
diff --git a/public/fonts/Inter/Inter-Bold.ttf b/public/fonts/Inter/Inter-Bold.ttf
diff --git a/public/fonts/Inter/Inter-ExtraBold.ttf b/public/fonts/Inter/Inter-ExtraBold.ttf
diff --git a/public/fonts/Inter/Inter-ExtraLight.ttf b/public/fonts/Inter/Inter-ExtraLight.ttf
diff --git a/public/fonts/Inter/Inter-Light.ttf b/public/fonts/Inter/Inter-Light.ttf
diff --git a/public/fonts/Inter/Inter-Medium.ttf b/public/fonts/Inter/Inter-Medium.ttf
diff --git a/public/fonts/Inter/Inter-Regular.otf b/public/fonts/Inter/Inter-Regular.otf
diff --git a/public/fonts/Inter/Inter-Regular.ttf b/public/fonts/Inter/Inter-Regular.ttf
diff --git a/public/fonts/Inter/Inter-SemiBold.ttf b/public/fonts/Inter/Inter-SemiBold.ttf
diff --git a/public/fonts/Inter/Inter-Thin.ttf b/public/fonts/Inter/Inter-Thin.ttf
diff --git a/public/global.css b/public/global.css
@@ -13,9 +13,14 @@
         font-weight: 700;
         src: url(fonts\messapia\Messapia-Bold.otf) format('otf');
     }
+    @font-face {
+        font-family: 'Inter';
+        font-weight: 500;
+        src: url(fonts/Inter/Inter-Regular.otf) format('otf');
+    }
 }
 @layer utilities {
-    .color-gradient{
+    .color-gradient {
         @apply from-[#FEAC5E] via-[#C779D0] to-[#4BC0C8];
     }
     .gradient {

diff --git a/public/imgs/Anais.png b/public/imgs/Anais.png
diff --git a/public/imgs/EdgarMejia.jpeg b/public/imgs/EdgarMejia.jpeg
diff --git a/public/imgs/JoseManuel.jpg b/public/imgs/JoseManuel.jpg
diff --git a/public/imgs/Kuro.png b/public/imgs/Kuro.png
diff --git a/src/components/Header.astro b/src/components/Header.astro
@@ -33,24 +33,7 @@ import Navbar from './Navbar'
                 </a>
             </div>
             <DateHeader client:only="react" />
-            <div class="relative flex w-[80%] md:w-[30%] mx-auto mt-4">
-                <a
-                    href="https://docs.google.com/forms/d/e/1FAIpQLSf6_gPvRLoBlNo2KK1VID15y55uR911WGNzDy5eMKQ3K38agA/viewform"
-                    target="_blank"
-                    rel="noopener noreferrer"
-                    class="m-auto text-center rounded-xl w-full transition-all p-[2px] gradient hover:scale-105 hover:[&>div>div]:text-black"
-                >
-                    <div
-                        class="flex flex-col justify-between h-full bg-black hover:bg-transparent rounded-lg p-2"
-                    >
-                        <div class="flex flex-col justify-center text-white">
-                            <span class="font-bold">
-                                Vota tus charlas favoritas
-                            </span>
-                        </div>
-                    </div>
-                </a>
-            </div>
+
         </div>
 
         <BackToTop client:only="react" />

diff --git a/src/components/Schedule.astro b/src/components/Schedule.astro
@@ -49,11 +49,11 @@ const items: typeItem[] = [
 
 <section class="py-16 flex flex-col gap-24 px-18 p-8" id="horarios">
     <h2
-        class="font-extrabold text-4xl text-transparent bg-clip-text from-[#c8f2f5] to-[#46c6cf] bg-gradient-to-b text-center"
+        class="font-extrabold text-4xl text-transparent bg-clip-text from-[#c8f2f5] to-[#46c6cf] bg-gradient-to-b text-center font-Inter"
     >
         Horarios y charlas
     </h2>
-    <section class="flex flex-col gap-10">
+    <section class="flex flex-col gap-10 max-w-5xl mx-auto">
         {items.map((item) => <ScheduleItem item={item} client:only="react" />)}
     </section>
 </section>
diff --git a/src/components/ScheduleItem.tsx b/src/components/ScheduleItem.tsx
@@ -4,13 +4,13 @@ import { getLocalTime } from '../utils/getLocalTime'
 interface Props {
     item: typeItem
 }
-export default function ScheduleItem({
+export default function ScheduleItem ({
     item: { date, name, speaker, type },
 }: Props) {
     const { time } = useMemo(() => getLocalTime(date), [date])
     return (
         <article>
-            <h3 className="flex flex-col md:flex-row font-bold gap-4 items-center  text-2xl leading-5 mb-2">
+            <h3 className='flex flex-col md:flex-row font-bold gap-4 items-center  text-2xl leading-8 mb-2'>
                 <span
                     className={`md:max-w-[80%] ${
                         type === 'presentation'
@@ -21,12 +21,12 @@ export default function ScheduleItem({
                     {name}
                 </span>
 
-                <span className="text-[#ffddaf] md:border-l-4 md:pl-4 md:border-gray-500">
+                <span className='text-[#ffddaf] md:border-l-4 md:pl-4 md:border-gray-500'>
                     {time}hs
                 </span>
             </h3>
             {type === 'presentation' && (
-                <p className="text-gray-500 font-semibold">{speaker}</p>
+                <p className='text-gray-500 font-semibold'>{speaker}</p>
             )}
         </article>
     )

diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -47,7 +47,7 @@ const ogTitle =
 	</title>
 
 	<body
-		class="bg-[url('/bg_section.webp')] bg-fixed bg-cover bg-center container m-auto"
+		class="bg-[url('/bg_section.webp')] bg-fixed bg-cover bg-center container m-auto font-Inter"
 	>
 		<Header />
 		<main>