chris/main_web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fixed manu pushing everthing down

Browse Source
This commit is contained in:
chris 2022-12-12 22:27:28 -05:00
parent a53eeaa1d8
commit 9a6e754f6c
4 changed files with 30 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
index.html
View File

@ -51,9 +51,14 @@
<script> <script>
function addHtmlClass() {
var x = document.getElementById("html");
condole.log(x);
x.classList.add("has-navbar-fixed-top");
}
addHtmlClass();
</script> </script>
<script src="/menu/menu.js"></script> <script defer src="/menu/menu.js"></script>
<script src="https://unpkg.com/typewriter-effect@latest/dist/core.js"></script> <script src="https://unpkg.com/typewriter-effect@latest/dist/core.js"></script>
<script src="script.js" defer></script> <script src="script.js" defer></script>
</body> </body>

20
menu/menu.css
View File

@ -7,18 +7,24 @@
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
html{ html {
height: 100% height: 100%;
} }
.navbar-menu,
.navbar-menu, .navbar-dropdown{ .navbar-dropdown {
background-color:rgb(24, 24, 24) !important; background-color: rgb(24, 24, 24) !important;
z-index: 100 !important;
/* position: absolute !important; */
} }
.navbar-item{ .navbar-item {
color: white !important; color: white !important;
} }
.navbar-item:hover { .navbar-item:hover {
color: #363636 !important; color: #363636 !important;
background-color: white !important; background-color: white !important;
} }
#navContainer {
padding-bottom: 5.5rem !important;
}

12
menu/menu.js
View File

@ -20,7 +20,7 @@ let utilLinks = [
]; ];
navString = '<nav class="navbar is-dark" role="navigation" aria-label="main navigation"> <div class="navbar-brand"> <a class="navbar-item" href="/index.html"> <img src="/cetechwhite.png" width="50" height="50"> </a> <a role="button" class="navbar-burger is-dark" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample"> <span aria-hidden="true"></span> <span aria-hidden="true"></span> <span aria-hidden="true"></span> </a> </div> <div id="navbarBasicExample" class="navbar-menu is-dark"> <div class="navbar-start is-dark"> '; navString = '<nav class="navbar is-dark is-fixed-top" role="navigation" aria-label="main navigation"> <div class="navbar-brand"> <a class="navbar-item" href="/index.html"> <img src="/cetechwhite.png" width="50" height="50"> </a> <a role="button" class="navbar-burger is-dark" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample"> <span aria-hidden="true"></span> <span aria-hidden="true"></span> <span aria-hidden="true"></span> </a> </div> <div id="navbarBasicExample" class="navbar-menu is-dark"> <div class="navbar-start is-dark"> ';
for (i = 0; i < baseLinks.length; i++){ for (i = 0; i < baseLinks.length; i++){
navString += baseLinks[i]; navString += baseLinks[i];
} }
@ -35,7 +35,7 @@ for (i = 0; i < utilLinks.length; i++){
navString += ' </div> </div> </div> </div> </nav>' navString += ' </div> </div> </div> </div> </nav>'
document.getElementById('navContainer').innerHTML = navString; document.getElementById('navContainer').innerHTML = navString;
// document.getElementsByTagName('html').classList.add('has-navbar-fixed-top');
document.addEventListener('DOMContentLoaded', () => { document.addEventListener('DOMContentLoaded', () => {
// Get all "navbar-burger" elements // Get all "navbar-burger" elements
@ -57,4 +57,10 @@ document.addEventListener('DOMContentLoaded', () => {
}); });
}); });
function addHtmlClass() {
  var element = document.getElementById("");
  element.classList.add("has-navbar-fixed-top");
}
addHtmlClass();

2
yatzee/yatzee.css
View File

@ -98,7 +98,7 @@ body {
position: absolute; position: absolute;
/* top: 5px; */ /* top: 5px; */
right: 0; right: 0;
z-index: 100; z-index: 1;
color: rgb(165, 162, 162); color: rgb(165, 162, 162);
font-size: 3rem; font-size: 3rem;
margin-right: 5px; margin-right: 5px;