emilia
/
personal-website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Restore about.html

This commit is contained in:
Emilia Allison 2022-09-29 23:25:55 -04:00
parent 590d7aa9ab
commit 6abb6a6187
Signed by: emilia
GPG Key ID: 7A3F8997BFE894E0
4 changed files with 41 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/about.html
View File

@ -6,10 +6,10 @@
<meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="viewport" content="width=device-width,initial-scale=1">
</head> </head>
<body> <body>
<div class="overlay"> <div id="overlay">
</div> </div>
<div class="outerdiv contentholder"> <main class="grid-center--offset">
<div class="contentholder__topfiller"></div> <div>
<div class="content"> <div class="content">
<h1> <h1>
About About
@ -45,5 +45,6 @@ linux distros don't matter
<li>&#129424</li> <li>&#129424</li>
</div> </div>
</div> </div>
</main>
</body> </body>
</html> </html>

1
src/scss/about.scss Normal file
View File

@ -0,0 +1 @@
@import "ilia1";

34
src/scss/ilia1.scss
View File

@ -188,3 +188,37 @@ footer {
background-image: url('../img/noise.gif'); background-image: url('../img/noise.gif');
background-size: 25%; background-size: 25%;
} }
/* Animations */
// GRADIENTS (you might need them!)
$rainbow-gradient: repeating-linear-gradient(to left, red, violet, indigo, blue, green, yellow, orange, red, violet);
// ANIMATIONS (love to see them)
@keyframes gradient-bg {
from {
background-position: 0%;
}
to {
background-position: 100%;
}
}
@mixin rainbow-text() {
animation: gradient-bg 4s linear infinite;
}
// MARKS
mark.rainbow {
background-image: $rainbow-gradient;
background-size: 1000% 1000%;
color: transparent;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
@include rainbow-text();
}
// ALIASES
mark.internet {
@extend .rainbow;
font-weight: bold;
}

2
src/scss/index.scss
View File

@ -1,4 +1,4 @@
@import 'ilia1'; @import "ilia1";
footer { footer {
@extend .row; @extend .row;