From 040d32ddf441c634f1bd3e1f3a8db2ab5bc52096 Mon Sep 17 00:00:00 2001 From: Akshat Date: Wed, 31 Jan 2024 03:36:30 +0530 Subject: [PATCH] faq --- app/about/about.module.css | 4 ++-- app/about/components/Faq.jsx | 26 +++++++++++------------ app/page.js | 6 +++--- app/page.module.css | 16 ++++++++++++-- components/animation/animation.module.css | 2 +- components/button/button.js | 1 + components/button/button.module.css | 9 +++++++- next.config.js | 4 ++++ 8 files changed, 46 insertions(+), 22 deletions(-) diff --git a/app/about/about.module.css b/app/about/about.module.css index ecbb18f..1c54787 100644 --- a/app/about/about.module.css +++ b/app/about/about.module.css @@ -157,7 +157,7 @@ } .panel { - padding: 0 18px; + padding: 20px 18px; background-color: #202020; width: 92.1%; color: whitesmoke; @@ -167,7 +167,7 @@ margin-bottom: 20px; margin-top: -7px; font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; - font-size: 18px; + font-size: 20px; } .active { diff --git a/app/about/components/Faq.jsx b/app/about/components/Faq.jsx index d170742..204ca0c 100644 --- a/app/about/components/Faq.jsx +++ b/app/about/components/Faq.jsx @@ -5,30 +5,30 @@ import { useState } from 'react'; const faqData = [ { - question: 'Q1- What is Lorem Ipsum?', + question: 'Q1- Do I need to have coding experience to participate?', answer: - 'Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\'s standard dummy text ever since the 1500s.', + 'While coding experience can be beneficial, it is not a prerequisite for participation. Makethon welcomes participants from diverse backgrounds, including design, business, and engineering.', }, { - question: 'Q2- Why do we use it?', + question: 'Q2- How can I stay updated on Makethon and related announcements?', answer: - 'It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.', + 'Stay tuned to the official MLSC social media channels and website for updates, announcements, and registration details for Makethon.', }, { - question: 'Q3- Why do we use it?', + question: 'Q3- Who can participate in Makethon?', answer: - 'It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.', + 'Makethon is open to all students of Thapar Institute of Engineering and Technology, regardless of their academic background or experience level in technology.', }, { - question: 'Q4- Why do we use it?', + question: 'Q4- What is the duration of Makethon?', answer: - 'It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.', - }, - { - question: 'Q5- Why do we use it?', - answer: - 'It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.', + 'Participants will have a designated time period of 24 hours to work on their projects and present their solutions at the end of the event.', }, + // { + // question: 'Q5- Why do we use it?', + // answer: + // 'It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.', + // }, ]; diff --git a/app/page.js b/app/page.js index 3090536..dab9bcf 100644 --- a/app/page.js +++ b/app/page.js @@ -28,7 +28,7 @@ export default function Home() {
- +
@@ -38,14 +38,14 @@ export default function Home() {
- +
- +
diff --git a/app/page.module.css b/app/page.module.css index 4c533d3..ec0a85e 100644 --- a/app/page.module.css +++ b/app/page.module.css @@ -109,7 +109,7 @@ position: fixed; object-fit: contain; - transform: translateX(-51%); + transform: translateX(-55%); top: 21.15vh; left: 51.2vw; @@ -132,6 +132,7 @@ .animation{ transform: translateZ(8vw); + /* transform: rotateY(-45deg); */ /* transform: rotateY(-48deg) rotateZ(-2deg); */ @@ -301,4 +302,15 @@ .throne{ top: -3vh; } -} \ No newline at end of file +} +/* @media screen and (min-width: 1500px){ + .throne{ + top: -1vh; + } +} + +@media screen and (min-width: 1383px){ + .throne{ + top: 15vh; + } +} */ diff --git a/components/animation/animation.module.css b/components/animation/animation.module.css index 7255c0c..60ae648 100644 --- a/components/animation/animation.module.css +++ b/components/animation/animation.module.css @@ -5,7 +5,7 @@ color: skyblue; top: 49vh; left: 50%; - transform: translateX(-50%); + transform: translateX(-55%); /* clip-path: polygon(47% 0%, 64% 4%, 80% 13%, 92% 26%, 99% 100%, 0% 99%, 8% 28%, 16% 15%, 29% 6%); */ } diff --git a/components/button/button.js b/components/button/button.js index 8e41318..83fe1dd 100644 --- a/components/button/button.js +++ b/components/button/button.js @@ -10,6 +10,7 @@ function HomeButton(props) {

{props.title}

+ {props.cs &&
Coming Soon!
}
diff --git a/components/button/button.module.css b/components/button/button.module.css index 1bae4fe..7257ed7 100644 --- a/components/button/button.module.css +++ b/components/button/button.module.css @@ -42,7 +42,8 @@ .box { height: 0.1vh; width: 22.667vw; - margin: 0.625em; + /* margin: 0.625em; */ + margin-bottom:10px; border: 1px solid rgb(148 214 214); border-radius: 5px; background-color: rgb(148 214 214); @@ -68,6 +69,12 @@ clip-path: inset(0px, -15px, 0px, 0px); } +.cs{ + font-size: 18px; + margin-bottom: 5px; + +} + .home h3 { font-size: 2em; } diff --git a/next.config.js b/next.config.js index 767719f..b51d6a6 100644 --- a/next.config.js +++ b/next.config.js @@ -2,3 +2,7 @@ const nextConfig = {} module.exports = nextConfig + +// module.exports = { +// pageExtensions: [''], +// } \ No newline at end of file