initial version
This commit is contained in:
onomanapeia
parent
a6f119f058
commit
734b14891a
7 changed files with 391 additions and 0 deletions
23
content/_index.md
Normal file
23
content/_index.md
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
+++
|
||||
title = "🍑🌙"
|
||||
description = "a small peach fairy's website"
|
||||
+++
|
||||
## peachmoon.moe
|
||||
|
||||
hallo, I'm mana (aka momo), and welcome to my internet home. I am a smol peach fairy living inside of **your** computer.
|
||||
|
||||
if you'd like to read more [about me](./about) you can do that.
|
||||
|
||||
otherwise, I write my thoughts here in [my blog](./blog).
|
||||
|
||||
if you want to see the stuff I'm really interested in, might I suggest looking into [my hyperfixations](./hyperfixations)?
|
||||
|
||||
or maybe you're more of an [art appreciator](./art)?
|
||||
|
||||
if you want to find me elsewhere, that's also a thing you can do.
|
||||
|
||||
- 🌙 [on fedi](https://snug.moe/@rainbowpink)
|
||||
- 🌙 [retrospring](https://retrospring.net/@rainbowpink)
|
||||
- 🌙 [libre.fm](https://libre.fm/user/lonelynettaigyo)
|
||||
- 🌙 [anilist](https://anilist.co/user/momonohanabira/)
|
||||
- 🌙 discord: smolmomos
|
||||
6
content/blog/_index.md
Normal file
6
content/blog/_index.md
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
+++
|
||||
title = "momolog"
|
||||
sort_by = "date"
|
||||
template = "section.html"
|
||||
page_template = "blog-page.html"
|
||||
+++
|
||||
6
content/blog/first.md
Normal file
6
content/blog/first.md
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
+++
|
||||
title = "My first post"
|
||||
date = 2019-11-27
|
||||
+++
|
||||
|
||||
This is my first blog post.
|
||||
356
static/css/style.css
Normal file
356
static/css/style.css
Normal file
|
|
@ -0,0 +1,356 @@
|
|||
:root,
|
||||
:root.light {
|
||||
--bgColor: #EEEEEE;
|
||||
--fgColor: #41474E;
|
||||
--metaColor: #D26878;
|
||||
--headColor: #;
|
||||
--linkColor: #5690AF;
|
||||
--hovColor: #22453F;
|
||||
--bgSelect: #FFFAE1;
|
||||
--bgUrl: url(https://i.ibb.co/Qpkrw4V/tile-Light.webp) repeat;
|
||||
--red: #D26878;
|
||||
--dimRed: #623039;
|
||||
--orange: #e08f67;
|
||||
--dimOrange: #926048;
|
||||
--yellow: #FFFAE1;
|
||||
--dimYellow: #D5C5A1;
|
||||
--green: #56AFA0;
|
||||
--dimGreen: #22453F;
|
||||
--blue: #5690AF;
|
||||
--dimBlue: #223844;
|
||||
--purple: #9271D6;
|
||||
--dimPurple: #47356C;
|
||||
--grey: #CBCDCD;
|
||||
--dimGrey: #646868
|
||||
}
|
||||
|
||||
:root.dark {
|
||||
--bgColor: #222529;
|
||||
--fgColor: #D6D6D6;
|
||||
--metaColor: #78B6AD;
|
||||
--headColor: #;
|
||||
--linkColor: #DBD5BC;
|
||||
--hovColor: #E2AEA2;
|
||||
--bgSelect: #464949;
|
||||
--bgUrl: url(https://i.ibb.co/LzrFBFJ/tileDark.webp) repeat;
|
||||
--red: #CD909B;
|
||||
--dimRed: #684249;
|
||||
--orange: #E2AEA2;
|
||||
--dimOrange: #704941;
|
||||
--yellow: #DBD5BC;
|
||||
--dimYellow: #6F6847;
|
||||
--green: #78B6AD;
|
||||
--dimGreen: #3E615C;
|
||||
--blue: #87C9E5;
|
||||
--dimBlue: #38494F;
|
||||
--purple: #CEA7DE;
|
||||
--dimPurple: #5E406A;
|
||||
--grey: #CBCDCD;
|
||||
--dimGrey: #464949
|
||||
}
|
||||
|
||||
::-moz-selection {
|
||||
color: var(--bgColor);
|
||||
background: var(--metaColor)
|
||||
}
|
||||
|
||||
::selection {
|
||||
color: var(--bgColor);
|
||||
background: var(--metaColor)
|
||||
}
|
||||
|
||||
html {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
font-size: 62.5%;
|
||||
scrollbar-color: var(--metaColor) var(--bgColor);
|
||||
scrollbar-width: thin;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: monospace;
|
||||
font-size: 1.6rem;
|
||||
line-height: 1.35;
|
||||
max-width: 64rem;
|
||||
margin: auto;
|
||||
overflow-wrap: break-word;
|
||||
background: var(--bgColor);
|
||||
color: var(--fgColor);
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 2.4rem;
|
||||
color: var(--bgColor);
|
||||
background-color: var(--metaColor);
|
||||
text-align: center;
|
||||
text-wrap: balance;
|
||||
}
|
||||
|
||||
h1::before {
|
||||
color: var(--bgColor);
|
||||
content: '♡ '
|
||||
}
|
||||
h1::after {
|
||||
color: var(--bgColor);
|
||||
content: ' ♡ '
|
||||
}
|
||||
|
||||
h2::before,
|
||||
h3::before,
|
||||
h4::before,
|
||||
h5::before,
|
||||
h6::before {
|
||||
color: var(--metaColor);
|
||||
content: '♡ '
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
padding: 0 .2rem 0 .2rem;
|
||||
border-radius: .3rem;
|
||||
color: var(--linkColor);
|
||||
}
|
||||
|
||||
a:focus,
|
||||
a:hover {
|
||||
background-color: var(--linkColor);
|
||||
color: var(--bgColor)
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style: none;
|
||||
margin-top: .5rem;
|
||||
margin-bottom: .5rem;
|
||||
}
|
||||
|
||||
li {
|
||||
margin-bottom: .25rem;
|
||||
}
|
||||
|
||||
ul li::marker {
|
||||
content: '» ';
|
||||
color: var(--metaColor)
|
||||
}
|
||||
|
||||
ul li:hover::marker {
|
||||
content: '♡ ';
|
||||
font-weight: 700;
|
||||
color: var(--linkColor)
|
||||
}
|
||||
|
||||
blockquote {
|
||||
border-left: .5rem solid var(--metaColor);
|
||||
margin: 1rem;
|
||||
padding: 0 0 0 1rem
|
||||
}
|
||||
|
||||
textarea {
|
||||
border: 2px dotted;
|
||||
outline: 0;
|
||||
resize: none;
|
||||
overflow: auto;
|
||||
background-color: var(--bgColor)
|
||||
}
|
||||
|
||||
hr {
|
||||
border: 1px dashed
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 90%;
|
||||
height: auto;
|
||||
margin: .2rem;
|
||||
padding: .2rem;
|
||||
border: dashed .2rem var(--metaColor);
|
||||
border-radius: 15px
|
||||
}
|
||||
|
||||
pre {
|
||||
border: 1px solid var(--metaColor);
|
||||
padding: 1rem;
|
||||
overflow-x: auto;
|
||||
font-style: monospace;
|
||||
white-space: pre-wrap;
|
||||
word-break: break-word;
|
||||
}
|
||||
|
||||
p code,
|
||||
li code,
|
||||
div code {
|
||||
padding: 0 .2rem 0 .2rem;
|
||||
border-radius: .3rem;
|
||||
color: var(--bgColor);
|
||||
background-color: var(--fgColor);
|
||||
}
|
||||
|
||||
pre code {
|
||||
padding: 0;
|
||||
border-radius: 0;
|
||||
color: inherit;
|
||||
background-color: inherit;
|
||||
}
|
||||
|
||||
iframe {
|
||||
max-width: 90%;
|
||||
}
|
||||
|
||||
table {
|
||||
table-layout: fixed;
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
border: none;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-bottom: 1rem;
|
||||
line-height: 1.1
|
||||
}
|
||||
|
||||
thead th:first-child {
|
||||
width: 20%
|
||||
}
|
||||
|
||||
th {
|
||||
font-weight: 400
|
||||
}
|
||||
|
||||
td,
|
||||
th {
|
||||
padding: .5rem;
|
||||
border: dashed .1rem var(--metaColor)
|
||||
}
|
||||
|
||||
footer {
|
||||
font-size: 1.4rem;
|
||||
clear: both;
|
||||
color: var(--footColor)
|
||||
}
|
||||
|
||||
footer,
|
||||
td,
|
||||
th {
|
||||
text-align: left
|
||||
}
|
||||
|
||||
.metaData,
|
||||
.themeButton,
|
||||
hr,
|
||||
textarea {
|
||||
color: var(--metaColor)
|
||||
}
|
||||
|
||||
/* Site Specific Styling */
|
||||
.wrapper {
|
||||
min-height: 100vh;
|
||||
min-height: 100svh;
|
||||
display: grid;
|
||||
grid-template-rows: auto 1fr auto;
|
||||
gap: 2rem;
|
||||
|
||||
}
|
||||
|
||||
/* Icons settings */
|
||||
.icons {
|
||||
width: 2.0rem;
|
||||
height: 2.0rem;
|
||||
aspect-ratio: 1/1;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
color: var(--fgColor);
|
||||
fill: var(--fgColor);
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.icons__background:hover {
|
||||
background-color: transparent;
|
||||
color: var(--metaColor);
|
||||
}
|
||||
|
||||
.navBar {
|
||||
padding: 1rem 0 0 0;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
gap: .4rem;
|
||||
flex-wrap: wrap;
|
||||
justify-content: flex-end;
|
||||
align-items: center;
|
||||
align-content: flex-end
|
||||
}
|
||||
|
||||
.themeButton {
|
||||
cursor: pointer;
|
||||
border: none;
|
||||
font-size: 1.8rem;
|
||||
background-color: transparent
|
||||
}
|
||||
|
||||
.dark .themeButton.dark,
|
||||
.themeButton.light {
|
||||
display: none
|
||||
}
|
||||
|
||||
.dark .themeButton.light {
|
||||
display: block
|
||||
}
|
||||
|
||||
.tagsData {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-wrap: wrap;
|
||||
justify-content: flex-end;
|
||||
align-items: flex-start;
|
||||
align-content: flex-end
|
||||
}
|
||||
|
||||
.titleList li {
|
||||
margin-bottom: .75rem;
|
||||
}
|
||||
|
||||
.footnote-definition {
|
||||
margin: 0 0 0 2rem;
|
||||
}
|
||||
|
||||
.footnote-definition-label {
|
||||
color: var(--metaColor);
|
||||
}
|
||||
|
||||
.footnote-definition p {
|
||||
display: inline;
|
||||
padding: 0 0 0 1rem;
|
||||
}
|
||||
|
||||
.footContainer {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.noStyle {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: none;
|
||||
border-radius: 0
|
||||
}
|
||||
|
||||
.textCenter {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.floatRight {
|
||||
float: right
|
||||
}
|
||||
|
||||
.floatLeft {
|
||||
float: left
|
||||
}
|
||||
|
||||
.webring {
|
||||
margin: 0.5rem;
|
||||
}
|
||||
|
||||
/* Add Padding */
|
||||
@media (max-width: 650px) {
|
||||
.wrapper {
|
||||
margin: 1rem;
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Reference in a new issue