gnawmon
/
website
1
1
Fork 0
Code Pull Requests Activity

apparently video slows down the website quite a lot

This commit is contained in:
Gnawmon 2024-01-21 18:49:56 +03:00
parent 28f00ef200
commit 73f556f196
6 changed files with 39 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 613 KiB

22
index.html
View File

@ -8,24 +8,27 @@
</head>
<body>
<!--
<video autoplay muted loop class="bgvideo" id="bgvideo">
<source src="Untitled.mp4" type="video/mp4">
</video>
-->
<div class="middlething">
<div class="navbar"> <a id="active" href="index.html">Main Page </a> <a href="projects.html">Projects </a></div>
<h3 class="paragraph invert">Hello hi, I'm Gnawmon</h3>
<div class="navbar"> <a id="active" href="index.html">Main Page </a> <a href="projects.html
">Projects </a></div>
<h3 class="paragraph invert" style="margin-top: 40px;">Hello hi, I'm Gnawmon</h3>
<p class="paragraph">
I'm a programmer and an artist <br> <br>
I program in c# and python, I wanna learn a <tot class="tooltip">low level language<span
class="tooltiptext">rust, c or c++ idk</span> </tot> at one point too. I've made a few games in
unity and never posted them online. <br> <br>
I've made <tot class="tooltip">a few scenery<span class="tooltiptext">You're watching them right now!
I've made <tot class="tooltip">a few scenery<span class="tooltiptext">You're looking at one right now!
Although it's blurred</span> </tot> in blender and posted a few on <a style="color: #1DA1F2;"
target=”_blank” href="https://nitter.net/Gnawmon">twitter</a> but stopped posting a while back. I
also made prodecural textures with substance 3d in the past.<br><br>
I use an arch based os btw<br><br>
<button onclick="pauseVideo()">Pause the video</button>
<!-- <button onclick="pauseVideo()">Pause the video</button> -->
</p>
@ -49,15 +52,18 @@
</div>
<div class="contact">
<a href="https://github.com/gnawmon">
<img src="svg/github.svg" height="40" width="40" />
<p>/gnawmon</p>
<img src="svg/github.svg" height="40" width="40" />
<p>/gnawmon</p>
</a>
</div>
<div class="contact">
<img src="svg/discord.svg" height="40" width="40" />
<p>@gnawmon</p>
</div>
<div class="contact">
<img src="svg/mail.svg" height="40" width="40" />
<p>gnawmon@vern.cc</p>
</div>
<div class="smalimages">
<a href="https://endeavouros.com/"> <img src="88x31/endeavour.png"></img> </a>
<a href="https://www.mozilla.org/en-US/firefox/new"> <img src="88x31/firefox.gif"></img></a>

8
main.js
View File

@ -1,8 +1,10 @@
function pauseVideo() {
var video = document.getElementById("bgvideo");
video.pause();
if (!video.videoPaused) {
video.pause();
} else{
video.play();
}
}
function showThing(element) {
var gallery = document.getElementById(element);

9
projects.html
View File

@ -8,23 +8,26 @@
</head>
<body>
<!--
<video autoplay muted loop class="bgvideo" id="bgvideo">
<source src="Untitled.mp4" type="video/mp4">
</video>
-->
<div class="middlething">
<div class="navbar"> <a href="index.html">Main Page </a> <a href="projects.html" id="active">Projects</a></div>
<div class="paragraph">
<p >All of the projects listed on here are unfinished <img class="emote" src="cats/fanofargs.png"></img> </p>
<br>
<p>All of the projects listed on here are unfinished <img class="emote" src="cats/fanofargs.png"></img> </p>
<ul>
<li>ReLaunch | A Minecraft Launcher</li>
<img src="images/minecraftLauncher.png"></img>
<li>Unnamed Doom Clone</li>
<img src="images/doomClone.png"></img>
<li>This website?</li>
</ul>
<br> <br>
<button onclick="pauseVideo()">Pause the video</button>
<!-- <button onclick="pauseVideo()">Pause the video</button> -->
</div>

11
style.css
View File

@ -12,7 +12,7 @@ body {
height: 100%;
margin: 0;
background: var(--overlay);
background: url(bg.png);
}
@ -40,7 +40,7 @@ button {
border-bottom: 5px solid var(--accent-color);
border-radius: 2px;
transition: 0.3s;
line-height: 10px;
}
button:hover {
@ -64,7 +64,9 @@ button:active {
.navbar {
width: 100%;
height: 30px;
background: var(--overlay);
background: linear-gradient( rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8) ),var(--overlay);
position: fixed;
z-index: 3;
}
.navbar a {
@ -73,11 +75,12 @@ button:active {
text-decoration-color: rgba(41, 41, 41, 0.507);
text-decoration-thickness: 3px;
text-underline-offset: 8px;
transition: text-decoration-color 0.2s;
transition: all 0.2s ease-in-out;
}
.navbar a:hover {
text-decoration-color: var(--accent-color);
font-size: large;
}
.navbar #active {

7
svg/mail.svg Normal file
View File

@ -0,0 +1,7 @@
<?xml version="1.0" encoding="utf-8"?>
<svg height="512px" id="Layer_1" style="enable-background:new 0 0 512 512;" version="1.1" viewBox="0 0 512 512" width="512px" xmlns="http://www.w3.org/2000/svg">
<g>
<path fill="#ffffff" d="M67,148.7c11,5.8,163.8,89.1,169.5,92.1c5.7,3,11.5,4.4,20.5,4.4c9,0,14.8-1.4,20.5-4.4c5.7-3,158.5-86.3,169.5-92.1 c4.1-2.1,11-5.9,12.5-10.2c2.6-7.6-0.2-10.5-11.3-10.5H257H65.8c-11.1,0-13.9,3-11.3,10.5C56,142.9,62.9,146.6,67,148.7z"/>
<path fill="#ffffff" d="M 455.7 153.2 C 447.5 157.4 373.9 209.8 325.2 241.3 L 304.7 254.8 C 289.8 264.4 279.3 271 277.5 272 C 269.8 275.9 264.4 276.4 257 276.4 C 249.6 276.4 244.2 275.9 236.5 272 C 234.6 271 188.6 241.3 188.6 241.3 C 139.9 209.8 65.5 157.4 57.3 153.2 C 48.5 148.7 48 154 48 158.1 C 48 162.2 48 363.1 48 363.1 C 48 372.4 61.7 384 71.5 384 L 257 384 L 442.5 384 C 452.3 384 464 372.3 464 363.1 C 464 363.1 464 162.1 464 158.1 C 464 153.9 464.6 148.7 455.7 153.2 Z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 969 B