diff --git a/img/backt.png b/img/backt.png new file mode 100644 index 0000000..aa706f5 Binary files /dev/null and b/img/backt.png differ diff --git a/img/goyo.png b/img/goyo.png new file mode 100644 index 0000000..1c14aba Binary files /dev/null and b/img/goyo.png differ diff --git a/markdown/post/neatgit.md b/markdown/post/neatgit.md new file mode 100644 index 0000000..acd71cb --- /dev/null +++ b/markdown/post/neatgit.md @@ -0,0 +1,15 @@ +# [title] + +It's no fun looking for a good note-taking program for school since so many of them seem to just kinda succ. +The good thing however is that you don't really need a good note taking program like you need a good text editor. +In case you haven't yet considered it, I'll show you how you can make _your favorite text editor_ the comfiest note taker out there. +Of course I want to also show you how to get your stuff synced between multiple devices, because that's also super useful. + +## Editing, Syncing, File Formats Galore + +In my case [vim](https://www.vim.org/) is my go-to editor that I use for basically everything. +This is partly due to the fact that I am just efficient using it and partly that I have some plugins which make it super nice for basically every type of text editing that I could ever want or need. + +There's all sorts of plugins for vim that you can find out in the ether. +Utilities like spell-checkers, auto-complete, and in the case of this post, _Goyo_, a special plugin to make vim more distraction free to focus on your work. + diff --git a/style.css b/style.css index 8264dd0..b77d236 100644 --- a/style.css +++ b/style.css @@ -21,26 +21,28 @@ body { padding: 1em; margin: auto; max-width: 42em; - background: lightgrey; + background-image: url("./img/backt.png"); + background-repeat: repeat; } +/* Link stuff */ a { - color: black; + color: #06e; text-decoration: none; } - +/* visited link */ a:visited { - color: #0b0080; + color: #0047a6; } - +/* hovering link */ a:hover { - color: #06e; + color: #3284f1; } - +/* clicked on */ a:active { - color: #faa700; + color: #e5effd; } - +/* only if a link was dragged but not went through or smthng */ a:focus { outline: thin dotted; } @@ -74,7 +76,7 @@ img { } h1, h2, h3, h4, h5, h6 { - color: #111; + color: #e1e1e1; line-height: 125%; margin-top: 2em; font-weight: normal; @@ -110,7 +112,7 @@ h6 { } blockquote { - color: #666666; + color: #d8d8d8; margin: 0; padding-left: 3em; border-left: 0.5em red solid;