jojoleprowebsite

[Done] The Sauce of https://jojolepro.com
git clone https://git.jojolepro.com/jojoleprowebsite.git
Log | Files | Refs | README | LICENSE

commit 7d859c868335bfc0ddf40d5ea469d7f2e07a00f7
parent 30e8398b13517a9608d7352a6755da4b6467363f
Author: Joël Lupien (Jojolepro) <jojolepro@jojolepro.com>
Date:   Tue,  7 Jul 2020 11:56:06 +0000

added gitignore. added blog post.

Diffstat:
A.gitignore | 1+
Mbuild.sh | 5+----
Mbuild/blog/2020-03-31_extracting_data_from_websites/index.html | 17+++++++----------
Mbuild/blog/2020-04-09_simple_school_documents/index.html | 17+++++++----------
Mbuild/blog/index.html | 22++++++++++------------
Mbuild/index.html | 58+++++++++++++++++++++++++++++++++++++++++++++++-----------
Mbuild/index.txt | 41++++++++++++++++++++++++++++++++++++++++-
Asrc/blog/2020-05-04_why_i_moved_from_wordpress/index.txt | 45+++++++++++++++++++++++++++++++++++++++++++++
Asrc/blog/2020-07-07_minimalist_alternatives/index.txt | 209+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Msrc/blog/index.html | 3++-
Msrc/index.txt | 41++++++++++++++++++++++++++++++++++++++++-
Asrc/projects/index.txt | 41+++++++++++++++++++++++++++++++++++++++++
Asrc/quotes/index.txt | 15+++++++++++++++
Mtemplate.html | 17+++++++----------
14 files changed, 472 insertions(+), 60 deletions(-)

diff --git a/.gitignore b/.gitignore @@ -0,0 +1 @@ +/build diff --git a/build.sh b/build.sh @@ -36,10 +36,7 @@ while read -r page; do *.html) cat "../src/$page" | sed '/%%CONTENT%%/r /dev/stdin' /tmp/template.html | - sed '/%%CONTENT%%/d' | - - sed "s|%%SOURCE%%|/${page##./}|" \ - > "${page%%.html}.html" + sed '/%%CONTENT%%/d' > "${page%%.html}.html" printf '%s\n' "CC $page" ;; diff --git a/build/blog/2020-03-31_extracting_data_from_websites/index.html b/build/blog/2020-03-31_extracting_data_from_websites/index.html @@ -26,28 +26,25 @@ height:auto; width:100%; } + nav a { + margin-right: 1ch; + } a { color: #3391ff; } * { scrollbar-color: #2a2c2e #1c1e1f; } - /*@media(prefers-color-scheme:dark){ - body{ - background:#000; - color:#fff; - } - a{ - color:#6CF; - } - }*/ </style> </head> <body> <nav> <a href=/><b>Jojolepro</b></a> <br/> - <a href=/blog>Blog </a> + <a href=/blog>Blog</a> + <a href=/quotes>Quotes</a> + <a href=/projects>Projects</a> + <a href=/focks>Focks</a> <a href=https://github.com/jojolepro/>GitHub</a> </nav> <br/> diff --git a/build/blog/2020-04-09_simple_school_documents/index.html b/build/blog/2020-04-09_simple_school_documents/index.html @@ -26,28 +26,25 @@ height:auto; width:100%; } + nav a { + margin-right: 1ch; + } a { color: #3391ff; } * { scrollbar-color: #2a2c2e #1c1e1f; } - /*@media(prefers-color-scheme:dark){ - body{ - background:#000; - color:#fff; - } - a{ - color:#6CF; - } - }*/ </style> </head> <body> <nav> <a href=/><b>Jojolepro</b></a> <br/> - <a href=/blog>Blog </a> + <a href=/blog>Blog</a> + <a href=/quotes>Quotes</a> + <a href=/projects>Projects</a> + <a href=/focks>Focks</a> <a href=https://github.com/jojolepro/>GitHub</a> </nav> <br/> diff --git a/build/blog/index.html b/build/blog/index.html @@ -26,35 +26,33 @@ height:auto; width:100%; } + nav a { + margin-right: 1ch; + } a { color: #3391ff; } * { scrollbar-color: #2a2c2e #1c1e1f; } - /*@media(prefers-color-scheme:dark){ - body{ - background:#000; - color:#fff; - } - a{ - color:#6CF; - } - }*/ </style> </head> <body> <nav> <a href=/><b>Jojolepro</b></a> <br/> - <a href=/blog>Blog </a> + <a href=/blog>Blog</a> + <a href=/quotes>Quotes</a> + <a href=/projects>Projects</a> + <a href=/focks>Focks</a> <a href=https://github.com/jojolepro/>GitHub</a> </nav> <br/> <article> <pre> -<a href="2020-03-31_extracting_data_from_websites">Extracting Data From Websites</a> +<a href="2020-05-04_why_i_moved_from_wordpress">Why I Moved Away From Wordpress</a> <a href="2020-04-09_simple_school_documents">Simple School Documents</a> +<a href="2020-03-31_extracting_data_from_websites">Extracting Data From Websites</a> </pre> </article> <br/> @@ -62,7 +60,7 @@ <div> (C) Joël Lupien 2020-2020 </div> - <a href="/blog/index.html">View page source</a> + <a href="%%SOURCE%%">View page source</a> </footer> </body> </html> diff --git a/build/index.html b/build/index.html @@ -26,34 +26,70 @@ height:auto; width:100%; } + nav a { + margin-right: 1ch; + } a { color: #3391ff; } * { scrollbar-color: #2a2c2e #1c1e1f; } - /*@media(prefers-color-scheme:dark){ - body{ - background:#000; - color:#fff; - } - a{ - color:#6CF; - } - }*/ </style> </head> <body> <nav> <a href=/><b>Jojolepro</b></a> <br/> - <a href=/blog>Blog </a> + <a href=/blog>Blog</a> + <a href=/quotes>Quotes</a> + <a href=/projects>Projects</a> + <a href=/focks>Focks</a> <a href=https://github.com/jojolepro/>GitHub</a> </nav> <br/> <article> <pre> -Site index test +I Press Keys on my Keyboard... A Lot +================================================================================ + +About Me: +- Open Source Contributor +- Game Engine Developer +- Game Developer +- Minimalist +- Avid Lover +- Gamer +- Leader of The Focks Cult +- Tsar of Focksland and Protector of the Fockses + +Skills: +- Game Dev +- Web Backends +- Data Mining +- Linux System Administrator +- Actually Reads The Fr*ckin Manual +- Documentation Preparation (groff, excel, etc...) +- Versatile! + +Primary Computer Languages: +- Rust +- Scala +- Java +- C# +- C + +Game Engine Experience: +- Amethyst (Core Engine Developer) +- ScalEngine (Engine Author) +- Unity +- JMonkeyEngine +- LWJGL + +Contact Me +================================================================================ +In English or French +mailto: jojolepro [at] jojolepro [dot] com </pre> </article> <br/> diff --git a/build/index.txt b/build/index.txt @@ -1 +1,40 @@ -Site index test +I Press Keys on my Keyboard... A Lot +================================================================================ + +About Me: +- Open Source Contributor +- Game Engine Developer +- Game Developer +- Minimalist +- Avid Lover +- Gamer +- Leader of The Focks Cult +- Tsar of Focksland and Protector of the Fockses + +Skills: +- Game Dev +- Web Backends +- Data Mining +- Linux System Administrator +- Actually Reads The Fr*ckin Manual +- Documentation Preparation (groff, excel, etc...) +- Versatile! + +Primary Computer Languages: +- Rust +- Scala +- Java +- C# +- C + +Game Engine Experience: +- Amethyst (Core Engine Developer) +- ScalEngine (Engine Author) +- Unity +- JMonkeyEngine +- LWJGL + +Contact Me +================================================================================ +In English or French +mailto: jojolepro [at] jojolepro [dot] com diff --git a/src/blog/2020-05-04_why_i_moved_from_wordpress/index.txt b/src/blog/2020-05-04_why_i_moved_from_wordpress/index.txt @@ -0,0 +1,45 @@ +Why I Moved From Wordpress +================================================================================ + +As some of you might have noticed, I moved away from wordpress and instead +created this plaintext website. + +It might seem like an odd choice (and it is), but I have some reasons for this. + +No Maintenance +-------------------------------------------------------------------------------- + +Having a plaintext website requires no maintenance. I write something, +upload the files and I'm done. +All I need is a text editor and ssh (or ftp). + +What can break? The SSL certificate or the domain name can expire. That's it. + +What can break with wordpress? All of the above plus: +- Php version change during updates +- Random new vulnerabilities +- Automatic updates can fail + +Speed +-------------------------------------------------------------------------------- + +Plaintext faster than php. + +Writing +-------------------------------------------------------------------------------- + +It is much easier to write in plaintext than to try to format things properly +in a web editor. + +Source Control +-------------------------------------------------------------------------------- + +- The code is small and easy to understand. No surprises here. +- I can use git to make backups of the website. No need for databases! + +Style +-------------------------------------------------------------------------------- + +I'm not very good at styling and I can't be bothered to spend hours making +everything look good. Also, I just like the style of plaintext. <3 + diff --git a/src/blog/2020-07-07_minimalist_alternatives/index.txt b/src/blog/2020-07-07_minimalist_alternatives/index.txt @@ -0,0 +1,209 @@ +Minimalist Alternatives to Popular Applications +================================================================================ + +This blog post will go through some minimalist alternatives to popular +applications. Most or all application mentionned here as alternatives run on +linux. + +Let's start! + +Calendar Applications/Google Calendar/Outlook Calendar +-------------------------------------------------------------------------------- + +Calcurse is a beatiful program to manage your appointments, note the +birthdays of everyone you know and keep track of what you have to do. + +Task Lists +-------------------------------------------------------------------------------- + +I was using an application called TaskWarrior to keep track of my tasks. +It is really good and I would recommend it to anyone that needs to track +a lot of things. + +Nowadays, I simply use a text file called todo.txt which I edit in neovim. +I use the same kind of headers I use for this blog, which you can create using: + +80i-<Esc> + +which inserts 80 times the "-" character. Overall the text file solution +is much simpler and portable, but comes at the cost of less features. + +If you need to keep a specific order in the tasks you do and need priority +management, I would suggest using TaskWarrior. Otherwise, a text file is just +fine. + +Drawing Graphs +-------------------------------------------------------------------------------- + +For graphs, I use graphviz, which is a collection of different programs that +create slightly different graphs depending on your needs. + +To use it, you create a text file describing the elements of your graph, then +use one of the programs to convert that text file into an image. + +Here's an example of a simplified graph I would use at school: + +graph Exercise2 { + edge [len = 3]; + graph [overlap = false]; + + /* Objects */ + advertiser [shape=box,label="Advertiser"]; + product [shape=box,label="Product"]; + + advertiser -- product; +} + +To convert it to a (postscript) image: + +neato -Tps entity_model.gv -o entity_model.ps + +Of course, it works just fine to create a .png: + +neato -Tpng entity_model.gv -o entity_model.png + +Music Player/Spotify +-------------------------------------------------------------------------------- + +I download all my music, usually from the artist's bandcamp if there's a +download option. + +There's a lot of different options for music players, but I use mpd+mpc on my +desktop and cmus on my laptop. + +I don't know which one I prefer, but they got the job done: They play music and +I'm not dependant on an external service. + +Video Player/Youtube +-------------------------------------------------------------------------------- + +I use a combination of newsboat (a RSS/news reader), youtube-dl (downloads +videos from youtube) and mpv OR mplayer (video players). + +newsboat is used instead of youtube's subscription system or interface since +it prevents me from seeing the recommended section and staying on the platform +for wayyyy too long. + +Here's an example of the ~/.newsboat/urls file I use: + +https://k1ss.org/blog/blog.xml +https://k1ss.org/news/news.xml +http://feeds.nature.com/nature/rss/current?format=xml +https://www.youtube.com/feeds/videos.xml?channel_id=<channel id that you want> + +Emails/Gmail/Outlook +-------------------------------------------------------------------------------- + +I use postfix + dovecot + spamassassin on a scaleway vps as a mailserver. +I use neomutt as my mail client. (I intend to try aerc soon.) + +I would suggest using Luke Smith's mutt wizard program to set things up for +you more easily. + +Powerpoints/Microsoft Office +-------------------------------------------------------------------------------- + +I don't actually have to create powerpoints, but if I did I would use +suckless' sent program. +You can find it on https://suckless.org + +Spreadsheets/Excel +-------------------------------------------------------------------------------- + +My needs for spreadsheets is pretty low now that I'm mostly using plain text +files instead. + +The rare times I do need one, I will use sc-im for simple usages or +libreoffice's calc for complex usages involving graphs. + +I should learn gnuplot soon *thinking*. + +Image Viewer +-------------------------------------------------------------------------------- + +If using a windows manager: sxiv +If not: fbv (a framebuffer image viewer) + +Pdf Reader +-------------------------------------------------------------------------------- + +If using a windows manager: zathura +If not: fbpdf + +Text Editor/Code Editor/VS Code/IntelliJ +-------------------------------------------------------------------------------- + +neovim all the way. Sorry emacs users ;_; + +Password Manager/KeepassX +-------------------------------------------------------------------------------- + +For a password manager with a graphical interface, KeepassX does the job +very well. + +Recently I switched to an application called pash, written by Dylan Araps. +It is very to use and runs in the terminal. + +Terminal Emulator +-------------------------------------------------------------------------------- + +Suckless Terminal (st). Available on https://suckless.org +I only use the alpha patch to see my desktop background. + +Disk Space Explorer +-------------------------------------------------------------------------------- + +ncdu exploring a lot of different folders, du -sh (ships with linux) to get +the size of some specific folders. + +Window Manager +-------------------------------------------------------------------------------- + +dwm on my desktop. Also available on the suckless website. :> + +On my desktop, I decided that I wanted a really minimal install, so I went +for a framebuffer-based setup. I'm running tmux inside of a fbpad instance +and use framebuffer applications (as listed earlier in this post) to view +images/pdfs/videos. + +Bookmark Manager +-------------------------------------------------------------------------------- + +A text file is really all you need, to be honest. I tried spreadsheets, +buku, the firefox built-in bookmark manager, but in the end nothing was as +simple and efficient as a text file. + +Also I just stopped using bookmarks and started "scraping" websites. +That is, I will download entire websites and keep a copy locally that I can +browse offline (prevents getting distracted). + +The command I use to that effect is: + +wget -e robots=off -r --level=0 -nc -np <website url> + +For those website that it makes no sense to scrape (like news website), I will +use newsboat to keep track of it. + +Background Image Changer +-------------------------------------------------------------------------------- + +feh --bg-scale <image.png> + +Conclusion +================================================================================ + +If you look hard enough, there's very often a simpler way of doing the things +you do. +It may be harder to learn, but there will be less "hidden complexity". +Complexity that is hidden from you can be both a good and a bad thing. +You can be more efficient, but when things break down, you lose all ability +to get meaningful work done. + +What happens if there is an internet outage for two days and all your work is +done online? Nothing at all gets done. Even worse: if you use google drive +to store all your company's work and for some reason google's storage gets +destroyed (an unlikely possibility, I agree), you can say hello to bankrupcy. + +In the end, whatever applications you use, be sure to keep an open mind and +make lots of backups in case things go sour. + diff --git a/src/blog/index.html b/src/blog/index.html @@ -1,2 +1,3 @@ -<a href="2020-03-31_extracting_data_from_websites">Extracting Data From Websites</a> +<a href="2020-05-04_why_i_moved_from_wordpress">Why I Moved Away From Wordpress</a> <a href="2020-04-09_simple_school_documents">Simple School Documents</a> +<a href="2020-03-31_extracting_data_from_websites">Extracting Data From Websites</a> diff --git a/src/index.txt b/src/index.txt @@ -1 +1,40 @@ -Site index test +I Press Keys on my Keyboard... A Lot +================================================================================ + +About Me: +- Open Source Contributor +- Game Engine Developer +- Game Developer +- Minimalist +- Avid Lover +- Gamer +- Leader of The Focks Cult +- Tsar of Focksland and Protector of the Fockses + +Skills: +- Game Dev +- Web Backends +- Data Mining +- Linux System Administrator +- Actually Reads The Fr*ckin Manual +- Documentation Preparation (groff, excel, etc...) +- Versatile! + +Primary Computer Languages: +- Rust +- Scala +- Java +- C# +- C + +Game Engine Experience: +- Amethyst (Core Engine Developer) +- ScalEngine (Engine Author) +- Unity +- JMonkeyEngine +- LWJGL + +Contact Me +================================================================================ +In English or French +mailto: jojolepro [at] jojolepro [dot] com diff --git a/src/projects/index.txt b/src/projects/index.txt @@ -0,0 +1,41 @@ +List Of Active/Completed Projects +================================================================================ + +Table Of Content: +- AltCom.io +- Cryptocurrency Investing Automation +- Heart Core +- Back2Life +- Hoppin World +- World Digger Mobile +- Endless Worlds +- Scal Engine +- Amethyst Engine +- SEECoV.org +- Easy Colval +- Drop Your Balls +- Inventory Managoat +- Specs-WASM +- Amethyst-Extra +- Game Features +- hAlF cApS +- AVX Hasher +- Database Hasher +- WebSocket Actix Receiver +- Packet Rerouter +- Half Matrix + + +List Of Prototypes +================================================================================ + +Table Of Content: +- Dash Raid +- Crazy Fall +- Dyna Maze +- Taiko-Copy +- Musi Maze +- PersonSim +- Blazing Net +- Dozen of others :) + diff --git a/src/quotes/index.txt b/src/quotes/index.txt @@ -0,0 +1,15 @@ +Ridiculous arguments or quotes from everyday life. +================================================================================ +2020-06-18: +dude we need to give birth +2020-05-10: +even if you'd wash the bytes by hand in the woods, you'd be faster +2020-05-02: +-No, think and stop entering any random command you find. +>How am I supposed to think? +2020-04-23: +-How minimalist are you? +>I'm minimalist good, and how are you? +-The states are not controlled by religion. +-The issue with religion is not the principles in themselves[...] +-That was a Kev moment. t. kev's teammate. diff --git a/template.html b/template.html @@ -26,28 +26,25 @@ height:auto; width:100%; } + nav a { + margin-right: 1ch; + } a { color: #3391ff; } * { scrollbar-color: #2a2c2e #1c1e1f; } - /*@media(prefers-color-scheme:dark){ - body{ - background:#000; - color:#fff; - } - a{ - color:#6CF; - } - }*/ </style> </head> <body> <nav> <a href=/><b>Jojolepro</b></a> <br/> - <a href=/blog>Blog </a> + <a href=/blog>Blog</a> + <a href=/quotes>Quotes</a> + <a href=/projects>Projects</a> + <a href=/focks>Focks</a> <a href=https://github.com/jojolepro/>GitHub</a> </nav> <br/>