1. This website includes only Single HTML file.
Well it used to be but not now.
I am big fan of minimalism and simplicity, therefore I always try to avoid bloat stuff. Creating Website means managing multiple HTML pages which sounds bit of a hassle thats why most goes toward Static Site Generators. But those like me want to learn something new and want freedom to customize and edit the site the way they want wouldn’t fall for that option.
Instead of creating each pages for each navs I simply used the #anchor suffix (from 1992) and the :target CSS selector to show and hide pages/content. Thats how navigation stuff works.
At first I was okay with previous blogging layout but I realized this page gonna get bloated with too many blogs entres, So creating seperate pages for each blogs was inevitable. and maybe I will iframe the blog/index page into blogs section. So browser wont have to load different pages it just navigate to different section of same site.
2. John Does’s Site inspired me to create this layout.
I owe John Doe (whoever that is) for inspiring me to create this site, mostly because ofanchor suffix stuff. For fancy stuff I used some Simple Js using Jquery and Ajax but still it most minimal out there.
3. Every Link on this site opens in new tab
You can always opens links on any site with SHIFT+CLICKS but in this site you dont have to.
For me its frustrating to load external links on same tab and loss track of main site. Thats why I dont wanted to give this same inconvinience to users. I used target=“_blank”. However this comes with one security flaw. To prevent this concern I used (and strongly recommend others too) to add rel=“noreferrer noopener” to the anchor element to prevent a type of phishing known as tabnabbing.
In more correct and secured way you put it like this: ```
<a href="https://example.com" target="_blank" rel="noopener noreferrer">example link</a></textarea>You add this precaution to prevent hackers from using this vulnerability against you.
4. Blog
If anything given me more headache is blog. I used to manually update it. I mean manually Editing html and adding RSS entry line and stuff but as times go by I understood Its needs to be automated. So I used Luke’s Blog script. But Editing Still not smoother as tweaking that script goes on I finally landed on Quartz Which makes it easier to handle Markdown files and convert them to html and After So much discussion with myself we agreed on a point that lets Quartz be act as a database and blog links should be kept on different blog page. So every one who click on the full links of or “Read More” they will be redirected to blog pages hosted on Quartz. So Right now I use combination of Quartz + LB script to manage blogs. Anyone can still subscribe to my quartz rss but they want just blogs then they have that option too ⇒ https://nvpie.exozy.me/mysite/rss.xml