Table of contents
Creative and technical aims, ideas annotation and drafts tracking.
Not Working #
- Liquid
| sort
filter! - Algolia search index is limited
- Overflow of button shadows in Safari
- scrollbars always displayed in Linux distros when
overflow: scroll
is on - https://tommi.space/timeline -> https://timeline.tommi.space
Content #
! [[ Writing#Website ]]
Roadmap #
Items in the following list are sorted by priority. Thus, quick and easy features might be at the bottom but might also be the first ones to be implemented, while the ones at the top might be the most important, but they may require a longer time and harder work to be completed, so they’ll be finished later.
- Configure and implement Indie Web
- Note in footer that this website supports Webmentions
- Stop using Algolia and consider faster and simpler alternatives
-
Lunr
- [jekyll-lunr](https://0xacab.org/sutty/jekyll/jekyll-lunr “”)
- Searchyll
- a simpler and lighter search service
-
Lunr
- Develop a timeline
- The Jam: Preview a note when hovering on link
- The Jam: Notes graph
-
page.location
improvement:-
location-url
in _data? - Use coordinates and find a way to create an ecosystem of places
-
- Check the OpenStreetMap API and figure out a way to implement Places in a map interface, integrating it with Timeline
- Create git submodules / Gists for every file which is significant alone (Apps, Server, Server setup, Blogroll…)
- Configure Peekalink in Cinema to replace The Movie Database list and quit it.
- Avoid having to use special plugins to parse
<span title='This note is private' class='invalid-link'> <span class='invalid-link-brackets'>[[</span> wikilinks <span class='invalid-link-brackets'>]]</span></span>
, and use simple markdown links, integrating them in Jekyll with jekyll-relative-links- problems
- how to remove invalid links
- Folder structure becomes fundamental and links must be changed when file is moved (Obsidian should automatically handle this)
- Current Liquid permalinks parsing may not work anymore
- problems
- Integrate jekyll-time-to-read
- Integrate jekyll-minifier if it proves to be better for performance and / or more stable (keep in mind that Netlify offers JS and CSS minification)
- Use jekyll-exif-data to print a picture place and time in
figcaption
by default -
Tags:
- consider switching from a unique page list to individual pages for each tag, see jekyll-paginate and jekyll-csv
- Visions improvement: see [[ Images ]] and Switch to Piwigo).
- Fetch images previews to complete external links and preferences
- how to make use of https://ogp.me to retrieve data
- Replace Jekyll SEO Tag with Liquid syntax
- Host pictures on Piwigo and display them via API or public link
- Give a consistent framework to all lists (use CSV data or markdown tables only)
- Implement little cool JavaScript features, from W3schools
- Improve
<noscript>
- CSS only dark/light mode toggle
- Consider using jekyll-git-metadata instead of jekyll-modified-at and insert a “last updated” entry on homepage (or footer)
- Use jekyll-multisite with quitsocialmedia.club and PISE notes
- Use jekyll-auth to limit content availability
- A script to check overlapping permalinks
Further ideas #
- Figure out jekyll-hardlinks
-
Generative Art
- always-changing colors, see Zander Martineau’s website
- Integrating Telegram comments (comments.app not working after login)
- GIFs instead of images
- Improve
blockquote
s - Image gallery creation
- https://github.com/maxvoltar/photo-stream
- http://benschwarz.github.io/gallery-css/
- Tania Rascia’s guide for a responsive gallery
- Create Jekyll theme
- Consider hosting on Server instead of using Netlify
- Consider switching to Hugo
- Stick the menu bar to the bottom instead of sticking it to the top, as in Humane Tech website and Victoria Drake
- Typographic improvements
Done #
- Add
humans.txt
✅ 2021.01.17 - Animations (little and simple but effective)
- buttons:
x
s and menus (see Tokyo voice or Trax mag)
- buttons:
- back-to-top button
- basic colored biiig shapes
- Backlinks
- Better Open Graph Protocol integration
- Button inner-shadow instead of transform when hovering
- “blogroll”: a list of blogs which inspire me, see Pawlean
- change mobile browser bar color
- Color Jam items according to the belonging tag
- Consider dropping Kramdown for better performance and use CommonMark instead ❌ (not working) 2021.01.09
- custom selection color for text
- customize 404 page
- Creative Commons (or, in general, a license) for every image of the site (one for every image or one specified) FOOTER CC LICENSE
- tags description and link to stuff
- checkbox styling
- CSS cleanup
- CSV databases (check this post)
- cursor styling
- final header configuration
- Fix jekyll-target-blank plugin, which is NOT WORKING! See the related issue.
- Get rid of jQuery: it’s used just in one case and it’s not worth it: downloading it takes around 1.5s of the website loading time. Use pure JavaScript instead ✅ 2020-12-25 FINALLY !
-
Global search
-
Algolia
- jekyll-algolia plugin (source)
- Algolia for Open Source
-
Lunr
- Lunr setup article 1
- Lunr setup article 2
- custom
-
Algolia
- Hover effects
-
id
anchor links -
{% if page.tags contains 'draft' %}
print a banner indicating that the page misses something ✅ 2020-12-25 - implement side-notes ❌ decided not to implement it. See Website log: sidenotes
- Improved and smart use of the
vh
andvw
units. A guide-
.box
and.stuff
max heights
-
- In Books add IDs to every row corresponding to the title of the book (I posted a question about this on the Jekyll forum) (done but to be improved: IDs are generated for every
td
, I think it’s necessary to use a for loop instead of atablerow
loop). ✅ 2020.12.31 - inline code styling
- input fields styling
- Language selection straight from landing page - 2020.09.11
- language switch
-
letter-spacing
andword spacing
(it’s nice as it is) - light/dark mode switch button (I’m deep and dark / I’m bright and shiny)
- list of belonging tags at the top of the post page
- Make about a page
- Mobile optimisation
- move
stuff extended
toThe Jam
-
Neumorphism redesign
- Start by smoothing corners
- go on by using this tool
- use Eva icons
- Now page
- page image preview when sending link, see the Open Graph Protocol
- Poetry
- section instead of tag
- custom styling
- Privacy Policy
- RSS Feed
- Scroll-to-bottom button which transforms into scroll-to-top after a certain height scrolling the page ✅ 2020.01.17
- Self-host media and heavy files on
assets.tommi.space
to make git folder lighter - separate website/repo/domain for web and online resources or for geek stuff in general (configured as The Jar
- Serif font styling in posts
- Share button
- Share on Jekyll showcase
- Sorting and filtering using JavaScript ✅ 2021.01.29
- stuff extended
- SVG buttons
- Switch to SCSS for styling
- Switch to Zettelkasten
- git submodules
- make backlinks optional: insert
if
statement out of thediv
and make the box appear only if at least one backlink is present - convert Zetelkasten links to ordinary links ✅ 2020.12.12
- Backlinking ✅ 2020.12.03
- table of contents
-
Tags
- move tags specifications to
_data
- in every post, show the tags to which it belongs
- create unique page for all tags, anchor to choose a single one
- Fix some tags which are repeated multiple times
- Fix gradient not being displayed as text color (check CSS Tricks’ titles on hover)
- Display Jam elements in tags list
- choose once and for all
categories
VStags
(chosetags
) - Instead of inlining specific properties, create classes for every tag and create a
for
loop in SCSS accessingsite.data.tags
colors
- move tags specifications to
-
text-shadow
CSS property in titles and ina:hover
✅ 2020.12.30 - The new Jam:
- show only parent/main tags and notes ✅ 2021.01.16
- an unstyled simple bullet point list ✅ 2021.01.16
- Thumbnails in Zibaldone’s feed ✅ 2020.12.30
- Use
@import
to add fonts instead of linking their CSS reference files in HTML ✅ 2020.12.25 - Use
flex
- Use more Emojis ✅ 2020.12.30
Comments