ColormaticStudios/colormaticwebsite
Archived
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Many changes to the website

Browse Source 
Overhauled the mobile page menu to actually be intuitive
Fixed the video download menu (dark theme and a typo)
Head tags are now consistent between pages
Added alt texts to all images, and proper HTML formatting
A few wording changes here and there
A new link to Colormatic Git
This commit is contained in:
Zakarya
2025-01-14 13:40:43 -08:00
parent 8279c42497
commit affe6bc585
13 changed files with 183 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
component/navbar.html
View File

@ -1,19 +1,29 @@
<nav>
<script>
var menu = document.getElementById("menu");
function toggle_nav_menu() {
menu.classList.toggle("responsive-hidden")
var pages = document.getElementById("pages");
function toggle_modal_menu() {
pages.classList.toggle("hidden");
}
</script>
<a href="/" class="title nav-left">Colormatic</a>
<img src="/img/colormatic_logo.svg" class="nav-center">
<img src="/img/colormatic_logo.svg" role="img" alt="Colormatic Logo" class="nav-center colormatic-logo" />
<div class="nav-right inline">
<ul id="menu" class="responsive-hidden">
<ul class="responsive-hidden">
<li><a href="/zakarya">Zakarya</a></li>
<li><a href="/studios">Colormatic Studios</a></li>
<li><a href="/about">About</a></li>
</ul>
<button onclick="toggle_nav_menu();" class="responsive-button"><img src="https://icons.getbootstrap.com/assets/icons/list.svg"></button>
<a href="https://git.colormatic.org" class="git-icon" target="_blank" rel="noopener noreferrer"><img src="/img/git-icon.svg" role="img" alt="Colormatic Git" /></a> <!-- Official git logo: https://git-scm.com/downloads/logos -->
<a onclick="toggle_modal_menu();" class="responsive menu-button"><img src="/img/menu.svg" role="img" alt="Menu" /></a> <!-- Bootstrap list icon: https://icons.getbootstrap.com/icons/list -->
</div>
</nav>
<span onclick="toggle_modal_menu();" id="pages" class="modalbg hidden">
<div>
<button class="close"><img src="/img/close.svg" role="img" alt="Close"></button> <!-- Bootstrap x icon: https://icons.getbootstrap.com/icons/x -->
<ul>
<li><a href="/zakarya">Zakarya</a></li>
<li><a href="/studios">Colormatic Studios</a></li>
<li><a href="/about">About</a></li>
</ul>
</div>
</span>