diff --git a/docs/about/index.html b/docs/about/index.html index 5059247..bf325ed 100644 --- a/docs/about/index.html +++ b/docs/about/index.html @@ -2,7 +2,7 @@ - Work in progress + About - The Cherubim Foundation @@ -11,12 +11,15 @@
-

Work in progress

+

The Cherubim Foundation

+
@@ -47,11 +50,14 @@ + \ No newline at end of file diff --git a/docs/assets/css/main.css b/docs/assets/css/main.css index e950770..2ff9500 100644 --- a/docs/assets/css/main.css +++ b/docs/assets/css/main.css @@ -58,7 +58,12 @@ nav a:hover, nav a:focus { background-color: #555555; } -.current { +.navscroll { + padding: 15px; + font-size: 12px; +} + +#current { color: #ffffff; background-color: #000000; } @@ -71,11 +76,52 @@ main { border-radius: 50px; } +#menu { + display: none; +} + +@media screen and (max-width: 850px) { + #menu { + display: inline-block; + } + + nav { + display: none; + margin: 0; + text-align: center; + } + + .navshown { + display: block; + } + + nav a { + padding: 12px; + font-size: 15px; + margin: 0; + } + + nav li { + display: block; + padding: 12px; + } + + .navscroll { + padding: 12px; + margin: 0; + font-size: 15px; + } +} + @media screen and (max-width: 370px) { header { margin: 10px; width: calc(100% - 39px); } + nav a { + padding: 5px; + font-size: 12px; + } } article { diff --git a/docs/assets/img/hamburger.svg b/docs/assets/img/hamburger.svg new file mode 100644 index 0000000..233bf21 --- /dev/null +++ b/docs/assets/img/hamburger.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/docs/assets/js/menu.js b/docs/assets/js/menu.js new file mode 100644 index 0000000..bf8250d --- /dev/null +++ b/docs/assets/js/menu.js @@ -0,0 +1,16 @@ +const menu = document.getElementsByTagName("nav")[0] +const menuButton = document.getElementById("menu") + +var menuShown = false; + +menuButton.addEventListener("click", menuToggle) + +function menuToggle() { + menuShown = !menuShown; + console.log(menuShown); + if (menuShown) { + menu.className = "navshown" + } else { + menu.className = "" + } +} \ No newline at end of file diff --git a/docs/assets/js/scroll.js b/docs/assets/js/scroll.js index 64554c2..dcc4957 100644 --- a/docs/assets/js/scroll.js +++ b/docs/assets/js/scroll.js @@ -12,16 +12,14 @@ function headerScroll() { headerText.style.fontSize = "16px" headerText.style.padding = "5px" for (const button of headerButtons) { - button.style.fontSize = "12px" - button.children[0].style.padding = "15px" + button.children[0].className = "navscroll" } } else { header.style.padding = "10px" headerText.style.fontSize = "32px" headerText.style.padding = "10px" for (const button of headerButtons) { - button.style.fontSize = "16px" - button.children[0].style.padding = "20px" + button.children[0].className = "" } } } \ No newline at end of file diff --git a/docs/index.html b/docs/index.html index fc0a3ab..eaa3ebc 100644 --- a/docs/index.html +++ b/docs/index.html @@ -2,7 +2,7 @@ - Work in progress + The Cherubim Foundation @@ -11,12 +11,15 @@
-

Work in progress

+

The Cherubim Foundation

+
@@ -49,11 +52,14 @@ + \ No newline at end of file diff --git a/docs/conditions/index.html b/docs/projects/index.html similarity index 82% rename from docs/conditions/index.html rename to docs/projects/index.html index 53ec1e0..abae09b 100644 --- a/docs/conditions/index.html +++ b/docs/projects/index.html @@ -2,7 +2,7 @@ - Work in progress + Projects - The Cherubim Foundation @@ -11,17 +11,20 @@
-

Work in progress

+

The Cherubim Foundation

+
-

Conditions

+

Projects

Lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc finibus id turpis vitae accumsan. Nulla @@ -47,11 +50,14 @@

+ \ No newline at end of file diff --git a/ideas.md b/ideas.md index 186eeee..d22edb1 100644 --- a/ideas.md +++ b/ideas.md @@ -2,4 +2,5 @@ * ~~Newly released study Bible advertisement~~ (Doesn't give enough room for creativity) * ~~Site for church Parent's Day Out ministry~~ (Easy to make with existing platform, wouldn't be useful to them) -* **Site for Reese** \ No newline at end of file +~~**Site for Reese**~~ (Not enough time to get info) +***Website for non-profit*** \ No newline at end of file