Compare commits

..

No commits in common. "47e2aa1cd56d874f32db4afed1d9c57f9d891da7" and "e1f03842b8b8fa4fe66ddb8005f59ec415e00866" have entirely different histories.

3 changed files with 134 additions and 148 deletions

BIN
static/assets/pngs/glider.png (Stored with Git LFS)

Binary file not shown.

View File

@ -15,8 +15,7 @@ code {
border-radius: 3px; border-radius: 3px;
padding: 0 4px; padding: 0 4px;
} }
code, code, pre {
pre {
font-size: 16px; font-size: 16px;
font-family: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace; font-family: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
color: $dark; color: $dark;
@ -28,16 +27,16 @@ input {
height: 35px; height: 35px;
box-sizing: border-box; box-sizing: border-box;
box-shadow: 0 1px 1px rgba(12,13,14,0.15),inset 0 1px 0 0 #fff; box-shadow: 0 1px 1px rgba(12,13,14,0.15),inset 0 1px 0 0 #fff;
transition: 0.15s ease-out; transition: .15s ease-out;
} }
input[type="text"] { input[type=text] {
font-size: inherit; font-size: inherit;
color: $dark; color: $dark;
text-decoration: italic; text-decoration: italic;
border: 1px solid #9fa6ad; border: 1px solid #9fa6ad;
border-radius: 3px; border-radius: 3px;
} }
input[type="text"]:focus { input[type=text]:focus {
} }
.wrapper { .wrapper {
max-width: 600px; max-width: 600px;
@ -53,22 +52,15 @@ input[type="text"]:focus {
} }
.content { .content {
h2, h2, p, li, td {
p,
li,
td {
a { a {
color: $dark; color: $dark;
text-decoration: none; text-decoration: none;
background-image: linear-gradient( background-image: linear-gradient(120deg,$gradient-right 0%,$gradient-left 100%);
120deg,
$gradient-right 0%,
$gradient-left 100%
);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 0 0; background-size: 0 0;
background-position: 100% 21%; background-position: 100% 21%;
transition: 0.15s ease-out; transition: .15s ease-out;
&:hover { &:hover {
background-size: 100% 100%; background-size: 100% 100%;
color: $light; color: $light;
@ -79,9 +71,9 @@ input[type="text"]:focus {
&::after { &::after {
position: relative; position: relative;
content: "\FEFF°"; content: "\FEFF°";
margin-left: 0.1em; margin-left: 0.10em;
font-size: 90%; font-size: 90%;
top: -0.1em; top: -0.10em;
color: $light-highlight; color: $light-highlight;
font-feature-settings: "caps"; font-feature-settings: "caps";
font-variant-numeric: normal; font-variant-numeric: normal;
@ -159,9 +151,6 @@ input[type="text"]:focus {
padding: 20px 0 20px 0; padding: 20px 0 20px 0;
text-align: center; text-align: center;
line-height: 30px; line-height: 30px;
a {
color: $dark;
}
a:visited { a:visited {
color: $dark; color: $dark;
} }

View File

@ -4,5 +4,5 @@
<p class="boring_stuff">Content licensed under <a href="https://creativecommons.org/licenses/by/4.0/deed.en">CC-BY-4.0</a><br/> <p class="boring_stuff">Content licensed under <a href="https://creativecommons.org/licenses/by/4.0/deed.en">CC-BY-4.0</a><br/>
Code licensed under <a href="https://tldrlegal.com/license/mit-license">MIT</a><br/> Code licensed under <a href="https://tldrlegal.com/license/mit-license">MIT</a><br/>
Source is available on <a href="https://git.nixnet.services/Amolith/secluded">Gitea</a><br/></p> Source is available on <a href="https://git.nixnet.services/Amolith/secluded">Gitea</a><br/></p>
<img src="/assets/pngs/glider.png" /> <a href="https://512kb.club"><img alt="Badge for 512 KB Club Green Team status" src="/assets/svgs/green-team.svg" /></a>
</div> </div>