diff options
22 files changed, 81 insertions, 7 deletions
diff --git a/#about.markdown# b/#about.markdown# new file mode 100644 index 0000000..f0ea75a --- /dev/null +++ b/#about.markdown# @@ -0,0 +1,29 @@ +--- +layout: default +title: About +permalink: /about/ +--- + +<h1 style="text-align: center;">About</h1> + +Hello! :D My name is Noah, but I go by **mounderfod**. I am interested in music, +programming and video games. + +**Languages I speak:** French, English + +**Languages I code in:** Python, JS, Java (and C# by extension), Rust + +<h2 style="text-align: center;">Socials</h2> + +I primarily use the Fediverse: + +- [Lemmy](https://lemmy.sdf.org/u/mounderfod) +- [Mastodon](https://mastodon.sdf.org/@mounderfod) +- [Pixelfed](https://metapixl.com/i/web/profile/577395471914797016) +- [GNU social](http://osli.rf.gd/mounderfod) + +If you have any questions/messages: + +- **Discord**: @mounderfod +- **Email**: mounderfod+website〈at〉gmail.com + diff --git a/_layouts/.#post.html b/_layouts/.#post.html new file mode 100644 index 0000000..3db6872 --- /dev/null +++ b/_layouts/.#post.html @@ -0,0 +1 @@ +noahk@LAPTOP-ITF9ILBO.12968:1689950859 \ No newline at end of file diff --git a/_layouts/default.html b/_layouts/default.html index 795bb95..99073dc 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -28,7 +28,7 @@ > <div id="main"> <div class="logo-container"> - <a href="/"><img class="logo" src="/assets/img/wordart.png" /></a><br /> + <a href="/"><img class="logo" src="/assets/img/wordart.webp" /></a><br /> </div> <div class="box">{{content}}</div> </div> diff --git a/_posts/2023-07-18-using-emacs.md~ b/_posts/2023-07-18-using-emacs.md~ new file mode 100644 index 0000000..22890b6 --- /dev/null +++ b/_posts/2023-07-18-using-emacs.md~ @@ -0,0 +1,44 @@ +--- +layout: post +title: Using Emacs +date: 2023-07-18T09:27:00Z +tags: [webdev, ide, emacs, text editor, development] +--- + +This post is being written in [Emacs](https://www.gnu.org/software/emacs/) :) + +### What? + +Emacs is, according to its own website: + +> "An extensible, customizable, free/libre text editor — and more." + +Basically, it's one of the oldest text editors to exist, is (technically) entirely keyboard-based, and manages to combine simplicity with power. In short, it's great and I'm going to talk about it now. + +### Why? + +Why am I using Emacs? Well, there's a few reasons: + +- I'd heard of it before and it sounded cool +- It's complex enough that it would present an interesting learning curve, but not so difficult as to discourage me +- It's useful for editing posts and HTML like this +- It ships with Tetris built in (need I say more?) + +### How? + +I went to the website and downloaded it. +My laptop currently uses Windows, and Emacs is made by GNU so as expected I was berated for my choice of OS: + +> "To improve the use of proprietary systems is a misguided goal. Our aim, rather, is to eliminate them." + +But I wasn't going to concern myself with GNU's plans for world domination; that's a problem for another day. The install was fairly simple, like any other application, and upon running the program I am greeted with a pleasant menu screen: + + + +Now it was time for me to learn how to use Emacs. +Emacs is primarily keyboard-based, as it was developed at a time where not all computers had GUIs at all, let alone mice to interact with them. As such, and also due to its age, it has its own set of keybinding patterns which are overall very different to that of most applications. For example, saving a file in MS Word is `Ctrl-S`, while in Emacs it is `C-x C-s`, which basically means `Ctrl-x` followed by `Ctrl-S`. You'll notice that in this example, two keybindings need to be pressed to perform one action. This is very common in Emacs, as there are lots of commands and not many keys, and there are even some commands that don't have keybindings and must be invoked by pressing `M-x` (`M` meaning `Alt`) and then typing the command name out. + +This was all a bit complex for me to understand at first, but I quickly got the hang of it (as I had done with the more standard keybinding patterns that existed elsewhere in the computing world). + +### Customising Emacs + diff --git a/assets/img/background.png b/assets/img/background.png deleted file mode 100644 index 9539260..0000000 --- a/assets/img/background.png +++ /dev/null Binary files differdiff --git a/assets/img/background.webp b/assets/img/background.webp new file mode 100644 index 0000000..50938fb --- /dev/null +++ b/assets/img/background.webp Binary files differdiff --git a/assets/img/planets/Planet-1.png b/assets/img/planets/Planet-1.png deleted file mode 100644 index 079e499..0000000 --- a/assets/img/planets/Planet-1.png +++ /dev/null Binary files differdiff --git a/assets/img/planets/Planet-1.webp b/assets/img/planets/Planet-1.webp new file mode 100644 index 0000000..f2a2af7 --- /dev/null +++ b/assets/img/planets/Planet-1.webp Binary files differdiff --git a/assets/img/planets/Planet-2.png b/assets/img/planets/Planet-2.png deleted file mode 100644 index b2cb682..0000000 --- a/assets/img/planets/Planet-2.png +++ /dev/null Binary files differdiff --git a/assets/img/planets/Planet-2.webp b/assets/img/planets/Planet-2.webp new file mode 100644 index 0000000..60d82af --- /dev/null +++ b/assets/img/planets/Planet-2.webp Binary files differdiff --git a/assets/img/planets/Planet-3.png b/assets/img/planets/Planet-3.png deleted file mode 100644 index e027912..0000000 --- a/assets/img/planets/Planet-3.png +++ /dev/null Binary files differdiff --git a/assets/img/planets/Planet-3.webp b/assets/img/planets/Planet-3.webp new file mode 100644 index 0000000..8429bc7 --- /dev/null +++ b/assets/img/planets/Planet-3.webp Binary files differdiff --git a/assets/img/planets/Planet-4.png b/assets/img/planets/Planet-4.png deleted file mode 100644 index 04adf12..0000000 --- a/assets/img/planets/Planet-4.png +++ /dev/null Binary files differdiff --git a/assets/img/planets/Planet-4.webp b/assets/img/planets/Planet-4.webp new file mode 100644 index 0000000..5ca7a7c --- /dev/null +++ b/assets/img/planets/Planet-4.webp Binary files differdiff --git a/assets/img/planets/Planet-5.png b/assets/img/planets/Planet-5.png deleted file mode 100644 index 749276e..0000000 --- a/assets/img/planets/Planet-5.png +++ /dev/null Binary files differdiff --git a/assets/img/planets/Planet-5.webp b/assets/img/planets/Planet-5.webp new file mode 100644 index 0000000..3aa89ff --- /dev/null +++ b/assets/img/planets/Planet-5.webp Binary files differdiff --git a/assets/img/uc.png b/assets/img/uc.png deleted file mode 100644 index dd638db..0000000 --- a/assets/img/uc.png +++ /dev/null Binary files differdiff --git a/assets/img/uc.webp b/assets/img/uc.webp new file mode 100644 index 0000000..0a21b42 --- /dev/null +++ b/assets/img/uc.webp Binary files differdiff --git a/assets/img/wordart.png b/assets/img/wordart.png deleted file mode 100644 index ebf84bd..0000000 --- a/assets/img/wordart.png +++ /dev/null Binary files differdiff --git a/assets/img/wordart.webp b/assets/img/wordart.webp new file mode 100644 index 0000000..ca8e55a --- /dev/null +++ b/assets/img/wordart.webp Binary files differdiff --git a/assets/index.css b/assets/index.css index c4a6157..7d452c8 100644 --- a/assets/index.css +++ b/assets/index.css @@ -1,7 +1,7 @@ @import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap"); html { - background-image: url(img/background.png); + background-image: url(img/background.webp); width: 100%; color: white; } diff --git a/index.html b/index.html index ab7afa7..50125cf 100644 --- a/index.html +++ b/index.html @@ -4,7 +4,7 @@ <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title>Home - mounderfod</title> - <link rel="icon" type="image/png" href="/assets/img/planets/Planet-4.png"> + <link rel="icon" type="image/webp" href="/assets/img/planets/Planet-4.webp"> <meta name="description" content="Hello! :D My name is Noah, but I go by mounderfod. I am interested in music, programming and video games." /> <meta name="viewport" content="width=device-width, initial-scale=1" /> @@ -29,23 +29,23 @@ > <div id="main"> <div class="logo-container"> - <a href="/"><img class="logo" src="/assets/img/wordart.png" /></a><br /> + <a href="/"><img class="logo" src="/assets/img/wordart.webp" /></a><br /> </div> <div id="container"> <div class="field"> - <img src="assets/img/planets/Planet-1.png" /> + <img src="assets/img/planets/Planet-1.webp" /> <a href="/about"> <h2><b>ABOUT</b></h2> </a> </div> <div class="field"> - <img src="assets/img/planets/Planet-2.png" /> + <img src="assets/img/planets/Planet-2.webp" /> <a href="/blog"> <h2><b>BLOG</b></h2> </a> </div> <div class="field"> - <img src="assets/img/planets/Planet-3.png" /> + <img src="assets/img/planets/Planet-3.webp" /> <a href="/projects"> <h2><b>PROJECTS</b></h2> </a> |
