From 3d7df7c4aee7174c87975c2bf209f45571913f61 Mon Sep 17 00:00:00 2001 From: Satyam0204 Date: Fri, 5 Apr 2024 16:52:23 +0530 Subject: [PATCH 1/2] [ADD] added events page --- flow/static/eventsAndInitiatives/events.css | 440 ++++++++++-------- flow/static/gridbg.png | Bin 0 -> 65703 bytes .../flow/eventsAndInitiatives/events.html | 320 ++++++------- .../flow/eventsAndInitiatives/movingbg.html | 58 +++ 4 files changed, 464 insertions(+), 354 deletions(-) create mode 100644 flow/static/gridbg.png create mode 100644 flow/templates/flow/eventsAndInitiatives/movingbg.html diff --git a/flow/static/eventsAndInitiatives/events.css b/flow/static/eventsAndInitiatives/events.css index dd13d36..d823b5c 100644 --- a/flow/static/eventsAndInitiatives/events.css +++ b/flow/static/eventsAndInitiatives/events.css @@ -1,5 +1,5 @@ -@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap'); -@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@500&display=swap'); +@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap"); +@import url("https://fonts.googleapis.com/css2?family=Unbounded:wght@500&display=swap"); * { box-sizing: border-box; @@ -7,45 +7,36 @@ padding: 0; } -:root{ - --custom-Red: #D63629; +:root { + --custom-Red: #e33324; --custom-brown-opacity: #280e0991; - --custom-Red-opacity : #d6372973; + --custom-Red-opacity: #d6372973; --custom-pink-opacity: #e979578f; - --custom-brown : #280E09; - --custom-pink : #E97957; + --custom-brown: #280e09; + --custom-pink: #e97957; + --custom-Primary: #fa851b; + --custom-Secondary: #e33324; } - -.navMenu{ - font-family: 'Unbounded', cursive; +.navMenu { + font-family: "Unbounded", cursive; } body { - background-color: #201830; color: #fff; margin: 0 auto; position: relative; z-index: 0; - font-family: 'Unbounded', cursive; - background-size: auto; - /* background-size: cover; */ + font-family: "Unbounded", cursive; + background-position: center; background-repeat: no-repeat; - /* height: 100%; - width: 100%; - background-size: 100vw, 100vh; */ + background-attachment: fixed; - /* display: flex; - justify-content: center; - align-items: center; */ - background-color: #060c24; - padding-top: 0; + margin: 0; box-sizing: inherit; } - - #myVideo { position: fixed; z-index: -10; @@ -85,8 +76,6 @@ body { justify-content: center; margin: 30px auto; margin-top: 100px; - - } .days h3 { @@ -97,7 +86,7 @@ body { margin-top: 15px; width: 100px; height: 30px; - border-radius: 15px; + z-index: 10; font-size: 12px; display: flex; justify-content: center; @@ -114,13 +103,13 @@ body { } .active2 { - background: var(--custom-Red); + background: #fa851b; + outline: 1px solid #fa851b; + outline-offset: 3px; z-index: 40000; - box-shadow: 0px 0px 40px 5px var(--custom-brown-opacity); margin-top: 15px; width: 100px; height: 30px; - border-radius: 15px; font-size: 12px; display: flex; justify-content: center; @@ -129,45 +118,81 @@ body { color: #fff; } @media screen and (max-width: 1100px) { - - .active2{ + .active2 { z-index: -20000; } } +.eventwrap { + display: none; + flex-direction: column; + justify-content: space-between; + transform: scaleY(0); + transition: 0.5s; +} +.cardWrapper { + width: 100% !important; + padding: 1em 1em 1em 1em; + display: flex; + flex-direction: column; + justify-content: space-between; +} + .cards { display: flex; flex-wrap: wrap; justify-content: center; - + gap: 2em; /* height: calc(100vh - 183px); */ - overflow-y: auto; + overflow-y: hidden; } -@media screen and (max-width: 1120px){ -.cards { - z-index: -10000; -} +@media screen and (max-width: 1120px) { + .cards { + z-index: -10000; + } } .carddisplay { position: absolute; z-index: 0; } +.eventhead { + /* border: 2px solid #FA851B; */ + /* text-align: center; */ + padding: 0.5em 0; + display: inline-block; + /* color: #FA851B; */ +} +.eventhead h1 { + /* border: 2px solid #FA851B; */ + /* text-align: center; */ + text-transform: capitalize; + margin-left: 0.5em; + font-size: 1.4em; + /* color: #FA851B; */ +} +.desc { + word-wrap: break-word; +} .card { - background-color: var(--custom-brown-opacity); + background-color: var(--custom-Primary); /* background-color: #D63629; */ width: 306px; - height: 440px; + /* box-sizing: border-box; */ + height: 380px; display: flex; flex-direction: column; - align-items: center; - justify-content: center; + justify-content: end; position: relative; - border-radius: 15px; margin: 18px 6.5px; z-index: 10000; + animation-duration: 500ms; + animation-fill-mode: backwards; + border: 2px solid #fa851b; + /* outline-offset: 5px; */ + /* background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); */ /* backdrop-filter: blur(2px); */ } -.card::before { +/* .card::before { content: ""; position: absolute; top: 0; @@ -175,33 +200,57 @@ body { right: 0; bottom: 0; z-index: -1; - border-radius: 15px; padding: 2px; background: linear-gradient(-135deg, var(--custom-pink), var(--custom-Red)); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: destination-out; mask-composite: exclude; -} +} */ .card img { - width: 285px; - height: 285px; + width: 306px; + height: 380px; object-fit: cover; - border-radius: 15px; + border: 2px solid #fa851b; + + /* border-radius: 15px; */ +} +.line { + width: 20px; + height: 15px; + background-color: #fa851b; +} + +.card:hover .cardWrapper { + background-color: #fa871b43; + transition: 0.5s ease-in-out; +} +.card:hover .eventwrap { + display: flex; + transform: scaleY(1); + transition: 100ms 200ms; +} +.eventwrap::after { + transform: scaleY(1); + transform-origin: bottom; +} +.card:hover .eventhead { + /* border: 2px solid #FA851B; */ + /* text-align: center; */ + transition: 0.5s; + /* background-color: #FA851B; */ + /* color: #FA851B; */ } .event { display: flex; justify-content: space-between; align-items: center; - width: 285px; + margin: 8px 0px 4px 0px; } .event h1 { font-size: 20px; - text-transform: uppercase; + text-transform: capitalize; margin: 0px; - background: -webkit-linear-gradient(var(--custom-Red), var(--custom-pink)); - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; } .card h2 { margin: 0px; @@ -213,25 +262,18 @@ body { } .button { - margin-top: 15px; width: 100px; + margin-top: 15px; height: 30px; - border-radius: 15px; font-size: 10px; display: flex; justify-content: center; align-items: center; cursor: pointer; - color: #fff; -} - -.know { - border: 0.5px solid #ffffff; -} -.register { - /* background: rgb(255, 26, 133); */ - background: var(--custom-Red); - /* box-shadow: 0px 0px 20px 2px rgba(255, 26, 133, 0.555); */ + outline: 1px solid #fa851b; + outline-offset: 2px; + background-color: #fa851b; + color: #0c0904; } .modal { @@ -245,7 +287,7 @@ body { backdrop-filter: blur(2px); background-color: rgba(32, 0, 15, 0.356); } -.modaldisplay{ +.modaldisplay { display: flex !important; width: 100vw; height: 100vh; @@ -253,16 +295,19 @@ body { position: fixed; } .modalCard { - background-color: var(--custom-brown-opacity); - width: 1000px; - height: 590px; + background-image: url("/static/gridbg.png"); + background-size: cover; + /* background-color: var(--custom-brown-opacity); */ + border: 10px solid #fa851b; + /* width: 1000px; + height: 590px; */ + box-sizing: border-box; + padding: 2em; display: flex; flex-direction: column; align-items: center; justify-content: center; - position: relative; - border-radius: 15px; - margin: 18px 6.5px; + /* margin: 18px 6.5px; */ z-index: 100000; backdrop-filter: blur(2px); } @@ -274,12 +319,8 @@ body { right: 0; bottom: 0; z-index: -1; - border-radius: 15px; padding: 2px; - background: linear-gradient(-120deg, var(--custom-pink), var(--custom-Red)); - -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); - -webkit-mask-composite: destination-out; - box-shadow: 5px 5px var(--custom-pink); + mask-composite: exclude; } @@ -298,159 +339,168 @@ body { } .modalCardWrapper img { - width: 500px; - height: 500px; - border-radius: 15px; - margin-right: 41px; + position: relative; + left: -180px; + height: 380px; + aspect-ratio: 306/380; + border: 6px solid #fa851b; + /* margin-right: 41px; */ object-fit: cover; } .modalCardWrapper { display: flex; align-items: center; + flex-shrink: 1; + /* justify-content: center; */ +} +.modalContent { + display: flex; + flex-direction: column; + justify-content: space-between; } .modalCardWrapper p { font-size: 15px; line-height: 25px; text-transform: uppercase; width: 400px; - height: 300px; overflow-y: auto; } - +.modalDesc p { + word-break: break-word; +} .modalCardWrapper h1 { - margin-top: 41px; - background: -webkit-linear-gradient(var(--custom-pink), var(--custom-Red)); - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; + color: white; } .time { display: flex; -} -.time h3 { - margin: 15px 26px; - margin-left: 0px; + text-align: center; } .modalbutton { - margin-top: 15px; - width: 301px; - height: 54px; - border-radius: 38.5px; - font-size: 24px; - display: flex; - justify-content: center; + color: #0c0904; + margin-top: 15px; + width: 220px; + height: 45px; + font-size: 24px; + display: flex; + justify-content: center; + align-items: center; + cursor: pointer; + background: #fa851b; + outline: 2px solid #fa851b; + outline-offset: 4px; + box-shadow: 0px 0px 10px 1px var(--custom-Red-opacity); +} + +@media screen and (max-width: 1020px) { + .modalCardWrapper { + flex-direction: column; align-items: center; - cursor: pointer; - background: var(--custom-Red); - box-shadow: 0px 0px 10px 1px var(--custom-Red-opacity); - color: #fff; + justify-content: center; + margin: 18px 6.5px; + text-align: center; + } + .modalCardWrapper p { + margin: 18px 6.5px; + width: 500px; + height: auto; } + .modalCardWrapper h1 { + margin-top: 20px; + } + .modalCard { + height: auto; + width: 550px; - @media screen and (max-width: 1020px) { - .modalCardWrapper { - flex-direction: column; - align-items: center; - justify-content: center; - margin: 18px 6.5px; - text-align: center; - - } - .modalCardWrapper p{ - margin: 18px 6.5px; - width : 500px; - height: auto; - } - .modalCardWrapper h1 { - margin-top: 20px; - } - .modalCard { - height: auto; - width: 550px; - } - .modalCard img{ - margin-right: 0px; - } - .time{ - justify-content: center; - } - .modalbutton { - margin: 0 auto; - } - .close { - margin-top: 15px; - margin-right: 20px; - margin-bottom: -10px; - } + } + .modalCard img { + margin-right: 0px; + } + .time { + justify-content: center; + } + .modalbutton { + margin: 0 auto; + } + .close { + margin-top: 5px; + margin-right: -40px; + margin-bottom: -10px; + } - .day { - font-size: 12px; - } - } - + .day { + font-size: 12px; + } +} + +@media screen and (max-width: 600px) { + .modalCardWrapper img { + left: unset; + width: 300px; + height: 250px; + border: 2px solid #fa851b; + } + .modalCard { - @media screen and (max-width: 600px) { - .modalCardWrapper img { - width: 300px; - height: 250px; - } - .modalCard { - height: 97vh; - width: 340px; - } - .modalCardWrapper p{ - width : 300px; - font-size: 10px; - line-height: 18px; - text-transform: none; - } - .modalCardWrapper h1 { - font-size: 20px; - } - .modalbutton { - width: 201px; + border: 4px solid #fa851b; + width: 340px; + } + .modalCardWrapper p { + width: 300px; + font-size: 10px; + line-height: 18px; + text-transform: none; + } + .modalCardWrapper h1 { + font-size: 20px; + } + .modalbutton { + width: 201px; height: 40px; - border-radius: 25px; font-size: 18px; - } - .modalDesc{ - max-height: 45vh; - overflow-y: scroll; - margin-top: 5px; - } } - .container { - padding-top: 6rem; - padding: 0; - margin: 0; - display: flex; - flex-wrap: wrap; - justify-content: center; - align-items: center; - /* background-color: #61463d2d; */ - font-family: 'Unbounded', cursive; - background-size: cover; + .modalDesc { + overflow-y: scroll; + margin-top: 5px; + } +} +.container { + padding-top: 6rem; + padding: 0; + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: center; + align-items: center; + /* background-color: #61463d2d; */ + font-family: "Unbounded", cursive; + background-size: cover; } @media screen and (max-width: 1100px) { - - .container{ + .container { z-index: 11; position: relative; } } - -.dot{ - width:4px; - height:4px; - position:absolute; - background-color:#ff00cc; - box-shadow:0px 0px 10px 2px #ff00cc; +.dot { + width: 4px; + height: 4px; + position: absolute; + background-color: #ff00cc; + box-shadow: 0px 0px 10px 2px #ff00cc; border-radius: 20px; - z-index:2; + z-index: 2; } -html, body, #container { -width:100%; -height:100%; -} \ No newline at end of file +html, +body, +#container { + width: 100%; + height: 100%; +} + + + + diff --git a/flow/static/gridbg.png b/flow/static/gridbg.png new file mode 100644 index 0000000000000000000000000000000000000000..4d0fadea2fdc6eec8b45ce350d5c89b0f43b3543 GIT binary patch literal 65703 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 literal 0 HcmV?d00001 diff --git a/flow/templates/flow/eventsAndInitiatives/events.html b/flow/templates/flow/eventsAndInitiatives/events.html index e3fedc1..4f39959 100644 --- a/flow/templates/flow/eventsAndInitiatives/events.html +++ b/flow/templates/flow/eventsAndInitiatives/events.html @@ -1,160 +1,169 @@ {% load static %} - - - - - - - Events - - - - - - - - - - -
- {% include 'flow/navbarAndFooter/navbar.html' %} - -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - + + + + + + + + + + {% include 'flow/eventsAndInitiatives/movingbg.html' %} + +
+ {% include 'flow/navbarAndFooter/navbar.html' %} + - {{days|json_script:'days'}} {{events|json_script:'events'}} - -
- {% for d in days %} -
-

DAY {{d.day_number|add:"-1"}}

-
- {% endfor %} -
-
-
- - - - - -
- - - - {% include 'flow/navbarAndFooter/footer.html' %} - + dv.classList.add("modaldisplay"); + + const closes = document.querySelectorAll(".cross"); + + for (var i = 0; i < closes.length; i++) { + console.log(closes[i]); + const str2 = closes[i]; + str2.addEventListener("click", () => { + const div = document.querySelector(".modal"); + div.classList.remove("modaldisplay"); + }); + } + }); + } + }); + } + + window.onload = function () { + const man = document.querySelector(".day").click(); + }; + +
+ + + {% include 'flow/navbarAndFooter/footer.html' %} diff --git a/flow/templates/flow/eventsAndInitiatives/movingbg.html b/flow/templates/flow/eventsAndInitiatives/movingbg.html new file mode 100644 index 0000000..8465532 --- /dev/null +++ b/flow/templates/flow/eventsAndInitiatives/movingbg.html @@ -0,0 +1,58 @@ +{%block content%} + + + +
+
+
+
+
+
+{%endblock%} \ No newline at end of file From 9b4b3bf277eb7d3ec8089bde5dad186321fb8e8b Mon Sep 17 00:00:00 2001 From: Dipanjana Date: Sat, 6 Apr 2024 13:16:23 +0530 Subject: [PATCH 2/2] contact us ui fixes --- flow/static/css/contactus.css | 6 +++--- flow/templates/flow/contactus.html | 4 ++-- static/css/contactus.css | 2 +- 3 files changed, 6 insertions(+), 6 deletions(-) diff --git a/flow/static/css/contactus.css b/flow/static/css/contactus.css index 0354ee1..9dd018b 100644 --- a/flow/static/css/contactus.css +++ b/flow/static/css/contactus.css @@ -19,6 +19,7 @@ } .container { + flex-direction: column; height: max-content; margin-top: 10vh; width: 100%; @@ -59,7 +60,7 @@ font-family: "Astro",display !important; letter-spacing: 5px; line-height: 35px; - color: rgb(237, 218, 255); + color: #13bbe1; text-transform: uppercase; margin-block: 3rem; } @@ -337,5 +338,4 @@ width: 50px; height: 50px; } -} - +} \ No newline at end of file diff --git a/flow/templates/flow/contactus.html b/flow/templates/flow/contactus.html index e52a9dd..6391250 100644 --- a/flow/templates/flow/contactus.html +++ b/flow/templates/flow/contactus.html @@ -13,7 +13,7 @@ /> - Contact Us | Aarohan 2023 + Contact Us | Aarohan 2024 @@ -24,7 +24,7 @@
-

Contact Us

+

Contact Us

diff --git a/static/css/contactus.css b/static/css/contactus.css index b71b117..9ad0666 100644 --- a/static/css/contactus.css +++ b/static/css/contactus.css @@ -62,7 +62,7 @@ font-size: clamp(2rem, 5vw, 3.95rem); font-family: "Astro",display !important; letter-spacing: 5px; - color: rgb(237, 218, 255); + color: #13bbe1; text-transform: uppercase; /* text-shadow: rgb(183, 111, 251) 0 0 35px; */ margin-block: 3rem;