ae/nostyleplease
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

make some slight change to keep things simple

Browse Source
This commit is contained in:
Hanwen Guo 2024-09-30 23:51:58 -06:00
parent f4dee58841
commit 8e05d0fd7d
3 changed files with 14 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
README.md
View File

@ -7,7 +7,7 @@
## Features
* Fast (**under 3kb of CSS!**)
* Light, dark, clean, retro color schemes and auto mode adapting to the browser/system
* Light, dark and auto modes
* Responsive
* Content first (typography optimized for maximum readability)
* RSS feed (using Hugo's embedded RSS template)

17
assets/css/main.scss
View File

@ -11,8 +11,13 @@
&:hover { text-decoration: underline; }
}
details {
border: thin solid $--primary-text-color;
padding: 1rem;
}
details summary {
color: $--link-color;
color: $--primary-text-color;
text-decoration: none;
}
@ -31,7 +36,7 @@
}
.toc {
border: thin solid $--link-color;
border: thin solid $--primary-text-color;
padding: 1rem;
}
@ -47,14 +52,6 @@
@include theme(#ffffff, #212121, #666666, #1e70bf, #921292, #FFFF00);
}
@mixin clean-appearance {
@include theme(#fbfbfb, #212121, #dfedff, #0066ff, #0066ff, #C3D3FF);
}
@mixin retro-appearance {
@include theme(#000a1a, #c4ffc6, #161616, #c0ff00, #c0ff00, #007A35);
}
body[a="dark"] { @include dark-appearance; }
body[a="light"] { @include light-appearance; }
body[a="clean"] { @include clean-appearance; }

15
content/posts/test-toc-and-details.md
View File

@ -6,13 +6,12 @@ toc = true
tocBorder = true
+++
## Table of Content
### What it is?
TOC is the box you see at the very top of this post. It may be framed (or not).
### How to enable TOC?
To enable it, all you need to do when creating a new post at the very top is to insert the code:
```markdown
```toml
toc = true
tocBorder = true
```
@ -22,7 +21,6 @@ You can of course find this post (../themes/nostyleplease/content/posts/test-toc
### What it is?
It's HTML standard sadly not supported native by markdown. But this theme support it anyway. So... sometimes you want to hide something.
{{< details summary="Click me" >}}
### You can hide something here
A lot of text or something else.
{{< /details >}}
### How to use "Details"?
@ -31,10 +29,9 @@ Well you need to inspect this post and see by yourself. It's very easy. Take loo
## Styles
Okey. So if you want to change color-theme you can:
- go to ../themes/nostyleplease/config.toml and find:
```markdown
appearance = "clean"
```
you can change it to 4 predefined styles: **light**, **dark**, **clean** and **retro**. It can be also set to **auto** and the color scheme will match the user's system style.
- you can add new style or modify **auto** option, just edit CSS in ../themes/nostyleplease/assets/main.scss :-). It's easy, if you are able to operate Hugo - you can do it.
[^1]: Some parts are wroten by GPT-4. I'm not a programmer and AI helped me a lot, especially with the parts that using the FTP server.
```toml
appearance = "auto"
```
you can change it to 2 predefined styles: **light** and **dark**. It can be also set to **auto** and the color scheme will match the user's system style.
- you can add new style or modify **auto** option, just edit CSS in ../themes/nostyleplease/assets/main.scss :-). It's easy, if you are able to operate Hugo - you can do it.