Fix bugs

Author: pavi2410

public/css/style.css

@@ -1,5 +1,5 @@
 body {
-    font-family: "Varela Round", Lato, sans-serif;
+  font-family: "Varela Round", Lato, sans-serif;
 }
 
 img.grayscale-hover-effect {
@@ -12,13 +12,13 @@ img.grayscale-hover-effect:hover {
 
 .scrollbar-gradient::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
-  background-color: #F5F5F5;
+  background-color: #f5f5f5;
   border-radius: 10px;
 }
 
 .scrollbar-gradient::-webkit-scrollbar {
   width: 12px;
-  background-color: #F5F5F5;
+  background-color: #f5f5f5;
 }
 
 .scrollbar-gradient::-webkit-scrollbar-thumb {
@@ -35,21 +35,21 @@ img.grayscale-hover-effect:hover {
 .view,
 body,
 html {
-  height:100%
+  height: 100%;
 }
 
 .navbar {
-  background-color:rgba(0,0,0,.2)
+  background-color: rgba(0, 0, 0, 0.2);
 }
 
 .page-footer,
-.top-nav-collapse{
-  background-color:#1C2331
+.top-nav-collapse {
+  background-color: #1c2331;
 }
 
-@media only screen and (max-width:768px) {
+@media only screen and (max-width: 768px) {
   .navbar {
-    background-color:#1C2331
+    background-color: #1c2331;
   }
 }
 
@@ -62,13 +62,13 @@ html {
   -moz-transform: rotate(0deg);
   -o-transform: rotate(0deg);
   transform: rotate(0deg);
-  -webkit-transition: .5s ease-in-out;
-  -moz-transition: .5s ease-in-out;
-  -o-transition: .5s ease-in-out;
-  transition: .5s ease-in-out;
+  -webkit-transition: 0.5s ease-in-out;
+  -moz-transition: 0.5s ease-in-out;
+  -o-transition: 0.5s ease-in-out;
+  transition: 0.5s ease-in-out;
   cursor: pointer;
 }
-  
+
 .animated-icon span {
   display: block;
   position: absolute;
@@ -81,62 +81,65 @@ html {
   -moz-transform: rotate(0deg);
   -o-transform: rotate(0deg);
   transform: rotate(0deg);
-  -webkit-transition: .25s ease-in-out;
-  -moz-transition: .25s ease-in-out;
-  -o-transition: .25s ease-in-out;
-  transition: .25s ease-in-out;
+  -webkit-transition: 0.25s ease-in-out;
+  -moz-transition: 0.25s ease-in-out;
+  -o-transition: 0.25s ease-in-out;
+  transition: 0.25s ease-in-out;
 }
-  
+
 .animated-icon span {
   background: #e3f2fd;
 }
-  
+
 .animated-icon span:nth-child(1) {
   top: 0px;
 }
-  
-.animated-icon span:nth-child(2), .animated-icon span:nth-child(3) {
+
+.animated-icon span:nth-child(2),
+.animated-icon span:nth-child(3) {
   top: 10px;
 }
-  
+
 .animated-icon span:nth-child(4) {
   top: 20px;
 }
-  
+
 .animated-icon.open span:nth-child(1) {
   top: 11px;
   width: 0%;
   left: 50%;
 }
-  
+
 .animated-icon.open span:nth-child(2) {
   -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   transform: rotate(45deg);
 }
-  
+
 .animated-icon.open span:nth-child(3) {
   -webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
   -o-transform: rotate(-45deg);
   transform: rotate(-45deg);
 }
-  
+
 .animated-icon.open span:nth-child(4) {
   top: 11px;
   width: 0%;
   left: 50%;
 }
 
 #carbonads {
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
+    Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial,
+    sans-serif;
   display: block;
   overflow: hidden;
   margin-bottom: 20px;
   border-radius: 4px;
   text-align: center;
-  box-shadow: 0 0 0 1px hsla(0, 0%, 0%, .1);
+  box-shadow: 0 0 0 1px hsla(0, 0%, 0%, 0.1);
   background-color: hsl(0, 0%, 98%);
   line-height: 1.5;
   font-size: 14px;
@@ -174,7 +177,14 @@ html {
 .carbon-poweredby {
   display: block;
   padding: 10px 14px;
-  background: repeating-linear-gradient(-45deg, transparent, transparent 5px, hsla(0, 0%, 0%, .025) 5px, hsla(0, 0%, 0%, .025) 10px) hsla(203, 11%, 95%, .4);
+  background: repeating-linear-gradient(
+      -45deg,
+      transparent,
+      transparent 5px,
+      hsla(0, 0%, 0%, 0.025) 5px,
+      hsla(0, 0%, 0%, 0.025) 10px
+    )
+    hsla(203, 11%, 95%, 0.4);
   text-transform: uppercase;
   letter-spacing: 1px;
   font-weight: 600;
@@ -188,12 +198,15 @@ html {
     margin: 0 auto;
     max-width: 330px;
   }
+
   #carbonads span {
     position: relative;
   }
+
   #carbonads > span {
     max-width: none;
   }
+
   .carbon-img {
     float: left;
     margin: 0;
@@ -202,13 +215,15 @@ html {
   .carbon-img img {
     max-width: 130px !important;
   }
+
   .carbon-text {
     float: left;
     margin-bottom: 0;
     padding: 8px 8px 8px 10px;
     text-align: left;
     max-width: calc(100% - 10em);
   }
+
   .carbon-poweredby {
     left: 130px;
     bottom: 0;

public/css/style.min.css

@@ -72,3 +72,10 @@
 	</div>
 	<!--/.Copyright-->
 </footer>
+
+<style>
+	footer.page-footer a:hover {
+		text-decoration: underline dotted;
+		text-decoration-thickness: 2px;
+	}
+</style>

src/components/footer.astro

@@ -2,7 +2,7 @@
 ---
 
 <nav class="navbar fixed-top navbar-expand-lg navbar-dark deep-purple">
-	<a class="navbar-brand" href="/public" style="font-family: 'Varela Round', sans-serif;">
+	<a class="navbar-brand" href="/" style="font-family: 'Varela Round', sans-serif;">
 		<strong>Kodular</strong>
 	</a>
 	<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar"

src/components/nav.astro

@@ -38,7 +38,7 @@
 			$('.animated-icon').toggleClass('open');
 		});
 
-		if (window.location.href.replace(/^(?:\/\/|[^\/]+)*\//, "") == "") {
+		if (window.location.pathname === "/") {
 			$(() => {
 				new WOW().init();
 				$('#testimonials .row').slick({
@@ -56,7 +56,7 @@
 			});
 		}
 
-		if (window.location.href.replace(/^(?:\/\/|[^\/]+)*\//, "") == "team") {
+		if (window.location.pathname === "/team") {
 			$(".emojione").each(function() {
 				var original = $(this).html();
 				var converted = emojione.shortnameToImage(original);

src/components/scripts.html

@@ -4,11 +4,5 @@
 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
 <link rel="stylesheet" href="/vendor/mdb/mdb.min.css">
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css" />
-<link rel="stylesheet" href="/css/style.min.css">
+<link rel="stylesheet" href="/css/style.css">
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/emojione@3.1.2/extras/css/emojione.min.css"/>
-<style>
-	footer.page-footer a:hover {
-		text-decoration: underline dotted;
-		text-decoration-thickness: 2px;
-	}
-</style>

src/components/styles.html

@@ -245,48 +245,3 @@ import Testimonials from '../components/testimonials.astro';
 
 	<Testimonials />
 </Layout>
-
-<style>
-	main {
-		margin: auto;
-		padding: 1.5rem;
-		max-width: 60ch;
-	}
-	h1 {
-		font-size: 3rem;
-		font-weight: 800;
-		margin: 0;
-	}
-	.text-gradient {
-		background-image: var(--accent-gradient);
-		-webkit-background-clip: text;
-		-webkit-text-fill-color: transparent;
-		background-size: 400%;
-		background-position: 0%;
-	}
-	.instructions {
-		line-height: 1.6;
-		margin: 1rem 0;
-		border: 1px solid rgba(var(--accent), 25%);
-		background-color: white;
-		padding: 1rem;
-		border-radius: 0.4rem;
-	}
-	.instructions code {
-		font-size: 0.875em;
-		font-weight: bold;
-		background: rgba(var(--accent), 12%);
-		color: rgb(var(--accent));
-		border-radius: 4px;
-		padding: 0.3em 0.45em;
-	}
-	.instructions strong {
-		color: rgb(var(--accent));
-	}
-	.link-card-grid {
-		display: grid;
-		grid-template-columns: repeat(auto-fit, minmax(24ch, 1fr));
-		gap: 1rem;
-		padding: 0;
-	}
-</style>