diff --git a/blog.html b/blog.html new file mode 100644 index 0000000..1d3dcb5 --- /dev/null +++ b/blog.html @@ -0,0 +1,58 @@ + + + + Blog + + + + + + + + + + + + +
+ × +
+ Download YT +
+
+ + +
+ +
+ About + Blog + Projects + ☰ +
+
+ + + +
+
+

Work In Progress

+
+ line +
+ + + + + + + + + \ No newline at end of file diff --git a/download.html b/download.html index b7c4c0f..2b3245f 100644 --- a/download.html +++ b/download.html @@ -1,17 +1,58 @@ - Download - + Download YT + + + + - - - + - - + +
+ × +
+ Download YT +
+
+ + +
+ +
+ About + Blog + Projects + ☰ +
+
+ + + +
+
+

Work In Progress

+
+ line +
+ + + + + + + + \ No newline at end of file diff --git a/index.html b/index.html index e413ce0..7d26c3d 100644 --- a/index.html +++ b/index.html @@ -7,12 +7,32 @@ - + + +
+ × +
+ Download YT +
+
+ + +
+ +
+ About + Blog + Projects + ☰ +
+
+ +

Hello, Im

@@ -71,6 +91,9 @@
+ + + + - + \ No newline at end of file diff --git a/projects.html b/projects.html new file mode 100644 index 0000000..df0b1c8 --- /dev/null +++ b/projects.html @@ -0,0 +1,59 @@ + + + + Projects + + + + + + + + + + + + + +
+ × +
+ Download YT +
+
+ + +
+ +
+ About + Blog + Projects + ☰ +
+
+ + + +
+
+

Work In Progress

+
+ line +
+ + + + + + + + + \ No newline at end of file diff --git a/static/styles.css b/static/css/styles.css similarity index 58% rename from static/styles.css rename to static/css/styles.css index c6b6f89..6e325bf 100644 --- a/static/styles.css +++ b/static/css/styles.css @@ -4,6 +4,87 @@ box-sizing: border-box; } +/* Navbar */ +.header { + overflow: hidden; + background-color: #FB93DA; + padding: 20px 10px; + } + + .header a { + float: left; + color: #404082; + text-shadow: 3px 2px 2px rgba(199, 130, 59, 0.15); + text-align: center; + padding: 12px; + text-decoration: none; + font-size: 18px; + line-height: 25px; + border-radius: 4px; + } + + .header a.logo { + font-size: 25px; + font-weight: bold; + } + + .header a:hover { + background-color: #D26BB9; + color: black; + } + + .header a.active { + background-color: #404082; + color: white; + } + + .header-right { + float: right; + } + +/* Overlay */ +.overlay { + height: 100%; + width: 0; + position: fixed; + z-index: 1; + top: 0; + left: 0; + background-color: rgb(0,0,0); + background-color: rgba(0,0,0, 0.9); + overflow-x: hidden; + transition: 0.5s; + } + + .overlay-content { + position: relative; + top: 25%; + width: 100%; + text-align: center; + margin-top: 30px; + } + + .overlay a { + padding: 8px; + text-decoration: none; + font-size: 36px; + color: #818181; + display: block; + transition: 0.3s; + } + + .overlay a:hover, .overlay a:focus { + color: #f1f1f1; + } + + .overlay .closebtn { + position: absolute; + top: 20px; + right: 45px; + font-size: 60px; + } + +/* Style */ html { background-color: #FB93DA; color: #404082; diff --git a/static/js/closeNav.js b/static/js/closeNav.js new file mode 100644 index 0000000..c9999ca --- /dev/null +++ b/static/js/closeNav.js @@ -0,0 +1,3 @@ +function closeNav() { + document.getElementById("myNav").style.width = "0%"; +} \ No newline at end of file diff --git a/static/js/openNav.js b/static/js/openNav.js new file mode 100644 index 0000000..374d510 --- /dev/null +++ b/static/js/openNav.js @@ -0,0 +1,3 @@ +function openNav() { + document.getElementById("myNav").style.width = "100%"; +} \ No newline at end of file