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

10
video/css/style.css
View File

@ -86,7 +86,7 @@ div.video.container div.download-dropdown div.dropdown-content ul li a {
color: var(--text-color);
}
@media screen and (max-width: 800px) {
@media screen and (max-width: 900px) {
div.video.container {
display: block;
}
@ -100,4 +100,10 @@ div.video.container div.download-dropdown div.dropdown-content ul li a {
margin-right: auto;
margin-top: 12px;
}
}
}
@media (prefers-color-scheme: dark) {
div.video.container div.download-dropdown div.dropdown-content {
background-color: #444444;
}
}

20
video/index.html
View File

@ -2,20 +2,18 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/svg" href="/img/colormatic_logo.svg">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="/js/jquery.js"></script>
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/video/css/style.css">
<script src="/js/jquery.js"></script>
<link rel="icon" type="image/svg" href="/img/colormatic_logo.svg">
<title>Video Player</title>
<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>
@ -32,10 +30,10 @@ $(document).ready(function(){
</div>
<div class="dropdown-container">
<div class="download-dropdown">
<img src="https://icons.getbootstrap.com/assets/icons/download.svg" alt="Download">
<img src="/img/download.svg" role="img" alt="Download" /> <!-- Bootstrap download icon: https://icons.getbootstrap.com/icons/download -->
<div class="dropdown-content">
<ul>
<li><a id="videodownload">Downolad Video</a></li>
<li><a id="videodownload">Download Video</a></li>
<li><a id="sourcedownload">Download Source</a></li>
</ul>
</div>
@ -48,4 +46,4 @@ $(document).ready(function(){
<script src="/video/js/main.js"></script>
</body>
</html>
</html>