shockrah/blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'styling' of https://gitlab.com/shockrahwow/shockrah-city into styling

Browse Source
This commit is contained in:
Medium Fries 2018-09-21 14:26:35 -07:00
commit a35462cd35
16 changed files with 318 additions and 60 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
img/backt.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

BIN
img/cheatsheet-big.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 MiB

BIN
img/goyo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 MiB

BIN
img/werks.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

20
index.html
View File

@ -11,13 +11,25 @@
<body>
<p><a href="./index.html"><img src="./img/banner.png" alt="Homepage" /></a></p>
<h1 id="welcome-to-my-comfy-town">Welcome to my Comfy Town</h1>
<h2 id="cool-stuff-about-me">Cool stuff about me</h2>
<h3 id="links-to-find-me"><strong><a href="./page/links.html">Links to find me</a></strong></h3>
<blockquote>
<p><strong><a href="./page/links.html">Links to find me</a></strong><br />
<strong><a href="./page/about.html">About Me</a></strong><br />
<strong><a href="https://gitlab.com/AlejandroS/shockrah-city">Site Source Code</a></strong></p>
<p><strong><a href="./page/about.html">About Me</a></strong><br />
<strong><a href="https://gitlab.com/shockrahwow/shockrah-city">Site Source Code</a></strong></p>
</blockquote>
<hr />
<h3 id="bash-is-weird-sometimes"><strong><a href="./post/bash-1.html">Bash is weird sometimes</a></strong></h3>
<blockquote>
<em>July 22, 2018</em><br />
My terminal experience is gettin really weird...<br />
More deets coming after this post about that<br />
</blockquote>
<h3 id="qutebrowser-is-comfy"><strong><a href="./post/qute.html">QuteBrowser is /comfy/</a></strong></h3>
<blockquote>
<em>July 2, 2018</em><br />
Operating at peak comfy levels captain!<br />
</blockquote>
<h3 id="first-foray-into-big-projects"><strong><a href="./post/qca1.html">First Foray into big Projects</a></strong></h3>
<blockquote>
<p><em>June 25, 2018</em><br />

17
index.md
View File

@ -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_ \

7
make.sh
View File

@ -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

4
markdown/pages/about.md
View File

@ -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.

37
markdown/post/bash-1.md Normal file
View File

@ -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\<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 🤷.

15
markdown/post/neatgit.md Normal file
View File

@ -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.

79
markdown/post/qute.md Normal file
View File

@ -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 <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](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 :^).

45
page/bstyle.css
View File

@ -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 {

37
post/bash-1.html Normal file
View File

@ -0,0 +1,37 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta name="generator" content="pandoc" />
<title></title>
<style type="text/css">code{white-space: pre;}</style>
<link rel="stylesheet" href="bstyle.css" type="text/css" />
</head>
<body>
<p><a href="../index.html"><img src="../img/banner.png" alt="Homepage" /></a></p>
<h1 id="bash-is-weird-sometimes">Bash is weird sometimes</h1>
<p>Bash is actually pretty nice but is... weird sometimes.<br />
Take this for instance: <code>alias v='vim'</code> 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:</p>
<blockquote>
<p>vim myFi&lt;tab&gt;<br />
cd: too many arguments<br />
bash: cd: too many arguments</p>
</blockquote>
<p>As fun as that is to deal with(<em>it's not</em>) apparantly that bind I mentioned earlier fixes this issue completely.<br />
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.<br />
Just use that alias in your bashrc and you're good to go.</p>
<h2 id="rambled-guess-time">Rambled guess time</h2>
<p>My guess on how the alias is that bash doesn't try to figure out that you want to use <code>vim</code> since you've only typed a single <code>v</code> in this case; therefore tab-completion would go unnoticed?<br />
Say you had a directory with files:</p>
<blockquote>
<p>first<br />
second<br />
third</p>
</blockquote>
<p>That would mean if your shell contained <code>asdf</code>. 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.</p>
<h3 id="where-be-the-posts">Where be the posts</h3>
<p>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.<br />
Specifically it's looking into <em>GCC</em>'s seemingly random behavior with switch cases. Essentially <em>GCC</em> will sometimes create a decision tree for a slightly faster search time through the cases, sometimes create the equivalent of linearly executable code(<em>like a bunch of if/else's</em>), and if given the opportunity &quot;<em>guess</em>&quot; 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 🤷.</p>
</body>
</html>

40
post/bstyle.css
View File

@ -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 {

52
post/qute.html Normal file
View File

@ -0,0 +1,52 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta name="generator" content="pandoc" />
<title></title>
<style type="text/css">code{white-space: pre;}</style>
<link rel="stylesheet" href="bstyle.css" type="text/css" />
</head>
<body>
<p><a href="../index.html"><img src="../img/banner.png" alt="Homepage" /></a></p>
<h1 id="a-taste-of-qutebrowser">A Taste of QuteBrowser</h1>
<p>I finally sat down and started fully using <a href="https://www.qutebrowser.org/">Qutebrowser</a> 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:</p>
<ol style="list-style-type: decimal">
<li>No ricing past basic setup involved for comfortable use</li>
<li>There were way more /comfy/ reasons to like this over other browsers</li>
</ol>
<p>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, <em>somthing about being a good goy here</em>. Say what you want about syncing across devices and &quot;&quot;&quot;<em>the cloud</em>&quot;&quot;&quot; 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 <em>werks for me</em>.</p>
<div class="figure">
<img src="../img/werks.png" />
</div>
<h2 id="out-of-the-box-experience">Out of the box experience</h2>
<p>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/ <a href="https://gitlab.com/AlejandroS/start-page-tab">start-page</a>. After that, there was basically no more setup since most/all of the keybindings are sensible enough to warrant not changing them, <em>imo</em>. 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:</p>
<pre><code>&quot;e&quot;:&quot;fake-key &lt;escape&gt;&quot;</code></pre>
<p>Just enter the command <code>:set</code> to get to your config page, make the changes you want, like adding the above in your aliases section, then run the command <code>config-write-py</code>. If you have to save over an old config file just use <code>config-write-py --force</code>. However, even without this the browser is still massively usable and convenient, it's just that you're able to rice the <em>fug</em> out of this but I personally didn't that route.</p>
<p>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 <code>insert mode</code> just like in vim.</p>
<p>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</p>
<h2 id="main-gripes">Main Gripes</h2>
<p>Keep in mind that all of these complaints, <em>except the last one</em> 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. &gt; 'J' move right and 'K' move right along the tab list</p>
<p>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.</p>
<pre><code>---------
first
---------
second
---------
third
---------</code></pre>
<p>Rebinding or just getting used to it are the &quot;<em>fixes</em>&quot; for this since it is such a minor coplaint about the out-of-the-box experience.</p>
<blockquote>
<p><strong><em>Adveritements Everywhere</em></strong></p>
</blockquote>
<p>The built-in adblocker is just a host list which means it won't exactly do <del>much</del> anything on most websites. Plugin support is coming soon but for now adblocking is basically non-existant if you browser <em>any</em> modern websites. Hopefully we get a proper ad-blocker in the future that can keep things a bit cleaner like <em>Adblocker+</em> or better yet <em>Ublock Origin</em>.</p>
<h2 id="bindings-and-defualts-mostly">Bindings and Defualts mostly</h2>
<p>There are plenty of binds but if you just read the docs then you should be fine.</p>
<p><a href="https://raw.githubusercontent.com/qutebrowser/qutebrowser/master/doc/img/cheatsheet-big.png">Link to official binding cheat sheet</a></p>
<p>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.</p>
<h2 id="is-it-worth-it-tho">Is it worth it tho?</h2>
<p>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(<em>as far as I know</em>) browser; also you can rice it :^).</p>
</body>
</html>

25
style.css
View File

@ -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 {