Initial commit: Added current work!

This commit is contained in:
Yuki Joou 2023-05-29 23:37:18 +02:00
commit 9f2b644419
13 changed files with 428 additions and 0 deletions

2
.gitignore vendored Normal file
View file

@ -0,0 +1,2 @@
.hugo_build.lock
public/

13
.prettierrc Normal file
View file

@ -0,0 +1,13 @@
{
"tabWidth": 4,
"useTabs": true,
"proseWrap": "always",
"overrides": [
{
"files": ["*.html"],
"options": {
"parser": "go-template"
}
}
]
}

74
README.md Normal file
View file

@ -0,0 +1,74 @@
# the kemonomimi blog
This is the source for the kemonomimi blog. This repo contains both the Hugo
site, and the contents on the site.
## Local setup
You'll need to install [gohugo](https://gohugo.io) from your distro's repos.
Once you have that, start a test server with
```console
$ hugo serve --bind 0.0.0.0 -D
```
To build the website, just run
```console
$ hugo
```
and you'll find the output in `public/`
## Adding content
To create a blog post run:
```console
$ hugo new blog-name/post-name.md
```
Then, edit `content/blog-name/post-name.md` in your favourite editor!
## Creating a new blog
Create a folder for the blog
```console
$ mkdir content/blog-name
```
Create an index for the blog
```console
$ cat > content/blog-name/_index.md << EOF
---
title: "Your blog's name"
authors: [ "name here" ]
---
This is a blog introduction.
EOF
```
The home page currently doesn't auto-populate blogs, so you'll have to edit
`content/_index.md` to add your name to the index, and
`layouts/_default/baseof.html` to add a link in the common header bar
You can now add blog posts and they'll automatically populate your blog's page.
## Editing the template(s)
All the files related to the template are found in `layouts/_default`.
* `layouts/_default/baseof.html` is the common base used for all pages
* `layouts/_default/list.html` is the layout used for the blogs' home pages,
that contain the blog post list
* `layouts/_default/single.html` is the layout used for blog posts
There is also `layouts/index.html` that controls the layout of the home page
All those templates are filled with content from the `content/` folder!
The common CSS file can be found at `static/style.css`

7
archetypes/default.md Normal file
View file

@ -0,0 +1,7 @@
---
title: "{{ replace .Name "-" " " | title }}"
authors: []
date: {{ .Date }}
draft: true
---

3
config.toml Normal file
View file

@ -0,0 +1,3 @@
baseURL = 'https://blog.kemonomimi.gay/'
languageCode = 'en-us'
title = 'blog.kemonomimi.gay'

29
content/_index.md Normal file
View file

@ -0,0 +1,29 @@
---
title: "Home"
url: /posts/abc.html
---
Welcome to our silly little blog! We make posts about some of our special
interests, and other things we like!
We're still working on making this place work, so please don't mind the few
issues you'll encounter, and enjoy the content :D!
We're working on bringing more features, like RSS support, so that you can
follow us from your favourite news reader!
Stay tuned for more, and in the meantime, don't forget to bookmark our site :)
# The people here
- [Yuki](./yukijoou/) \(she/her\) is a French foreign languages student who
likes computers and tech, as well as natural languages, linguistics, and
philosophy.
She blogs about those topics, and likes to go on rants about society and
thought experiments. *Reader discretion is advised, as some content may be
related to terrible real world events, and treat of touchy subjects \(all
content is appropriately CW'ed\).*
# Sources
The content and the blog setup \(based on [Hugo](https://gohugo.io/)\) is
available at [kemonomimi/blog](https://git.kemonomimi.gay/kemonomimi/blog).
Feel free to take a look and steal some of it for your own blog `^_^`

View file

@ -0,0 +1,49 @@
---
title: "Yuki's blog"
authors: [ "Yuki" ]
---
Hello, I'm Yuki! Welcome to my blog \:\)
I'm an autistic trans girl and like to go on tirades about subjects that I'm
passionate about. This blog is an outlet for me to share things about topics I
like!
# What this blog is about
*I'm still working on writing content, so this place is still kind of empty, but
I hope you still enjoy the little things I've made* `^_^`
My two main special interests are computers and languages. I study foreign
languages at a university level, and spend most of my free time on my computer.
I'm by no means what one would call "qualified" to talk about either of these
topics, but due to the long time I've spent in communities related to those,
and the time I've spent making things with computers or learning languages,
I've gained a large amount of possibly incorrect knowledge that I'll be sharing,
much to the dismay of the experts in the rooms
*On that note, if you wish to correct anything I may have gotten wrong, feel
free to get in touch with the links below* `^_^`
On top of what I've mentioned, I've been getting a growing interest for
philosophy and thinking about the world. As such, I will likely start blogging
about that at some point.
As those topics may be sensitive for some, due to being closely related to the
current state of the world, I will set up a content warning system, so that you
don't have to read things that make you sad.
Overall, I want this place to be enjoyable for all, and in case you have any
issue with the content on here, feel free to let me know by contacting me
through my website!
# Other online content
As you may already know I mostly run the website
[kemonomimi.gay](https://kemonomimi.gay) -- I'm the so-called "Webmistress".
As such, you can find my website at
[yukijoou.kemonomimi.gay](https://yukijoou.kemonomimi.gay)! There, you can find
up-to-date links to my other social media and means of contacting me.
---
I hope you enjoy the content here, and that you find some of it interesting! On
that note, I shall go write some articles now \:D

View file

@ -0,0 +1,38 @@
---
title: "Welcome to my blog"
authors: [ "Yuki" ]
description: "Why would you even have a blog in 2023!?"
date: 2023-05-29T22:00:00+02:00
---
I've been feeling like writing things for a long time, so I guess it's finally
time I start a blog! For the past few days, me \& my friends have been setting
up this website thing at [kemonomimi.gay](https://kemonomimi.gay), and I thought
this would be a good time to start a blog service too!
And after like two days of setting up [Hugo](https://gohugo.io/), I'm finally
done, and this silly idea can be released to the world!
There is still much work to be done, and features to add \(I really want RSS
support!\), but I consider it good enough to be released to the world.
Of course, I don't expect to hit a thousand readers or anything like that -- I
honestly couldn't care less about the number of people seeing this -- but I
think it's at the very least a fun experiment!
I'm honestly really looking forward to writing more things, and having a place
to point people to to explain my opinion on things, or to help them understand
some topics. And who knows, maybe I'll become a *fediverse sensation* like
[maia arson crimew](https://crimew.gay/maia) some day..!
I honestly don't have much more to say for this first article -- to be honest,
it's more of a test for the blog system than anything. But this will stay up
for history's sake, as the first post on the blog. As a wise man once said[^1],
> [...] one day, we'll look back at where we started, and be amazed by how far
> we've come.
Anyways, I hope to write again soon about more interesting topics!
[^1]: Technoblade,
[the hypixel skyblock experience](https://youtu.be/pPmo21gkETU), 2019-06-15

View file

@ -0,0 +1,36 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>
{{ block "title" . }}
{{ .Site.Title }}
{{ end }}
</title>
{{ $css := "style.css" | relURL }}
<link rel="stylesheet" href="{{ $css }}" />
{{ block "header" . }}
{{ end }}
</head>
<body>
<header>
<h1>the kemonomimi blog</h1>
<p class="subtitle">
nya~! we are gay and proud of it!
</p>
<ul id="menubar">
<li><a href="/">Home</a></li>
<li><a href="/yukijoou">Yuki's blog</a></li>
</ul>
</header>
<main>
{{ block "main" . }}
{{ end }}
</main>
<footer>
<p>&copy; Copyright 2023 - the gay people in your computer</p>
</footer>
</body>
</html>

View file

@ -0,0 +1,35 @@
{{ define "main" }}
<article>
<h1>{{ .Title }}</h1>
<div id="content">
{{ .Content }}
</div>
<p class="authors">
{{ range $.Param "authors" }}
{{ . }}
{{ end }}
</p>
</article>
<hr />
<h2>Posts</h2>
<ul>
{{ range .Pages }}
<li>
<p>
<a href="{{ .RelPermalink }}">{{ .Title }}</a>
{{ $dateTime := .PublishDate.Format "2006-01-02" }}
&mdash;
<time datetime="{{ $dateTime }}">
{{ $dateTime }}
</time>
<br />
{{ .Description }}
</p>
</li>
{{ end }}
</ul>
{{ end }}

View file

@ -0,0 +1,28 @@
{{ define "main" }}
<article>
<h1>
{{ .Title }}
</h1>
<p class="subtitle">
{{ .Description }}
</p>
<p class="publication-time">
{{ $dateTime := .PublishDate.Format "2006-01-02" }}
<time datetime="{{ $dateTime }}">
{{ $dateTime }}
</time>
</p>
<div id="content">
{{ .Content }}
</div>
<p class="authors">
{{ range $.Param "authors" }}
{{ . }}
{{ end }}
</p>
</article>
{{ end }}

8
layouts/index.html Normal file
View file

@ -0,0 +1,8 @@
{{ define "main" }}
<article>
<h1>{{ .Title }}</h1>
<div>
{{ .Content }}
</div>
</article>
{{ end }}

106
static/style.css Normal file
View file

@ -0,0 +1,106 @@
* {
--background-color: #222222;
--foreground-color: #eaeaea;
--header-background-color: #444455;
--content-background-color: #554455;
--link-color: #aaaaff;
--blockquote-bar: #cccccc;
}
body {
display: flex;
flex-direction: column;
align-items: center;
background-color: var(--background-color);
color: var(--foreground-color);
}
header {
max-width: 30rem;
padding: 2rem;
margin-bottom: 2rem;
text-align: center;
border-radius: 5px;
background-color: var(--header-background-color);
}
header h1 {
font-weight: normal;
text-decoration: solid underline;
}
header p.subtitle {
text-align: center;
margin-bottom: 0;
}
main {
border-radius: 5px;
max-width: 50rem;
padding: 2rem;
background-color: var(--content-background-color);
}
main > article > h1 {
text-align: center;
font-size: 24pt;
margin-top: 0;
}
p {
text-align: justify;
}
p.subtitle {
margin-top: 0;
margin-bottom: 32px;
font-style: italic;
}
p.authors {
text-align: right;
}
p.authors::before {
content: "—";
}
a {
color: var(--link-color);
}
ul#menubar {
width: 100%;
margin: 0;
padding: 0;
margin-top: 1rem;
display: flex;
justify-content: space-evenly;
flex-wrap: wrap;
}
ul#menubar li {
list-style: none;
}
blockquote {
border-left: 3px solid var(--blockquote-bar);
padding-left: 1rem;
margin-left: 1.5rem;
}
blockquote p::before {
content: "\201C";
}
blockquote p::after {
content: "\201D";
}
p.publication-time {
text-align: right;
}