Clean up and commit images

Code4Nation · Nov 3, 2024 · 83e60ab · 83e60ab
1 parent dbe6816
commit 83e60ab
Show file tree

Hide file tree

Showing 18 changed files with 26 additions and 197 deletions.
diff --git a/hero-banner.png b/hero-banner.png
diff --git a/index.html b/index.html
@@ -7,10 +7,10 @@
     <title>MIT Reap Indonesia</title>
     <link rel="icon" href="icon.png">
 </head>
-<body class="bg-background font-sans antialiased __variable_371575">
+<body class="bg-background font-sans antialiased">
     <header
         class="top-0 fixed text-white py-2 overflow-hidden backdrop-blur-xl bg-white/55 w-full gap-x-3 flex items-center z-20  rounded-bl-[30px] shadow-lg justify-between  px-5 xl:px-24">
-        <a href="/"><img alt="MIT Reap LOGO" src="logo.webp"></a>
+        <a href="/"><img alt="MIT Reap Logo Color" width="200" src="logo.png"></a>
         <nav class="hidden xl:flex justify-center pr-10 w-full "><a target="_blank"
                 class="inline-flex items-center justify-center whitespace-nowrap rounded-md transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 h-9 text-lg font-bold hover:bg-primary hover:text-white p-6"
                 href="https://bit.ly/mitreapid2024proposal">PROGRAM</a><a target=""
@@ -30,7 +30,7 @@
     </header>
     <main class="items-center justify-between">
         <section id="banner" class="relative xl:h-screen bg-black  w-full flex flex-col justify-center"><img
-                alt="Hero Banner" loading="lazy" decoding="async" data-nimg="fill"
+                alt="Hero Banner"
                 class="w-full h-[300px] top-0 z-0 object-cover"
                 style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent"
                 sizes="100vw"
@@ -46,7 +46,7 @@ <h2 class="py-5 flex text-3xl xl:text-6xl flex-col font-bold xl:gap-y-5 text-whi
         <section class="p-5 md:p-14 lg:p-20 lg:px-32 w-full justify-between  items-center text-white ">
             <div
                 class="flex flex-col-reverse h-full xl:flex-row p-1 items-center  shadow-xl bg-[#3F2340] rounded-[20px]">
-                <img alt="system-graph" loading="lazy" width="600" height="800" decoding="async" data-nimg="1"
+                <img alt="system-graph"="async" data-nimg="1"
                     class="bg-white p-8 xl:p-12 2xl:p-16 rounded-[20px]  border-primary-[#3F2340]/50"
                     style="color:transparent"
                     src="system.png">
@@ -74,8 +74,7 @@ <h3 class="font-bold text-primary-600 md:text-3xl xl:text-4xl">CONNECTED,</h3><s
                 <p class="text-[10px] p-3 xl:text-xl max-w-xl"><strong>MIT REAP </strong> adalah inisiatif global yang
                     bertujuan meningkatkan ekosistem inovasi dan transformasi ekonomi.</p>
             </div>
-            <div class="p-8 flex h-full xl:py-10"><img alt="Cohort Map" loading="lazy" width="1000" height="1800"
-                    decoding="async" data-nimg="1" class="border border-black rounded-xl shadow-xl"
+            <div class="p-8 flex h-full xl:py-10"><img alt="Cohort Map"              decoding="async" data-nimg="1" class="border border-black rounded-xl shadow-xl"
                     style="color:transparent"
                     src="maps.png"></div>
         </section>
@@ -92,71 +91,39 @@ <h2 class="text-[#3F2340] font-semibold">Stakeholder Model</h2>
                         pertumbuhan industri. MIT REAP berupaya mendorong kesetaraan, keberlanjutan dan menciptakan
                         lapangan kerja.</p>
                 </div>
-                <div class="flex justify-center p-2 bg-white rounded-xl"><img alt="stakeholder" loading="lazy"
-                        width="470" height="470" decoding="async" data-nimg="1" class="" style="color:transparent"
+                <div class="flex justify-center p-2 bg-white rounded-xl"><img alt="stakeholder"
+                        width="470" height="470" class="" style="color:transparent"
                         src="stakeholder.png"></div>
-            </div><img alt="Stakeholder background" loading="lazy" decoding="async" data-nimg="fill"
+            </div><img alt="Stakeholder background"
                 class="object-cover w-full z-0"
                 style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent"
                 sizes="100vw"
                 src="hero-banner.png">
         </section>
         <section class="py-5">
             <div>
-                <h2 class="font-bold text-2xl text-center text-primary">Our Partners</h2>
-                <div class="flex gap-x-2 xl:gap-x-6 justify-center container p-3 items-center"><img
-                        alt="Ditjen Diktristek" loading="lazy" width="3000" height="1100" decoding="async" data-nimg="1"
-                        class="min-h-4 min-w-14 max-h-24 max-w-64" style="color:transparent"
-                        src="logo-ditjendik.png"><img alt="Keda Reka"
-                        loading="lazy" width="3100" height="700" decoding="async" data-nimg="1"
-                        class="min-h-4 min-w-16 max-h-16 max-w-64" style="color:transparent"
-                        src="logo-kedaireka.png"><img alt="Paragon Corp"
-                        loading="lazy" width="3100" height="750" decoding="async" data-nimg="1"
-                        class="min-h-6 min-w-16 max-h-20 max-w-72" style="color:transparent"
-                        src="logo-paragoncorp.png"></div>
-                <div class="flex justify-center gap-x-3 p-3 items-center"><img alt="Universitas Gadjah Mada"
-                        loading="lazy" width="3600" height="1100" decoding="async" data-nimg="1"
-                        class="min-h-4 min-w-16 max-h-16 max-w-56" style="color:transparent"
-                        src="logo-ugm.png"><img alt="Amnesindo"
-                        loading="lazy" width="3600" height="1000" decoding="async" data-nimg="1"
-                        class="min-h-4 min-w-16 max-h-16 max-w-56" style="color:transparent"
-                        src="logo-amnesindo.png"><img alt="BNI Ventures"
-                        loading="lazy" width="3200" height="1600" decoding="async" data-nimg="1"
-                        class="min-h-5 min-w-10 max-h-20 max-w-40" style="color:transparent"
-                        src="logo-bniventures.png"></div>
+                <h2 class="font-bold text-center text-2xl text-primary">Our Partners</h2>
+                <div class="flex gap-x-2 justify-center p-3 items-center">
+                    <img width="200" src="logo-ditjendik.png">
+                    <img width="200" src="logo-kedaireka.png">
+                    <img width="200" src="logo-paragoncorp.png">
+                </div>
+                <div class="flex gap-x-2 justify-center p-3 items-center">
+                    <img width="200" src="logo-ugm.png">
+                    <img width="200" src="logo-amnesindo.png">
+                    <img width="200" src="logo-bniventures.png"></div>
             </div>
-            <div class="text-center xl:py-20">
-                <h2 class="font-semibold text-2xl text-primary">Organizing Team</h2>
-                <div class="flex justify-center items-center p-5 gap-x-3"><img src="logo-linxbrain.webp"><img src="logo-startup-bandung.webp"></div>
+            <div>
+                <h2 class="font-bold text-center text-2xl text-primary">Organizing Team</h2>
+                <div class="flex gap-x-2 justify-center p-3 items-center">
+                    <img width="200" src="logo-linxbrain.png">
+                    <img width="200" src="logo-startup-bandung.png">
+                </div>
             </div>
         </section>
     </main>
-    <footer
-        class="flex flex-col w-full p-5 bg-[#3F2340] border-t-[1.5rem] border-primary  space-y-4  text-white xl:px-24">
-        <div class="flex flex-col xl:flex-row xl:justify-between xl:items-center "><img alt="MIT Logo Full White"
-                loading="lazy" width="500" height="200" decoding="async" data-nimg="1" class="h-10 w-28 xl:h-20 xl:w-52"
-                style="color:transparent"
-                src="logo-white.png">
-        </div>
-        <div data-orientation="vertical" role="none" class="shrink-0 bg-border w-full h-[1px]"></div>
-        <div class="flex flex-col-reverse xl:flex-row justify-between">
-            <section class="flex text-xs py-2 space-x-2"><span>© COPYRIGHT</span>
-                <div><a target="_blank" href="https://code4nation.id">CODE4NATION</div>
-            </section>
-            <div><a class="h-5 w-5" href="https://www.instagram.com/mitreapid/"><svg stroke="currentColor"
-                        fill="currentColor" stroke-width="0" viewBox="0 0 448 512" class="fill-white" height="20"
-                        width="20" xmlns="http://www.w3.org/2000/svg">
-                        <path
-                            d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z">
-                        </path>
-                    </svg></a></div>
-        </div>
+    <footer class="p-5 bg-[#3F2340] border-t-[1.5rem] border-primary text-white xl:px-24">
+        <img alt="MIT Reap Logo White" width="200" src="logo-white.png">
     </footer>
-    <div role="region" aria-label="Notifications (F8)" tabindex="-1" style="pointer-events:none">
-        <ol tabindex="-1"
-            class="fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]">
-        </ol>
-    </div>
 </body>
-
 </html>
diff --git a/logo-amnesindo.png b/logo-amnesindo.png
diff --git a/logo-bniventures.png b/logo-bniventures.png
diff --git a/logo-ditjendik.png b/logo-ditjendik.png
diff --git a/logo-kedaireka.png b/logo-kedaireka.png
diff --git a/logo-linxbrain.png b/logo-linxbrain.png
diff --git a/logo-linxbrain.webp b/logo-linxbrain.webp
diff --git a/logo-paragoncorp.png b/logo-paragoncorp.png
diff --git a/logo-startup-bandung.png b/logo-startup-bandung.png
diff --git a/logo-startup-bandung.webp b/logo-startup-bandung.webp
diff --git a/logo-ugm.png b/logo-ugm.png
diff --git a/logo.png b/logo.png
diff --git a/logo.webp b/logo.webp
diff --git a/maps.png b/maps.png
diff --git a/stakeholder.png b/stakeholder.png
diff --git a/style.css b/style.css
@@ -3076,142 +3076,4 @@ body {
         font-size: 1.25rem;
         line-height: 1.75rem
     }
-}
-
-@media (min-width:1536px) {
-    .\32xl\:block {
-        display: block
-    }
-
-    .\32xl\:flex {
-        display: flex
-    }
-
-    .\32xl\:hidden {
-        display: none
-    }
-
-    .\32xl\:flex-row {
-        flex-direction: row
-    }
-
-    .\32xl\:gap-5 {
-        gap: 1.25rem
-    }
-
-    .\32xl\:p-16 {
-        padding: 4rem
-    }
-
-    .\32xl\:px-28 {
-        padding-left: 7rem;
-        padding-right: 7rem
-    }
-
-    .\32xl\:px-5 {
-        padding-left: 1.25rem;
-        padding-right: 1.25rem
-    }
-
-    .\32xl\:py-5 {
-        padding-top: 1.25rem;
-        padding-bottom: 1.25rem
-    }
-
-    .\32xl\:text-2xl {
-        font-size: 1.5rem;
-        line-height: 2rem
-    }
-
-    .\32xl\:text-5xl {
-        font-size: 3rem;
-        line-height: 1
-    }
-}
-
-.\[\&\+div\]\:text-xs+div {
-    font-size: .75rem;
-    line-height: 1rem
-}
-
-.\[\&\:has\(\>\.day-range-end\)\]\:rounded-r-md:has(>.day-range-end) {
-    border-top-right-radius: calc(var(--radius) - 2px);
-    border-bottom-right-radius: calc(var(--radius) - 2px)
-}
-
-.\[\&\:has\(\>\.day-range-start\)\]\:rounded-l-md:has(>.day-range-start) {
-    border-top-left-radius: calc(var(--radius) - 2px);
-    border-bottom-left-radius: calc(var(--radius) - 2px)
-}
-
-.\[\&\:has\(\[aria-selected\]\)\]\:rounded-md:has([aria-selected]) {
-    border-radius: calc(var(--radius) - 2px)
-}
-
-.\[\&\:has\(\[aria-selected\]\)\]\:bg-accent:has([aria-selected]) {
-    background-color: hsl(var(--accent))
-}
-
-.first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:has([aria-selected]):first-child {
-    border-top-left-radius: calc(var(--radius) - 2px);
-    border-bottom-left-radius: calc(var(--radius) - 2px)
-}
-
-.last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:has([aria-selected]):last-child {
-    border-top-right-radius: calc(var(--radius) - 2px);
-    border-bottom-right-radius: calc(var(--radius) - 2px)
-}
-
-.\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:bg-accent\/50:has([aria-selected].day-outside) {
-    background-color: hsl(var(--accent)/.5)
-}
-
-.\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md:has([aria-selected].day-range-end) {
-    border-top-right-radius: calc(var(--radius) - 2px);
-    border-bottom-right-radius: calc(var(--radius) - 2px)
-}
-
-.\[\&\>span\]\:line-clamp-1>span {
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 1
-}
-
-.\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div {
-    --tw-translate-y: -3px;
-    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
-}
-
-.\[\&\>svg\]\:absolute>svg {
-    position: absolute
-}
-
-.\[\&\>svg\]\:left-4>svg {
-    left: 1rem
-}
-
-.\[\&\>svg\]\:top-4>svg {
-    top: 1rem
-}
-
-.\[\&\>svg\]\:text-destructive>svg {
-    color: hsl(var(--destructive))
-}
-
-.\[\&\>svg\]\:text-foreground>svg {
-    color: hsl(var(--foreground))
-}
-
-.\[\&\>svg\~\*\]\:pl-7>svg~* {
-    padding-left: 1.75rem
-}
-
-.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg {
-    --tw-rotate: 180deg;
-    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
-}
-
-.\[\&_p\]\:leading-relaxed p {
-    line-height: 1.625
 }
diff --git a/system.png b/system.png