linking pages, cosmetic changes

longmetal7127 · Feb 14, 2024 · 3ca29c7 · 3ca29c7
1 parent bd6da54
commit 3ca29c7
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 10 deletions.
diff --git a/index.css b/index.css
@@ -52,7 +52,7 @@ body {
 
 header {
 	padding: 2rem 1rem;
-	background-color: var(--teamlist);
+	/*background-color: var(--teamlist);*/
 	/*max-width: 1000px;*/
 	width: 100%;
 	margin: 0 auto;
@@ -81,9 +81,9 @@ input, button {
 
 #new-team-input {
 	flex: 1 1 0%;
-	background-color: var(--background); /* bg color of team input*/
+	background-color: var(--teamlist); /* bg color of team input*/
 	padding: 1rem;
-	border-radius: 1rem;
+	border-radius: 0.5rem;
 	margin-right: 1rem;
 	color: var(--dark);
 	font-size: 1.25rem;
@@ -137,7 +137,7 @@ main {
 	justify-content: space-between;
 	background-color: var(--teamlist); /*This is team label color */
 	padding: 1rem;
-	border-radius: 1rem;
+	border-radius: 0.5rem;
 	margin-bottom: 1rem;
 }
 

diff --git a/index.html b/index.html
@@ -43,14 +43,12 @@ <h1>Teams</h1>
 	<main>
 		<section class="team-list">
 
-			<h2>Teams</h2>
+			<h2>Team List</h2>
 			<div id="teams">
 			</div>
 
 		</section>
 
-
-
 	</main>
 
 	<script src="index.js"></script>

diff --git a/pages/aboutus.html b/pages/aboutus.html
@@ -12,9 +12,9 @@
 			<h1> Longmetal 7127 </h1>
 		</div>
 		<div class = "topnav">
-			<a href="index.html"> Teams </a> 
+			<a href="../index.html"> Teams </a> 
 		    <a href="teamdetails.html"> Team Details </a> 
-			<a href="pages/aboutus.html"> About Us </a> 
+			<a href="aboutus.html"> About Us </a> 
 		</div>
 	</nav>
 

diff --git a/pages/teamdetails.html b/pages/teamdetails.html
@@ -13,7 +13,7 @@
 			<h1> Longmetal 7127 </h1>
 		</div>
 		<div class = "topnav">
-			<a href="index.html"> Teams </a> 
+			<a href="../index.html"> Teams </a> 
 		    <a href="teamdetails.html"> Team Details </a> 
 			<a href="aboutus.html"> About Us </a> 
 		</div>

diff --git a/pages/teams.css b/pages/teams.css
@@ -26,6 +26,7 @@ nav {
 	min-height: 8vh;
 	background-color: var(--navbar);
 	font-family: "Montserrat", sans-serif;
+	color: var(--background)
 }
 
 .topnav a{
@@ -50,6 +51,14 @@ header {
 	margin: 0 auto;
 }
 
+header h1{ 
+	font-size: 2.5rem;
+	font-weight: 400;
+	font-family: monospace;
+	color: var(--text);
+	margin-bottom: 1rem;
+}
+
 body {
     display: flex;
 	flex-direction: column;