Fountain pen post + modified stylesheet to make images look smaller

main
TitanElectrons 1 year ago
parent 6088983d45
commit 4a3e833a55

@ -1,35 +0,0 @@
# VimWiki Is Terrific
I have recently been using [VimWiki](https://github.com/vimwiki/vimwiki) to take all of my notes instead of Joplin, and it has been working really well. It has its own [Markdown (.md)](../definitions/markdown) format, but I use regular [Markdown (.md)](../definitions/markdown) with it. I use Syncthing to sync all my notes to all of my devices. There is barely any delay, so there are never any conflict issues.
## What Is VimWiki?
VimWiki is a plugin for Vim or Neovim that allows you to create a personal wiki. On this wiki, you can add anything you want. It is essentially Obsidian but more minimal and scriptable.
Since it runs in Vim or Neovim, it is extremely fast, lightweight and has barely any bloat. It runs blazingly fast even on old devices. The capability is also extremely high, since you can edit files at light speed when you learn Vim or Neovim properly.
## How Is It Useful?
Using VimWiki, it is trivial to organise notes, ideas, diaries, to-do lists or even future plans. It supports tables, links and much more. There is even an option to export your [Markdown (.md)](../definitions/markdown) files to HTML, which allows you to create webpages quickly.
It allows you to do everything regular [Markdown (.md)](../definitions/markdown) can do and more. For example, you can have checklists with progress on them, like this;
[ ] --> 0% complete
[.] --> 1% - 33% complete
[o] --> 33% - 66% complete
[0] --> 66% - 99% complete
[X] --> 100% complete
You can even have pre-formatted text. This makes it useful to add and explain code.
## How Do You Use It?
On my computers, I use Neovim to use VimWiki. When it comes to my phone, I use the Markor app, which is a [Markdown (.md)](../definitions/markdown) viewer. It is not the best experience on mobile, but I am willing to give that up for an amazing experience on my computers, since I use and note down things on my computer more.
The reason I am using VimWiki now is mainly to stay in line with me preferring plaintext to proprietary note apps or formats. As I mentioned in my last post, I try to use as much plaintext as possible to prevent distractions and have easy access to my notes wherever and whenever I want to.
## Conclusion
To conclude, I switched to VimWiki because I find it faster and easier to use Neovim directly on my computer. I love using [Markdown (.md)](../definitions/markdown), so I feel at home when using VimWiki. It is also because I prefer to use plaintext as much as possible.

@ -1,5 +1,6 @@
<!DOCTYPE html><html lang="en"><head><title>(BLOG) Sufyaan's Webpage</title><link rel="icon" type="image/x-icon" href="../images/favicon.webp"><link rel='stylesheet' type='text/css' href="../style.css"><link rel='stylesheet' href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" media="all"><meta charset="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1.0"></head><body><a href="../"><div style="text-align:center"><img src="../images/sufyaan.webp"></div></a><hr/><p><a href="../">sf.cu</a> > <a style="color:#bd93f9" href="../.">Blog</a></p>
<h1 class="homepage-heading"><a style="color:#bd93f9" href="../rss.xml"><i class="fa fa-rss" aria-hidden="true"></i></a>Blog</h1><h2>Categories:</h2><ul class="posts"><li><a href="linux/" style="color:#ff79c6"><i class="fa fa-terminal" aria-hidden="true"></i>Linux</a></li><li><a href="software/" style="color:#ff79c6"><i class="fa fa-laptop" aria-hidden="true"></i>Software</a></li><li><a href="technology/" style="color:#ff79c6"><i class="fa fa-code" aria-hidden="true"></i>Technology</a></li><li><a href="design/" style="color:#ff79c6"><i class="fa fa-pencil" aria-hidden="true"></i>Design</a></li><li><a href="guides/" style="color:#ff79c6"><i class="fa fa-book" aria-hidden="true"></i>Guides</a></li><li><a href="other/" style="color:#ff79c6"><i class="fa fa-plus" aria-hidden="true"></i>Other</a></li></ul><p class="homepage-body">Read my (mostly) computing-related articles here.</p><ul class="posts">
<li><code class="code-posts">30/07/23</code> - <a style="color:#bd93f9" href="../fp/"><i class="fa fa-pencil" aria-hidden="true"></i>Writing With Fountain Pens</a></li>
<li><code class="code-posts">28/07/23</code> - <a style="color:#bd93f9" href="../minimal-design/"><i class="fa fa-circle-thin" aria-hidden="true"></i>Minimal Design</a></li>
<li><code class="code-posts">27/07/23</code> - <a style="color:#bd93f9" href="../backups/"><i class="fa fa-cloud-upload" aria-hidden="true"></i>Taking Proper Backups</a></li>
<li><code class="code-posts">26/07/23</code> - <a style="color:#bd93f9" href="../vimwiki/"><i class="fa fa-sticky-note" aria-hidden="true"></i>VimWiki Is Terrific</a></li>

@ -1,5 +1,6 @@
<!DOCTYPE html><html lang="en"><head><title>(OTHER) Sufyaan's Webpage</title><link rel="icon" type="image/x-icon" href="../../images/favicon.webp"><link rel='stylesheet' type='text/css' href="../../style.css"><link rel='stylesheet' href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" media="all"><meta charset="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1.0"></head><body><a href="../../"><div style="text-align:center"><img src="../../images/sufyaan.webp"></div></a><hr/><p><a href="../../">sf.cu</a> > <a style="color:#bd93f9" href="../../">Blog</a> > <a style="color:#ff79c6" href="."><i class="fa fa-plus" aria-hidden="true"></i>Other</a></p>
<h1 class="homepage-heading"><i class="fa fa-plus" aria-hidden="true"></i></a>Other</h1><p class="homepage-body">In this category, I post about miscellaneous things. These posts may be information related to me or general things which do not apply to my regular posts.</p><ul class="posts">
<li><code class="code-posts">30/07/23</code> - <a style="color:#bd93f9" href="../../fp/"><i class="fa fa-pencil" aria-hidden="true"></i>Writing With Fountain Pens</a></li>
<li><code class="code-posts">20/04/23</code> - <a style="color:#bd93f9" href="../../eid23/"><i class="fa fa-key" aria-hidden="true"></i>Eid Mubarak!</a></li>
</ul>
<p class="homepage-body">You have hit rock bottom!</p><hr/><footer><p class="footer-text"><a style="color:#bd93f9" href="../../">blog</a> - <a style="color:#ffb86c" href="../../about">about</a> - <a style="color:#f1fa8c" href="../../portfolio">portfolio</a> - <a style="color:#ff5555" href="../../links">links</a></p><p class="footer-text" style="font-size:80%"><a href="../../">sufyaan.cyou</a></p><p class="footer-text" style="font-size:65%"><a style="color:#aaaaaa" href="../../sitemap">Site Map</a></p></footer>

@ -0,0 +1,41 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>(POST) Writing With Fountain Pens</title>
<link rel="icon" type="image/x-icon" href="../images/favicon.webp">
<link rel='stylesheet' type='text/css' href="../style.css"> <link rel='stylesheet' href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" media="all">
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<a href="../"><div style="text-align:center"><img src="../images/sufyaan.webp"></div></a>
<hr/><p><a href="../">sf.cu</a> > <a style="color:#bd93f9" href="../blog/">Blog</a> > <a style="color:#bd93f9" href=".">Writing With Fountain Pens</a></p>
<h1><i class="fa fa-pencil" aria-hidden="true"></i>Writing With Fountain Pens</h1>
<p style="font-size:110%"><strong><i class="fa fa-calendar" aria-hidden="true"></i>30 July 2023</strong></p><p style="font-size:110%"><i class="fa fa-clock-o" aria-hidden="true"></i><strong>2 min</strong><p style="font-size:110%"><i class="fa fa-arrow-right" aria-hidden="true"></i></strong><a style="color:#ff79c6" href="../blog/other/"><i class="fa fa-plus" aria-hidden="true"></i>Other</a></p>
<h3><i class="fa fa-list" aria-hidden="true"></i>Table Of Contents</h3>
<ol>
<li><a href="#why" style="color:#ff79c6">Why?</a></li>
<li><a href="#ink" style="color:#ff79c6">What Ink Did You Use?</a></li>
<li><a href="#feel" style="color:#ff79c6">How Did It Feel?</a></li>
<li><a href="#conclusion" style="color:#ff79c6">Conclusion</a></li>
</ol>
<p>I have heard great things about writing with fountain pens and decided to try one. I have recently purchased the Jinhao X750 and I have to say that I am not going back.</p>
<div style="text-align:center;"><img src="jinhao.webp" alt="Jinhao X750"><figcaption>Jinhao X750</figcaption></div>
<h2 id="why"><i class="fa fa-question" aria-hidden="true"></i>Why?</h2>
<p>Buying a fountain pen elevated my writing experience. It is more about keeping in touch with an old lost art, that is writing. As an extreme technology user myself, using digital versions of literally everything, it is refreshing to write using a good tool and love writing again.</p>
<h2 id="ink"><i class="fa fa-tint" aria-hidden="true"></i>What Ink Did You Use?</h2>
<p>I used the <a href="https://www.pelikan.com/int/products/writing/supplies-accessories/156-inks/125-pelikan-4001-ink-glass-jar.html#gallery_125-3">Pelikan 4001</a> in black, and it is going great so far. I might use this pen for all my writing as it makes it a treat.</p>
<h2 id="feel"><i class="fa fa-commenting" aria-hidden="true"></i>How Did It Feel?</h2>
<p>The first time I wrote with my pen, it felt like I had unlocked a new door in writing. It felt like I was writing something that would impact the world in some way, even though I was just writing my name. Every time I write using it, it feels like I am doing something extraordinary, rather than just doing it for the sake of it.</p>
<p>The art of customising what goes in your pen also really piqued my curiosity. The fact that I can choose what ink and converter I want to use makes me relieved, even though I most likely will never change my converter. I can use glow-in-the-dark ink, green ink, purple ink and much more in the same pen and can switch it at almost any time.</p>
<p>I would say that fountain pens are expensive up-front, but cheaper in the long run. You do not have to keep spending money like you would with ball-point pens or roller-balls.</p>
<h2 id="conclusion"><i class="fa fa-book" aria-hidden="true"></i>Conclusion</h2>
<p>I love my new fountain pen. It has reignited my love for writing. I will use it for all my writing because of the writing experience.</p>
<p><a href="mailto:sufyaan@counterhawks.com?subject=Writing%20With%20Fountain%20Pens">>>> Reply To Me</a></p>
<p style="text-align:center;"><a href="../minimal-design/" style="color:#bd93f9"><i class="fa fa-angle-double-left" aria-hidden="true"></i>Previous Post</a></p>
<hr/>
<footer>
<p class="footer-text"><a style="color:#bd93f9" href="../blog">blog</a> - <a style="color:#ffb86c" href="../about">about</a> - <a style="color:#f1fa8c" href="../portfolio">portfolio</a> - <a style="color:#ff5555" href="../links">links</a></p>
<p class="footer-text" style="font-size:80%"><a href="../">sufyaan.cyou</a></p><p class="footer-text" style="font-size:65%"><a style="color:#aaaaaa" href="../sitemap">Site Map</a></p>
</footer>

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

@ -43,7 +43,8 @@
<p>Many designs nowadays are complicated and provide barely any breathing space for your eyes. With minimal designs, however, you can rest easy. Your eyes will not be overwhelmed by minimal design as much as complicated designs.</p>
<p>This is useful on informational posts or flyers. It allows your users to process information clearly without any clutter.</p>
<h2 id="harmony"><i class="fa fa-plus" aria-hidden="true"></i>Harmony</h2>
<p>Minimal designs often make use of negative space or whitespace to make a design look appealing. This can look spectacular if executed correctly.</p>
<p>Minimal designs often make use of negative space or whitespace to make a design look appealing. This can look spectacular if executed correctly. Below is an example:</p>
<div style="text-align:center;"><img src="spade.webp" alt="A Spade Logo using whitespace properly"><figcaption>A Spade Logo</figcaption></div>
<h2 id="maintainence"><i class="fa fa-calendar" aria-hidden="true"></i>Maintainence</h2>
<p>Minimal brand designs can be easily maintained and modified. This makes them versatile in terms of rebranding.</p>
<h2 id="conclusion"><i class="fa fa-book" aria-hidden="true"></i>Conclusion</h2>
@ -58,7 +59,7 @@
</ol>
<p>These are the main reasons I do minimal design.</p>
<p><a href="mailto:sufyaan@counterhawks.com?subject=Minimal%20Design">>>> Reply To Me</a></p>
<p style="text-align:center;"><a href="../backups/" style="color:#bd93f9"><i class="fa fa-angle-double-left" aria-hidden="true"></i>Previous Post</a></p>
<p style="text-align:center;"><a href="../backups/" style="color:#bd93f9"><i class="fa fa-angle-left" aria-hidden="true"></i>Previous Post</a> - <a style="color:#bd93f9" href="../fp/">Next Post</a> <i style="color:#bd93f9" class="fa fa-angle-right" aria-hidden="true"></i></p>
<hr/>
<footer>
<p class="footer-text"><a style="color:#bd93f9" href="../blog">blog</a> - <a style="color:#ffb86c" href="../about">about</a> - <a style="color:#f1fa8c" href="../portfolio">portfolio</a> - <a style="color:#ff5555" href="../links">links</a></p>

@ -1,35 +0,0 @@
# VimWiki Is Terrific
I have recently been using [VimWiki](https://github.com/vimwiki/vimwiki) to take all of my notes instead of Joplin, and it has been working really well. It has its own [Markdown (.md)](../definitions/markdown) format, but I use regular [Markdown (.md)](../definitions/markdown) with it. I use Syncthing to sync all my notes to all of my devices. There is barely any delay, so there are never any conflict issues.
## What Is VimWiki?
VimWiki is a plugin for Vim or Neovim that allows you to create a personal wiki. On this wiki, you can add anything you want. It is essentially Obsidian but more minimal and scriptable.
Since it runs in Vim or Neovim, it is extremely fast, lightweight and has barely any bloat. It runs blazingly fast even on old devices. The capability is also extremely high, since you can edit files at light speed when you learn Vim or Neovim properly.
## How Is It Useful?
Using VimWiki, it is trivial to organise notes, ideas, diaries, to-do lists or even future plans. It supports tables, links and much more. There is even an option to export your [Markdown (.md)](../definitions/markdown) files to HTML, which allows you to create webpages quickly.
It allows you to do everything regular [Markdown (.md)](../definitions/markdown) can do and more. For example, you can have checklists with progress on them, like this;
[ ] --> 0% complete
[.] --> 1% - 33% complete
[o] --> 33% - 66% complete
[0] --> 66% - 99% complete
[X] --> 100% complete
You can even have pre-formatted text. This makes it useful to add and explain code.
## How Do You Use It?
On my computers, I use Neovim to use VimWiki. When it comes to my phone, I use the Markor app, which is a [Markdown (.md)](../definitions/markdown) viewer. It is not the best experience on mobile, but I am willing to give that up for an amazing experience on my computers, since I use and note down things on my computer more.
The reason I am using VimWiki now is mainly to stay in line with me preferring plaintext to proprietary note apps or formats. As I mentioned in my last post, I try to use as much plaintext as possible to prevent distractions and have easy access to my notes wherever and whenever I want to.
## Conclusion
To conclude, I switched to VimWiki because I find it faster and easier to use Neovim directly on my computer. I love using [Markdown (.md)](../definitions/markdown), so I feel at home when using VimWiki. It is also because I prefer to use plaintext as much as possible.

@ -37,6 +37,7 @@
</ul>
<h3>Posts</h3>
<ul class="posts">
<li><a style="color:#bd93f9" href="../fp/">Writing With Fountain Pens</a></li>
<li><a style="color:#bd93f9" href="../minimal-design/">Minimal Design</a></li>
<li><a style="color:#bd93f9" href="../backups/">Taking Proper Backups</a></li>
<li><a style="color:#bd93f9" href="../vimwiki/">VimWiki Is Terrific</a></li>

@ -39,7 +39,7 @@ p,ol,ul{
font-weight:400
}
img{
width:40vw
width:30vw
}
b{
font-weight:700

Loading…
Cancel
Save