59 lines
2.8 KiB
HTML
59 lines
2.8 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<title>Art - Gnawmon</title>
|
|
<link id="theme" 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 style="display: none;" muted loop autoplay class="bgvideo" id="bgvideo">
|
|
<source src="/assets/videos/plasma.mp4" type="video/mp4">
|
|
</video>
|
|
|
|
<div class="middlething">
|
|
<img class="banner" id="banner" style="display: none;" src="/assets/images/banner.png">
|
|
<div class="navbar"> <a href="index.html">Main Page </a> <a href="projects.html
|
|
">Projects </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">
|
|
<p class=" windowbar hide " style="width: 100%; margin-top: 0px;"><img src="/assets/images/osxbuttons.png" class="hide"> Settings</p><br>
|
|
<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="backgroundVideoToggle">
|
|
<span class="slider"></span>
|
|
</label> <p>Random Backgrounds</p> <br>
|
|
<select style="display: none;" id="themes" onchange = "changeTheme()">
|
|
<option value="osx">OSX</option>
|
|
<option value="glass">Glass</option>
|
|
<option value="minewatch">MineWatch</option>
|
|
<option value="vern">~vern</option>
|
|
</select> <p style="display: none;">Theme</p>
|
|
</div>
|
|
<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>
|
|
<div class="bottomThingThatEveryWebsiteHas"> <p>written by hand <br> some css in the ~vern theme is taken from <a class="link" href="http://git.vern.cc/vern/website">here</a> <br> <a href="http://git.vern.cc/gnawmon/website" class="link">source code</a> is avaible here, not sure why anybody would want to check it but here it is </p></div>
|
|
</div>
|
|
|
|
</body>
|
|
|
|
</html> |