Website development

published on
latest edit:

Table of contents

Content #

![[Writing#Website]]



Roadmap #

  1. Configure and implement indie web
    • Note in footer that this website supports Webmentions
  2. Configure and implement ActivityPub
  3. Fast, simple and light full text search
  4. Remove JavaScript
    • CSS only dark/light mode toggle - 2021-06-15 bug: if input is before body, it is automatically moved inside by the browser
  5. the jam: implement jekyll-graph
  6. the jam: Preview a note when hovering on link
  7. Full width images in posts and article’s max-width instead of padding
  8. Embed Mastodon feed
  9. Movies list integration
  10. Visions improvement: see [[Images]] and piwigo).
  11. Fetch images previews to complete external links and preferences
  12. Give a consistent framework to all lists csvfy
  13. Check HTML best practices
  14. Study awesome-web-animation website
  15. Flash animation of exploding head emojis while a button is active and/or hover
  16. Consider switching from a unique page with all tags to individual pages for each tag, see jekyll-paginate and jekyll-csv
  17. Study Search Engine Optimization repo and Blogger’s <head> to improve SEO
  18. Join WebRings
    1. xxiivv Webring ✅ 2021-05-25
    2. weird-wide-webring
  19. timeline development
  20. Implement little cool extra JavaScript features, from W3schools
  21. Integrate a script/plugin to check overlapping permalinks
  22. Use jekyll-exif-data to print a picture place and time in figcaption by default
  23. Integrate Urlint in GitHub to check links
  24. Consider using jekyll-git-metadata instead of jekyll-modified-at and insert a “last updated” entry on homepage (or footer)
  25. Use jekyll-multisite with quitsocialmedia.club and PISE notes
  26. Set a .onion address
  27. Make permanent html
  • Feeds:
    • An “everything” feed, aggregating all of my feeds
  • home:
    • Set better picture for Scambi
  • The tags bible:
    • fix tags containing sub-tags not appearing
  • Tutto:
    • Move this to a CSV/YAML file (how to handle links and resources?)
    • Sort everything BY DATE, with YEAR as H2; current H2s should become tags
  • Apps:
    • use awk and pandoc to convert descriptions to HTML
    • separate uninstalled apps
    • print price
    • print whether the app is open source or not
  • Knowledge:
    • merge with [[Data]]
    • Better integrate with [[Missing Knowledge]]
  • Design:
    • Integrate websites with [[Webrings]] and [[Blogroll]] and [[Internet Awesomeness]]
  • Data sources:
    • Where to find reliable poll results? Official raw data, but simple?
    • Integrate with [[Knowledge]]?
  • Parole:
    • bug: custom url not working
  • Cinema:
    • Integrate with a CSV data file with all movies
  • Quotes:
    • continue transcribing to _data/quotes.csv
  • 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
  • Books:
    • Add reading times and gifts
    • fix reading notes display issues
  • 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
  • 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
  • Csvfy:
    • Add link to “data” on GitHub
  • Digital wellbeing implementations:
    • Add to [[Bugs and Feature Requests]]
  • Giri:
    • cross-reference data with email and calendar
  • Internet freedom:
    • finish to properly write this
  • Internet awesomeness:
    • definire criteri di appartenenza
    • definire tags (#personal, #tool, #service…) e utilizzarli su Telegram
    • Telegram API / RSS feed per prendere le cose da lì
    • Pubblicare liste di Pocket
  • Missing knowledge:
    • Refactoring and integration with [[Knowledge]] and [[Knowledge management]]
  • Il cubo:
    • Foto del Cubo
    • Foto del Tommi Boom
  • Living:
    • Add Giovanni Paolo II tazza cit.
  • Monero:
    • copy address to clipboard
    • make this page full
  • Tutte le mie puntate su Radioimmaginaria:
    • convert to a CSV or JSON file
    • refactor
  • Relationship with technology:
    • Highlight salient parts



Further ideas #



Done #

  • 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 humans.txt ✅ 2021.01.17
  • Add this page was designed to last - ✅ 2021.05.20
  • Animations (little and simple but effective)
  • At the top of the page, add anchors buttons which link to comments, backlinks, etc. ✅ 2021.04.17
  • 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
  • Check the OpenStreetMap API and figure out a way to implement Places in a map interface, integrating it with Timeline ✅ 2021.04.13
  • checkbox styling
  • 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
  • Host pictures on Piwigo and display them via API or public link
  • 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
  • Integrate jekyll-time-to-read ✅ 2021.04.13
  • 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
  • page.location improvement ✅ 2021.04.13
  • 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
  • Switch to variable fonts ✅ 2021.04.28
  • 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
  • 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.
  • 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

Share

Commenti