projects
This commit is contained in:
parent
a668c0bee9
commit
27e9c72165
|
@ -1 +1,2 @@
|
||||||
saul.mp4
|
saul.mp4
|
||||||
|
alphaverJars/
|
||||||
|
|
Binary file not shown.
After Width: | Height: | Size: 19 KiB |
Binary file not shown.
After Width: | Height: | Size: 484 KiB |
Binary file not shown.
After Width: | Height: | Size: 132 KiB |
23
index.html
23
index.html
|
@ -27,7 +27,7 @@
|
||||||
I use an arch based os btw<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>
|
</p>
|
||||||
<h2 onclick="showThing('gallery')" class="paragraph dropdown">More</h2>
|
<h2 onclick="showThing('gallery')" class="paragraph dropdown">More</h2>
|
||||||
<div id="gallery">
|
<div id="gallery">
|
||||||
|
@ -40,16 +40,24 @@
|
||||||
<img src="svg/matrix.svg" height="40" width="40" />
|
<img src="svg/matrix.svg" height="40" width="40" />
|
||||||
<p>@gnawmon@matrix.org</p>
|
<p>@gnawmon@matrix.org</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="contact">
|
<div class="contact">
|
||||||
<img src="svg/discord.svg" height="40" width="40" />
|
<a href="http://git.vern.cc/gnawmon">
|
||||||
<p>@gnawmon</p>
|
|
||||||
</div>
|
|
||||||
<div class="contact">
|
|
||||||
<a href="http://git.vern.cc/gnawmon" class="fill-div">
|
|
||||||
<img src="svg/forgejo.svg" height="40" width="40" />
|
<img src="svg/forgejo.svg" height="40" width="40" />
|
||||||
<p>/gnawmon</p>
|
<p>/gnawmon</p>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="contact">
|
||||||
|
<a href="https://github.com/gnawmon">
|
||||||
|
<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="smalimages">
|
<div class="smalimages">
|
||||||
<a href="https://endeavouros.com/"> <img src="88x31/endeavour.png"></img> </a>
|
<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>
|
<a href="https://www.mozilla.org/en-US/firefox/new"> <img src="88x31/firefox.gif"></img></a>
|
||||||
|
@ -58,8 +66,7 @@
|
||||||
<!-- <button id="rotate_button" onclick="rotate()">rotate</button> -->
|
<!-- <button id="rotate_button" onclick="rotate()">rotate</button> -->
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<p class="paragraph bottomtext"><a href="http://git.vern.cc/gnawmon/website"
|
<p class="paragraph bottomtext"><a href="http://git.vern.cc/gnawmon/website" class="link">source code</a></p>
|
||||||
class="link">source code</a></p>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|
|
@ -15,13 +15,20 @@
|
||||||
<div class="middlething">
|
<div class="middlething">
|
||||||
<div class="navbar"> <a href="index.html">Main Page </a> <a href="projects.html" id="active">Projects</a></div>
|
<div class="navbar"> <a href="index.html">Main Page </a> <a href="projects.html" id="active">Projects</a></div>
|
||||||
|
|
||||||
<p class="paragraph">
|
<div class="paragraph">
|
||||||
not here yet lol <br> <br>
|
<p >All of the projects listed on here is 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>
|
||||||
|
</ul>
|
||||||
|
<br> <br>
|
||||||
<button onclick="pauseVideo()">Pause the video</button>
|
<button onclick="pauseVideo()">Pause the video</button>
|
||||||
|
|
||||||
</p>
|
</div>
|
||||||
|
|
||||||
<p class="paragraph bottomtext" ><a class="link">source code</a></p>
|
<p class="paragraph bottomtext"><a class="link">source code</a></p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|
20
style.css
20
style.css
|
@ -242,7 +242,6 @@ input:focus {
|
||||||
border-bottom: 1px solid var(--accent-color);
|
border-bottom: 1px solid var(--accent-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Tooltip text */
|
|
||||||
.tooltip .tooltiptext {
|
.tooltip .tooltiptext {
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
background-color: #3d3d3dd3;
|
background-color: #3d3d3dd3;
|
||||||
|
@ -251,19 +250,17 @@ input:focus {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding: 5px 0;
|
padding: 5px 0;
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
/* Position the tooltip text */
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
bottom: 125%;
|
bottom: 125%;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
margin-left: -60px;
|
margin-left: -60px;
|
||||||
|
|
||||||
/* Fade in tooltip */
|
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transition: opacity 0.3s ease;
|
transition: opacity 0.3s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Show the tooltip text when you mouse over the tooltip container */
|
|
||||||
.tooltip:hover .tooltiptext {
|
.tooltip:hover .tooltiptext {
|
||||||
visibility: visible;
|
visibility: visible;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
|
@ -282,6 +279,7 @@ input:focus {
|
||||||
width: 40%;
|
width: 40%;
|
||||||
backdrop-filter: blur(100px);
|
backdrop-filter: blur(100px);
|
||||||
vertical-align: baseline;
|
vertical-align: baseline;
|
||||||
|
margin-top: 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contact image {
|
.contact image {
|
||||||
|
@ -292,17 +290,16 @@ vertical-align: baseline;
|
||||||
padding-left: 10px;
|
padding-left: 10px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
vertical-align: middle;
|
|
||||||
line-height: 10px;
|
line-height: 10px;
|
||||||
/* <-- adjust this */
|
|
||||||
vertical-align: baseline;
|
vertical-align: baseline;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contact a {
|
.contact a {
|
||||||
position: absolute;
|
|
||||||
display: block;
|
display: block;
|
||||||
height: 100%;
|
|
||||||
width: 100%;
|
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -329,4 +326,9 @@ vertical-align: baseline;
|
||||||
margin-top: 4%;
|
margin-top: 4%;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
background: var(--overlay);
|
background: var(--overlay);
|
||||||
|
}
|
||||||
|
.emote{
|
||||||
|
width: 30px;
|
||||||
|
margin-left: 3px;
|
||||||
|
position: absolute;
|
||||||
}
|
}
|
Loading…
Reference in New Issue