First version of the new layout.

2026-02-12 02:58:57 +01:00
parent 46395bb945
commit 124c97e6cc
278 changed files with 500 additions and 83715 deletions
--- a/DouwcoWebsite/wwwroot/css/index.css
+++ b/DouwcoWebsite/wwwroot/css/index.css
@@ -0,0 +1,73 @@
+/*  Navigation menu  */
+.hide_header {
+    display: none;
+}
+
+.nav_option {
+    font-family: monsterrat_bold;
+    color: var(--white-clr);
+    text-decoration: none;
+    font-size: 36px;
+
+    border: none;
+    border-radius: 20px;
+    background-color: transparent;
+
+    display: flex;
+    align-items: center;
+    margin: 10px;
+    padding-right: 10px;
+}
+
+.nav_option:hover{
+    background-color: var(--background-accent-clr);
+}
+
+.nav_option.active {
+    background-color: var(--background-accent-clr);
+}
+
+.nav_option > p > span {
+    color: var(--green-clr);
+}
+
+.logo {
+    height: 100px;
+    vertical-align: middle;
+    padding: 10px;
+}
+
+.icon {
+    height: 45px;
+    vertical-align: middle;
+    padding: 0 20px 0 10px;
+}
+
+/*   Main   */
+
+body{
+    display: flex;
+    flex-direction: column;
+}
+
+main {    
+    flex: 1;
+    margin: 20px;
+}
+
+/*   Footer   */
+footer {
+    flex-shrink: 0;
+    background: var(--background-clr);
+    width: 100%;
+}
+
+
+footer > Div {
+    justify-content: space-between
+}
+
+footer > Div > p {
+    font-size: 16px;
+    margin: 10px 25px 10px 25px;
+}