Merge branch 'main' into sub

GDSC-IIIT-Kalyani · Dec 25, 2023 · 1c3999d · 1c3999d
2 parents 1e69e08 + c9c8d93
commit 1c3999d
Show file tree

Hide file tree

Showing 2 changed files with 45 additions and 5 deletions.
diff --git a/index.html b/index.html
@@ -5,10 +5,14 @@
     <link rel="icon" type="image/webp" href="/logo.webp" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="stylesheet" href="./style.css" />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Bangers&display=swap"
+      rel="stylesheet"
+    />
     <script src="./main.js"></script>
     <title>Rebase <01></title>
   </head>
-  <body class="bg-[#f4e1b9] w-[85%] lg:w-[70%] m-auto">
+  <body class="bg-[#f4e1b9] w-[80%] lg:w-[70%] m-auto">
     <div class="flex justify-center  w-full">
       <!-- border-solid border-2 border-black -->
       <div class="2xl:w-44 sm:w-24 md:w-32 xl:w-32">
@@ -47,10 +51,13 @@
     >
       TRACKS
     </section>
-    <section
-      class="h-screen w-full border-2 border-black grid place-items-center"
-    >
-      PRIZES
+    <section class="h-screen w-full border-2 border-black grid place-items-center">
+      <div class="stack">
+        <div class="head">PRIZES</div>
+        <div class="imgDiv">
+          <img src="public/comingSoon.svg">
+        </div>
+      </div>
     </section>
     <section
       class="h-screen w-full border-2 border-black grid place-items-center"

diff --git a/style.css b/style.css
@@ -73,4 +73,37 @@ nav ul li a {
     font-family: 'Anime Ace';
     font-weight: bold;
     font-style: normal;
+body {
+    background-color: #F4E1B9;
+    position: relative;
+}
+
+.stack {
+    display: grid;
+}
+
+.head {
+    color: #E82338;
+    font-family: 'Bangers';
+    font-size: 10vw;
+    -webkit-text-stroke-width: 0.26vw;
+    -webkit-text-stroke-color: black;
+    text-shadow: 0.4vw 0.33vw 0px black;
+    text-align: start;
+    padding-left: 10vw;
+    z-index: 1;
+}
+
+.imgDiv{
+    height:75vh;
+    width: 100vw;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+img{
+   height: 100%;
+   width: auto;
+   align-self: center;
 }