initial commit

master
Amolith 4 years ago
commit 5ad441fcec
Signed by: Amolith
GPG Key ID: 51FD40936DB0065B
  1. 2
      .gitignore
  2. 14
      404.html
  3. 25
      _config.yml
  4. 8
      _data/categories.yml
  5. 10
      _includes/category/title.html
  6. 16
      _includes/externals/disqus.html
  7. 11
      _includes/externals/google_analytics.html
  8. 2
      _includes/externals/scripting.html
  9. 9
      _includes/externals/styling.html
  10. 24
      _includes/header.html
  11. 7
      _includes/meta_tags/base.html
  12. 18
      _includes/meta_tags/sharing.html
  13. 10
      _includes/page/explore.html
  14. 4
      _includes/page/title.html
  15. 7
      _includes/post/about.html
  16. 4
      _includes/post/title.html
  17. 28
      _layouts/category.html
  18. 20
      _layouts/default.html
  19. 8
      _layouts/page.html
  20. 12
      _layouts/post.html
  21. 26
      _posts/2015-09-06-welcome-to-jekyll.markdown
  22. 62
      _posts/2015-09-08-sample-post.markdown
  23. 13
      _posts/2018-07-17-Initial_setup.md
  24. 79
      _posts/2018-08-13-Formatting-tests.md
  25. 18
      _posts/2018-08-15-a-perfect-bootable.md
  26. 19
      _posts/2018-08-17-Losslessy-recording-your-desktop-and-secondary-monitor.md
  27. 13
      _posts/2018-08-17-packages-x86-64.md
  28. 8
      _posts/2018-08-18-Get-a-three-day-weather-forecast-in-your-terminal.md
  29. 321
      _sass/_404.scss
  30. 305
      _sass/_default.scss
  31. 5
      _sass/_mixins.scss
  32. 12
      about.md
  33. 36
      assets/vendor/font-awesome/.bower.json
  34. 33
      assets/vendor/font-awesome/.gitignore
  35. 42
      assets/vendor/font-awesome/.npmignore
  36. 2026
      assets/vendor/font-awesome/css/font-awesome.css
  37. 7
      assets/vendor/font-awesome/css/font-awesome.css.map
  38. 4
      assets/vendor/font-awesome/css/font-awesome.min.css
  39. BIN
      assets/vendor/font-awesome/fonts/FontAwesome.otf
  40. BIN
      assets/vendor/font-awesome/fonts/fontawesome-webfont.eot
  41. 640
      assets/vendor/font-awesome/fonts/fontawesome-webfont.svg
  42. BIN
      assets/vendor/font-awesome/fonts/fontawesome-webfont.ttf
  43. BIN
      assets/vendor/font-awesome/fonts/fontawesome-webfont.woff
  44. BIN
      assets/vendor/font-awesome/fonts/fontawesome-webfont.woff2
  45. 34
      assets/vendor/font-awesome/less/animated.less
  46. 25
      assets/vendor/font-awesome/less/bordered-pulled.less
  47. 12
      assets/vendor/font-awesome/less/core.less
  48. 6
      assets/vendor/font-awesome/less/fixed-width.less
  49. 17
      assets/vendor/font-awesome/less/font-awesome.less
  50. 677
      assets/vendor/font-awesome/less/icons.less
  51. 13
      assets/vendor/font-awesome/less/larger.less
  52. 19
      assets/vendor/font-awesome/less/list.less
  53. 26
      assets/vendor/font-awesome/less/mixins.less
  54. 15
      assets/vendor/font-awesome/less/path.less
  55. 20
      assets/vendor/font-awesome/less/rotated-flipped.less
  56. 20
      assets/vendor/font-awesome/less/stacked.less
  57. 688
      assets/vendor/font-awesome/less/variables.less
  58. 34
      assets/vendor/font-awesome/scss/_animated.scss
  59. 25
      assets/vendor/font-awesome/scss/_bordered-pulled.scss
  60. 12
      assets/vendor/font-awesome/scss/_core.scss
  61. 6
      assets/vendor/font-awesome/scss/_fixed-width.scss
  62. 677
      assets/vendor/font-awesome/scss/_icons.scss
  63. 13
      assets/vendor/font-awesome/scss/_larger.scss
  64. 19
      assets/vendor/font-awesome/scss/_list.scss
  65. 26
      assets/vendor/font-awesome/scss/_mixins.scss
  66. 15
      assets/vendor/font-awesome/scss/_path.scss
  67. 20
      assets/vendor/font-awesome/scss/_rotated-flipped.scss
  68. 20
      assets/vendor/font-awesome/scss/_stacked.scss
  69. 688
      assets/vendor/font-awesome/scss/_variables.scss
  70. 17
      assets/vendor/font-awesome/scss/font-awesome.scss
  71. 1
      assets/vendor/highlight/highlight.pack.js
  72. 137
      assets/vendor/highlight/styles/agate.css
  73. 53
      assets/vendor/highlight/styles/androidstudio.css
  74. 138
      assets/vendor/highlight/styles/arta.css
  75. 52
      assets/vendor/highlight/styles/ascetic.css
  76. 113
      assets/vendor/highlight/styles/atelier-cave.dark.css
  77. 113
      assets/vendor/highlight/styles/atelier-cave.light.css
  78. 94
      assets/vendor/highlight/styles/atelier-dune.dark.css
  79. 94
      assets/vendor/highlight/styles/atelier-dune.light.css
  80. 113
      assets/vendor/highlight/styles/atelier-estuary.dark.css
  81. 113
      assets/vendor/highlight/styles/atelier-estuary.light.css
  82. 94
      assets/vendor/highlight/styles/atelier-forest.dark.css
  83. 94
      assets/vendor/highlight/styles/atelier-forest.light.css
  84. 94
      assets/vendor/highlight/styles/atelier-heath.dark.css
  85. 94
      assets/vendor/highlight/styles/atelier-heath.light.css
  86. 94
      assets/vendor/highlight/styles/atelier-lakeside.dark.css
  87. 94
      assets/vendor/highlight/styles/atelier-lakeside.light.css
  88. 113
      assets/vendor/highlight/styles/atelier-plateau.dark.css
  89. 113
      assets/vendor/highlight/styles/atelier-plateau.light.css
  90. 113
      assets/vendor/highlight/styles/atelier-savanna.dark.css
  91. 113
      assets/vendor/highlight/styles/atelier-savanna.light.css
  92. 94
      assets/vendor/highlight/styles/atelier-seaside.dark.css
  93. 94
      assets/vendor/highlight/styles/atelier-seaside.light.css
  94. 94
      assets/vendor/highlight/styles/atelier-sulphurpool.dark.css
  95. 94
      assets/vendor/highlight/styles/atelier-sulphurpool.light.css
  96. 103
      assets/vendor/highlight/styles/brown_paper.css
  97. BIN
      assets/vendor/highlight/styles/brown_papersq.png
  98. 97
      assets/vendor/highlight/styles/codepen-embed.css
  99. 165
      assets/vendor/highlight/styles/color-brewer.css
  100. 103
      assets/vendor/highlight/styles/dark.css
  101. Some files were not shown because too many files have changed in this diff Show More

2
.gitignore vendored

@ -0,0 +1,2 @@
_site
.sass-cache

@ -0,0 +1,14 @@
---
layout: page
title: 404
sitemap:
exclude: 'yes'
---
<h2 class="go-home">
I suggest you <a href="/">going home</a>, it's 404 and it's getting dark!
</h2>
<!-- Adding the glitch effect -->
<script> document.getElementsByTagName('body')[0].classList.add('glitch'); </script>

@ -0,0 +1,25 @@
# Site settings
title: NixNet
description: >
Write an awesome description for your new site here. You can edit this
line in _config.yml. It will appear in your document head meta (for
Google search results) and in your feed.xml site description.
baseurl: "" # the subpath of your site, e.g. /blog/
url: "https://nixnet.xyz" # the base hostname & protocol for your site
author:
fullname: Amolith
mastodon: amolith
gitlab: Amolith
# Syntax highlighting
highlightstyle: ''
styles: [agate, androidstudio, arta, asceti, atelier-cave.dark, atelier-cave.light, atelier-dune.dark, atelier-dune.light, atelier-estuary.dark, atelier-estuary.light, atelier-forest.dark, atelier-forest.light, atelier-heath.dark, atelier-heath.light, atelier-lakeside.dark, atelier-lakeside.light, atelier-plateau.dark, atelier-plateau.light, atelier-savanna.dark, atelier-savanna.light, atelier-seaside.dark, atelier-seaside.light, atelier-sulphurpool.dark, atelier-sulphurpool.light, brown_paper, codepen-embed, color-brewer, dark, darkula, default, docco, far, foundation, github, github-gist, googlecode, grayscale, hopscotch, hybrid, idea, ir_black, kimbie.dark, kimbie.light, magula, mono-blue, monokai, monokai_sublime, obsidian, paraiso.dark, paraiso.light, pojoaque, railscast, rainbow, school_book, solarized_dark, solarized_light, styles_list.txt, sunburst, tomorrow, tomorrow-night-blue, tomorrow-night-bright, tomorrow-night, tomorrow-night-eightie, v, xcode, zenburn]
# Handling Reading
exclude: ["README.md", "README.html"]
# Build settings
highlighter: null
markdown: kramdown

@ -0,0 +1,8 @@
- slug: design
name: Design
- slug: tools
name: Tools
- slug: productivity
name: Productivity

@ -0,0 +1,10 @@
{% for category in site.data.categories %}
{% if category.slug == page.category %}
{% assign category_name = category.name %}
{% endif %}
{% endfor %}
<h1 class="page-title">
<div class="page-title__text">{{ category_name }}</div>
<div class="page-title__subtitle">Articles on the category <strong>‘{{ category_name }}’</strong></div>
</h1>

@ -0,0 +1,16 @@
{% if site.author.disqus %}
<div id="disqus_thread"></div>
<script type="text/javascript">
/* * * CONFIGURATION VARIABLES * * */
var disqus_shortname = '{{ site.author.disqus }}';
/* * * DON'T EDIT BELOW THIS LINE * * */
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>
{% endif %}

@ -0,0 +1,11 @@
{% if site.google_analytics %}
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', '{{ site.google_analytics }}', 'auto');
ga('send', 'pageview');
</script>
{% endif %}

@ -0,0 +1,2 @@
<script src="{{ "/assets/vendor/highlight/highlight.pack.js" | prepend: site.baseurl }}"></script>
<script>hljs.initHighlightingOnLoad();</script>

@ -0,0 +1,9 @@
<link href='https://fonts.googleapis.com/css?family=Inconsolata:400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="{{ "/assets/vendor/normalize-css/normalize.css" | prepend: site.baseurl }}">
<link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.baseurl }}">
{% if site.styles contains site.highlightstyle %}
<link rel="stylesheet" href="{{ site.baseurl }}/assets/vendor/highlight/styles/{{ site.highlightstyle }}.css">
{% else %}
<link rel="stylesheet" href="{{ site.baseurl }}/assets/vendor/highlight/styles/solarized_dark.css">
{% endif %}
<link rel="stylesheet" href="{{ "/assets/vendor/font-awesome/css/font-awesome.css" | prepend: site.baseurl }}">

@ -0,0 +1,24 @@
<header class="header">
<div class="navigation">
<a href="/" class="logo">{{ site.title }}</a>
<ul class="menu">
<li class="menu__entry"><a href="{{ '/about' | prepend: site.baseurl }}">About</a></li>
<li class="menu__entry"><a href="{{ '/' | prepend: site.baseurl }}">Blog</a></li>
</ul>
</div>
<ul class="social-links">
{% if site.author.gitlab %}
<a href="https://gitlab.com/{{ site.author.gitlab }}" class="social-links__entry" target="_blank">
<i class="fa fa-gitlab"></i>
</a>
{% endif %}
{% if site.author.mastodon %}
<a href="https://fosstodon.org/@{{ site.author.mastodon }}" class="social-links__entry" target="_blank">
<i class="fa fa-mastodon"></i>
</a>
{% endif %}
</ul>
</header>

@ -0,0 +1,7 @@
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{% if page.title %} {{ page.title }} — {{ page.subtitle }} &raquo; {% endif %} {{ site.title }}</title>
<meta name="description" content="{% if page.description %}{{ page.description | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
{% if page.tags %}<meta name="keywords" content="{{ page.tags | join: ', ' }}">{% endif %}
<link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.url }}">

@ -0,0 +1,18 @@
{% if page.title %} {% assign title = page.title ~ ' - ' ~ page.subtitle %} {% else %} {% assign title = site.title %} {% endif %}
{% if page.description %} {% assign description = page.description %} {% else %} {% assign description = site.description %} {% endif %}
{% if page.keywords %} {% assign keywords = page.keywords %} {% else %} {% assign keywords = site.keywords %} {% endif %}
{% if page.cover %} {% assign cover = page.cover %} {% else %} {% assign cover = site.cover %} {% endif %}
<!-- Twitter Cards -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="{{ title }}" />
<meta name="twitter:description" content="{{ description }}" />
<meta name="twitter:image" content="{{ site.url }}{{ cover }}" />
<!-- Open Graph -->
<meta property="og:locale" content="{{ site.lang }}">
<meta property="og:type" content="article">
<meta property="og:title" content="{{ title }}">
<meta property="og:description" content="{{ description }}">
<meta property="og:url" content="{{ page.url | replace:'index.html','' | prepend: site.url }}">
<meta property="og:site_name" content="{{ site.title }}">

@ -0,0 +1,10 @@
<div class="explore">
<div class="explore__devider">*****</div>
<div class="explore__label">Explore the different categories</div>
<ul class="categories">
{% for category in site.data.categories %}
<li class="categories__item"><a href="{{ '/categories/' | append: category.slug | prepend: site.baseurl }}">{{ category.name }}</a></li>
{% endfor %}
<li class="categories__item"><a href="{{ '/' | prepend: site.baseurl }}">All</a></li>
</ul>
</div>

@ -0,0 +1,4 @@
<h1 class="page-title">
<div class="page-title__text">{{ page.title }}</div>
<div class="page-title__subtitle">{{ page.subtitle }}</div>
</h1>

@ -0,0 +1,7 @@
<div class="about">
<div class="about__devider">*****</div>
<div class="about__text">
Written by <strong> {% if page.author.fullname %} {{ page.author.fullname }} {% else %} {{ site.author.fullname }} {% endif %}</strong>
on <strong>{{ page.date | date: "%d %B %Y" }}</strong>
</div>
</div>

@ -0,0 +1,4 @@
<h1 class="page-title post-title">
<div class="page-title__text post-title__text">{{ page.title }}</div>
<div class="page-title__subtitle post-title__subtitle">{{ page.subtitle }}</div>
</h1>

@ -0,0 +1,28 @@
---
layout: default
---
{% include category/title.html %}
<ul class="list-posts">
{% assign empty_category = true %}
{% for post in site.posts %}
{% if post.categories contains page.category %}
<li class="post-teaser">
<a href="{{ post.url | prepend: site.baseurl }}">
<span class="post-teaser__title">{{ post.title }}</span>
<span class="post-teaser__date">{{ post.date | date: "%d %B %Y" }}</span>
</a>
</li>
{% assign empty_category = false %}
{% endif %}
{% endfor %}
{% if empty_category %}
<li class="empty-post-list">
It seems that there are no articles on that category,
please go back <a href="/">home</a> to see the full list of articles.
</li>
{% endif %}
</ul>
{% include page/explore.html %}

@ -0,0 +1,20 @@
<!DOCTYPE html>
<html lang="en">
<head>
{% include meta_tags/base.html %}
{% include meta_tags/sharing.html %}
{% include externals/styling.html %}
</head>
<body>
<div class="wrapper">
{% include header.html %}
{{ content }}
</div>
{% include externals/scripting.html %}
{% include externals/google_analytics.html %}
</body>
</html>

@ -0,0 +1,8 @@
---
layout: default
---
{% include page/title.html %}
{{ content }}
{% include page/explore.html %}

@ -0,0 +1,12 @@
---
layout: default
---
{% include post/title.html %}
<div class="content">
{{ content }}
</div>
{% include post/about.html %}
{% include externals/disqus.html %}

@ -0,0 +1,26 @@
---
layout: post
title: "Welcome to Jekyll!"
subtitle: "Feel home!"
date: 2015-09-06 23:34:01
categories: [design, tool]
---
You’ll find this post in your `_posts` directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run `jekyll serve`, which launches a web server and auto-regenerates your site when a file is updated.
To add new posts, simply add a file in the `_posts` directory that follows the convention `YYYY-MM-DD-name-of-post.ext` and includes the necessary front matter. Take a look at the source for this post to get an idea about how it works.
Jekyll also offers powerful support for code snippets:
{% highlight ruby %}
def print_hi(name)
puts "Hi, #{name}"
end
print_hi('Tom')
#=> prints 'Hi, Tom' to STDOUT.
{% endhighlight %}
Check out the [Jekyll docs][jekyll] for more info on how to get the most out of Jekyll. File all bugs/feature requests at [Jekyll’s GitHub repo][jekyll-gh]. If you have questions, you can ask them on [Jekyll’s dedicated Help repository][jekyll-help].
[jekyll]: http://jekyllrb.com
[jekyll-gh]: https://github.com/jekyll/jekyll
[jekyll-help]: https://github.com/jekyll/jekyll-help

@ -0,0 +1,62 @@
---
layout: post
title: "Sample post from Daktilo"
subtitle: "What you can do with it!"
date: 2014-08-19 23:56:45
categories: [tool]
---
Just a sample post to show some of the *typography* elements supported from
**daktilo** theme.
___
A blockquote:
> We are Hitchhikers in the road of open source knowledge.
## Header 2
Duis lacinia commodo dui, vel aliquam metus hendrerit eu. Integer et scelerisque dui. Sed nec molestie quam. Donec sit amet nisl a massa commodo ultrices nec quis nunc. Aenean aliquet eu arcu adipiscing dignissim. Nunc dictum elit vitae dolor molestie aliquet.
Example code:
{% highlight javascript %}
var light = new Light();
var switchUp = new FlipUpCommand(light);
var switchDown = new FlipDownCommand(light);
var s = new Switch();
s.storeAndExecute(switchUp);
s.storeAndExecute(switchDown);
{% endhighlight %}
A list:
- Praesent nisi elit, bibendum ut consectetur ac, aliquet in nunc
- Donec ante est, volutpat in mi et, pulvinar congue dolor.
- Quisque ultrices pulvinar sollicitudin.
- Duis elementum odio eu euismod suscipit.
- Integer enim lorem, interdum sit amet consectetur non, bibendum eget neque.
A numbered list:
1. Praesent nisi elit, bibendum ut consectetur ac, aliquet in nunc.
2. Donec ante est, volutpat in mi et, pulvinar congue dolor.
3. Quisque ultrices pulvinar sollicitudin.
4. Duis elementum odio eu euismod suscipit.
5. Integer enim lorem, interdum sit amet consectetur non, bibendum eget neque.
Definition list:
Curabitur cursus magna eu sem cursus
: ac ultrices urna pharetra.
: Duis scelerisque ipsum eu luctus elementum.
Pellentesque habitant morbi tristique senectus
: Curabitur malesuada lacus ac gravida porttitor
: Duis sodales feugiat lorem et mollis.
Want to suggest something? Please [Send me a request](https://github.com/kronik3r/daktilo/issues/new).

@ -0,0 +1,13 @@
---
layout: post
title: Initial setup
date: 2018-08-17 14:11:07
---
# First steps to rolling your own spin
#### I *think* I'm going to call it a spin . . .
1. Install the package `archiso` from the official repos or `archiso-git` from the AUR
2. `$ mkdir ~/<build-directory>`
* Replace `<build-directory>` with wherever you want the iso build to be stored. This is where we'll be spending all of our time configuring. Mine is at `~/liveiso/` and that's the path I'll be using in this and future posts
3. `$ sudo cp -r /usr/share/archiso/configs/releng/ ~/liveiso`
4. Edit `~/liveiso/packages.x86_64` to install desired software
* This will be addressed in the next post, `packages.x86_64`, where I also give some quick ways to install everything you might want.

@ -0,0 +1,79 @@
---
layout: post
title: Formatting Tests
date: 2018-08-13 23:23:16
---
# Hello, world!
* Test bullet one
* Test bullet two
* Test sub-bullet one
* Test bullet three
* Test sub-bullet two
* Test sub-bullet three
1. Numbered bullet test one
* Sub-bullet test one
2. Numbered bullet test two
* Sub-bullet test two
2. Numbered bullet test three
* Sub-bullet test three
## Level 2 Header (where formatting tests happen)
~~testing strikethrough~~
*italics*
**bold**
***bold and italics***
~~***bold, italics, and strikethrough***~~
### Level three header test
```
#!/bin/bash
# Pick a random wallpaper (ignoring anything starting with .) and set the path equal to ${wp}
WP=$(find ~/Pictures/Wallpapers -not -path '*/\.*' -type f | shuf | head -n1 )
# Generate a GTK theme/colour scheme
# Apply the colour scheme to terminals
# Set rxvt's transparency to 75%
wal -gi "$WP" -a 75
# Scale the wallpaper (fixes multi-monitor setups)
feh --bg-scale "$WP"
# Check if the wallpaper is in Favourites
echo $WP | grep "^~/Pictures/Wallpapers/Favourites" &> /dev/null && TEXT="This wallpaper is in Favourites" || TEXT="This wallpaper is not in Favourites"
# Send notification with variable defined above
notify-send "Wallpaper Changed to $WP" "$TEXT"
# Apply colours to Steam
wal_steam
# Open a zenity window and give a GUI for deciding what to do with the wallpaper
VAR=$(zenity --list --text="Decide the fate of this wallpaper" --radiolist --hide-header --column "Select" --column "Option" FALSE "Delete it" FALSE "Add to favourites" TRUE "Do nothing")
if [ "$VAR" = "Add to favourites" ]
then
cp $WP ~/Pictures/Wallpapers/Favourites
notify-send "Wallpaper has been added to your favourites!"
elif [ "$VAR" = "Delete it" ]
then
notify-send "Wallpaper has been deleted"
rm -rf $WP
else
exit
fi
```
This script can be found in my repository on [GitLab](https://gitlab.com/Amolith/dotfiles)
#### Level four header test (in which we check quoting)
> It's a dangerous business, Frodo, going out your door. You step onto the Road, and if you don't keep your feet, there's no knowing where you might be swept off to.
> You need to actively disown your code to make it completely free. It’s not in the public domain just because you released it in the public. Even worse, when using no license, the copyright might behave different depending where you and someone allegedly breaking it lives. It differs from country to country.
\- p410n3, [UNLICENSE - cuz I can't be bothered](https://blog.palone.top/detail/news/unlicense-cuz-i-cant-be-bothered/)

@ -0,0 +1,18 @@
---
layout: post
title: "A perfect bootable? HA!"
subtitle: "There's no such thing . . . yet"
date: 2018-8-15 10:38
categories: [design, tool]
---
# Thus begins the journey
Today I had an orthodontist appointment and a voice lesson. The appointment was at 15:00 and the voice lesson at 16:00. I got to the orthodontist's office 10 minutes early, was told to right to the back (like always), I sat down in the seat, and the orthodontist came over after a few minutes with another patient. He looked at my teeth, had me put my retainers in, checked how they fit, then said I don't ever need to come back (unless I do need to). That all took about 7 or 8 minutes. My voice lesson was ~5 minutes away so I had an hour to kill. I drove to the college (where the lesson was), went into the computer lab, and booted my [multibootable](http://multibootusb.org/) bootable.
I went through the distros I had and chose the [i3 spin of Manjaro](https://manjaro.org/category/community-editions/i3/), forgetting that it hadn't written correctly and was corrupt. I went through a couple of other distros that were as well and settled on [Parrot Home](https://www.parrotsec.org/download-home.php). While I love Parrot Home for security reasons, it wasn't what I was looking for. <!-- block --> I started trying to think of a distro that fit all my daily needs that I could take on a flash drive with me wherever I went and . . . I couldn't. <!-- block -->
I would boot it, try to install some app I'm missing (Telegram, for instance), find that I need to first update everything then upgrade some packages then have no space left to install Telegram. There isn't one distro I can think of that I wouldn't have to do that with. So I thought I'd try my hand at installing Arch on a flash drive.
As I was reading, I decided I would rather make a *live* system. This way, I can log into whatever I need to and there would be no record of it so I'm safer. I asked around in the Arch [Telegram channel](https://t.me/archlinuxgroup) and was given a few pages to read up on the wiki as well as a youtube video. First is [building the arch iso](https://wiki.archlinux.org/index.php/archiso), [making a custom repo](https://wiki.archlinux.org/index.php/Pacman/Tips_and_tricks#Custom_local_repository) for installing AUR packages, building them in a [chroot](https://wiki.archlinux.org/index.php/DeveloperWiki:Building_in_a_Clean_Chroot) so you don't mess with your current setup, and the [YouTube videos](https://www.youtube.com/watch?v=DqV1BJtJXEA) that help tie it all together:
# Summary
That'll be it for this post. It was originally a lot longer but I think I want to keep them to a quick read so it's easier to pick up where you left off. I'm not sure what the next post will contain but I am sure that it talks about setting up your dev environment 😉

@ -0,0 +1,19 @@
---
layout: post
title: Losslessy recording your desktop (and secondary monitor)
date: 2018-08-17 17:15:20
---
# NEVER USE OBS AGAIN
I've been trying off and on for the past few weeks to figure out how to record my 1920x1080 monitor. The recording is going to be some music videos for a friend. Originally, it was just going to be a single background image for the whole video then I had the idea of using [cava](https://github.com/karlstav/cava) in a transparent terminal on top of the background. This didn't work at all because it actually kept freezing when I tried to record it. So I tried switching to [ncmpcpp](http://ncmpcpp.rybczak.net/) visualiser. This still had horrible lag. So I've been puzzling over how to use ffmpeg to *losslessly* record my second monitor. I finally figured it out and have pasted the command below.
`ffmpeg -video_size 1920x1080 -framerate 30 -f x11grab -draw_mouse 0 -i :0.0+1366,0 -c:v libx264 -crf 0 -preset ultrafast output.mkv`
This is the exact command I used; I'll modify it so you know what to edit for your use-case 😉
`ffmpeg -video_size <target-resolution> -framerate 30 -f x11grab -i :0.0+<width-of-unused-monitor>,0 -c:v libx264 -crf 0 -preset ultrafast <filename>.mkv`
If you do *not* want the cursor recorded, add `-draw_mouse 0` directly after `x11grab` like I did in the first command.
My video was 470mb for a ~13 minute video. If you're going to archive the recording or are concerned about file size, re-encode it losslessly but with a slower preset. As the initial recording was lossless and the re-encode is lossless too, there will be no absolutely no loss is quality . . . *anywhere*. I also highly recommend using this as a general purpose screen recorder if you have a low-end system. Previously, I was using OBS and the lag in the video was incredible but with ffmpeg, it's smooth as butter. The command for re-encoding is below:
`ffmpeg -i output.mkv -c:v libx264 -crf 0 -preset veryslow output-smaller.mkv`

@ -0,0 +1,13 @@
---
layout: post
title: packages.x86_64
date: 2018-08-17 16:52:42
---
# Package configuration
As I said in the last post, this is the file in which you list the applications you wish to install. I won't list the defaults because there a lot. *However*, this basic setup only builds to a total of ~440 MB so you can add *many* more applications.
I want the setup on this bootable to be exactly the same as what I currently have on my system. I did not want to manually enter every single package though. Thankfully, pacman is a feature-complete tool and it lets you get a *lot* of information about installed packages. `pacman -Qne` lists all the currently installed packages that you explicitly installed. It does not list dependencies of those applications. What I did was run `pacman -Qne >> ~/liveiso/packages.x86_64` to add all the apps I have installed from the official Arch repos to the end of the file so nothing was overwritten.
After, I ran `pacman -Qni >> official.txt` so I could get information about all those packages and decide whether or not I wanted to keep them. For example, I removed some stuff from deepin that I no longer used, SuperTuxKart, and a lot of other stuff. This shrunk my iso from 3.6 GB to 2.5. Now I have a lot of space to use for installing my applications from the AUR. This includes [making a custom repo](https://wiki.archlinux.org/index.php/Pacman/Tips_and_tricks#Custom_local_repository) for the packages and [building them in a chroot](https://wiki.archlinux.org/index.php/DeveloperWiki:Building_in_a_Clean_Chroot) so you make *sure* you have all the needed dependencies while keeping your system from being messed up while building.
All of this will be discussed in the next blog post (when I get to it).

@ -0,0 +1,8 @@
---
layout: post
title: Get a three-day weather forecast in your terminal!
date: 2018-08-18 00:36:38
tags:
---
# Just a little alias . . .
I don't remember where I found it but I have a short alias in my `~/.zshrc` that gives me a three-day weather forecast in the terminal. All it is is `clear && curl wttr.in/~<City>` (replace `<city>` with the city you live in). You can make it prettier by adding `|lolcat` to the end as well. Here's what the output looks like:

@ -0,0 +1,321 @@
/* Source: http://codepen.io/bulby97/pen/fcvay */
.glitch {
position: relative;
animation: glitch 2s steps(100) infinite;
}
@keyframes glitch {
0% {
text-shadow: 1px 0 0 red, -1px 0 0 blue;
}
1% {
text-shadow: 1px 0 0 red, -1px 0 0 blue;
}
2% {
text-shadow: 1px 0 0 red, -1px 0 0 blue;
}
3% {
text-shadow: 1px 0 0 red, -1px 0 0 blue;
}
4% {
text-shadow: 1px 0 0 red, -1px 0 0 blue;
}
5% {
text-shadow: -1px 0 0 red, 1px 0 0 blue;
}
6% {
text-shadow: -1px 0 0 red, 1px 0 0 blue;
}
7% {
text-shadow: -1px 0 0 red, 1px 0 0 blue;
}
8% {
text-shadow: -1px 0 0 red, 1px 0 0 blue;
}
9% {
text-shadow: -1px 0 0 red, 1px 0 0 blue;
}
10% {
text-shadow: -1px 0 0 red, 1px 0 0 blue;
}
11% {
text-shadow: 0.5px 0 0 red, -0.5px 0 0 lime;
}
12% {
text-shadow: 0.5px 0 0 red, -0.5px 0 0 lime;
}
13% {
text-shadow: 0.5px 0 0 red, -0.5px 0 0 lime;
}
14% {
text-shadow: 0.5px 0 0 red, -0.5px 0 0 lime;
}
15% {
text-shadow: 0.5px 0 0 red, -0.5px 0 0 lime;
}
16% {
text-shadow: -1px 0 0 red, 1px 0 0 lime;
}
17% {
text-shadow: -1px 0 0 red, 1px 0 0 lime;
}
18% {
text-shadow: -1px 0 0 red, 1px 0 0 lime;
}
19% {
text-shadow: -1px 0 0 red, 1px 0 0 lime;
}
20% {
text-shadow: -1px 0 0 red, 1px 0 0 lime;
}
21% {
text-shadow: 0.7px 0 0 blue, -0.7px 0 0 lime;
}
22% {
text-shadow: 0.7px 0 0 blue, -0.7px 0 0 lime;
}
23% {
text-shadow: 0.7px 0 0 blue, -0.7px 0 0 lime;
}
24% {
text-shadow: 0.7px 0 0 blue, -0.7px 0 0 lime;
}
25% {
text-shadow: 0.7px 0 0 blue, -0.7px 0 0 lime;
}
26% {
text-shadow: 0.7px 0 0 blue, -0.7px 0 0 lime;
}
27% {
text-shadow: 0.7px 0 0 blue, -0.7px 0 0 lime;
}
28% {
text-shadow: 0.7px 0 0 blue, -0.7px 0 0 lime;
}
29% {
text-shadow: 0.7px 0 0 blue, -0.7px 0 0 lime;
}
30% {
text-shadow: 0.7px 0 0 blue, -0.7px 0 0 lime;
}
31% {
text-shadow: -1px 0 0 blue, 1px 0 0 lime;
}
32% {
text-shadow: -1px 0 0 blue, 1px 0 0 lime;
}
33% {
text-shadow: -1px 0 0 blue, 1px 0 0 lime;
}
34% {
text-shadow: -1px 0 0 blue, 1px 0 0 lime;
}
35% {
text-shadow: -1px 0 0 blue, 1px 0 0 lime;
}
36% {
text-shadow: -1px 0 0 blue, 1px 0 0 lime;
}
37% {
text-shadow: -1px 0 0 blue, 1px 0 0 lime;
}
38% {
text-shadow: -1px 0 0 blue, 1px 0 0 lime;
}
39% {
text-shadow: -1px 0 0 blue, 1px 0 0 lime;
}
40% {
text-shadow: -1px 0 0 blue, 1px 0 0 lime;
}
41% {
text-shadow: 50px 0 0 blue, -50px 0 0 lime;
}
42% {
text-shadow: 0 0 0 blue, 0 0 0 lime;
}
43% {
text-shadow: 0.5px 0 0 red, -0.5px 0 0 lime;
}
44% {
text-shadow: 0.5px 0 0 red, -0.5px 0 0 lime;
}
45% {
text-shadow: 0.5px 0 0 red, -0.5px 0 0 lime;
}
46% {
text-shadow: 0.5px 0 0 red, -0.5px 0 0 lime;
}
47% {
text-shadow: -1px 0 0 red, 1px 0 0 lime;
}
48% {
text-shadow: -1px 0 0 red, 1px 0 0 lime;
}
49% {
text-shadow: -1px 0 0 red, 1px 0 0 lime;
}
50% {
text-shadow: -1px 0 0 red, 1px 0 0 lime;
}
51% {
text-shadow: 1px 0 0 red, -1px 0 0 blue;
}
52% {
text-shadow: 1px 0 0 red, -1px 0 0 blue;
}
53% {
text-shadow: 1px 0 0 red, -1px 0 0 blue;
}
54% {
text-shadow: 1px 0 0 red, -1px 0 0 blue;
}
55% {
text-shadow: 1px 0 0 red, -1px 0 0 blue;
}
56% {
text-shadow: -1px 0 0 red, 1px 0 0 blue;
}
57% {
text-shadow: -1px 0 0 red, 1px 0 0 blue;
}
58% {
text-shadow: -1px 0 0 red, 1px 0 0 blue;
}
59% {
text-shadow: -1px 0 0 red, 1px 0 0 blue;
}
60% {
text-shadow: -1px 0 0 red, 1px 0 0 blue;
}
61% {
text-shadow: 30px 0 0 red, -30px 0 0 lime;
}
62% {
text-shadow: 0 0 0 red, 0 0 0 lime;
}
63% {
text-shadow: 0.5px 0 0 red, -0.5px 0 0 blue;
}
64% {
text-shadow: 0.5px 0 0 red, -0.5px 0 0 blue;
}
65% {
text-shadow: 0.5px 0 0 red, -0.5px 0 0 blue;
}
66% {
text-shadow: 0.5px 0 0 red, -0.5px 0 0 blue;
}
67% {
text-shadow: -1px 0 0 red, 1px 0 0 blue;
}
68% {
text-shadow: -1px 0 0 red, 1px 0 0 blue;
}
69% {
text-shadow: -1px 0 0 red, 1px 0 0 blue;
}
70% {
text-shadow: -1px 0 0 red, 1px 0 0 blue;
}
71% {
text-shadow: 70px 0 0 red, -70px 0 0 blue;
}
72% {
text-shadow: 0 0 0 red, 0 0 0 blue;
}
73% {
text-shadow: 1px 0 0 red, -1px 0 0 blue;
}
74% {
text-shadow: 1px 0 0 red, -1px 0 0 blue;
}
75% {
text-shadow: 1px 0 0 red, -1px 0 0 blue;
}
76% {
text-shadow: 1px 0 0 red, -1px 0 0 blue;
}
77% {
text-shadow: -1px 0 0 red, 1px 0 0 blue;
}
78% {
text-shadow: -1px 0 0 red, 1px 0 0 blue;
}
79% {
text-shadow: -1px 0 0 red, 1px 0 0 blue;
}
80% {
text-shadow: -1px 0 0 red, 1px 0 0 blue;
}
81% {
text-shadow: 0.5px 0 0 red, -0.5px 0 0 lime;
}
82% {
text-shadow: 0.5px 0 0 red, -0.5px 0 0 lime;
}
83% {
text-shadow: 0.5px 0 0 red, -0.5px 0 0 lime;
}
84% {
text-shadow: 0.5px 0 0 red, -0.5px 0 0 lime;
}
85% {
text-shadow: 0.5px 0 0 red, -0.5px 0 0 lime;
}
86% {
text-shadow: -1px 0 0 red, 1px 0 0 lime;
}
87% {
text-shadow: -1px 0 0 red, 1px 0 0 lime;
}
88% {
text-shadow: -1px 0 0 red, 1px 0 0 lime;
}
89% {
text-shadow: -1px 0 0 red, 1px 0 0 lime;
}
90% {
text-shadow: -1px 0 0 red, 1px 0 0 lime;
}
91% {
text-shadow: 60px 0 0 lime, -60px 0 0 blue;
}
92% {
text-shadow: 0 0 0 lime, 0 0 0 blue;
}
92% {
text-shadow: 0.7px 0 0 blue, -0.7px 0 0 lime;
}
93% {
text-shadow: 0.7px 0 0 blue, -0.7px 0 0 lime;
}
94% {
text-shadow: 0.7px 0 0 blue, -0.7px 0 0 lime;
}
95% {
text-shadow: 0.7px 0 0 blue, -0.7px 0 0 lime;
}
96% {
text-shadow: -1px 0 0 blue, 1px 0 0 lime;
}
97% {
text-shadow: -1px 0 0 blue, 1px 0 0 lime;
}
98% {
text-shadow: -1px 0 0 blue, 1px 0 0 lime;
}
99% {
text-shadow: -1px 0 0 blue, 1px 0 0 lime;
}
100% {
text-shadow: -1px 0 0 blue, 1px 0 0 lime;
}
}
/* Custom */
.go-home {
text-align: center;
}

@ -0,0 +1,305 @@
/* =Base */
body {
font-family: 'Inconsolata', ;
color: $iron;
background-color: $dorian;
}
a {
color: $iron;
font-weight: bold;
text-decoration: none;
&:hover {
text-decoration: underline;
}
}
p {
font-size: 20px;
line-height: 32px;
}
img {
margin: 40px auto;
display: block;
max-width: 100%;
}
blockquote {
letter-spacing: 3px;
margin:0px;
margin-top: 40px;
margin-bottom: 70px;
padding: 0px;
text-align: center;
position: relative;
footer {
position: absolute;
bottom: -35px;
font-size: 15px;
color: $iron;
letter-spacing: 0px;
left:0px;
right: 0px;
&:before { content: "** "; }
&:after { content: " **"; }
}
p {
display: inline;
font-size: 20px;
color: $cloudy;
font-weight: 400;
&:before { content: ""; }
&:after { content: ""; }
}
}
strong {
color: $iron;
}
/* =Header */
.wrapper {
max-width: 800px;
margin: 100px auto;
}
.header {
overflow: hidden;
}
.navigation {
float:left;
}
.logo {
font-size: 50px;
font-weight: 700;
color: $iron;
display: block;
}
.menu {
color: $cloudy;
font-size: 18px;
margin:0px;
margin-top: 6px;
padding: 0px;
list-style-type: none;
}
.menu__entry {
display: inline-block;
margin-right: 35px;
&:last-child {
margin-right: 0px;
}
}
.menu__entry a {
font-weight: 400;
}
.social-links {
float:right;
font-size: 24px;
color: $cloudy;
list-style-type: none;
}
.social-links__entry {
display: inline-block;
margin-left: 10px;
}
/* =Titles */
.page-title {
margin-top:100px;
margin-bottom:125px;
text-align: center;
}
.page-title__text {
font-weight: 700;
font-size: 70px;
}
.page-title__subtitle {
font-weight: 400;
font-size: 22px;
color: $cloudy;
}
.post-title {
margin-bottom: 110px;
}
.post-title__text {
font-size: 40px;
}
.post-title__subtitle {
font-size: 20px;
}
/* =Post teasers */
.list-posts {
list-style-type: none;
padding: 0px;
}
.post-teaser {
margin-bottom: 45px;
font-weight: 700;
}
.post-teaser__title {
font-size: 22px;
color: $iron;
}
.post-teaser__date {
font-size: 16px;
float: right;
vertical-align: middle;
color: $cloudy;
}
.empty-post-list {
font-size: 22px;
font-weight: 700;
color: $iron;
text-align: center;
}
/* =Explore */
.explore {
text-align: center;
color: $cloudy;
margin-top: 140px;
}
.explore__devider {
font-size: 18px;
letter-spacing: 8.18px;
}
.explore__label {
font-size: 14px;
margin-top: 15px;
}
.categories {
list-style-type: none;
margin-top: 15px;
padding: 0px;
}
.categories__item {
display: inline-block;
font-weight: 700;
font-size: 18px;
}
.categories__item a {
color: $iron;
}
.categories__item:after {
content: "/";
margin-left: 6px;
color: $cloudy;
}
.categories__item:last-child:after {
content: "";
margin-left: 0px;
}
/* =Post page */
.about {
color: $cloudy;
margin-top: 70px;
text-align: center;
line-height: 24px;
}
.about__devider {
font-size: 20px;
margin-bottom: 50px;
letter-spacing: 9.09px;
}
.about__text {
font-size: 18px;
}
#disqus_thread {
margin-top: 100px;
}
@media (max-width: 800px) {
/* =Base */
p {
font-size: 16px;
line-height: 1.6;
}
.wrapper {
width: 80%;
}
.navigation,
.social-links {
@include centered-block();
}
.social-links {
font-size: 30px;
margin-top: 35px;
}
.page-title {
margin-top: 80px;
margin-bottom: 60px;
}
.page-title__text {
font-size: 40px;
}
.page-title__subtitle {
font-size: 18px;
}
.post-teaser__title {
font-size: 18px;
@include centered-block();
}
.post-teaser__date {
font-size: 16px;
margin-top: 10px;
float: none;
@include centered-block();
}
.explore {
margin-top: 80px;
}
.post-title__text {
font-size: 28px;
}
.post-title__subtitle {
font-size: 18px;
}
}

@ -0,0 +1,5 @@
@mixin centered-block() {
display: block;
text-align: center;
width: 100%;
}

@ -0,0 +1,12 @@
---
layout: page
title: About
subtitle: GNU/Linux lover and multi-instrmentalist
permalink: /about/
---
This is the base Jekyll theme. You can find out more info about customizing your Jekyll theme, as well as basic Jekyll usage documentation at [jekyllrb.com](http://jekyllrb.com/)
You can find the source code for the Jekyll new theme at: [github.com/jglovier/jekyll-new](https://github.com/jglovier/jekyll-new)
You can find the source code for Jekyll at [github.com/jekyll/jekyll](https://github.com/jekyll/jekyll)

@ -0,0 +1,36 @@
{
"name": "font-awesome",
"description": "Font Awesome",
"keywords": [],
"homepage": "http://fontawesome.io",
"dependencies": {},
"devDependencies": {},
"license": [
"OFL-1.1",
"MIT",
"CC-BY-3.0"
],
"main": [
"less/font-awesome.less",
"scss/font-awesome.scss"
],
"ignore": [
"*/.*",
"*.json",
"src",
"*.yml",
"Gemfile",
"Gemfile.lock",
"*.md"
],
"version": "4.4.0",
"_release": "4.4.0",
"_resolution": {
"type": "version",
"tag": "v4.4.0",
"commit": "f2cc73da12f0e6d828bc2daaa72bff457067bf39"
},
"_source": "git://github.com/FortAwesome/Font-Awesome.git",
"_target": "~4.4.0",
"_originalSource": "font-awesome"
}

@ -0,0 +1,33 @@
*.pyc
*.egg-info
*.db
*.db.old
*.swp
*.db-journal
.coverage
.DS_Store
.installed.cfg
_gh_pages/*
.idea/*
.svn/*
src/website/static/*
src/website/media/*
bin
cfcache
develop-eggs
dist
downloads
eggs
parts
tmp
.sass-cache
node_modules
src/website/settingslocal.py
stunnel.log
.ruby-version
.bundle

@ -0,0 +1,42 @@
*.pyc
*.egg-info
*.db
*.db.old
*.swp
*.db-journal
.coverage
.DS_Store
.installed.cfg
_gh_pages/*
.idea/*
.svn/*
src/website/static/*
src/website/media/*
bin
cfcache
develop-eggs
dist
downloads
eggs
parts
tmp
.sass-cache
node_modules
src/website/settingslocal.py
stunnel.log
.ruby-version
# don't need these in the npm package.
src/
_config.yml
bower.json
component.json
composer.json
CONTRIBUTING.md
Gemfile
Gemfile.lock

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

@ -0,0 +1,640 @@
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
<metadata></metadata>
<defs>
<font id="fontawesomeregular" horiz-adv-x="1536" >
<font-face units-per-em="1792" ascent="1536" descent="-256" />
<missing-glyph horiz-adv-x="448" />
<glyph unicode=" " horiz-adv-x="448" />
<glyph unicode="&#x09;" horiz-adv-x="448" />
<glyph unicode="&#xa0;" horiz-adv-x="448" />
<glyph unicode="&#xa8;" horiz-adv-x="1792" />
<glyph unicode="&#xa9;" horiz-adv-x="1792" />
<glyph unicode="&#xae;" horiz-adv-x="1792" />
<glyph unicode="&#xb4;" horiz-adv-x="1792" />
<glyph unicode="&#xc6;" horiz-adv-x="1792" />
<glyph unicode="&#xd8;" horiz-adv-x="1792" />
<glyph unicode="&#x2000;" horiz-adv-x="768" />
<glyph unicode="&#x2001;" horiz-adv-x="1537" />
<glyph unicode="&#x2002;" horiz-adv-x="768" />
<glyph unicode="&#x2003;" horiz-adv-x="1537" />
<glyph unicode="&#x2004;" horiz-adv-x="512" />
<glyph unicode="&#x2005;" horiz-adv-x="384" />
<glyph unicode="&#x2006;" horiz-adv-x="256" />
<glyph unicode="&#x2007;" horiz-adv-x="256" />
<glyph unicode="&#x2008;" horiz-adv-x="192" />
<glyph unicode="&#x2009;" horiz-adv-x="307" />
<glyph unicode="&#x200a;" horiz-adv-x="85" />
<glyph unicode="&#x202f;" horiz-adv-x="307" />