stuf
This commit is contained in:
parent
3915cbf275
commit
c01ff45447
|
|
@ -1,7 +1,7 @@
|
|||
:root {
|
||||
|
||||
--accent-color: rgb(227, 154, 228);
|
||||
--white: rgb(255, 255, 252);
|
||||
--white: rgba(255, 255, 252, 0.896);
|
||||
--overlay: #00000069;
|
||||
}
|
||||
|
||||
|
|
@ -16,6 +16,11 @@ body {
|
|||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: myFirstFont;
|
||||
src: url(/assets/misc/AtkinsonHyperlegible-Regular.ttf);
|
||||
}
|
||||
|
||||
.gallery,
|
||||
.showcase span,
|
||||
a,
|
||||
|
|
@ -26,15 +31,33 @@ h4,
|
|||
h5,
|
||||
p,
|
||||
li {
|
||||
font-family: 'Lato', sans-serif;
|
||||
|
||||
font-family: myFirstFont;
|
||||
font-size: large;
|
||||
line-height: 20px;
|
||||
font-variant: normal;
|
||||
color: var(--white);
|
||||
}
|
||||
a{
|
||||
|
||||
a {
|
||||
color: var(--accent-color);
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 1.3em;
|
||||
|
||||
}
|
||||
|
||||
h4::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
height: 3px;
|
||||
background: var(--accent-color);
|
||||
top: 100%;
|
||||
width: 50%;
|
||||
left: 25%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
button {
|
||||
background: linear-gradient(1800deg, var(--accent-color), rgba(0, 0, 0, 0.355) 70%);
|
||||
color: var(--white);
|
||||
|
|
@ -78,7 +101,7 @@ button:active {
|
|||
|
||||
|
||||
.navbar a {
|
||||
color: var(--white);
|
||||
color: var(--white);
|
||||
padding: 10px;
|
||||
text-decoration: underline;
|
||||
text-decoration-color: rgba(41, 41, 41, 0.507);
|
||||
|
|
@ -118,7 +141,7 @@ button:active {
|
|||
bottom: 0;
|
||||
min-width: 100%;
|
||||
min-height: 100%;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.title {
|
||||
|
|
@ -129,17 +152,21 @@ button:active {
|
|||
}
|
||||
|
||||
.gallery {
|
||||
|
||||
transition: all 1s ease;
|
||||
border: var(--white) 0.3px solid;
|
||||
transition: all 0.2s ease;
|
||||
align-self: center;
|
||||
position: relative;
|
||||
width: 40%;
|
||||
backdrop-filter: blur(50px);
|
||||
padding: 10px;
|
||||
border-radius: 5px;
|
||||
border-radius: 7px;
|
||||
background-color: rgba(0, 0, 0, 0.369);
|
||||
}
|
||||
|
||||
.gallery:hover:not(.term-container) {
|
||||
filter: drop-shadow(5px 5px 0px var(--accent-color));
|
||||
|
||||
/* background: linear-gradient( #03a67800 90%,var(--accent-color) 0%);*/
|
||||
}
|
||||
|
||||
.div-hidden {
|
||||
|
|
@ -151,6 +178,7 @@ button:active {
|
|||
margin-left: 10px;
|
||||
border-bottom: 3px solid var(--accent-color);
|
||||
border-radius: 1px;
|
||||
font-size: 1.4em;
|
||||
cursor: pointer;
|
||||
transition: border-bottom 0.2s ease;
|
||||
user-select: none;
|
||||
|
|
@ -298,24 +326,35 @@ input:focus {
|
|||
backdrop-filter: blur(60px);
|
||||
}
|
||||
|
||||
.contacts {
|
||||
|
||||
width: 50%;
|
||||
display: grid;
|
||||
grid-template-columns: auto auto ;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.contact {
|
||||
padding: 10px;
|
||||
align-self: center;
|
||||
position: relative;
|
||||
width: 40%;
|
||||
width: 95%;
|
||||
backdrop-filter: blur(5px);
|
||||
vertical-align: baseline;
|
||||
margin-top: 2px;
|
||||
border-radius: 5px;
|
||||
transition: all 0.5s ease;
|
||||
|
||||
border-radius: 8px;
|
||||
transition: all 0.4s ease;
|
||||
background: rgba(0, 0, 0, 0.157);
|
||||
|
||||
}
|
||||
|
||||
.contact:hover {
|
||||
width: 100%;
|
||||
margin-left: 12px;
|
||||
box-shadow: 0 0 20px 1px var(--accent-color);
|
||||
backdrop-filter: blur(60px);
|
||||
border: rgb(200, 200, 200) 2px solid;
|
||||
z-index: 30;
|
||||
}
|
||||
|
||||
.contact image {
|
||||
|
|
@ -458,6 +497,7 @@ code {
|
|||
background: linear-gradient(rgb(0, 0, 0, 0.7), rgb(0, 0, 0, 1)), url("/assets/images/doomBg.png");
|
||||
background-size: 100%;
|
||||
}
|
||||
|
||||
#bring {
|
||||
background: linear-gradient(rgb(0, 0, 0, 0.7), rgb(0, 0, 0, 1)), url("/assets/images/bring.jpg");
|
||||
background-size: 100%;
|
||||
|
|
@ -623,20 +663,44 @@ code {
|
|||
text-align: center;
|
||||
align-items: center;
|
||||
width: 150px;
|
||||
padding: 0px;
|
||||
padding: 1px;
|
||||
border-radius: 8px;
|
||||
animation-name: move-bg;
|
||||
|
||||
}
|
||||
.bnav a{
|
||||
|
||||
.bnav a {
|
||||
vertical-align: sub;
|
||||
font-size: 25px;
|
||||
text-decoration: none;
|
||||
}
|
||||
#left,#right{
|
||||
|
||||
#left,
|
||||
#right {
|
||||
transition: all 0.2s ease;
|
||||
}
|
||||
#left:hover{
|
||||
|
||||
#left:hover {
|
||||
margin-right: 4px;
|
||||
}
|
||||
#right:hover{
|
||||
|
||||
#right:hover {
|
||||
margin-left: 4px;
|
||||
}
|
||||
|
||||
#discord:hover{
|
||||
box-shadow: 0 0 20px 1px #5865F2;
|
||||
box-shadow: 0 0 20px 1px #5865F2;
|
||||
}
|
||||
#mastodon:hover{
|
||||
box-shadow: 0 0 20px 1px #6364FF;
|
||||
}
|
||||
#github:hover{
|
||||
box-shadow: 0 0 20px 1px #6e5494;
|
||||
}
|
||||
#red:hover{
|
||||
box-shadow: 0 0 20px 1px #ff6c6b;
|
||||
}
|
||||
#pigeon:hover{
|
||||
box-shadow: 0 0 20px 1px #79c0ff;
|
||||
}
|
||||
Binary file not shown.
|
|
@ -0,0 +1,61 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
version="1.1"
|
||||
width="100%"
|
||||
height="100%"
|
||||
id="svgWorkerArea"
|
||||
viewBox="-25 -25 625 625"
|
||||
style=""
|
||||
sodipodi:docname="bird.svg"
|
||||
inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<sodipodi:namedview
|
||||
id="namedview1"
|
||||
pagecolor="#505050"
|
||||
bordercolor="#ffffff"
|
||||
borderopacity="1"
|
||||
inkscape:showpageshadow="0"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pagecheckerboard="1"
|
||||
inkscape:deskcolor="#505050"
|
||||
inkscape:zoom="1.918805"
|
||||
inkscape:cx="317.64562"
|
||||
inkscape:cy="255.88844"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1052"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="svgWorkerArea" />
|
||||
<defs
|
||||
id="defsdoc">
|
||||
<pattern
|
||||
id="patternBool"
|
||||
x="0"
|
||||
y="0"
|
||||
width="10"
|
||||
height="10"
|
||||
patternUnits="userSpaceOnUse"
|
||||
patternTransform="rotate(35)">
|
||||
<circle
|
||||
cx="5"
|
||||
cy="5"
|
||||
r="4"
|
||||
style="stroke: none;fill: #ff000070;"
|
||||
id="circle1" />
|
||||
</pattern>
|
||||
</defs>
|
||||
<g
|
||||
id="fileImp-485179978"
|
||||
class="cosito"
|
||||
style="fill:#ffffff">
|
||||
<path
|
||||
id="pathImp-770509621"
|
||||
class="grouped"
|
||||
d="M431.8303 177.0445C431.8303 177.0445 395.5791 152.9835 395.5791 152.9834 373.7892 84.1866 285.6889 64.7747 236.9986 118.0419 221.211 135.3134 212.454 157.8643 212.4481 181.263 212.4481 181.263 212.4481 208.1364 212.4481 208.1364 212.4481 208.1364 65.2557 392.188 65.2557 392.1879 59.2413 399.6989 63.6139 410.9036 73.1264 412.3562 73.7278 412.448 74.3352 412.4958 74.9435 412.4992 74.9435 412.4993 237.4489 412.4993 237.4489 412.4992 327.1268 412.3274 399.7824 339.6786 399.9543 250.0089 399.9543 250.0089 399.9543 219.2295 399.9543 219.2295 399.9543 219.2295 431.8303 197.9808 431.8303 197.9807 439.39 193.0489 439.39 181.9764 431.8303 177.0445 431.8303 177.0445 431.8303 177.0445 431.8303 177.0445M234.48 282.9757C234.48 282.9757 171.978 357.9713 171.978 357.9712 165.0284 364.6266 153.4795 361.2639 151.1901 351.9182 150.3594 348.5275 150.9848 344.9438 152.9148 342.0347 152.9148 342.0347 215.4169 267.0392 215.4169 267.0391 220.7365 259.0211 232.7417 259.7679 237.0265 268.3833 239.4621 273.2807 238.4305 279.1925 234.48 282.9757 234.48 282.9757 234.48 282.9757 234.48 282.9757M318.7016 187.5126C304.2674 187.5127 295.246 171.8886 302.4631 159.3893 309.6802 146.8901 327.723 146.8901 334.9401 159.3893 336.5858 162.2395 337.4522 165.4727 337.4522 168.7637 337.4522 179.1185 329.0572 187.5127 318.7016 187.5126 318.7016 187.5127 318.7016 187.5127 318.7016 187.5126"
|
||||
style="fill:#ffffff" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.9 KiB |
|
|
@ -0,0 +1,2 @@
|
|||
<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
|
||||
<svg fill="#FFFFFF" width="800px" height="800px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xml:space="preserve"><path d="M21.327 8.566c0-4.339-2.843-5.61-2.843-5.61-1.433-.658-3.894-.935-6.451-.956h-.063c-2.557.021-5.016.298-6.45.956 0 0-2.843 1.272-2.843 5.61 0 .993-.019 2.181.012 3.441.103 4.243.778 8.425 4.701 9.463 1.809.479 3.362.579 4.612.51 2.268-.126 3.541-.809 3.541-.809l-.075-1.646s-1.621.511-3.441.449c-1.804-.062-3.707-.194-3.999-2.409a4.523 4.523 0 0 1-.04-.621s1.77.433 4.014.536c1.372.063 2.658-.08 3.965-.236 2.506-.299 4.688-1.843 4.962-3.254.434-2.223.398-5.424.398-5.424zm-3.353 5.59h-2.081V9.057c0-1.075-.452-1.62-1.357-1.62-1 0-1.501.647-1.501 1.927v2.791h-2.069V9.364c0-1.28-.501-1.927-1.502-1.927-.905 0-1.357.546-1.357 1.62v5.099H6.026V8.903c0-1.074.273-1.927.823-2.558.566-.631 1.307-.955 2.228-.955 1.065 0 1.872.409 2.405 1.228l.518.869.519-.869c.533-.819 1.34-1.228 2.405-1.228.92 0 1.662.324 2.228.955.549.631.822 1.484.822 2.558v5.253z"/></svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
35
index.html
35
index.html
|
|
@ -38,17 +38,13 @@
|
|||
</select> <p style="display: none;">Theme</p>
|
||||
</div>
|
||||
|
||||
<h3 style="width: 41%; margin-top: 40px;" class="paragraph invert windowbar" ><img src="/assets/images/osxbuttons.png"> Hello hi, I'm Gnawmon</h3>
|
||||
<h4 style="width: 41%; margin-top: 60px;" class="paragraph invert windowbar" ><img src="/assets/images/osxbuttons.png"> Hello hi, I'm Gnawmon</h4>
|
||||
<div class="gallery" style="margin-top: -18px;">
|
||||
I'm a programmer and an artist <br> <br>
|
||||
I program in c# and python, I wanna learn a <p class="tooltip">lower level language<span
|
||||
class="tooltiptext">rust, c or c++ idk</span> </p> at one point too. I've made a few games in
|
||||
unity and never posted them online. <br> <br>
|
||||
I've made <p class="tooltip">a few scenery <span
|
||||
class="tooltiptext">check them out in the art section!</span> </p> in blender and posted a few on <a class="link"
|
||||
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.
|
||||
<div class="gallery bnav">
|
||||
I make programs, games and 3D art. <br> <br>
|
||||
I used c#, python and go to make <p class="tooltip">software<span
|
||||
class="tooltiptext">check em out on the <a href="/projects.html">projects tab!</a></span> </p>, I've made a few games in unity and never posted them online. <br> <br>
|
||||
To make art I use blender and sometimes substance 3D designer, you can look at them <a href="art.html">here</a>
|
||||
<div class="bnav">
|
||||
<p><a href="https://webring.crumpetalpaca.eu.org/gnawmon/previous" id="left"><</a> bring <a href="https://webring.crumpetalpaca.eu.org/gnawmon/next" id="right">></a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -172,32 +168,41 @@
|
|||
<span class="term-fg30 term-bg40"> </span><span class="term-fg31 term-bg41"> </span><span class="term-fg32 term-bg42"> </span><span class="term-fg33 term-bg43"> </span><span class="term-fg34 term-bg44"> </span><span class="term-fg35 term-bg45"> </span><span class="term-fg36 term-bg46"> </span><span class="term-fg37 term-bg47"> </span>
|
||||
<span class="term-fgx8 term-bgx8"> </span><span class="term-fgx9 term-bgx9"> </span><span class="term-fgx10 term-bgx10"> </span><span class="term-fgx11 term-bgx11"> </span><span class="term-fgx12 term-bgx12"> </span><span class="term-fgx13 term-bgx13"> </span><span class="term-fgx14 term-bgx14"> </span><span class="term-fgx15 term-bgx15"> </span></div>
|
||||
</div>
|
||||
<div class="contacts">
|
||||
<div class="contact">
|
||||
<img src="assets/svg/matrix.svg" height="40" width="40" />
|
||||
<p>@gnawmon@matrix.org</p>
|
||||
</div>
|
||||
|
||||
<div class="contact">
|
||||
<div id="red" class="contact">
|
||||
<a href="http://git.vern.cc/gnawmon">
|
||||
<img src="assets/svg/forgejo.svg" height="40" width="40" />
|
||||
<p>/gnawmon</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="contact">
|
||||
<div id="github" class="contact">
|
||||
<a href="https://github.com/gnawmon">
|
||||
<img src="assets/svg/github.svg" height="40" width="40" />
|
||||
<p>/gnawmon</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="contact">
|
||||
<div id="discord" class="contact">
|
||||
<img src="assets/svg/discord.svg" height="40" width="40" />
|
||||
<p>@gnawmon</p>
|
||||
</div>
|
||||
<div class="contact">
|
||||
<div id="red" class="contact">
|
||||
<img src="assets/svg/mail.svg" height="40" width="40" />
|
||||
<p>gnawmon@vern.cc</p>
|
||||
</div>
|
||||
|
||||
<div id="mastodon" class="contact">
|
||||
<img src="assets/svg/mastodon.svg" height="40" width="40" />
|
||||
<p>@gnawmon@mastodon.gamedev.place</p>
|
||||
</div>
|
||||
<div id="pigeon" class="contact">
|
||||
<img src="assets/svg/bird.svg" height="40" width="40" />
|
||||
<p >grab a pigeon, attach a letter and say my name</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="smalimages gallery">
|
||||
<p class="windowbar hide" style="width: 104.2%; margin-top: -47px; margin-left: -20px;"><img src="/assets/images/osxbuttons.png">Buttons!</p>
|
||||
<p>people</p>
|
||||
|
|
|
|||
Loading…
Reference in New Issue