On this page are the collection of resources I have used to create this website
Main sources (meat & potatoes of the site per se)
- Markdown - official documentation
- Kramdown - official documentation
- KaTeX - official site
- Jekyll - official site
- Eric Chapdelaine blog
- Blog section is using the default minima(gh repo) jekyll theme
- TOC written in Liquid so can be used with
include
command in a layout github repo. (Is in my_includes
file but isn’t in use yet) - Pure Kramdown TOC Stack Overflow, Official Kramdown documentation.
- Good link explaining flexbox
Used to make the flip button
Flip Icon button svg links
- https://www.flaticon.com/free-icon/flip_734592
- https://www.flaticon.com/free-icon/mirror_3018310#
- https://www.flaticon.com/free-icon/flip_4047775
- https://www.flaticon.com/free-icon/mirror-image_5951864
- https://www.flaticon.com/free-icon/specular-reflection_3247998?related_id=3247998&origin=search
- https://www.flaticon.com/free-icon/reflect_8198413
- https://www.flaticon.com/free-icon/flip_4818450
Extra miscellaneous stuff
- Adding markdown to linguist repo stats
- Advanced Jekyll article
- Regex editor and viewer - I used this to get some of the regex that allows the collapsible notes sections
- Codepen for Growing text.
- Stack overflow post addressing how to select a previous element in css. (I used the solution posed by the third topmost answer, which at the time had 248 upvotes)
Kramdown tricks
- Adding html attributes to things (I stumbled accross this cos I wanted to left align an image)
Stack Overflow thread
Kramdown documentation about the matter for image
Kramdown documentation about the matter in general - Markdown/Kramdown tips and tricks page
To consider adding:
- includes based on directories like a sidebar for example
- The following code snippet allows for all the links that lead to a site that isn’t my local site to have
target="_blank"
as default. I found it in this stack overflow thread
Array.from(javascript.links)
.filter((link) => link.hostname != window.location.hostname)
.forEach((link) => (link.target = "_blank"));
- Hyderjack - This is a jekyll theme that is payed ($39 lol) but you can get for free by looking at the source code of a site that uses it
Lazy Ren blog - Blog that uses it
note: lol the guy in the blog has customised the theme but hasn’t bothered changing the titlepages and the favicon - Checkout the following pages for dynamic TOCs:
- https://ouyi.github.io/post/2017/12/31/jekyll-table-of-contents.html
- https://webdevtrick.com/dynamic-table-of-contents/
- https://craig-creeger.github.io/javascript/table-of-contents.html
- http://www.whitsoftdev.com/articles/toc.html
- https://inspiredwebdev.com/create-dynamic-sticky-table-of-contents/
- https://docraptor.com/documentation/article/1068722-code-example-dynamic-table-of-contents
- Checkout the following pages for writting books:
- Look for some nice Jekyll theme on their page
- Checkout CSS that looks like github markdown here
- Checkout Microsoft web-dev for beginners course
Thing I want to add on
Big things
- Zettlekasten notes database
- Start blogging
- Projects area when I eventually start making them
- This will then lead me to make a CV/resume page
- Checkout “To consider adding” section and see if anything can be integrated
- Integrate search
- Get some nicer css
- Make a better footer
- Horizontal timeline blog home page
- study hour logger
- Make website searchable and navigable with a graph (Knowledge system, kinda like Obsidian)
- Add audio blog with transcribed audio too (to make the audio searchable)
- make notes a jekyll object like _posts so that they can have a timeline home page, and so I can just dump notes into it
- add some spaced repetition thing to them, like anki
- add some database to them
- personal hall of fame
- what I want to learn section
- language learning section
- Add search
- Add local subject search
- Add uni wide search
- Add later on to other sections of the site search
- Make new note function
Small features
- File and Code line counter of this site on the main page
- Dynamic autoscrolling toc
- Copy how XahLee displays codeblocks
- Add code highlighting
- Create coyote 404 page
- style links
- style toc and their links
- pull ups logger
- change close all and open all buttons in notes pages to a single toggle button
- migrate local todo/to learn to here
- build flip text direction
- add Tex roman numeral to documents
- Uni passed exams and average sections
- Fix footer glitch overlapping with toc
Thing completed from the above list
- Fix blog posts theme
- Scollbar on toc if it is long
- Style scrollbar
- Redesign home landing page (include mr. Johann Sebastian in it somehow)