art
|
@ -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>
|
|
@ -349,12 +349,12 @@ input:focus {
|
|||
}
|
||||
|
||||
.smalimages img:hover {
|
||||
position:relative;
|
||||
position: relative;
|
||||
scale: 1.3;
|
||||
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-radius: 3px;
|
||||
}
|
||||
|
@ -440,10 +440,14 @@ code {
|
|||
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 {
|
||||
background: linear-gradient(rgb(0, 0, 0, 0.7), rgb(0, 0, 0, 1)), url("/assets/images/doomBg.png");
|
||||
background-size: 100%;
|
||||
background-position: 0 365px;
|
||||
}
|
||||
|
||||
#blur {
|
||||
|
@ -483,7 +487,7 @@ code {
|
|||
width: 20px;
|
||||
margin-top: 6px;
|
||||
margin-right: 10px;
|
||||
transition: ease-in-out 1s;
|
||||
transition: ease-in-out 1s;
|
||||
}
|
||||
|
||||
.gear:hover {
|
||||
|
@ -548,4 +552,26 @@ transition: ease-in-out 1s;
|
|||
|
||||
.switch input[type="checkbox"]:checked:active+.slider::after {
|
||||
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;
|
||||
}
|
After Width: | Height: | Size: 2.8 MiB |
After Width: | Height: | Size: 15 MiB |
After Width: | Height: | Size: 16 MiB |
After Width: | Height: | Size: 4.1 MiB |
After Width: | Height: | Size: 461 KiB |
After Width: | Height: | Size: 1.5 MiB |
After Width: | Height: | Size: 1.8 MiB |
After Width: | Height: | Size: 417 KiB |
After Width: | Height: | Size: 495 KiB |
After Width: | Height: | Size: 490 KiB |
After Width: | Height: | Size: 2.1 MiB |
After Width: | Height: | Size: 4.7 MiB |
24
index.html
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
|
||||
<head>
|
||||
<title>Gnawmon's Website</title>
|
||||
<title>Homepage - Gnawmon</title>
|
||||
<link rel="stylesheet" href="assets/css/style.css">
|
||||
<link rel="stylesheet" href="assets/css/fetch.css">
|
||||
<link rel="icon" type="image/x-icon" href="/assets/images/favicon.ico">
|
||||
|
@ -17,7 +17,7 @@
|
|||
|
||||
<div class="middlething">
|
||||
<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">
|
||||
<label class="switch">
|
||||
<input type="checkbox" id="enableVideoBackground">
|
||||
|
@ -48,8 +48,24 @@
|
|||
<h2 onclick="showThing('moreInfo')" class="paragraph dropdown">More</h2>
|
||||
<div class="gallery" id="moreInfo">
|
||||
<p class="paragraph">
|
||||
I speak <s>3</s> 2 languages <br> <br>
|
||||
also heres <a class="link" href="assets/misc/pgp.txt"> my pgp key</a>
|
||||
I speak <s>3</s> 2 languages <br> <br>
|
||||
<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>
|
||||
</div>
|
||||
|
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
|
||||
<head>
|
||||
<title>Projects</title>
|
||||
<title>Projects - 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>
|
||||
|
@ -15,7 +15,7 @@
|
|||
</video>
|
||||
|
||||
<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">
|
||||
<label class="switch">
|
||||
<input type="checkbox" id="enableVideoBackground">
|
||||
|
@ -38,7 +38,7 @@
|
|||
|
||||
<h2>ReLaunch | A Minecraft Launcher</h2>
|
||||
<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 class="showcase" id="doom">
|
||||
|
||||
|
@ -51,7 +51,7 @@
|
|||
<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>
|
||||
</div>
|
||||
<div class="showcase" id="blur" >
|
||||
<div class="showcase" id="minewatchWiki">
|
||||
|
||||
<h2>MineWatch Wiki</h2>
|
||||
<img src="/assets/images/minewatchWiki.png">
|
||||
|
|