diff --git a/img/backt.png b/img/backt.png new file mode 100644 index 0000000..0b2b0a1 Binary files /dev/null and b/img/backt.png differ diff --git a/img/cheatsheet-big.png b/img/cheatsheet-big.png new file mode 100644 index 0000000..57a0c44 Binary files /dev/null and b/img/cheatsheet-big.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/img/werks.png b/img/werks.png new file mode 100644 index 0000000..45a251f Binary files /dev/null and b/img/werks.png differ diff --git a/index.html b/index.html index 698c6be..33ac270 100644 --- a/index.html +++ b/index.html @@ -11,13 +11,25 @@

Homepage

Welcome to my Comfy Town

-

Cool stuff about me

+
-

Links to find me
-About Me
-Site Source Code

+

About Me
+Site Source Code


+

Bash is weird sometimes

+
+July 22, 2018
+My terminal experience is gettin really weird...
+More deets coming after this post about that
+ +
+

QuteBrowser is /comfy/

+
+July 2, 2018
+Operating at peak comfy levels captain!
+ +

First Foray into big Projects

June 25, 2018
diff --git a/index.md b/index.md index 3d04d6b..1b7033d 100644 --- a/index.md +++ b/index.md @@ -2,13 +2,20 @@ # Welcome to my Comfy Town -## Cool stuff about me - -> **[Links to find me](./page/links.html)** \ +### **[Links to find me](./page/links.html)** > **[About Me](./page/about.html)** \ -> **[Site Source Code](https://gitlab.com/AlejandroS/shockrah-city)** +> **[Site Source Code](https://gitlab.com/shockrahwow/shockrah-city)** ------- +------- + +### **[Bash is weird sometimes](./post/bash-1.html)** +> _July 22, 2018_ \ +> My terminal experience is gettin really weird... \ +> More deets coming after this post about that \ + +### **[QuteBrowser is /comfy/](./post/qute.html)** +> _July 2, 2018_ \ +> Operating at peak comfy levels captain! \ ### **[First Foray into big Projects](./post/qca1.html)** > _June 25, 2018_ \ diff --git a/make.sh b/make.sh index 92a995e..3877aec 100755 --- a/make.sh +++ b/make.sh @@ -22,13 +22,6 @@ page() { fi } -# TODO: update the func so that it injects a description into the markdown file and then compiles -# Using this function to update the index -function updateindex() { - arg1 = $1 - arg2 = $2 -} - # literally just updates the index file nothing else index() { pandoc index.md --css style.css -s -o index.html # typing succs diff --git a/markdown/pages/about.md b/markdown/pages/about.md index 9e364c3..7b99320 100644 --- a/markdown/pages/about.md +++ b/markdown/pages/about.md @@ -18,6 +18,6 @@ As long as I don't take on a project in a really dumb way I usually finish it up ## Things I enjoy -Not being dead or a fern are probably my top two things I enjoy right ahead of not being a wooly sock in siberia as a third. - +Not being a literal fern or wooly sock in siberia are pretty nice, typically I just mess about with different things, everything from """""_expert_""""" diy to tinkering with software. +Making things is always fun time; until it becomes headache, then I just go off and do something else. diff --git a/markdown/post/bash-1.md b/markdown/post/bash-1.md new file mode 100644 index 0000000..4ae64b8 --- /dev/null +++ b/markdown/post/bash-1.md @@ -0,0 +1,37 @@ +[![Homepage](../img/banner.png)](../index.html) + + +# Bash is weird sometimes + +Bash is actually pretty nice but is... weird sometimes. \ +Take this for instance: `alias v='vim'` +This is an actual bind I use daily however if you don't have tab-completion setup for vim you know that tab-completion usually results in: + +> vim myFi\ \ +> cd: too many arguments\ +> bash: cd: too many arguments + +As fun as that is to deal with(_it's not_) apparantly that bind I mentioned earlier fixes this issue completely. \ +I'm not really sure why that works, but I'm just glad it does. +If you've ever needed a way of allowing for tab-completion with vim now you have one. \ +Just use that alias in your bashrc and you're good to go. + + +## Rambled guess time + +My guess on how the alias is that bash doesn't try to figure out that you want to use `vim` since you've only typed a single `v` in this case; therefore tab-completion would go unnoticed?\ +Say you had a directory with files: + +> first \ +> second \ +> third + +That would mean if your shell contained `asdf`. You could go to the first character start typing any one of those file names and have bash guess the filename to autocomplete, since it only look backwards for completion. + +### Where be the posts + +Lately I've been working on a translator for html. Similar to how pandoc turns markdown into valid html which lead me onto another issue that I've also taken on since I've not much to do. \ +Specifically it's looking into _GCC_'s seemingly random behavior with switch cases. +Essentially _GCC_ will sometimes create a decision tree for a slightly faster search time through the cases, sometimes create the equivalent of linearly executable code(_like a bunch of if/else's_), and if given the opportunity "_guess_" the correct case on the first check... +For that reason I've started diving into it to try and determine what the fug is going with this compiler and what flags, if any can be used to create some more predictable output. +Hopefully the research crops up something interesting to think but who knows 🤷. 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/markdown/post/qute.md b/markdown/post/qute.md new file mode 100644 index 0000000..c0995af --- /dev/null +++ b/markdown/post/qute.md @@ -0,0 +1,79 @@ +[![Homepage](../img/banner.png)](../index.html) + +# A Taste of QuteBrowser + +I finally sat down and started fully using [Qutebrowser](https://www.qutebrowser.org/) and to be honest, it's great. +I had tried using it before but I never bothered to learn how to to use it nor did I try to rice it to be liking. +However there are two things which came be a pleasant surprise about the browser: + +1. No ricing past basic setup involved for comfortable use +2. There were way more /comfy/ reasons to like this over other browsers + +I'm was Chromium user for a while since the adblocking and extension support was ultra convinient for me to take advantage of, and it let's me sync things together across devices, _somthing about being a good goy here_. +Say what you want about syncing across devices and """_the cloud_""" but its pretty comfy since everything is setup essentially where-ever you go. +In other words Chrome and the like get the good ole' stamp of _werks for me_. + +![](../img/werks.png) + +## Out of the box experience + +Personally the only thing I did was change the default starting page for new windows and new tabs. +Which of course is my own personal /comfy/ [start-page](https://gitlab.com/AlejandroS/start-page-tab). +After that, there was basically no more setup since most/all of the keybindings are sensible enough to warrant not changing them, _imo_. +The only functionality I couldn't figure out at first was escaping out of drop-down menus and/or text-boxes. +I did however come up with this: + +``` +"e":"fake-key " +``` +Just enter the command `:set` to get to your config page, make the changes you want, like adding the above in your aliases section, then run the command `config-write-py`. +If you have to save over an old config file just use `config-write-py --force`. +However, even without this the browser is still massively usable and convenient, it's just that you're able to rice the _fug_ out of this but I personally didn't that route. + +Mouse control is just like any other browser I've ever used so there's that too. +Text boxes are usually auto-detected by the browser so that you are put into `insert mode` just like in vim. + +Some nice things that I use constantly are the commands below, which don't require command mode: +* yy - copies page url to clipboard +* wp - opens new window with clipboard contents as url-argument +* r - sick refresh +* D - deletes tab + +## Main Gripes + +Keep in mind that all of these complaints, _except the last one_ can be mitigated by changing a setting once in your config and forgetting about it forever. +Also if you use qutebrowser on multiple machines consider copying that config file over to usb and using that to set yourself up wherever you are. +> 'J' move right and 'K' move right along the tab list + +If you look at it as a horizontal list then yes it doesn't make sense. Instead think of the tabs as vertically aligned and the rest should follow suit. + +``` +--------- +first +--------- +second +--------- +third +--------- +``` +Rebinding or just getting used to it are the "_fixes_" for this since it is such a minor coplaint about the out-of-the-box experience. + +> ***Adveritements Everywhere*** + +The built-in adblocker is just a host list which means it won't exactly do ~~much~~ anything on most websites. +Plugin support is coming soon but for now adblocking is basically non-existant if you browser _any_ modern websites. +Hopefully we get a proper ad-blocker in the future that can keep things a bit cleaner like _Adblocker+_ or better yet _Ublock Origin_. + +## Bindings and Defualts mostly + +There are plenty of binds but if you just read the docs then you should be fine. + +[Link to official binding cheat sheet](https://raw.githubusercontent.com/qutebrowser/qutebrowser/master/doc/img/cheatsheet-big.png) + +Just like any program with tons of keyboard shortcuts, it's better to learn whatever you need and progressively learn more commands as you need them. + +## Is it worth it tho? + +Ya. It's a good browser, it's solid and besides a few minor hiccups it's very close to BTFO every other browser out there. +If you don't like using keyboard shortcuts, and prefer to use the mouse however, stick to using what you are most comfortable with. +In general if you are comfortable with shortcuts and want to support a free privacy-respecting(_as far as I know_) browser; also you can rice it :^). diff --git a/page/bstyle.css b/page/bstyle.css index be94bda..06e2c15 100644 --- a/page/bstyle.css +++ b/page/bstyle.css @@ -5,34 +5,44 @@ html { -ms-text-size-adjust: 100%; } +@font-face { + font-family: 'Fixedsys'; + src: url(../fonts/FSEX300.ttf); +} +@font-face { + font-family: 'Freemono'; + src: url(../fonts/FreeMono.otf); +} body { color: #444; - font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif; + font-family: Fixedsys; font-size: 12px; line-height: 1.7; 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; } @@ -59,6 +69,7 @@ a::selection { p { margin: 1em 0; + color: #969696; } img { @@ -66,7 +77,7 @@ img { } h1, h2, h3, h4, h5, h6 { - color: #111; + color: #e1e1e1; line-height: 125%; margin-top: 2em; font-weight: normal; @@ -77,6 +88,7 @@ h4, h5, h6 { } h1 { + font-family: "Fixedsys"; font-size: 2.5em; } @@ -101,10 +113,10 @@ h6 { } blockquote { - color: #666666; + color: #d8d8d8; margin: 0; padding-left: 3em; - border-left: 0.5em red solid; + border-left: 0.5em #008fae solid; } hr { @@ -118,11 +130,11 @@ hr { } pre, code, kbd, samp { - background-color: lightblue; + background-color: #000; border-radius: 8px; padding: 8px; - color: #000; - font-family: monospace, monospace; + color: #00cc03; + font-family: Freemono, monospace, monospace; _font-family: 'courier new', monospace; font-size: 0.98em; } @@ -172,6 +184,7 @@ sub { ul, ol { margin: 1em 0; padding: 0 0 0 2em; + color: #858585; } li p:last-child { diff --git a/post/bash-1.html b/post/bash-1.html new file mode 100644 index 0000000..c9fd2f5 --- /dev/null +++ b/post/bash-1.html @@ -0,0 +1,37 @@ + + + + + + + + + + + +

Homepage

+

Bash is weird sometimes

+

Bash is actually pretty nice but is... weird sometimes.
+Take this for instance: alias v='vim' This is an actual bind I use daily however if you don't have tab-completion setup for vim you know that tab-completion usually results in:

+
+

vim myFi<tab>
+cd: too many arguments
+bash: cd: too many arguments

+
+

As fun as that is to deal with(it's not) apparantly that bind I mentioned earlier fixes this issue completely.
+I'm not really sure why that works, but I'm just glad it does. If you've ever needed a way of allowing for tab-completion with vim now you have one.
+Just use that alias in your bashrc and you're good to go.

+

Rambled guess time

+

My guess on how the alias is that bash doesn't try to figure out that you want to use vim since you've only typed a single v in this case; therefore tab-completion would go unnoticed?
+Say you had a directory with files:

+
+

first
+second
+third

+
+

That would mean if your shell contained asdf. You could go to the first character start typing any one of those file names and have bash guess the filename to autocomplete, since it only look backwards for completion.

+

Where be the posts

+

Lately I've been working on a translator for html. Similar to how pandoc turns markdown into valid html which lead me onto another issue that I've also taken on since I've not much to do.
+Specifically it's looking into GCC's seemingly random behavior with switch cases. Essentially GCC will sometimes create a decision tree for a slightly faster search time through the cases, sometimes create the equivalent of linearly executable code(like a bunch of if/else's), and if given the opportunity "guess" the correct case on the first check... For that reason I've started diving into it to try and determine what the fug is going with this compiler and what flags, if any can be used to create some more predictable output. Hopefully the research crops up something interesting to think but who knows 🤷.

+ + diff --git a/post/bstyle.css b/post/bstyle.css index a2da9be..06e2c15 100644 --- a/post/bstyle.css +++ b/post/bstyle.css @@ -4,38 +4,45 @@ html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } + +@font-face { + font-family: 'Fixedsys'; + src: url(../fonts/FSEX300.ttf); +} @font-face { font-family: 'Freemono'; src: url(../fonts/FreeMono.otf); } body { color: #444; - font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif; + font-family: Fixedsys; font-size: 12px; line-height: 1.7; 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; } @@ -62,6 +69,7 @@ a::selection { p { margin: 1em 0; + color: #969696; } img { @@ -69,7 +77,7 @@ img { } h1, h2, h3, h4, h5, h6 { - color: #111; + color: #e1e1e1; line-height: 125%; margin-top: 2em; font-weight: normal; @@ -80,6 +88,7 @@ h4, h5, h6 { } h1 { + font-family: "Fixedsys"; font-size: 2.5em; } @@ -104,10 +113,10 @@ h6 { } blockquote { - color: #666666; + color: #d8d8d8; margin: 0; padding-left: 3em; - border-left: 0.5em red solid; + border-left: 0.5em #008fae solid; } hr { @@ -121,10 +130,10 @@ hr { } pre, code, kbd, samp { - background-color: lightblue; + background-color: #000; border-radius: 8px; padding: 8px; - color: #000; + color: #00cc03; font-family: Freemono, monospace, monospace; _font-family: 'courier new', monospace; font-size: 0.98em; @@ -175,6 +184,7 @@ sub { ul, ol { margin: 1em 0; padding: 0 0 0 2em; + color: #858585; } li p:last-child { diff --git a/post/qute.html b/post/qute.html new file mode 100644 index 0000000..9c1f50c --- /dev/null +++ b/post/qute.html @@ -0,0 +1,52 @@ + + + + + + + + + + + +

Homepage

+

A Taste of QuteBrowser

+

I finally sat down and started fully using Qutebrowser and to be honest, it's great. I had tried using it before but I never bothered to learn how to to use it nor did I try to rice it to be liking. However there are two things which came be a pleasant surprise about the browser:

+
    +
  1. No ricing past basic setup involved for comfortable use
  2. +
  3. There were way more /comfy/ reasons to like this over other browsers
  4. +
+

I'm was Chromium user for a while since the adblocking and extension support was ultra convinient for me to take advantage of, and it let's me sync things together across devices, somthing about being a good goy here. Say what you want about syncing across devices and """the cloud""" but its pretty comfy since everything is setup essentially where-ever you go. In other words Chrome and the like get the good ole' stamp of werks for me.

+
+ + +
+

Out of the box experience

+

Personally the only thing I did was change the default starting page for new windows and new tabs. Which of course is my own personal /comfy/ start-page. After that, there was basically no more setup since most/all of the keybindings are sensible enough to warrant not changing them, imo. The only functionality I couldn't figure out at first was escaping out of drop-down menus and/or text-boxes. I did however come up with this:

+
"e":"fake-key <escape>"
+

Just enter the command :set to get to your config page, make the changes you want, like adding the above in your aliases section, then run the command config-write-py. If you have to save over an old config file just use config-write-py --force. However, even without this the browser is still massively usable and convenient, it's just that you're able to rice the fug out of this but I personally didn't that route.

+

Mouse control is just like any other browser I've ever used so there's that too. Text boxes are usually auto-detected by the browser so that you are put into insert mode just like in vim.

+

Some nice things that I use constantly are the commands below, which don't require command mode: * yy - copies page url to clipboard * wp - opens new window with clipboard contents as url-argument * r - sick refresh * D - deletes tab

+

Main Gripes

+

Keep in mind that all of these complaints, except the last one can be mitigated by changing a setting once in your config and forgetting about it forever. Also if you use qutebrowser on multiple machines consider copying that config file over to usb and using that to set yourself up wherever you are. > 'J' move right and 'K' move right along the tab list

+

If you look at it as a horizontal list then yes it doesn't make sense. Instead think of the tabs as vertically aligned and the rest should follow suit.

+
---------
+first
+---------
+second
+---------
+third
+---------
+

Rebinding or just getting used to it are the "fixes" for this since it is such a minor coplaint about the out-of-the-box experience.

+
+

Adveritements Everywhere

+
+

The built-in adblocker is just a host list which means it won't exactly do much anything on most websites. Plugin support is coming soon but for now adblocking is basically non-existant if you browser any modern websites. Hopefully we get a proper ad-blocker in the future that can keep things a bit cleaner like Adblocker+ or better yet Ublock Origin.

+

Bindings and Defualts mostly

+

There are plenty of binds but if you just read the docs then you should be fine.

+

Link to official binding cheat sheet

+

Just like any program with tons of keyboard shortcuts, it's better to learn whatever you need and progressively learn more commands as you need them.

+

Is it worth it tho?

+

Ya. It's a good browser, it's solid and besides a few minor hiccups it's very close to BTFO every other browser out there. If you don't like using keyboard shortcuts, and prefer to use the mouse however, stick to using what you are most comfortable with. In general if you are comfortable with shortcuts and want to support a free privacy-respecting(as far as I know) browser; also you can rice it :^).

+ + diff --git a/style.css b/style.css index 8264dd0..342f008 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; @@ -181,6 +183,7 @@ sub { ul, ol { margin: 1em 0; padding: 0 0 0 2em; + color: #a3a3a3; } li p:last-child {