Home & Project Landing pages

scify · Oct 9, 2024 · 532617d · 532617d
1 parent 728a748
commit 532617d
Show file tree

Hide file tree

Showing 13 changed files with 1,419 additions and 1,370 deletions.
diff --git a/resources/assets/sass/common.scss b/resources/assets/sass/common.scss
@@ -47,6 +47,10 @@ h6,
   font-weight: bold;
 }
 
+h1 {
+  font-size: 3rem;
+}
+
 p {
   font-family: "Open Sans Variable", sans-serif;
   font-weight: normal;

diff --git a/resources/assets/sass/common/button.scss b/resources/assets/sass/common/button.scss
@@ -1,5 +1,12 @@
 @import "../_variables.scss";
 
+.btn {
+  padding: 22px 30px;
+  transition: all 0.2s;
+  font-family: "Noto Sans Variable", sans-serif;
+  border-radius: 21px;
+}
+
 .btn-primary {
   background-color: $brand-primary;
   border: none;
@@ -8,14 +15,10 @@
 .call-to-action {
   box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
   border: none;
-  border-radius: 21px;
-  padding: 27px 30px;
-  min-width: 283px;
-  font-family: "Noto Sans Variable", sans-serif;
+  padding: 25px 30px;
   font-size: 20px;
   font-weight: 600;
-  line-height: 27px;
-  transition: all 0.2s;
+  line-height: 25px;
 
   &:hover {
     box-shadow:

diff --git a/resources/assets/sass/pages/home.scss b/resources/assets/sass/pages/home.scss
@@ -39,6 +39,7 @@ $colorForTabs: $brand-primary;
 
 .motto-content {
 	z-index: 10001;
+	padding: 0px;
 }
 
 #about {
@@ -48,7 +49,12 @@ $colorForTabs: $brand-primary;
 	}
 
 	p {
-		font-size: 17px;
+		font-size: 16px;
+	}
+
+	ul {
+		list-style-type: none;
+		padding: 0;
 	}
 }
 
@@ -59,27 +65,30 @@ $colorForTabs: $brand-primary;
 		}
 
 		li {
-			float: unset;
-			display: inline-block;
-			border: 1px solid $colorForTabs;
-			background-color: white;
-			margin-bottom: 5px;
 
 			a {
 				color: $colorForTabs;
 				border: none !important;
 				font-size: 16px;
-				border-radius: 0;
-
-				&:hover,
-				&:focus {
-					color: $colorForTabs;
-				}
+				border-radius: 21px;
+				padding: 22px 34px;
+				transition: all 0.2s;
+				font-family: "Noto Sans Variable", sans-serif;
+				width: 250px;
+				text-align: center;
 
 				&.active {
 					border: 1px solid $colorForTabs;
 					background-color: $colorForTabs;
 					color: white !important;
+
+					&:hover,
+					&:focus {
+						box-shadow:
+										0 4px 4px rgba(0, 0, 0, 0.25),
+										0 4px 4px rgba(0, 0, 0, 0.25);
+						background-color: lighten($button-background-color, 10%);
+					}
 				}
 			}
 		}
@@ -162,21 +171,33 @@ $colorForTabs: $brand-primary;
 }
 
 #projects {
+
+	background-color: $grey;
+
+	.content-container {
+		padding: 15px 0;
+
+		p {
+			text-align: center;
+		}
+	}
+
 	.projects-container {
 		margin-top: 50px;
 
 		.project-wrapper {
 			border: 1px solid #efefef;
+			border-radius: 12px;
 			background-color: #fff;
 			margin-bottom: 30px;
+			padding: 25px;
 
 			.project-logo {
 				text-align: center;
 				padding: 15px;
 
 				img {
-					height: 100px;
-					max-width: 100%;
+					width: 100px;
 				}
 			}
 
@@ -189,7 +210,7 @@ $colorForTabs: $brand-primary;
 				min-height: 100px;
 
 				p {
-					font-size: 1rem;
+					font-size: 18px;
 				}
 			}
 
@@ -206,11 +227,8 @@ $colorForTabs: $brand-primary;
 
 			.project-visit-btn {
 				margin-top: 3rem;
-				padding: 0 15px 15px;
 
 				a {
-					width: 200px;
-					padding: 15px;
 					margin: auto;
 				}
 			}