Skip to content

Commit

Permalink
Merge pull request #2623 from Son7c/main
Browse files Browse the repository at this point in the history 
Contributors page redesigned
  • Loading branch information
@deepeshmlgupta
deepeshmlgupta authored Nov 2, 2024
2 parents 518af12 + 4db00e2 commit 2813ecd
Show file tree
Hide file tree
Showing 2 changed files with 62 additions and 93 deletions.
20 changes: 14 additions & 6 deletions assets/css/contributors.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -102,12 +102,12 @@ body {
.contributor-card {
position: relative;
overflow: hidden;
width: 100%;
max-width: calc(25% - 16px);
width: 20%;
max-width: calc(15% - 20px);
display: flex;
flex-direction: column;
align-items: center;
background-color: #fff;
background-color: rgba(213,222,239,0.3);
border: 1px solid #ccc;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
Expand All @@ -117,6 +117,10 @@ body {
color: inherit;
margin-bottom: 16px;
}
p.text-gray-700.dark\:text-gray-400{
color: black;
}


.contributor-card::before {
content: '';
Expand All @@ -125,7 +129,6 @@ body {
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(139deg, #3b89ff 50%, #eef6ff 50%);
transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
transform: translate(-100%, -100%);
opacity: 0;
Expand All @@ -139,7 +142,6 @@ body {

.contributor-card:hover {
transform: scale(1.05);
box-shadow: 1px 1px 5px rgba(64, 83, 255, 0.64);
}

.contributor-card img {
Expand Down Expand Up @@ -329,5 +331,11 @@ to {
transform: scaleX(1); /* Shrink to zero width */
}
}

a.contributor{
transition: all0.4s ease;
}
a.contributor-card:hover{
background: #8ccde9;
color: white;
}

135 changes: 48 additions & 87 deletions contributors.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,14 +18,54 @@
<link rel="stylesheet" href="./assets/css/default.css" />
<link rel="stylesheet" href="./assets/css/style.css" />
<link rel="stylesheet" href="./assets/css/popup.css" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet">
<!-- Linked CSS for social logos -->
<link rel="stylesheet" href="../assets/css/index.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" />
<style>
/* Specific rule for h1 in light mode */
body:not(.dark) h1 {
color: black !important;
}
body{
background-color: #00111c;
}
div#contributors{
gap: 2rem 7rem;
}
h2{
color: #000;
}
h1.text-center.text-3xl.font-semibold.mb-8.text-black.dark\:text-gray-200{
font-size:4rem;
margin-bottom: 5rem;
margin-top: 3rem;
color: #00111c;
-webkit-text-stroke: 1px #383d52;
font-family: "Poppins", serif;
position: relative;
}

h1.text-center.text-3xl.font-semibold.mb-8.text-black.dark\:text-gray-200::before{
content:attr(data-text);
width: 0%;
height: 100%;
top: 0;
overflow: hidden;
position: absolute;
border-right: 2px solid #0ff0fc;
color: #0ff0fc;
animation: Anime 6s linear infinite;
}
@keyframes Anime{
0%,10%,100%
{
width: 0%;
}
70%,90%
{
width: 24.8%;
}
}

</style>
<body>
Expand Down Expand Up @@ -420,91 +460,17 @@ <h3 class="join"><i class="fa-solid fa-user"></i> Register to join us....</h3>
</div>
</div>
</div>
<div id="home" class="header-hero bg_cover" style="background-image: url(./assets/images/banner-bg.svg)">
<div class="container">
<h2 class="head-animate" style="font-size: 90px;">
WELCOME TO FINVEDA
</h2>
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="header-hero-content text-center">
<style>
.head-animate {
text-align: center;
position: relative;
top: 200px;
color: transparent;
-webkit-text-stroke: 2px white;
font-weight: bold;
background: url(./assets/images/back.png);
-webkit-background-clip: text;
background-position: 0 0;
animation: back 20s linear infinite, hovering 1.5s ease-in-out infinite;
;
}

@keyframes back {
100% {
background-position: 2000px 0;
}
}

@keyframes hovering {
0% {
transform: translateY(0);
}

50% {
transform: translateY(-5px);
}

100% {
transform: translateY(0);
}
}

.header-hero-content h2 {
font-size: 200px;
}
</style>
<br>
<br>
<p class="text wow fadeInUp" data-wow-duration="1.3s" data-wow-delay="0.8s"
style="visibility: visible; animation-duration: 1.3s; animation-delay: 0.8s;">
Wanna learn how to grow your money to become rich? We have
made becoming a stock market Guru easy with our AI
powered finance advisor - <b>Arth Sathi 🤵🏻</b>
</p>
<a href="#" class="main-btn wow fadeInUp" data-wow-duration="1.3s" data-wow-delay="1.1s"
onclick="window.botpressWebChat.sendEvent({ type: 'show' }); return false;"
style="visibility: visible; animation-duration: 1.3s; animation-delay: 1.1s;">
Chat with ArthaSathi 💬
</a>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="header-hero-image text-center wow fadeIn" data-wow-duration="1.3s" data-wow-delay="1.4s">
<img src="./assets/images/header-hero.webp" alt="hero" />
</div>
</div>
</div>
</div>
<div id="particles-1" class="particles"></div>
</div>

<style>

/* Stats Section */
.contributor-stats {

max-width: 1000px;
margin: 0 auto;
padding: 3rem 0;
margin: 7.5rem auto 2rem auto;
padding: 2rem 2rem;
text-align: center;
background-color: #ffffff;

background-color: rgba(255,255,255,0.2);
border-radius: 25px;

}

Expand Down Expand Up @@ -585,13 +551,8 @@ <h3>409</h3>
</div>
</section>
<div class="content min-h-screen text-black dark:text-gray-200">
<div class="container mx-auto py-8">
<h1 class="text-center text-3xl font-semibold mb-8 text-black dark:text-gray-200">
🤝 FinVeda - Contributors
</h1>

<h1 class="text-center text-3xl font-semibold mb-8 text-black dark:text-gray-200" data-text="CONTRIBUTORS">CONTRIBUTORS</h1>
<div id="contributors" class="contributors flex flex-wrap justify-center gap-8"></div>
</div>
</div>
<!-- Timed popup that will appear after succesful submission of feebback form! -->
<button class="notification" id="successnotification" style="display:none;">
Expand Down

0 comments on commit 2813ecd

Please sign in to comment.