Website development

Content

![[Writing ideas#Website]]



Roadmap

  • bug: subtags not read correctly
  • bug: impossible to position Algolia search results as fixed
  • bug: wrong posts arrangement in Zibaldone desktop

v1

  1. Improve Webmentions templating and display
  2. 🏗 The Jam: implement jekyll-graph

v2

  1. Temporary pseudo-zig: a “changelog” section in homepage, looping through the last few pages updated recently (based on page.updated)
  2. Fast, simple and light full text search
  3. Self-hosted analytics
  4. Full width images in posts and article’s max-width instead of padding
  5. Consider switching from a unique page with all tags to individual pages for each tag, see jekyll-paginate and jekyll-csv

v3

  1. Configure and implement ActivityPub
  2. Visions improvement: see images > gallery improvement and flickr to piwigo).
  3. Improved building workflow
    1. Integrate URL checking services in the workflow
  4. The Jam: Preview a note when hovering on link
  5. Watchlog implementation

v4

  • get CSVs from URLs with JavaScript instead of buildtime (pseudo nolan implementation)
  • nolan implementation
  • anytype implementation
  • Generative Art
    • always-changing colors, see Zander Martineau’s website

further improvements


page-specific to-dos

  • Feeds:
    • An “everything” feed, aggregating all of my feeds
  • The tags bible:
    • fix tags containing sub-tags not appearing
  • The jam:
    • update “main” pages
  • Giri:
    • cross-reference data with email and calendar
  • Apps:
    • use awk and pandoc to convert descriptions to HTML
    • separate uninstalled apps
    • print price
    • print whether the app is open source or not
  • Design:
    • Integrate websites with [[Webrings]] and [[Blogroll]] and [[Internet Awesomeness]]
    • refactor
  • Data sources:
    • Where to find reliable poll results? Official raw data, but simple?
    • Integrate with [[Knowledge]]?
  • Following:
    • integrate with [[Webrings]], [[People]], and [[Blogroll]]
  • Blogroll:
    • Integrate with [[Internet Awesomeness]]
    • Somehow integrate with [[Webrings]]
  • Xplosion music:
    • find a way to sync playlists and contents
    • write meaning, reasons and explanations for every song
  • Around the world:
    • loop through all the notes and posts from that location
  • Books:
    • integrate with Bookwyrm
    • updated picture of Gianna
  • Photography:
    • Add context and description to people
    • Refactor the note so that a preview of the pictures is shown
  • Now:
    • history of previous “now”s when updating
  • Internet awesomeness:
    • definire criteri di appartenenza
    • definire tags (#personal, #tool, #service…) e utilizzarli anche su Telegram
    • RSS to Telegram channel
  • The slot philosophy:
    • merge with slots
  • Signal:
    • Sconnesso episode
    • Perché è diverso da Telegram
  • Desk logging:
    • find a more creative name
    • create a photo gallery as with Living Art
  • Il cubo:
    • Foto del Cubo
    • Foto del Tommi Boom
  • Living:
    • Add Giovanni Paolo II tazza cit.
  • Csvfy:
    • Add link to “data” on GitHub
  • Jekyll:
    • add the “Jekyll is dead” debacle
  • Drawing:
    • picture of the painting in Bordighera alta
  • Monero:
    • copy address to clipboard
    • make this page full
  • Quotes:
    • add tags
  • Quit and switch:
    • update
  • Relationship with technology:
    • Highlight salient parts
  • Tutte le mie puntate su Radioimmaginaria:
    • convert to a CSV or JSON file
    • refactor
  • Titoli di coda:
    • from the watchlog/movies CSV take only the entries tagged ‘endcredits’


Done

  • fixed broken RSS feeds
  • improve cursor visibility
  • change preview
  • Check HTML best practices
  • better TOC positioning and spacing
  • Self-hosted comments service Switched from utteranc.es (that needed an authentication and it was GitHub-based) to a self-hosted Commento instance.
  • ✅ 2021-10-30 Month translation in Italian pages
  • ✅ Configure and implement indie web
  • Add a “Looking for help” page where are listed all the things (tagged help) for which I would love to receive assistance and thoughts ✅ 2021-05-25
  • Add this page was designed to last - ✅ 2021.05.20
  • Switch to variable fonts ✅ 2021.04.28
  • At the top of the page, add anchors buttons which link to comments, backlinks, etc. ✅ 2021.04.17
  • page.location improvement ✅ 2021.04.13
  • Check the OpenStreetMap API and figure out a way to implement Places in a map interface, integrating it with Timeline ✅ 2021.04.13
  • Sorting and filtering using JavaScript ✅ 2021.01.29
  • The new Jam:
    • show only parent/main tags and notes ✅ 2021.01.16
    • an unstyled simple bullet point list ✅ 2021.01.16
  • Add humans.txt ✅ 2021.01.17
  • 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
  • text-shadow CSS property in titles and in a:hover ✅ 2020.12.30
  • Use more Emojis ✅ 2020.12.30
  • Thumbnails in Zibaldone’s feed ✅ 2020.12.30
  • 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 !
  • {% if page.tags contains 'draft' %} print a banner indicating that the page misses something ✅ 2020-12-25
  • Use @import to add fonts instead of linking their CSS reference files in HTML ✅ 2020.12.25
  • 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
  • Scroll-to-bottom button which transforms into scroll-to-top after a certain height scrolling the page ✅ 2020.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
  • 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
  • CSV databases (check this post)
  • cursor styling
  • 🏗 2021.09.26 Embed Mastodon feed
  • final header configuration
  • Fix jekyll-target-blank plugin, which is NOT WORKING! See the related issue.
  • Global search
  • Hover effects
  • id anchor links
  • Host pictures on Piwigo and display them via API or public link
  • Improved and smart use of the vh and vw units. A guide
    • .box and .stuff max heights
  • 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](https://sivers.org/now ‘Derek Siver’s Now Page’)
  • page image preview when sending link, see the Open Graph Protocol
  • Poetry
    • section instead of tag
    • custom styling
  • Privacy Policy
  • RSS Feed
  • 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 Jam
  • Serif font styling in posts
  • Share button
  • Share on Jekyll showcase
  • [[Tutto|stuff extended]]
  • SVG buttons
  • Switch to SCSS
  • 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
  • Use flex
  • Telegram comments: <script async src='https://comments.app/js/widget.js?3' data-comments-app-website='bfg-ZXp6' data-limit='5' data-color='FCC920' data-dark='1'></script> - ❌ 2021.03.26 not working! Also: probably the script works only for individual domains, not for every page.
  • implement side-notes ❌ decided not to implement it (for the moment). See Website log: sidenotes

Share

🏗 WIP section 🛠

This section should contain a beautifull graph displaying the relations among this note and all of the others on tommi.space. Unfortunately, showing it requires great coding skills and I am still working on it.

Comments

Webmentions

No webmentions were found.