apparently video slows down the website quite a lot
This commit is contained in:
parent
28f00ef200
commit
73f556f196
22
index.html
22
index.html
|
@ -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
8
main.js
|
@ -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);
|
||||
|
|
|
@ -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
11
style.css
|
@ -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 {
|
||||
|
|
|
@ -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>
|
After Width: | Height: | Size: 969 B |
Loading…
Reference in New Issue