10/19/23

css/nord.css

@@ -12,7 +12,7 @@
 /* Sidebar menu */
 .sidenav {
 	height: 100%;
-	width: 160px;
+	width: 200px;
 	position: fixed;
 	z-index: 1;
 	top: 0;
@@ -41,7 +41,7 @@ html {
 }
 
 .main {
-	margin-left: 160px;
+	margin-left: 200px;
 	padding: 0px 10px;
 	background-color: #3B4252;
 }
@@ -147,6 +147,17 @@ wikihead {
 	color: #D08770;
 }
 
+bigcodehead {
+	background-color: #2E3440;
+	border-left-style: solid;
+	border-left-color: #ECEFF4;
+	border-width: 4px;
+	border-radius: 2px;
+	padding: 4px;
+	width: 50%;
+	color: #ECEFF4;
+}
+
 @media screen and (max-height: 450px) {
 	.sidenav {padding-top: 15px;}
 	.sidenav a{font-size: 18px;}
@@ -168,6 +179,17 @@ code {
 	color: #ECEFF4;
 }
 
+.bigcode {
+	font-family: monospace;
+	background-color: #2E3440;
+	border-left-style: solid;
+	border-left-width: 4px;
+	border-radius: 2px;
+	padding: 6px;
+	border-color: #ECEFF4;
+	width: 50%;
+}
+
 cil {
 	font-family: monospace;
 	background-color: #2E3440;
@@ -275,3 +297,30 @@ footer {
 img {
 	padding: 8px;
 }
+
+/* */
+
+body, html {
+    height: 100%;
+}
+
+/* The hero image */
+.hero-image {
+	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../img/banner.jpg");
+
+	height: 55%;
+
+	background-position: 50% 30%;
+	background-repeat: no-repeat;
+	background-size: cover;
+	position: relative;
+}
+
+.hero-text {
+	text-align: center;
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	transform: translate(-50%, -50%);
+	color: white;
+}