diff --git a/global/global.js b/global/global.js index fabef41..bdb25c9 100644 --- a/global/global.js +++ b/global/global.js @@ -31,10 +31,13 @@ navContent = [ ["P", "Contact", "contact/"], ["P", "Projects", "projects/"], ["P", "Posts", "posts/"], - ["L", "Git", "https://git.weingardt.dev/explore/repos"] + ["SEP"], + ["L", "Personal Git", "https://git.weingardt.dev/explore/repos"], + ["SEP"], + ["P", "Website Info", "info/"] ]; -// Alt,b Href, Src +// Alt, Href, Src funButtons = [ ["CC BY-SA 4.0", "https://creativecommons.org/licenses/by-sa/4.0/", "global/cc-by-sa.png"], ["Right to repair", "", "global/right2repair.gif"], @@ -224,24 +227,31 @@ if (document.getElementById("navbar") != null){ var nav = document.getElementById("navbar"); for (let i = 0; i < navContent.length; i++) { - href = navContent[Number(i)][2]; - sel = navContent[Number(i)][1].toLowerCase().includes(selectedNav.toLowerCase()); + if (navContent[Number(i)][0] === "SEP"){ + tmpAdd = document.createElement("hr"); + tmpAdd.classList.add("navSep"); + document.getElementById("navbar").appendChild(tmpAdd); - if (navContent[Number(i)][0] === "P"){ - href = dirDepth + href; + } else { + href = navContent[Number(i)][2]; + sel = navContent[Number(i)][1].toLowerCase().includes(selectedNav.toLowerCase()); + + if (navContent[Number(i)][0] === "P"){ + href = dirDepth + href; + } + + tmpAdd = document.createElement("a"); + tmpAdd.textContent = navContent[Number(i)][1]; + tmpAdd.setAttribute("href", href); + tmpAdd.classList.add("nav"); + + if (sel) { + tmpAdd.classList.add("selected-nav"); + } + + + document.getElementById("navbar").appendChild(tmpAdd); } - - tmpAdd = document.createElement("a"); - tmpAdd.textContent = navContent[Number(i)][1]; - tmpAdd.setAttribute("href", href); - tmpAdd.classList.add("nav"); - - if (sel) { - tmpAdd.classList.add("selected-nav"); - } - - - document.getElementById("navbar").appendChild(tmpAdd); } } diff --git a/info/index.html b/info/index.html new file mode 100644 index 0000000..37d0858 --- /dev/null +++ b/info/index.html @@ -0,0 +1,42 @@ + + + + + + + + + Website Info + + + + +
+
+

Website Info

+ This wonderfull website was made my me.

+ It sadly requires javascript to run, because at this point in time, I don't know how to use a CMS like Hugo.
+ But for all the FOSS freaks out there, the javascript is licenced under the GPL v.3 licence and browsers like GNU Icecat should detect the licence automaticly. + If any issues occur with Icecat or any other browsers, feel free to contact me. +
+

Legal

+ The content of this website is licenced under the CC BY-SA 4.0 licence, which gives you the unrestricted freedom to share and modify + copies of this website. You are even allowed to do so commercially.

+ But under the following terms:
+ You have to give credit to me, indicate if changes were made and licence the material under the same lience.

+ If you want to base your work of of mine, I suggest you to read the licence.

+ The javascript of this website is licenced under the GNU General Public Licence v.3. +
+

Source

+ All the sourcecode is readily avaiable on my Gitea instance here. + +
+
Please enable Javascript on this page as it's required to generate the footer and navigation bar.
For fear of non-free Javascript: The JS is licensed under GPL v.3
+
+ + + + + + + diff --git a/src/style.css b/src/style.css index 379eaf6..9ed5018 100644 --- a/src/style.css +++ b/src/style.css @@ -31,12 +31,11 @@ nav{ position:inherit; top:0; - display:flex; padding:0 20x; z-index:1; text-align: center; - + display: block; margin-left: 20px; } @@ -63,6 +62,12 @@ nav{ } +.navSep { + width: 80%; + float:left; + margin-bottom: 20px; +} + main{ width:100%; min-height:calc(100vh - 60px - 26px); @@ -163,6 +168,7 @@ footer{ width: fit-content; margin-left: auto; margin-right: auto; + display: flex; } }