bug/bug.tools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix

Browse Source
This commit is contained in:
4DBug
2026-08-25 20:44:52 -05:00
parent 650007d7dd
commit fb414d4599
2 changed files with 28 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+25 -21
View File
@@ -5,6 +5,10 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>bug.tools</title> <title>bug.tools</title>
<link id="dynamic-favicon" rel="icon" href="./images/snowflake.png" type="image/png"> <link id="dynamic-favicon" rel="icon" href="./images/snowflake.png" type="image/png">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Aldrich&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Source+Code+Pro:[email protected]&display=swap" rel="stylesheet">
<link href="style.css" rel="stylesheet" type="text/css" media="all"> <link href="style.css" rel="stylesheet" type="text/css" media="all">
<script src="js/onLoad.js" defer></script> <script src="js/onLoad.js" defer></script>
<script src="js/switchPage.js" defer></script> <script src="js/switchPage.js" defer></script>
@@ -108,7 +112,7 @@
</span> </span>
<h1 style="margin-top:-10px;">What lies here? <h1 style="margin-top:-10px;">What lies here?
<img src="images/ascii_cat.gif" <img src="images/ascii_cat.gif" width="123" height="36"
style="mix-blend-mode: normal; opacity: 0.5; display:inline; margin-left:90px;"> style="mix-blend-mode: normal; opacity: 0.5; display:inline; margin-left:90px;">
</h1> </h1>
<span> <span>
@@ -123,7 +127,7 @@
</span> </span>
<h1 style="margin-top:-10px;">A little about me. <h1 style="margin-top:-10px;">A little about me.
<img src="images/ascii_cat_sleep.gif" <img src="images/ascii_cat_sleep.gif" width="82" height="53"
style="mix-blend-mode: normal; opacity: 0.5; display:inline; margin-left:90px;"> style="mix-blend-mode: normal; opacity: 0.5; display:inline; margin-left:90px;">
</h1> </h1>
<span> <span>
@@ -139,14 +143,14 @@
<template id="page-contact"> <template id="page-contact">
<h1>Traces of me on the web</h1> <h1>Traces of me on the web</h1>
<span> <span>
<img src="images/navcircleblue.png" style="margin-top:5px; margin-left:15px;"> <a href="mailto:[email protected]" target="_blank">Email</a> (my contact email)<br> <img src="images/navcircleblue.png" width="11" height="11" style="margin-top:5px; margin-left:15px;"> <a href="mailto:[email protected]" target="_blank">Email</a> (my contact email)<br>
<img src="images/navcircleblue.png" style="margin-top:10px; margin-left:15px;"> <a href="https://git.bug.tools/bug" target="_blank">Gitea</a> (my personal <img src="images/navcircleblue.png" width="11" height="11" style="margin-top:10px; margin-left:15px;"> <a href="https://git.bug.tools/bug" target="_blank">Gitea</a> (my personal
Gitea instance)<br> Gitea instance)<br>
<img src="images/navcircleblue.png" style="margin-top:10px; margin-left:15px;"> <a href="https://github.com/4DBug" target="_blank">GitHub</a> (my <img src="images/navcircleblue.png" width="11" height="11" style="margin-top:10px; margin-left:15px;"> <a href="https://github.com/4DBug" target="_blank">GitHub</a> (my
GitHub account)<br> GitHub account)<br>
<img src="images/navcircleblue.png" style="margin-top:10px; margin-left:15px;"> <a href="https://discordapp.com/users/1475869049526292534" target="_blank">Discord</a> (my discord profile)<br> <img src="images/navcircleblue.png" width="11" height="11" style="margin-top:10px; margin-left:15px;"> <a href="https://discordapp.com/users/1475869049526292534" target="_blank">Discord</a> (my discord profile)<br>
<img src="images/navcircleblue.png" style="margin-top:10px; margin-left:15px;"> <a href="https://steamcommunity.com/id/0zBug/" target="_blank">Steam</a> (where I play games)<br> <img src="images/navcircleblue.png" width="11" height="11" style="margin-top:10px; margin-left:15px;"> <a href="https://steamcommunity.com/id/0zBug/" target="_blank">Steam</a> (where I play games)<br>
<img src="images/navcircleblue.png" style="margin-top:10px; margin-left:15px;"> <a href="https://www.roblox.com/users/2520646240/profile" target="_blank">Roblox</a> (where I waste my time)<br> <img src="images/navcircleblue.png" width="11" height="11" style="margin-top:10px; margin-left:15px;"> <a href="https://www.roblox.com/users/2520646240/profile" target="_blank">Roblox</a> (where I waste my time)<br>
</span> </span>
<h1>Contact me ?</h1> <h1>Contact me ?</h1>
<span> <span>
@@ -220,24 +224,24 @@
<div id="small-content-pictochat"> <div id="small-content-pictochat">
<div id="pictochat-content"> <div id="pictochat-content">
<div class="picto"></div> <div class="picto"></div>
<img src="images/emotebutton.gif" id="gb-emote-toggle" <img src="images/emotebutton.gif" id="gb-emote-toggle" width="32" height="25"
style="image-rendering: pixelated; position:absolute; z-index: 100;"> style="image-rendering: pixelated; position:absolute; z-index: 100;">
<img src="images/pitcochatmenu.png" <img src="images/pitcochatmenu.png" width="260" height="192"
style="border-radius: 0 0 10px 10px; position:relative; top: 0px; left:1px; width:257px; image-rendering: pixelated;"> style="border-radius: 0 0 10px 10px; position:relative; top: 0px; left:1px; width:257px; image-rendering: pixelated;">
<div id="gb-emote-selector" class="gb-toggle-div"> <div id="gb-emote-selector" class="gb-toggle-div">
<img src="images/emotes/joy.gif" title=":happy:" class="gb-emote-item"> <img src="images/emotes/joy.gif" title=":happy:" width="20" height="20" class="gb-emote-item">
<img src="images/emotes/love.gif" title=":love:" class="gb-emote-item"> <img src="images/emotes/love.gif" title=":love:" width="20" height="20" class="gb-emote-item">
<img src="images/emotes/laugh.gif" title=":laugh:" class="gb-emote-item"> <img src="images/emotes/laugh.gif" title=":laugh:" width="20" height="20" class="gb-emote-item">
<img src="images/emotes/astonished.gif" title=":shock:" class="gb-emote-item"> <img src="images/emotes/astonished.gif" title=":shock:" width="20" height="20" class="gb-emote-item">
<img src="images/emotes/wave.gif" title=":hello:" class="gb-emote-item"> <img src="images/emotes/wave.gif" title=":hello:" width="20" height="20" class="gb-emote-item">
<img src="images/emotes/kiss.gif" title=":kiss:" class="gb-emote-item"> <img src="images/emotes/kiss.gif" title=":kiss:" width="20" height="20" class="gb-emote-item">
<img src="images/emotes/applause.gif" title=":clap:" class="gb-emote-item"> <img src="images/emotes/applause.gif" title=":clap:" width="20" height="20" class="gb-emote-item">
<img src="images/emotes/caramelldansen.gif" title=":dance:" class="gb-emote-item"> <img src="images/emotes/caramelldansen.gif" title=":dance:" width="20" height="20" class="gb-emote-item">
<img src="images/emotes/yippee.gif" title=":yippee:" class="gb-emote-item"> <img src="images/emotes/yippee.gif" title=":yippee:" width="20" height="20" class="gb-emote-item">
</div> </div>
<input type="text" id="gb-name" placeholder="name" maxlength="30"> <input type="text" id="gb-name" placeholder="name" maxlength="30">
<textarea id="gb-message" placeholder="enter your message here." maxlength="500"></textarea> <textarea id="gb-message" placeholder="enter your message here." maxlength="500"></textarea>
<img src="images/sendbutton.png" id="gb-send" title="Send"> <img src="images/sendbutton.png" id="gb-send" title="Send" width="32" height="32">
</div> </div>
</div> </div>
</div> </div>
@@ -287,7 +291,7 @@
</div> </div>
<div id="bgVideoContainer"> <div id="bgVideoContainer">
<video autoplay muted loop id="bgVideo" style="pointer-events: none"> <video autoplay muted loop preload="metadata" id="bgVideo" style="pointer-events: none">
<source src="background.mp4" type="video/mp4" style="pointer-events: none"> <source src="background.mp4" type="video/mp4" style="pointer-events: none">
</video> </video>
</div> </div>
style.css
+3 -6
View File
@@ -1,7 +1,4 @@
@import url('https://fonts.googleapis.com/css2?family=Aldrich&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:[email protected]&display=swap');
@font-face { @font-face {
font-family: 'Forced Square'; font-family: 'Forced Square';
src: url('./fonts/FORCEDSQUARE.ttf') format('truetype'); src: url('./fonts/FORCEDSQUARE.ttf') format('truetype');
@@ -399,7 +396,7 @@ a:hover {
} }
#navhover img:hover { #navhover img:hover {
content: url('imgs/navcircleblue.png'); content: url('images/navcircleblue.png');
vertical-align: middle; vertical-align: middle;
align-items: start; align-items: start;
height: 13px; height: 13px;
@@ -410,7 +407,7 @@ a:hover {
} }
#navhover:hover { #navhover:hover {
background-image: url('imgs/navcircleblue.png'); background-image: url('images/navcircleblue.png');
background-size: 13px; background-size: 13px;
image-rendering: crisp-edges; image-rendering: crisp-edges;
} }
@@ -1053,7 +1050,7 @@ a:hover {
} }
#small-content-todo li { #small-content-todo li {
list-style-image: url('imgs/navcircle.png'); list-style-image: url('images/navcircle.png');
list-style-position: outside; list-style-position: outside;
} }