Skip to content

Commit

Permalink
bug fixed for the footer position
Browse files Browse the repository at this point in the history
  • Loading branch information
@swastika51
swastika51 committed Sep 27, 2024
1 parent dcfdb71 commit d588638
Show file tree
Hide file tree
Showing 3 changed files with 230 additions and 126 deletions.
197 changes: 155 additions & 42 deletions new-website/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,6 +17,7 @@
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="loading.css">
<link rel="stylesheet" href="contributors.css">

<link rel="stylesheet" href="about.css">
<link rel="script" href="home.js">

Expand All @@ -41,6 +42,46 @@
top: 0;
left: 0;
}


.footer-container {
padding: 20px;
background-color: #f8f8f8; /* Light background color */
}

.footer-title {
font-size: 1.5em;
margin: 0;
}

.footer-description {
margin: 10px 0;
}

.footer-links {
list-style: none;
padding: 0;
}

.footer-links li {
margin: 5px 0;
}

.footer-icons {
display: flex;
gap: 10px; /* Space between icons */
}

.footer-bottom {
text-align: center;
margin-top: 20px;
}

.footer-horizontal-line {
border-top: 1px solid #ccc; /* Example horizontal line */
margin: 20px 0;
}

</style>


Expand Down Expand Up @@ -425,61 +466,133 @@ <h1 class="license-title dark:text-white">License</h1>
</div>
</div>
<!-- Footer Section -->
<div class="footer-container">
<div class="flex flex-col footer-content md:flex-row">
<div class="footer-left">
<div class="logo-and-title">
<img id="logo-image" src="assets/footerLight.png" alt="ResourceHub Image">
<h2 class="footer-title">ResourceHub</h2>

<!--footer class="footer-container">
<div class="flex flex-col footer-content md:flex-row">
<div class="footer-left">
<div class="logo-and-title">
<img id="logo-image" src="assets/footerLight.png" alt="ResourceHub Image">
<h2 class="footer-title">ResourceHub</h2>
</div>
<p class="footer-description">
ResourceHub is an open-source project that serves as a one-stop repository of valuable resources curated by the amazing contributors in the community.
</p>
</div>
<p class="footer-description">ResourceHub is an open-source project that serves as a one-stop repository of
valuable resources curated by the amazing contributors in the community</p>
<br>
<div class="footer-icons">
<a href="https://github.com/jfmartinz/ResourceHub" target="_blank" aria-label="Github">
<a href="https://github.com/jfmartinz/ResourceHub" target="_blank" aria-label="View GitHub Repository">
<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path fill="black"
d="M12 0a12 12 0 0 0-3.8 23.4c.6.1.8-.3.8-.6v-2.1c-3.4.7-4.1-1.6-4.1-1.6-.5-1.2-1.3-1.6-1.3-1.6-1.1-.8.1-.8.1-.8 1.2.1 1.8 1.3 1.8 1.3 1 .2 1.7.7 2 .9.2-.7.4-1.3.7-1.6-2.7-.3-5.5-1.3-5.5-5.6 0-1.3.4-2.3 1.2-3.2-.1-.3-.5-1.4.1-3 0 0 1-.3 3.4 1.2a11.4 11.4 0 0 1 6.2 0c2.4-1.5 3.4-1.2 3.4-1.2.6 1.6.2 2.7.1 3 .8.9 1.2 1.9 1.2 3.2 0 4.3-2.8 5.3-5.5 5.6.4.4.7 1.1.7 2.1v3c0 .3.2.7.8.6A12 12 0 0 0 12 0Z" />
<path fill="black" d="M12 0a12 12 0 0 0-3.8 23.4c.6.1.8-.3.8-.6v-2.1c-3.4.7-4.1-1.6-4.1-1.6-.5-1.2-1.3-1.6-1.3-1.6-1.1-.8.1-.8.1-.8 1.2.1 1.8 1.3 1.8 1.3 1 .2 1.7.7 2 .9.2-.7.4-1.3.7-1.6-2.7-.3-5.5-1.3-5.5-5.6 0-1.3.4-2.3 1.2-3.2-.1-.3-.5-1.4.1-3 0 0 1-.3 3.4 1.2a11.4 11.4 0 0 1 6.2 0c2.4-1.5 3.4-1.2 3.4-1.2.6 1.6.2 2.7.1 3 .8.9 1.2 1.9 1.2 3.2 0 4.3-2.8 5.3-5.5 5.6.4.4.7 1.1.7 2.1v3c0 .3.2.7.8.6A12 12 0 0 0 12 0Z" />
</svg>
</a>
<a href="https://discord.com/channels/1243120700626309131/1243121246217175081" target="_blank"
aria-label="Discord">
<a href="https://discord.com/channels/1243120700626309131/1243121246217175081" target="_blank" aria-label="Join Discord Community">
<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path fill="black"
d="M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2763-3.68-.2763-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561 19.911 19.911 0 004.967 2.5225.0777.0777 0 00.0842-.0276c.3841-.5234.7217-1.0782 1.0062-1.657a.076.0766 0 00-.0416-.1057 13.1141 13.1141 0 01-1.872-1.0279.077.077 0 01-.0076-.1257c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.0991.246.1981.3728.2924a.077.077 0 01-.0066.1256 12.7578 12.7578 0 01-1.873 1.0279.0766.0766 0 00-.0407.1067c.2845.5788.6221 1.1336 1.0062 1.657a.076.076 0 00.0842.0276 19.9183 19.9183 0 004.967-2.5225.077.077 0 00.0313-.0561c.5004-5.177-.8382-9.6739-3.5485-13.6607a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.955-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.955 2.4189-2.1568 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.955-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189Z" />
<path fill="black" d="M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2763-3.68-.2763-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561 19.911 19.911 0 004.967 2.5225.0777.0777 0 00.0842-.0276c.3841-.5234.7217-1.0782 1.0062-1.657a.076.076 0 00-.0416-.1057 13.1141 13.1141 0 01-1.872-1.0279.077.077 0 01-.0076-.1257c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.0991.246.1981.3728.2924a.077.077 0 01-.0066.1256 12.7578 12.7578 0 01-1.873 1.0279.0766.0766 0 00-.0407.1067c.2845.5788.6221 1.1336 1.0062 1.657a.076.076 0 00.0842.0276 19.9183 19.9183 0 004.967-2.5225.077.077 0 00.0313-.0561c.5004-5.177-.8382-9.6739-3.5485-13.6607a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.955-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.955 2.4189-2.1568 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.955-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189Z" />
</svg>
</a>
</div>
</div>
<div class="footer-right">
<ul class="footer-links">
<li><a href="https://github.com/jfmartinz/ResourceHub" target="_blank" class="hov">View on GitHub</a></li>
<li><a href="https://github.com/jfmartinz/ResourceHub/stargazers" target="_blank" class="hov">Star on GitHub</a></li>
<li><a href="Contribute.html" class="hov">How to Contribute</a></li>
<li><a href="https://github.com/jfmartinz/ResourceHub/edit/main/README.md" target="_blank" class="hov">Edit on GitHub</a></li>
<li><a href="feedback.html" class="hov">Feedback</a></li>
<div class="footer-links">
<div class="footer-right">
<ul class="footer-links-list">
<li><a href="https://github.com/jfmartinz/ResourceHub" target="_blank" class="hov">View on GitHub</a></li>
<li><a href="https://github.com/jfmartinz/ResourceHub/stargazers" target="_blank" class="hov">Star on GitHub</a></li>
<li><a href="Contribute.html" class="hov">How to Contribute</a></li>
<li><a href="https://github.com/jfmartinz/ResourceHub/edit/main/README.md" target="_blank" class="hov">Edit on GitHub</a></li>
<li><a href="feedback.html" class="hov">Feedback</a></li>
</ul>
</div>
</div>
<div class="footer-horizontal-line"></div>
<div class="footer-bottom">
<p>Copyright &copy; 2024 <a href="#">ResourceHub</a>. All Rights Reserved.</p>
</div>
<div class="footer-links-below">
<a href="#" class="back-to-top" aria-label="Back to Top">
</a>
</div>
<div id="back-to-top-container">
<div class="circle1">
<svg id="back-to-top" xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="currentColor" class="bi bi-arrow-up-circle-fill" viewBox="0 0 16 16">
<path d="M16 8A8 8 0 1 0 0 8a8 8 0 0 0 16 0m-7.5 3.5a.5.5 0 0 1-1 0V5.707L5.354 7.854a.5.5 0 1 1-.708-.708l3-3a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L8.5 5.707z"/>
</svg>
</div>
</div>
</!--footer>
<div!-- class="cursor"></div!-->

<div class="footer-container">
<div class="flex flex-col footer-content md:flex-row">
<div class="footer-left">
<div class="logo-and-title">
<img id="logo-image" src="assets/footerLight.png" alt="ResourceHub Image">
<h2 class="footer-title">ResourceHub</h2>
</div>
<p class="footer-description">ResourceHub is an open-source project that serves as a <br> one-stop repository of
valuable resources curated by the <br> amazing contributors in the community</p>
<br>
<div class="footer-icons">
<a href="https://github.com/jfmartinz/ResourceHub" target="_blank" aria-label="Github">
<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path fill="black"
d="M12 0a12 12 0 0 0-3.8 23.4c.6.1.8-.3.8-.6v-2.1c-3.4.7-4.1-1.6-4.1-1.6-.5-1.2-1.3-1.6-1.3-1.6-1.1-.8.1-.8.1-.8 1.2.1 1.8 1.3 1.8 1.3 1 .2 1.7.7 2 .9.2-.7.4-1.3.7-1.6-2.7-.3-5.5-1.3-5.5-5.6 0-1.3.4-2.3 1.2-3.2-.1-.3-.5-1.4.1-3 0 0 1-.3 3.4 1.2a11.4 11.4 0 0 1 6.2 0c2.4-1.5 3.4-1.2 3.4-1.2.6 1.6.2 2.7.1 3 .8.9 1.2 1.9 1.2 3.2 0 4.3-2.8 5.3-5.5 5.6.4.4.7 1.1.7 2.1v3c0 .3.2.7.8.6A12 12 0 0 0 12 0Z" />
</svg>
</a>
<a href="https://discord.com/channels/1243120700626309131/1243121246217175081" target="_blank"
aria-label="Discord">
<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path fill="black"
d="M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2763-3.68-.2763-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561 19.911 19.911 0 004.967 2.5225.0777.0777 0 00.0842-.0276c.3841-.5234.7217-1.0782 1.0062-1.657a.076.0766 0 00-.0416-.1057 13.1141 13.1141 0 01-1.872-1.0279.077.077 0 01-.0076-.1257c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.0991.246.1981.3728.2924a.077.077 0 01-.0066.1256 12.7578 12.7578 0 01-1.873 1.0279.0766.0766 0 00-.0407.1067c.2845.5788.6221 1.1336 1.0062 1.657a.076.076 0 00.0842.0276 19.9183 19.9183 0 004.967-2.5225.077.077 0 00.0313-.0561c.5004-5.177-.8382-9.6739-3.5485-13.6607a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.955-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.955 2.4189-2.1568 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.955-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189Z" />
</svg>
</a>
</div>
</div>
<div class="footer-right">
<ul class="footer-links">
<li><a href="https://github.com/jfmartinz/ResourceHub" target="_blank" class="hov">View on GitHub</a></li>
<li><a href="https://github.com/jfmartinz/ResourceHub/stargazers" target="_blank" class="hov">Star on GitHub</a></li>
<li><a href="Contribute.html" class="hov">How to Contribute</a></li>
<li><a href="https://github.com/jfmartinz/ResourceHub/edit/main/README.md" target="_blank" class="hov">Edit on GitHub</a></li>
<li><a href="feedback.html" class="hov">Feedback</a></li>
</ul>
</div>
</div><br>
<div class="footer-horizontal-line"></div>
<div class="footer-bottom">
<p>Copyright &copy; 2024 <a href="#">ResourceHub</a>. All Rights Reserved.</p>
</div>
<div class="footer-links-below">
<ul>
<li><a href="terms.html" class="hov">Terms of Service</a></li>
<li><a href="privacy.html" class="hov">Privacy Policy</a></li>
</ul>
</div>
</div><br>
<div class="footer-horizontal-line"></div>
<div class="footer-bottom">
<p>Copyright &copy; 2024 <a href="#">ResourceHub</a>. All Rights Reserved.</p>
</div>
<div class="footer-links-below">
<ul>
<li><a href="terms.html" class="hov">Terms of Service</a></li>
<li><a href="privacy.html" class="hov">Privacy Policy</a></li>
</ul>
<div id="back-to-top-container">
<div class="circle1">
<svg id="back-to-top" xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="currentColor" class="bi bi-arrow-up-circle-fill" viewBox="0 0 16 16">
<path d="M16 8A8 8 0 1 0 0 8a8 8 0 0 0 16 0m-7.5 3.5a.5.5 0 0 1-1 0V5.707L5.354 7.854a.5.5 0 1 1-.708-.708l3-3a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L8.5 5.707z"/>
</svg>
</div>
</div>
</div>
<div id="back-to-top-container">
<div class="circle1">
<svg id="back-to-top" xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="currentColor" class="bi bi-arrow-up-circle-fill" viewBox="0 0 16 16">
<path d="M16 8A8 8 0 1 0 0 8a8 8 0 0 0 16 0m-7.5 3.5a.5.5 0 0 1-1 0V5.707L5.354 7.854a.5.5 0 1 1-.708-.708l3-3a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L8.5 5.707z"/>
</svg>
</div>
</div>
</div>
<div class="cursor"></div>
<div class="cursor"></div>










<!-- for particle effet -->

Expand Down
46 changes: 28 additions & 18 deletions new-website/mainstyle.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1450,36 +1450,46 @@ body::-webkit-scrollbar-thumb:hover {
}

/* FOOTER STYLES */
.footer-container {
padding: 20px;
background-color: #f8f8f8; /* Light background color */
}

.footerclass a{
transition:all 0.3s linear;
.footer-title {
font-size: 1.5em;
margin: 0;
}

.footerclass a:hover{
color:#00aaff;
font:bolder;
text-decoration: underline;
.footer-description {
margin: 10px 0;
}

.footer-links {
list-style: none;
padding: 0;
}

.footer-links li {
margin: 5px 0;
}

/* CONTENT DISPLAY PAGE STYLES */
.footer-icons {
display: flex;
gap: 10px; /* Space between icons */
}

#project-title {
.footer-bottom {
text-align: center;
font-size: 48px;
margin-top: 20px;
font-family: 'Arial', sans-serif;
}

.dark-mode {
background-color: #000000;
color: white;
.footer-horizontal-line {
border-top: 1px solid #ccc; /* Example horizontal line */
margin: 20px 0;
}

.light-mode
{
background-color: white;
color: black;
}



/* Toggle button style */

Expand Down
Loading

0 comments on commit d588638

Please sign in to comment.