Skip to content

Commit

Permalink
enhanced footer
Browse files Browse the repository at this point in the history
  • Loading branch information
@multiverseweb
multiverseweb committed Nov 26, 2024
1 parent 34438d8 commit 4fa5f9b
Show file tree
Hide file tree
Showing 3 changed files with 82 additions and 70 deletions.
79 changes: 41 additions & 38 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -232,9 +232,7 @@
<img src="website/web_images/develop_down.webp" class="preview down">
</div>
</div>
<div class="design_line"></div>
<footer>
<img src="website/web_images/cubes.webp" class="cubes">
<footer id="footer">
<form name="Dataverse Reviews" method="POST" data-netlify="true" id="feedback-form"
onsubmit="return validateForm()">
<p style="color:white">Let Me Know Your Thoughts!</p>
Expand All @@ -243,7 +241,7 @@
<textarea name="Message" placeholder="Your Message" rows="4" required
oninput="checkFeedbackLength(this)"></textarea>
<p id="feedbackError"
style="color:#fd4346; opacity: 0%; font-size: 1.2rem; white-space: normal; transition: opacity 0.4s ease ">
style="color:#fd4346; opacity: 0%; font-size: 15px; white-space: normal; transition: opacity 0.4s ease ">
Feedback must be at least 10 characters long.</p>
<div class="star-rating" style="text-align: center; margin: 10px;">
<input type="radio" id="star5" name="rating" value="5" />
Expand All @@ -259,55 +257,37 @@
</div>
<input type="submit" value="Send" id="send">
</form>
<div class="contact">
<div class="name">
<img src="website/web_images/2dlogo.svg" alt="" class="end-logo">
<a class="subheading" href="index.html" id="last_link">Dataverse</a>
<div class="left_links">
<div class="contact">
<div class="name">
<img src="website/web_images/2dlogo.svg" alt="" class="end-logo" id="end-logo">
<a class="subheading" href="index.html" id="last_link">Dataverse</a>
</div>
</div>
</div>
</footer>
<div class="links">
<div class="small">
<div class="link_class">
<a href="website/pages/support.html" class="table_link" target="_blank">Support</a>
<a href="https://github.com/multiverseweb/Dataverse/blob/main/README.md" class="table_link">Documentation</a>
<p class="link-category">Software</p>
<a href="website/pages/license.html" class="table_link">License</a>
<a href="https://github.com/multiverseweb/Dataverse/blob/main/README.md"
class="table_link">Documentation</a>
<a href="https://github.com/multiverseweb/Dataverse" class="table_link">GitHub Repository</a>
</div>
<div class="link_class">
<p class="link-category">Navigate</p>
<a href="website/pages/support.html" class="table_link" target="_blank">Support</a>
<a href="sitemap.xml" class="table_link" target="_blank">Sitemap</a>
<a href="website/pages/license.html" class="table_link">License</a>
<a href="./website/pages/contributor.html" class="table_link">Contributors</a>
</div>
<div class="link_class">
<p class="link-category">More to Explore</p>
<a href="https://tejasgupta.netlify.app">Owner's Portfolio</a>
<a href="https://www.linkedin.com/in/tejascodes/">Owner's LinkedIn</a>
<a href="https://github.com/multiverseweb">Owner's GitHub Profile</a>
</div>
<script>
function validateFeedback() {
var feedback = document.forms["Dataverse Reviews"]["Feedback"];
checkFeedbackLength(feedback);
return feedback.value.length >= 10;
}

window.addEventListener('load', function () {
setTimeout(function () {
window.embeddedChatbotConfig = {
chatbotId: "oKgfHa3hvh7Ic0ypSqDbv",
domain: "www.chatbase.co"
};

var script = document.createElement('script');
script.src = "https://www.chatbase.co/embed.min.js";
script.chatbotId = "oKgfHa3hvh7Ic0ypSqDbv";
script.domain = "www.chatbase.co";
script.defer = true;
document.body.appendChild(script);
}, 3000); // Delay of 3 seconds (3000 ms)
});
</script>

</div>
</div>
</footer>
<div class="links" id="linksTejas">
<div class="end_line"></div>
<p class="tejas_credits" style="color:rgb(187, 187, 187); margin-top: 20px;"> Designed & Developed by <a
href="404.html">Tejas
Expand All @@ -319,6 +299,29 @@
</div>
<div class="end_line"></div>

<script>
function validateFeedback() {
var feedback = document.forms["Dataverse Reviews"]["Feedback"];
checkFeedbackLength(feedback);
return feedback.value.length >= 10;
}

window.addEventListener('load', function () {
setTimeout(function () {
window.embeddedChatbotConfig = {
chatbotId: "oKgfHa3hvh7Ic0ypSqDbv",
domain: "www.chatbase.co"
};

var script = document.createElement('script');
script.src = "https://www.chatbase.co/embed.min.js";
script.chatbotId = "oKgfHa3hvh7Ic0ypSqDbv";
script.domain = "www.chatbase.co";
script.defer = true;
document.body.appendChild(script);
}, 3000); // Delay of 3 seconds (3000 ms)
});
</script>
<script src="https://unpkg.com/[email protected]/dist/leaflet.js"></script>
<script src="website/scripts/script.js" type="module"></script>

Expand Down
23 changes: 20 additions & 3 deletions website/scripts/script.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -121,6 +121,9 @@ var download = document.getElementById("download_btn");
const lightButton = document.getElementById("lightButton");
const darkButton = document.getElementById("darkButton");
const technologies = document.getElementById("technologies");
var footer=document.getElementById("footer");
var links=document.getElementById("linksTejas");
var endLogo=document.getElementById("end-logo");


let lastScrollTop = 0;
Expand Down Expand Up @@ -220,10 +223,17 @@ function light(flag) {
document.getElementById("map").style.filter = "none";
document.getElementById("map").style.zIndex = 0;
tags.style.borderColor = "black";
tags.style.backgroundColor = "#171717";
tags.style.backgroundColor = "#00000000";
contribute.style.filter="invert(1)";
shadow.style.backgroundImage = "linear-gradient(115deg, #00000000,#f9f9f9,#00000000)";
technologies.style.border="1px solid #00000044";
technologies.style.border="1px solid #000000";
/*footer.style.backgroundColor="#ffffff";
footer.style.color="#000000";
links.style.backgroundColor="#ffffff";
links.style.color="#000000";*/
footer.style.filter="invert(1)";
links.style.filter="invert(1)";
endLogo.style.filter="invert(1)";
}
indicator.style.backgroundImage = "radial-gradient(rgba(0,0,0, 0.608),#00000000,#00000000)";
const lightButton = document.getElementById("lightButton");
Expand All @@ -238,7 +248,14 @@ function dark(flag) {
tags.style.backgroundColor = "#00000000";
shadow.style.backgroundImage = "linear-gradient(115deg, #00000000,#000000d4,#00000000)";
contribute.style.filter="invert(0)";
technologies.style.border="1px solid #ffffff044";
technologies.style.border="1px solid #ffffff44";
/*footer.style.backgroundColor="#000000";
footer.style.color="#ffffff";
links.style.backgroundColor="#000000";
links.style.color="#ffffff";*/
footer.style.filter="invert(0)";
links.style.filter="invert(0)";
endLogo.style.filter="invert(0)";
}
localStorage.setItem('theme', 'dark');
indicator.style.backgroundImage = "radial-gradient(rgba(255,255,255, 0.608),#00000000,#00000000)";
Expand Down
50 changes: 21 additions & 29 deletions website/styles/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -933,11 +933,6 @@ footer a:hover {
/* Change link color on hover */
}

footer .contact {
margin-right: auto;
/* Aligns the contact section to the left */
}

footer input[type="text"],
footer input[type="email"],
footer textarea[name="Message"],
Expand Down Expand Up @@ -1030,14 +1025,6 @@ input {
box-shadow: 0px 0px 10px cyan;
}

.cubes {
overflow-x: hidden;
height: 60vh;
position: absolute;
right: -120px;
margin-top: 50px;
}

.contact {
width: 40vw;
}
Expand All @@ -1049,7 +1036,7 @@ input {
}

.name {
margin-left: 100px;
margin-left: 40px;
display: flex;
}

Expand All @@ -1059,7 +1046,7 @@ input {
margin-left: calc(50vw + 15px);
transform: translate(-50%);
margin-bottom: 20px;
margin-top: 50px;
margin-top: 30px;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgb(255, 255, 255), rgba(0, 0, 0, 0));
}

Expand Down Expand Up @@ -1098,18 +1085,28 @@ input {
.small {
margin-top: 20px;
display: flex;
font-size: medium;
font-size: large;
justify-content: space-around;
}

.link_class a {
margin-top: 20px;
margin-left: 7px;
line-height: 2.5rem;
vertical-align: bottom;
padding-bottom: 0;
margin-top: -2px;
z-index: 10;
border-bottom: 0px solid rgba(255, 255, 255, 0);
transition-duration: 0.3s;
border-left: 1px solid rgb(74, 74, 74);
padding-left: 15px;
color: rgb(192, 192, 192);
}

.link_class p{
margin-bottom: 10px;
margin-top: 10px;
}
.small i {
margin-top: 20px;
z-index: 10;
Expand Down Expand Up @@ -1140,9 +1137,6 @@ input {

/*===========================RESPONSIVE===================================*/
@media screen and (max-width: 660px) {
.name {
margin-left: 10px;
}
.navbarButton{
padding: 10px;
border-radius: 50%;
Expand Down Expand Up @@ -1265,16 +1259,7 @@ input {
width: 100%;
}

.cubes {
width: 70vw;
height: 70vw;
left: -60px;
z-index: 0;
margin-top: 70px;
}

footer {
margin-top: 50px;
flex-direction: column;
}
.contact{
Expand Down Expand Up @@ -1326,6 +1311,13 @@ input {
}
.small{
flex-direction: column;
font-size: medium;
}
.left_links{
width: 80vw;
}
.name{
margin-left: calc(10vw - 20px);
}
}

Expand Down

0 comments on commit 4fa5f9b

Please sign in to comment.