Ship
about me page and a few more
made the new about me section. for now i have made it like this blog is mine. but in future im thinking of making it like a model where anyone can clone this github and host their on blogs. also started working in the posts page and with the scripts that are needed.
next up
- scripts (posts.js, tags.js etc!)
- getting the tags part done
- search function
and more…
getting started
new day, new project. this time i wanted to make a blog site where i can edit markdown files in obsidian which is symlinked to a folder from where i can display those markdown files as blogs hosted on github pages. i just got started and im somewhat done with the ui for the frontpage and stuff.
next up
- rendering .md files within html files as a site
- tags
- search option
- about.html
- project.html
Ship
minor fixes and shortcuts
had problems to fetch news since i used github pages to host my site and no backend server of any sort. so i had to use a proxy api to get it work properly. further added keyboard shortcuts such as ‘/’ and ‘cmd or ctrl + k’ to focus on the search bar and escape to come out of focus. i think this project is done for now.
things to improve later
- custom favorites
- region specific news
- weather forecast
themes, accents and news section
did a quite a long work session made so much progress and the project is nearly done. made the dark and light theme options. made use of css variables for that. added a few choosable accent colors. used gnews api to fetch news and classify them into a few categories and display them in cards. site is also furnished to be responsive and usable in pretty much any device. further drafted a readme.md file. i also added a tiny animated down arrow thing that is visible at the bottom of the site to show that scrolling will get you to the news section.
next up
- minor fixes and changes
dropdown search engine selector
worked on the dropdown search engine selector and it turned out to be working well. this was the most challenges part to setup. after that i was fooling around with the css styling for the background and made like a spotlight like style for the search bar when clicked (i tried doing overlays and stuff but it seemed too complex for me). further i added an info button which on click takes you to the nasa apod info site.
next up
- news part
- settings panel (with theme selections and more)
apod background works
did a quick work session and got done with the apod background using nasa’s api. i also got to know that at times the apod might be videos (that is not only images) so i made a default background file that would be shown if the api is not able to fetch image, if the apod is a video or any other problems occur.
next up
- dropdown menu for search engines
- news section (might make a customizable one where you can chose what sources to follow)
getting started
i started with a new project. got the basic ui built with html and css. currently the search bar works (can only google) but then im looking forward to add other search engine options to it like a dropdown menu. the live time (24 hour clock) and the date part works are done and they work properly too.
next up
- background
- dropdown search engine switcher
- maybe a news part
Ship
worked for a few minutes on the projects and contact me part of the website. pretty much done with the website.
initial works. made a home/hero section, about me section and will work on the contact us section.
