Website development

published on
latest edit:

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.

  1. Configure and implement Indie Web
    • Note in footer that this website supports Webmentions
  2. Stop using Algolia and consider faster and simpler alternatives
  3. Develop a timeline
  4. The Jam: Preview a note when hovering on link
  5. The Jam: Notes graph
  6. page.location improvement:
    1. location-url in _data?
    2. Use coordinates and find a way to create an ecosystem of places
  7. Check the OpenStreetMap API and figure out a way to implement Places in a map interface, integrating it with Timeline
  8. Create git submodules / Gists for every file which is significant alone (Apps, Server, Server setup, Blogroll…)
  9. Configure Peekalink in Cinema to replace The Movie Database list and quit it.
  10. 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
  11. Integrate jekyll-time-to-read
  12. 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)
  13. Use jekyll-exif-data to print a picture place and time in figcaption by default
  14. Tags:
  15. Visions improvement: see [[ Images ]] and Switch to Piwigo).
  16. Fetch images previews to complete external links and preferences
  17. Replace Jekyll SEO Tag with Liquid syntax
  18. Host pictures on Piwigo and display them via API or public link
  19. Give a consistent framework to all lists (use CSV data or markdown tables only)
  20. Implement little cool JavaScript features, from W3schools
  21. Improve <noscript>
  22. Consider using jekyll-git-metadata instead of jekyll-modified-at and insert a “last updated” entry on homepage (or footer)
  23. Use jekyll-multisite with quitsocialmedia.club and PISE notes
  24. Use jekyll-auth to limit content availability
  25. A script to check overlapping permalinks



Further ideas #



Done #

  • Add humans.txt ✅ 2021.01.17
  • Animations (little and simple but effective)
  • 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
  • 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 and vw 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 a tablerow loop). ✅ 2020.12.31
  • inline code styling
  • input fields styling
  • Language selection straight from landing page - 2020.09.11
  • language switch
  • letter-spacing and word 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 to The Jam
  • Neumorphism redesign
    1. Start by smoothing corners
    2. go on by using this tool
    3. 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 the div 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
      1. Fix some tags which are repeated multiple times
      2. Fix gradient not being displayed as text color (check CSS Tricks’ titles on hover)
      3. Display Jam elements in tags list
      4. choose once and for all categories VS tags (chose tags)
      5. Instead of inlining specific properties, create classes for every tag and create a for loop in SCSS accessing site.data.tags colors
  • text-shadow CSS property in titles and in a: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

edit this page

Share

Comments