Amolith
/
secluded
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Compare commits

base: Amolith:47e2aa1cd56d874f32db4afed1d9c57f9d891da7
Branches Tags
Amolith:main
..
compare: Amolith:e1f03842b8b8fa4fe66ddb8005f59ec415e00866
Branches Tags
Amolith:main

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

3 changed files with 134 additions and 148 deletions
Show Stats Expand all files Collapse all files

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

Binary file not shown.

277
themes/secluded/assets/scss/_main.scss
View File

@ -1,174 +1,163 @@
html { html {
scroll-behavior: smooth; scroll-behavior: smooth;
} }
body { body {
font-family: Heliotrope; font-family: Heliotrope;
color: $dark; color: $dark;
background: $light; background: $light;
} }
hr { hr {
margin: 15px 0; margin: 15px 0;
border: 1px solid $dark; border: 1px solid $dark;
} }
code { code {
background: $button-background; background: $button-background;
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;
} }
input { input {
font-family: inherit; font-family: inherit;
text-align: center; text-align: center;
width: 100%; width: 100%;
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;
margin: 0 auto; margin: 0 auto;
font-size: 18px; font-size: 18px;
line-height: 30px; line-height: 30px;
overflow-wrap: break-word; overflow-wrap: break-word;
word-wrap: break-word; word-wrap: break-word;
word-break: break-word; word-break: break-word;
-moz-hyphens: auto; -moz-hyphens: auto;
hyphens: auto; hyphens: auto;
text-align: left; text-align: left;
} }
.content { .content {
h2, h2, p, li, td {
p, a {
li, color: $dark;
td { text-decoration: none;
a { background-image: linear-gradient(120deg,$gradient-right 0%,$gradient-left 100%);
color: $dark; background-repeat: no-repeat;
text-decoration: none; background-size: 0 0;
background-image: linear-gradient( background-position: 100% 21%;
120deg, transition: .15s ease-out;
$gradient-right 0%, &:hover {
$gradient-left 100% background-size: 100% 100%;
); color: $light;
background-repeat: no-repeat; &:after {
background-size: 0 0; color: $gradient-right;
background-position: 100% 21%; }
transition: 0.15s ease-out; }
&:hover { &::after {
background-size: 100% 100%; position: relative;
color: $light; content: "\FEFF°";
&:after { margin-left: 0.10em;
color: $gradient-right; font-size: 90%;
top: -0.10em;
color: $light-highlight;
font-feature-settings: "caps";
font-variant-numeric: normal;
}
} }
} }
&::after { .anchor-tag {
font-size: 70%;
position: relative; position: relative;
content: "\FEFF°"; bottom: 2.6px;
margin-left: 0.1em; background-size: 100% 0;
font-size: 90%; background-position: 0 150%;
top: -0.1em; &::after {
color: $light-highlight; content: "";
font-feature-settings: "caps"; }
font-variant-numeric: normal;
}
} }
} .footnote-ref {
.anchor-tag { background-size: 100% 1.5px;
font-size: 70%; background-position: 0 90%;
position: relative; &::after {
bottom: 2.6px; content: "";
background-size: 100% 0; }
background-position: 0 150%; &:hover {
&::after { background-size: 100% 100%;
content: ""; color: #fff;
}
} }
} .footnote-backref {
.footnote-ref { background-size: 100% 1.5px;
background-size: 100% 1.5px; background-position: 0 90%;
background-position: 0 90%; &::after {
&::after { content: "";
content: ""; }
&:hover {
background-size: 100% 100%;
color: #fff;
}
} }
&:hover { .highlight {
background-size: 100% 100%; code {
color: #fff; padding: 0px !important;
}
pre {
overflow: auto;
border-radius: 5px;
padding: 12px;
background: $button-background !important;
}
a {
background-image: none;
&::after {
content: "";
}
}
} }
}
.footnote-backref {
background-size: 100% 1.5px;
background-position: 0 90%;
&::after {
content: "";
}
&:hover {
background-size: 100% 100%;
color: #fff;
}
}
.highlight {
code {
padding: 0px !important;
}
pre {
overflow: auto;
border-radius: 5px;
padding: 12px;
background: $button-background !important;
}
a {
background-image: none;
&::after {
content: "";
}
}
}
} }
.button { .button {
font-family: inherit; font-family: inherit;
font-style: normal !important; font-style: normal !important;
text-decoration: none !important; text-decoration: none !important;
height: 25px; height: 25px;
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;
display: inline-block; display: inline-block;
color: $dark; color: $dark;
text-shadow: 0 1px 0 #fff; text-shadow: 0 1px 0 #fff;
background-color: #e4e6e8; background-color: #e4e6e8;
border: 1px solid #9fa6ad; border: 1px solid #9fa6ad;
border-radius: 3px; border-radius: 3px;
cursor: pointer; cursor: pointer;
padding: 0px 4px 4px; padding: 0px 4px 4px;
} }
.footer { .footer {
padding: 20px 0 20px 0; padding: 20px 0 20px 0;
text-align: center; text-align: center;
line-height: 30px; line-height: 30px;
a { a:visited {
color: $dark; color: $dark;
} }
a:visited { .ring {
color: $dark; font-size: 20px;
} }
.ring { .boring_stuff {
font-size: 20px; font-style: italic;
} }
.boring_stuff {
font-style: italic;
}
} }

2
themes/secluded/layouts/partials/footer.html
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>