ARCHBLOX
/
website
1
0
Fork 0
Code Issues Pull Requests 4 Packages Projects Releases Wiki Activity

added invisible tag to small logo so it wont appear until resize

This commit is contained in:
Thomas G 2022-06-19 14:26:03 +10:00
parent 0405f1f6e1
commit 06c1a95604
6 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
games.html
View File

@ -18,7 +18,7 @@
<body>
<header class="navbar">
<a id="logo_full" href="index.html"><img alt="MORBLOX Logo" src="MORBLOXlogo.png" width="200" height="40"/></a>
<a id="logo_small" href="index.html"><img alt="MORBLOX Logo" src="MORBLOXlogoshort.png" width="40" height="40"/></a>
<a id="logo_small" class="invisible" href="index.html"><img alt="MORBLOX Logo" src="MORBLOXlogoshort.png" width="40" height="40"/></a>
<div class="navbarbuttoncontainer">
<a class="navbarbutton" href="home.html">Home</a>
<a class="navbarbutton" href="games.html">Games</a>

2
home.html
View File

@ -18,7 +18,7 @@
<body>
<header class="navbar">
<a id="logo_full" href="index.html"><img alt="MORBLOX Logo" src="MORBLOXlogo.png" width="200" height="40"/></a>
<a id="logo_small" href="index.html"><img alt="MORBLOX Logo" src="MORBLOXlogoshort.png" width="40" height="40"/></a>
<a id="logo_small" class="invisible" href="index.html"><img alt="MORBLOX Logo" src="MORBLOXlogoshort.png" width="40" height="40"/></a>
<div class="navbarbuttoncontainer">
<a class="navbarbutton" href="home.html">Home</a>
<a class="navbarbutton" href="games.html">Games</a>

2
index.html
View File

@ -18,7 +18,7 @@
<body>
<header class="navbar">
<a id="logo_full" href="index.html"><img alt="MORBLOX Logo" src="MORBLOXlogo.png" width="200" height="40"/></a>
<a id="logo_small" href="index.html"><img alt="MORBLOX Logo" src="MORBLOXlogoshort.png" width="40" height="40"/></a>
<a id="logo_small" class="invisible" href="index.html"><img alt="MORBLOX Logo" src="MORBLOXlogoshort.png" width="40" height="40"/></a>
<div class="navbarbuttoncontainer">
<a class="navbarbutton" href="home.html">Home</a>
<a class="navbarbutton" href="games.html">Games</a>

2
login.html
View File

@ -18,7 +18,7 @@
<body>
<header class="navbar">
<a id="logo_full" href="index.html"><img alt="MORBLOX Logo" src="MORBLOXlogo.png" width="200" height="40"/></a>
<a id="logo_small" href="index.html"><img alt="MORBLOX Logo" src="MORBLOXlogoshort.png" width="40" height="40"/></a>
<a id="logo_small" class="invisible" href="index.html"><img alt="MORBLOX Logo" src="MORBLOXlogoshort.png" width="40" height="40"/></a>
<div class="navbarbuttoncontainer">
<a class="navbarbutton" href="home.html">Home</a>
<a class="navbarbutton" href="games.html">Games</a>

2
main.js
View File

@ -2,7 +2,7 @@ window.addEventListener('resize', function() {
var logo_full = document.getElementById("logo_full")
var logo_small = document.getElementById("logo_small")
var viewport_width = window.innerWidth;
if (viewport_width < 625) {
if (viewport_width < 700) {
logo_full.className = "invisible";
logo_small.className = "";
} else {

2
signup.html
View File

@ -18,7 +18,7 @@
<body>
<header class="navbar">
<a id="logo_full" href="index.html"><img alt="MORBLOX Logo" src="MORBLOXlogo.png" width="200" height="40"/></a>
<a id="logo_small" href="index.html"><img alt="MORBLOX Logo" src="MORBLOXlogoshort.png" width="40" height="40"/></a>
<a id="logo_small" class="invisible" href="index.html"><img alt="MORBLOX Logo" src="MORBLOXlogoshort.png" width="40" height="40"/></a>
<div class="navbarbuttoncontainer">
<a class="navbarbutton" href="home.html">Home</a>
<a class="navbarbutton" href="games.html">Games</a>