From 9b76d502874769de1abb9e640d4c4127c52c3520 Mon Sep 17 00:00:00 2001 From: praveenm1910 Date: Fri, 27 Sep 2024 13:09:35 +0530 Subject: [PATCH 1/2] About section changed --- css/style1.css | 122 ++++++++++++++----------------------- index.html | 162 +++++++++++++++++++++++++------------------------ js/app.js | 16 ++--- 3 files changed, 136 insertions(+), 164 deletions(-) diff --git a/css/style1.css b/css/style1.css index 27b2dab..490db1a 100644 --- a/css/style1.css +++ b/css/style1.css @@ -123,6 +123,7 @@ h2 { # PARTICLES --------------------------------------------------------------*/ #particles-home, +#partcles-about, #particles-domains { position: absolute; background: rgb(34, 33, 33); @@ -507,101 +508,70 @@ header.scrolled { padding-top: 20px; } -/*-------------------------------------------------------------- -# About ---------------------------------------------------------------*/ +/* CSS for particles-about background */ +#particles-about { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 0; + pointer-events: none; +} + +.back_about { + position: relative; + z-index: 1; + color: rgb(255, 255, 255); + background: rgb(34, 33, 33); + background: radial-gradient(circle, rgba(34, 33, 33, 1) 0%, rgba(2, 6, 8, 1) 100%); + font-size: 1.4rem; + text-align: justify; +} + .icon-container { - display: flex; - justify-content: space-evenly; - align-items: center; - flex-wrap: wrap; - margin-top: 50px; + display: flex; + justify-content: space-evenly; + align-items: center; + flex-wrap: wrap; + margin-top: 50px; } .icon-reg, .icon-man, .icon-projects { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - text-align: center; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + text-align: center; } .icon-reg p, .icon-man p, .icon-projects p { - margin-top: 10px; - font-size: 1em; - font-family: "Oswald", sans-serif !important; - font-optical-sizing: auto !important; - font-weight: 600 !important; - font-style: normal !important; -} - -.back_about { - color: black; - background-color: wheat; - font-size: 1.4rem; - text-align: justify; -} - -.back_about span { - font-weight: bolder; + margin-top: 10px; + font-size: 1em; + font-family: "Oswald", sans-serif !important; + font-optical-sizing: auto !important; + font-weight: 600 !important; + font-style: normal !important; } .about-section { - display: flex; - flex-wrap: wrap; - align-items: center; - justify-content: space-between; - gap: 20px; -} - -.about-section .col-lg-5 { - flex: 1; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + gap: 20px; + position: relative; + z-index: 1; /* Ensure content is above particles */ } .col-lg-5 { - margin-top: 50px; -} - -.about-section .about_img { - flex: 1; - text-align: right; -} - -.about-section img { - max-width: 100%; - height: auto; -} - -.new-section { - text-align: center; - display: flex; - align-items: center; - gap: 80px; - margin-top: 50px !important; + margin-top: 50px; } -.new-section img { - max-width: 200px; - height: auto; - border-radius: 0px; -} - -.new-section p { - margin-top: 15px; - font-size: 18px; - color: #333; - font-weight: 500; - letter-spacing: 0.5px; -} - -.new-section span { - font-weight: 700; - color: black; -} /*-------------------------------------------------------------- # Glimpses diff --git a/index.html b/index.html index 2ba8a1b..06e9e72 100644 --- a/index.html +++ b/index.html @@ -135,82 +135,84 @@

-
-
- -
-

ABOUT

-

-
-
A
-
-
-
B
-
-
-
O
-
-
-
U
-
-
-
T
-
-

-
- - -
-
-
-

Welcome, Innovators and Change-Makers!

-
-

- "Introducing PEC HACKS 2.0– where boundless creativity meets game-changing - innovation!. Hosted by - Panimalar Engineering College, Chennai, Tamil Nadu, this hackathon is your - Golden-ticket to transform bold ideas into impactful solutions. - Join us on this electrifying journey as you team up with brilliant minds, tackle real-world - challenges, and push the boundaries of technology." -

-

Prize Pool of ₹ 18 Lakh+

- -
-
- - - -

3000+ Registrations

-
- -
- - - - -

300+ Hackers

-
- -
- - - - -

60+ Projects

-
-
- -
-
-
-
- +
+
+ +
+ +
+ +
+

ABOUT

+

+
+
A
+
+
+
B
+
+
+
O
+
+
+
U
+
+
+
T
+
+

+
+ + +
+
+
+

Welcome, Innovators and Change-Makers!

+
+

+ "Introducing PEC HACKS 2.0– where boundless creativity meets game-changing + innovation!. Hosted by + Panimalar Engineering College, Chennai, Tamil Nadu, this hackathon is your + Golden-ticket to transform bold ideas into impactful solutions. + Join us on this electrifying journey as you team up with brilliant minds, tackle real-world + challenges, and push the boundaries of technology." +

+

Prize Pool of ₹ 18 Lakh+

+ +
+
+ + + +

3000+ Registrations

+
+ +
+ + + + +

300+ Hackers

+
+ +
+ + + + +

60+ Projects

+
+
+
+
+
+
+ -
+
+

+ + -

- -
diff --git a/js/app.js b/js/app.js index 150ea92..17409dc 100644 --- a/js/app.js +++ b/js/app.js @@ -132,12 +132,12 @@ particlesJS('particles-home', ); -particlesJS('particles-domains', +particlesJS('particles-about', { "particles": { "number": { - "value": 40, + "value": 80, "density": { "enable": true, "value_area": 800 @@ -172,7 +172,7 @@ particlesJS('particles-domains', } }, "size": { - "value": 20, + "value": 5, "random": true, "anim": { "enable": false, @@ -182,7 +182,7 @@ particlesJS('particles-domains', } }, "line_linked": { - "enable": false, + "enable": true, "distance": 150, "color": "#ffffff", "opacity": 0.4, @@ -190,8 +190,8 @@ particlesJS('particles-domains', }, "move": { "enable": true, - "speed": 4, - "direction": "top", + "speed": 6, + "direction": "none", "random": false, "straight": false, "out_mode": "out", @@ -206,8 +206,8 @@ particlesJS('particles-domains', "detect_on": "canvas", "events": { "onhover": { - "enable": false, - "mode": "bubble" + "enable": true, + "mode": "repulse" }, "onclick": { "enable": true, From 01763e8276f82d2e2f2184d24649554378e1b4c3 Mon Sep 17 00:00:00 2001 From: Sarath Kumaran Date: Fri, 27 Sep 2024 14:14:41 +0530 Subject: [PATCH 2/2] About section changed --- css/style1.css | 16 ++++++++++++---- index.html | 15 ++++++--------- 2 files changed, 18 insertions(+), 13 deletions(-) diff --git a/css/style1.css b/css/style1.css index 490db1a..c20116a 100644 --- a/css/style1.css +++ b/css/style1.css @@ -1,5 +1,5 @@ @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap"); - +@import url('https://fonts.googleapis.com/css2?family=Acme&display=swap'); /*-------------------------------------------------------------- # HTML & BODY --------------------------------------------------------------*/ @@ -508,7 +508,6 @@ header.scrolled { padding-top: 20px; } -/* CSS for particles-about background */ #particles-about { position: absolute; top: 0; @@ -518,7 +517,9 @@ header.scrolled { z-index: 0; pointer-events: none; } - +/*-------------------------------------------------------------- +# About +--------------------------------------------------------------*/ .back_about { position: relative; z-index: 1; @@ -546,7 +547,14 @@ header.scrolled { justify-content: center; text-align: center; } +.about-section span, h3{ + font-family: "Acme", sans-serif; + font-weight: 600; +} +.about-section p{ + letter-spacing: 2px; +} .icon-reg p, .icon-man p, .icon-projects p { @@ -565,7 +573,7 @@ header.scrolled { justify-content: space-between; gap: 20px; position: relative; - z-index: 1; /* Ensure content is above particles */ + z-index: 1; } .col-lg-5 { diff --git a/index.html b/index.html index 06e9e72..3b2c723 100644 --- a/index.html +++ b/index.html @@ -144,8 +144,8 @@

-

ABOUT

-

+

ABOUT

+

A
@@ -183,8 +183,8 @@

Welcome, Innovators and Change-Makers!

- + +

3000+ Registrations

@@ -192,9 +192,7 @@

Welcome, Innovators and Change-Makers!

- +

300+ Hackers

@@ -202,8 +200,7 @@

Welcome, Innovators and Change-Makers!

- +

60+ Projects