Working on code style cleanup

tricities-dev · Oct 20, 2023 · d93ac68 · d93ac68
1 parent eab1da9
commit d93ac68
Show file tree

Hide file tree

Showing 8 changed files with 118 additions and 117 deletions.
diff --git a/src/components/Menu.svelte b/src/components/Menu.svelte
@@ -45,7 +45,7 @@
 		flex-wrap: nowrap;
 		justify-content: center;
 		align-items: center;
-	  top: var(--nav-height);
+		top: var(--nav-height);
 		width: 100%;
 		height: auto;
 		font-size: 1.5em;
@@ -61,7 +61,7 @@
 		cursor: pointer;
 		width: max-content;
 		margin: 1rem auto;
-	  text-decoration: none;
+		text-decoration: none;
 		color: var(--primary-text-color);
 	}
 

diff --git a/src/components/Navbar.svelte b/src/components/Navbar.svelte
@@ -41,13 +41,13 @@
 	transition: ease-in-out .3s;
 }
 @media only screen and (max-width: 1366px) {
-  .nav {
-	padding-inline: 4rem;
+	.nav {
+		padding-inline: 4rem;
 	}
 }
 
 @media only screen and (max-width: 430px) {
-  .nav {
+	.nav {
 		padding-inline: 1.5rem;
 	}
 }

diff --git a/src/components/memberFeed/MemberFeed.svelte b/src/components/memberFeed/MemberFeed.svelte
@@ -39,16 +39,17 @@
 
 <style>
 	.member-feed {
-	display: flex;
-	flex-direction: column;
-	flex-wrap: nowrap;
-	justify-content: flex-start;
-	align-items: center;
-	gap: 3rem;
-	width: 100%;
-	height: auto;
-	padding: 2rem 0;
+		display: flex;
+		flex-direction: column;
+		flex-wrap: nowrap;
+		justify-content: flex-start;
+		align-items: center;
+		gap: 3rem;
+		width: 100%;
+		height: auto;
+		padding: 2rem 0;
 	}
+
 	@media only screen and (max-width: 430px) {
 		.member-feed {
 			padding: 0;

diff --git a/src/components/ui/CtaLink.svelte b/src/components/ui/CtaLink.svelte
@@ -28,7 +28,7 @@
 </a>
 
 <style>
-	.cta-button {
+.cta-button {
 	display: flex;
 	flex-direction: row;
 	flex-wrap: nowrap;
@@ -44,9 +44,9 @@
 	border-radius: 10px;
 	transition: background-color 0.3s ease;
 	filter: var(--btn-shadow);
-	}
+}
 
-	.cta-button:hover {
+.cta-button:hover {
 	background-color: var(--cta-btn-hover-bg);
-	}
+}
 </style>
diff --git a/src/components/ui/FeedContainer.svelte b/src/components/ui/FeedContainer.svelte
@@ -29,14 +29,14 @@
 }
 
 .feed-container::after {
-  content: "";
-  position: absolute;
+	content: "";
+	position: absolute;
 	right: -40px;
 	top: -40px;
-  width: 70px;
-  height: 70px;
-  transform: rotate(45deg);
-  background-color: var(--primary-bg-color);
+	width: 70px;
+	height: 70px;
+	transform: rotate(45deg);
+	background-color: var(--primary-bg-color);
 	border: 4px solid var(--primary-bg-color);
 }
 
@@ -61,13 +61,13 @@
 
 .feed-content {
 	width: 100%;
-	}
+}
 @media only screen and (max-width: 430px) {
 	.feed-header {
 		border-radius: 0;
 	}
 	.feed-container::after {
-	display: none;
+		display: none;
 	}
 }
 </style>
diff --git a/src/components/ui/Hero.svelte b/src/components/ui/Hero.svelte
@@ -52,84 +52,84 @@
 
 <style>
 	.hero {
-	position: relative;
-	display: flex;
-	flex-direction: row;
-	flex-wrap: wrap;
-	justify-content: center;
-	align-items: flex-start;
-	gap: 2rem;
-	width: 100%;
-	height: 34.25rem;
-	background: var(--gradient-bg-vert);
-	border: 2px solid var(--border-color);
-	border-radius: 10px;
-	z-index: 1;
+		position: relative;
+		display: flex;
+		flex-direction: row;
+		flex-wrap: wrap;
+		justify-content: center;
+		align-items: flex-start;
+		gap: 2rem;
+		width: 100%;
+		height: 34.25rem;
+		background: var(--gradient-bg-vert);
+		border: 2px solid var(--border-color);
+		border-radius: 10px;
+		z-index: 1;
 	}
 
 	.hero-bg-img {
-	position: absolute;
-	opacity: var(--triforce-opacity);
-	width: 100%;
-	height: 100%;
-	background-image: url('./triforce.svg');
-	background-repeat: no-repeat;
-	background-position: right center;
-	filter: var(--triforce-invert);
+		position: absolute;
+		opacity: var(--triforce-opacity);
+		width: 100%;
+		height: 100%;
+		background-image: url('./triforce.svg');
+		background-repeat: no-repeat;
+		background-position: right center;
+		filter: var(--triforce-invert);
 	}
 
 	.hero::after {
-	content: "";
-	position: absolute;
-	right: -56px;
-	top: -56px;
-	width: 100px;
-	height: 100px;
-	transform: rotate(45deg);
-	background-color: var(--primary-bg-color);
-	border: 4px solid var(--primary-bg-color);
+		content: "";
+		position: absolute;
+		right: -56px;
+		top: -56px;
+		width: 100px;
+		height: 100px;
+		transform: rotate(45deg);
+		background-color: var(--primary-bg-color);
+		border: 4px solid var(--primary-bg-color);
 	}
 
 	.hero-img {
-	width: 32rem;
-	height: 32rem;
-	background-color: var(--gray);
-	z-index: 1;
-	border-radius: 10px 0 0 0;
+		width: 32rem;
+		height: 32rem;
+		background-color: var(--gray);
+		z-index: 1;
+		border-radius: 10px 0 0 0;
 	}
 
 	.hero-content {
-	flex: 1;
-	display: flex;
-	flex-direction: column;
-	flex-wrap: nowrap;
-	justify-content: center;
-	align-items: flex-start;
-	gap: 2rem;
-	height: 32rem;
-	padding: 0 5rem 0 5rem;
-	z-index: 1;
+		flex: 1;
+		display: flex;
+		flex-direction: column;
+		flex-wrap: nowrap;
+		justify-content: center;
+		align-items: flex-start;
+		gap: 2rem;
+		height: 32rem;
+		padding: 0 5rem 0 5rem;
+		z-index: 1;
 	}
 
 	.hero-content-event-name {
-	font-family: var(--header-font-family);
-	font-size: 3rem;
-	color: var(--primary-text-color);
+		font-family: var(--header-font-family);
+		font-size: 3rem;
+		color: var(--primary-text-color);
 	}
 
 	.hero-content-date {
-	font-family: var(--body-font-family);
-	color: var(--primary-text-color);
+		font-family: var(--body-font-family);
+		color: var(--primary-text-color);
 	}
 
 	.hero-content-date a {
-	color: var(--cta-btn-bg);
+		color: var(--cta-btn-bg);
 	}
 
 	.hero-content-description {
-	font-family: var(--body-font-family);
-	color: var(--primary-text-color);
-	line-height: 1.6rem;
+		font-family: var(--body-font-family);
+		color: var(--primary-text-color);
+		line-height: 1.6rem;
 	}
 
 	@media only screen and (max-width: 1366px) {

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
@@ -38,14 +38,14 @@
 }
 
 @media only screen and (max-width: 1366px) {
-  .page-content {
-	padding: 0 4rem;
+	.page-content {
+		padding: 0 4rem;
 	}
 }
 
 @media only screen and (max-width: 430px) {
-  .page-content {
-	padding: 0;
+	.page-content {
+		padding: 0;
 	}
 }
 </style>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
@@ -29,48 +29,48 @@
 
 <style>
 	main {
-	flex: 1;
-	display: flex;
-	flex-direction: column;
-	flex-wrap: wrap;
-	justify-content: flex-start;
-	align-items: center;
-	gap: 2rem;
-	width: 100%;
-	height: 100%;
-	padding-top: 7rem;
-	background-color: var(--primary-bg-color);
+		flex: 1;
+		display: flex;
+		flex-direction: column;
+		flex-wrap: wrap;
+		justify-content: flex-start;
+		align-items: center;
+		gap: 2rem;
+		width: 100%;
+		height: 100%;
+		padding-top: 7rem;
+		background-color: var(--primary-bg-color);
 	}
 
 	.content {
-	position: relative;
-	display: flex;
-	flex-direction: row;
-	flex-wrap: wrap;
-	justify-content: flex-start;
-	align-items: flex-start;
-	gap: 2rem;
-	width: 100%;
-	height: auto;
-	z-index: 0;
+		position: relative;
+		display: flex;
+		flex-direction: row;
+		flex-wrap: wrap;
+		justify-content: flex-start;
+		align-items: flex-start;
+		gap: 2rem;
+		width: 100%;
+		height: auto;
+		z-index: 0;
 	}
 
 	section {
-	flex: 1;
-	display: flex;
-	flex-direction: column;
-	flex-wrap: wrap;
-	justify-content: flex-start;
-	align-items: center;
+		flex: 1;
+		display: flex;
+		flex-direction: column;
+		flex-wrap: wrap;
+		justify-content: flex-start;
+		align-items: center;
 	}
 
 	aside {
-	display: flex;
-	flex-direction: column;
-	justify-content: flex-start;
-	align-items: center;
-	gap: 1rem;
-	width: 25rem;
+		display: flex;
+		flex-direction: column;
+		justify-content: flex-start;
+		align-items: center;
+		gap: 1rem;
+		width: 25rem;
 	}
 
 	@media only screen and (max-width: 430px) {