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

18
zakarya/index.html
View File

@ -1,7 +1,7 @@
<!doctype html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="/js/jquery.js"></script>
<link rel="stylesheet" href="/css/style.css">
@ -10,11 +10,9 @@
<script>
$(document).ready(function(){
$("#navbar").load("/component/navbar.html")
})
$(document).ready(function(){
$("#footer").load("/component/footer.html")
})
$("#navbar").load("/component/navbar.html");
$("#footer").load("/component/footer.html");
});
</script>
</head>
<body>
@ -24,7 +22,7 @@ $(document).ready(function(){
<header class="container" id="navbar"></header>
<main>
<img class="banner" src="/img/zakarya-banner.png">
<img class="banner" src="/img/zakarya-banner.png" role="img" alt="Banner Image" />
<div class="hero panel">
<h1>Links:</h1>
@ -41,11 +39,11 @@ $(document).ready(function(){
<h1>Featured Videos:</h1>
<ul class="videolist">
<li><a href="/video?c=zakarya&v=the-way-forward">
<img src="https://files.colormatic.org/zakarya/videos/thumbnail/wayforward.png">
<img src="https://files.colormatic.org/zakarya/videos/thumbnail/wayforward.png" alt="Video Thumbnail" />
<span class="title">The Way Forward</span>
</a></li>
<li><a href="/video?c=zakarya&v=hello-world">
<img src="https://files.colormatic.org/zakarya/videos/thumbnail/helloworld.png">
<img src="https://files.colormatic.org/zakarya/videos/thumbnail/helloworld.png" alt="Video Thumbnail" />
<span class="title">Hello World</span>
</a></li>
</ul>