More fixes
diff --git a/css/newteams.css b/css/newteams.css
index bdc1368..6a6fb19 100644
--- a/css/newteams.css
+++ b/css/newteams.css
@@ -215,7 +215,7 @@
margin: 10px auto;
width: 16px;
height: 32px;
- border: 3px solid rgba(122, 122, 124, 0.918);
+ border: 3px solid rgba(148, 148, 148, 0.918);
border-radius: 20px;
display: flex;
pointer-events: none;
@@ -251,3 +251,38 @@
transform: translateY(8px);
}
}
+@media (max-width: 991px) {
+ .orb-canvas {
+ position: absolute;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ width: 100%;
+ height: 100%;
+ pointer-events: none;
+ z-index: -1;
+ opacity: 32%;
+ }
+
+ .hero-h1 {
+ text-align: center;
+ font-size: 2.4rem;
+ font-weight: 500;
+ line-height: 1.15;
+ color: black;
+ }
+ .hero-h1 span {
+ font-weight: 500;
+ line-height: 1.15;
+ color: orangered;
+ }
+
+ .hero-h3 {
+ margin-top: 0.5rem;
+ width: 80%;
+ text-align: center;
+ font-size: 1rem;
+ color: black;
+ font-weight: 400;
+ }
+}
diff --git a/js/anim.js b/js/anim.js
index 5aaf564..78a047c 100644
--- a/js/anim.js
+++ b/js/anim.js
@@ -4,6 +4,8 @@
import hsl from "https://cdn.skypack.dev/hsl-to-hex";
import debounce from "https://cdn.skypack.dev/debounce";
+console.log("anime");
+
// return a random number within a range
function random(min, max) {
return Math.random() * (max - min) + min;
diff --git a/js/members.js b/js/members.js
index a9d3bcd..cdb2037 100644
--- a/js/members.js
+++ b/js/members.js
@@ -62,4 +62,3 @@
document.getElementById("container").innerHTML = container;
}
members();
-console.log("hi");
diff --git a/js/toggle.js b/js/toggle.js
index 6e71884..d7bc068 100644
--- a/js/toggle.js
+++ b/js/toggle.js
@@ -10,14 +10,10 @@
// now toggle the clock and the button text, depending on current state
if (displaySetting == "block") {
- console.log("2");
// clock is visible. hide it
myMenu.style.display = "none";
} else {
- console.log("3");
// clock is hidden. show it
myMenu.style.display = "block";
}
}
-console.log("toggle");
-// onclick = "toggleMenu()";
diff --git a/team.html b/team.html
index 2f83c5b..c1f9bca 100644
--- a/team.html
+++ b/team.html
@@ -43,7 +43,7 @@
</header>
<!-- herosection -->
<div class="hero">
- <h1 class="hero-h1">Meet the <span>Developer Team</span></h1>
+ <h1 class="hero-h1">Meet The <br /><span>Developer Team</span></h1>
<h3 class="hero-h3">
Our development team is a group of people that work together to create
the blissful experience for you.
@@ -55,7 +55,7 @@
<p style="font-size: 0.8rem">scroll down</p>
</div>
</div>
-
+ <!-- Animation container -->
<canvas class="orb-canvas"></canvas>
<!-- Teamsection -->