diff --git a/README.md b/README.md
index 798212a..213636a 100644
--- a/README.md
+++ b/README.md
@@ -1 +1,2 @@
-# 0life-web
\ No newline at end of file
+# 0life-web
+- [ ] nav-flag aby se menil podle toho na cem jsem
diff --git a/css/life.css b/css/life.css
index e6f995c..4af80f7 100644
--- a/css/life.css
+++ b/css/life.css
@@ -1,6 +1,6 @@
/* NAV */
-.nav > #life {
+.nav > #nav-life {
background-color: rgb(var(--primary-rgb));
border-color: rgb(var(--secondary-rgb));
flex-grow: 4;
@@ -9,7 +9,7 @@
font-size: 140%;
}
-.nav > #life:hover {
+.nav > #nav-life:hover {
flex-grow: 5;
width: 100%;
}
diff --git a/css/main.css b/css/main.css
index 0f1fcb6..fbe421a 100644
--- a/css/main.css
+++ b/css/main.css
@@ -1,4 +1,8 @@
-:root {
+html {
+ scroll-behavior: smooth;
+ }
+
+ :root {
--background-rgb: 0 0 0;
--secondary-background-rgb: 60 60 60;
@@ -77,7 +81,57 @@ body {
width: 100%;
}
+/* Bottom secret nav */
+.secret-nav {
+ position: fixed;
+ left: 0px;
+ right: auto;
+ bottom: 0px;
+ height: 40px;
+ width: 30%;
+ z-index: 7;
+ display: flex;
+ justify-content: flex-start;
+}
+
+.secret-nav > .sec-nav {
+ background-color: rgb(var(--detail-rgb));
+ border-color: rgb(var(--detail-rgb));
+ border-top-left-radius: 15px;
+ border-top-right-radius: 15px;
+ border-width: 5px;
+ border-style:solid;
+
+ display: flex;
+ justify-content: center;
+ align-items: center;
+
+ color: black;
+ text-decoration: none;
+ width: 70%;
+ font-family: "Source Code Pro", monospace;
+ font-size: fill;
+
+ width: 40px;
+ margin-left: 10px;
+
+ transition:
+ border-color 0.3s,
+ border-width 0.3s,
+ border-right-width 0.3s,
+ font-size 0.3s,
+ width 0.3s;
+}
+
+
+.secret-nav > .sec-nav:hover {
+ border-color: rgb(var(--secondary-rgb));
+ border-width: 10px;
+ border-bottom-width: 0px;
+ font-size: 140%;
+ width: 40px;
+}
/* Content */
@@ -189,3 +243,4 @@ body {
letter-spacing: 0.3rem;
text-decoration: none;
}
+
diff --git a/index.html b/index.html
index c30f525..69a2e5e 100644
--- a/index.html
+++ b/index.html
@@ -19,19 +19,29 @@
+
+
+
+
+