gnawmon
/
website
1
1
Fork 0
Code Pull Requests Activity

art

This commit is contained in:
gnawmon 2024-03-22 19:27:41 +03:00
parent f62d0a5215
commit 6e426884a8
16 changed files with 109 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
art.html Normal file
View File

@ -0,0 +1,54 @@
<!DOCTYPE html>
<html>
<head>
<title>Art - Gnawmon</title>
<link rel="stylesheet" href="/assets/css/style.css">
<link rel="icon" type="image/x-icon" href="/assets/images/favicon.ico">
<script src="/assets/js/main.js"></script>
</head>
<body>
<video autoplay muted loop class="bgvideo" id="bgvideo">
<source src="Untitled.mp4" type="video/mp4">
</video>
<div class="navbar"> <a href="index.html">Main Page </a> <a href="projects.html
">Projects </a></a> <a id="active" href="art.html
">Art </a> <img src="assets/svg/gear.svg" class="gear" onclick="showSettings()" /></div>
<div style="display: none;" class="settings" id="settings">
<label class="switch">
<input type="checkbox" id="enableVideoBackground">
<span class="slider"></span>
</label>
<p>Video Background</p>
<br>
<label class="switch">
<input type="checkbox" id="enableRandomBackrounds">
<span class="slider"></span>
</label>
<p>Random Backgrounds</p>
</div>
<div class="middlething">
<div class="artShowcases">
<img src="assets/images/awdmodathon1_v5.png">
<img src="assets/images/vaporwave_v2_t1.png">
<img src="assets/images/frontlabs wip 1.png">
<img src="assets/images/hubv4.png">
<img src="assets/images/integrity.png">
<img src="assets/images/card.gif">
<img src="assets/images/vwdicon.gif">
<img src="assets/images/hubtiles.png">
<img src="assets/images/mwwd_icon_v1.png">
<p>these don't look great ---> </p>
<img src="assets/images/forg.png">
<img src="assets/images/forg2.png">
</div>
<p class="paragraph bottomtext"><a href="http://git.vern.cc/gnawmon/website" class="link">source code</a></p>
</div>
</body>
</html>

36
assets/css/style.css
View File

@ -349,12 +349,12 @@ input:focus {
} }
.smalimages img:hover { .smalimages img:hover {
position:relative; position: relative;
scale: 1.3; scale: 1.3;
height: fit-content; height: fit-content;
filter: drop-shadow(8px 10px 0px var(--accent-color)); filter: drop-shadow(8px 10px 0px var(--accent-color));
position:relative; position: relative;
border: 0.2px solid rgba(255, 255, 255, 0.726); border: 0.2px solid rgba(255, 255, 255, 0.726);
border-radius: 3px; border-radius: 3px;
} }
@ -440,10 +440,14 @@ code {
background-size: 50%; background-size: 50%;
} }
#minewatchWiki{
background: linear-gradient(rgb(0, 0, 0, 0.7), rgb(0, 0, 0, 1)), url("/assets/images/seahaven.png");
background-size: 100%;
background-position: 20 0px;
}
#doom { #doom {
background: linear-gradient(rgb(0, 0, 0, 0.7), rgb(0, 0, 0, 1)), url("/assets/images/doomBg.png"); background: linear-gradient(rgb(0, 0, 0, 0.7), rgb(0, 0, 0, 1)), url("/assets/images/doomBg.png");
background-size: 100%; background-size: 100%;
background-position: 0 365px;
} }
#blur { #blur {
@ -483,7 +487,7 @@ code {
width: 20px; width: 20px;
margin-top: 6px; margin-top: 6px;
margin-right: 10px; margin-right: 10px;
transition: ease-in-out 1s; transition: ease-in-out 1s;
} }
.gear:hover { .gear:hover {
@ -548,4 +552,26 @@ transition: ease-in-out 1s;
.switch input[type="checkbox"]:checked:active+.slider::after { .switch input[type="checkbox"]:checked:active+.slider::after {
transform: translateX(calc(var(--button-width) - var(--toggle-wider) - var(--button-toggle-offset))); transform: translateX(calc(var(--button-width) - var(--toggle-wider) - var(--button-toggle-offset)));
}
.artShowcases {
display: grid;
grid-template-columns: auto auto auto ;
margin: auto;
margin-top: 60px;
}
.artShowcases img{
margin-top: 20px;
width: 500px;
height: auto;
box-shadow: 0.2em 0.3em 3em rgb(0, 0, 0);
border-radius: 7px;
transition: scale 0.2s ease;
background: rgba(0, 0, 0, 0.532);
margin-left: 20px;
}
.artShowcases img:hover {
scale: 1.2;
} }

BIN
assets/images/awdmodathon1_v5.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.8 MiB

BIN
assets/images/card.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 MiB

BIN
assets/images/forg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 MiB

BIN
assets/images/forg2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.1 MiB

BIN
assets/images/frontlabs wip 1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 461 KiB

BIN
assets/images/hubtiles.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 MiB

BIN
assets/images/hubv4.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.8 MiB

BIN
assets/images/integrity.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 417 KiB

BIN
assets/images/mwwd_icon_v1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 495 KiB

BIN
assets/images/seahaven.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 490 KiB

BIN
assets/images/vaporwave_v2_t1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.1 MiB

BIN
assets/images/vwdicon.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.7 MiB

24
index.html
View File

@ -2,7 +2,7 @@
<html> <html>
<head> <head>
<title>Gnawmon's Website</title> <title>Homepage - Gnawmon</title>
<link rel="stylesheet" href="assets/css/style.css"> <link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="assets/css/fetch.css"> <link rel="stylesheet" href="assets/css/fetch.css">
<link rel="icon" type="image/x-icon" href="/assets/images/favicon.ico"> <link rel="icon" type="image/x-icon" href="/assets/images/favicon.ico">
@ -17,7 +17,7 @@
<div class="middlething"> <div class="middlething">
<div class="navbar"> <a id="active" href="index.html">Main Page </a> <a href="projects.html <div class="navbar"> <a id="active" href="index.html">Main Page </a> <a href="projects.html
">Projects </a> <img src="assets/svg/gear.svg" class="gear" onclick="showSettings()"/></div> ">Projects </a> <a href="art.html">Art </a> <img src="assets/svg/gear.svg" class="gear" onclick="showSettings()"/></div>
<div style="display: none;" class="settings" id="settings"> <div style="display: none;" class="settings" id="settings">
<label class="switch"> <label class="switch">
<input type="checkbox" id="enableVideoBackground"> <input type="checkbox" id="enableVideoBackground">
@ -48,8 +48,24 @@
<h2 onclick="showThing('moreInfo')" class="paragraph dropdown">More</h2> <h2 onclick="showThing('moreInfo')" class="paragraph dropdown">More</h2>
<div class="gallery" id="moreInfo"> <div class="gallery" id="moreInfo">
<p class="paragraph"> <p class="paragraph">
I speak <s>3</s> 2 languages <br> <br> I speak <s>3</s> 2 languages <br> <br>
also heres <a class="link" href="assets/misc/pgp.txt"> my pgp key</a> <p>Not in a particular order, my favourite video games</p>
<ul>
<li>Portal 2</li>
<li>Hitman: World of Assassination (Hitman 1, 2 and 3)</li>
<li>No Man's Sky</li>
<li>Metal Gear Solid 3: Snake Eater</li>
<li>Minecraft</li>
<li>Resident Evil 4 Remake</li>
<li>Detroit: Become Human</li>
<li>Call of Duty: Black Ops</li>
<li>Call of Duty: Modern Warfare 2 (2009)</li>
<li>Call of Duty: Black Ops 3 (Zombies)</li>
<li>The Stanley Parable</li>
<li>Team Fortress 2</li>
<li>Oneshot</li>
</ul>
<a> also heres <a class="link" href="assets/misc/pgp.txt"> my pgp key</a>
</p> </p>
</div> </div>

8
projects.html
View File

@ -2,7 +2,7 @@
<html> <html>
<head> <head>
<title>Projects</title> <title>Projects - Gnawmon</title>
<link rel="stylesheet" href="/assets/css/style.css"> <link rel="stylesheet" href="/assets/css/style.css">
<link rel="icon" type="image/x-icon" href="/assets/images/favicon.ico"> <link rel="icon" type="image/x-icon" href="/assets/images/favicon.ico">
<script src="/assets/js/main.js"></script> <script src="/assets/js/main.js"></script>
@ -15,7 +15,7 @@
</video> </video>
<div class="navbar"> <a href="index.html">Main Page </a> <a id="active" href="projects.html <div class="navbar"> <a href="index.html">Main Page </a> <a id="active" href="projects.html
">Projects </a> <img src="assets/svg/gear.svg" class="gear" onclick="showSettings()"/></div> ">Projects </a><a href="art.html">Art </a> <img src="assets/svg/gear.svg" class="gear" onclick="showSettings()"/></div>
<div style="display: none;" class="settings" id="settings"> <div style="display: none;" class="settings" id="settings">
<label class="switch"> <label class="switch">
<input type="checkbox" id="enableVideoBackground"> <input type="checkbox" id="enableVideoBackground">
@ -38,7 +38,7 @@
<h2>ReLaunch | A Minecraft Launcher</h2> <h2>ReLaunch | A Minecraft Launcher</h2>
<img src="/assets/images/minecraftLauncher.png"> <img src="/assets/images/minecraftLauncher.png">
<span>A launcher made with <a href="https://alphaver.miraheze.org/wiki/AlphaVer_Wiki" class="link">Alphaver</a> in mind. <br><br> It was/will going to have windows and linux support. <br> <br> <a class="link" href="http://git.vern.cc/gnawmon/ReLaunch">Git Repo</a></span> <span>A launcher made with <a href="https://alphaver.miraheze.org/wiki/AlphaVer_Wiki" class="link">Alphaver</a> in mind. <br><br> It will/was going to have windows and linux support. <br> <br> <a class="link" href="http://git.vern.cc/gnawmon/ReLaunch">Git Repo</a></span>
</div> </div>
<div class="showcase" id="doom"> <div class="showcase" id="doom">
@ -51,7 +51,7 @@
<h2>Kopa</h2> <h2>Kopa</h2>
<span style="margin-left: 20px; width: 75%;">I'll get a screenshot later. <br><br>Alternative server software for <a class="link" href="https://balls-online-plus.onrender.com/"> Balls Online Plus </a> <br><br> <a class="link" href="http://git.vern.cc/gnawmon/Kopa"> Git Repo</a> </span> <span style="margin-left: 20px; width: 75%;">I'll get a screenshot later. <br><br>Alternative server software for <a class="link" href="https://balls-online-plus.onrender.com/"> Balls Online Plus </a> <br><br> <a class="link" href="http://git.vern.cc/gnawmon/Kopa"> Git Repo</a> </span>
</div> </div>
<div class="showcase" id="blur" > <div class="showcase" id="minewatchWiki">
<h2>MineWatch Wiki</h2> <h2>MineWatch Wiki</h2>
<img src="/assets/images/minewatchWiki.png"> <img src="/assets/images/minewatchWiki.png">