About this website
Here can be found meta-information about the website: initial ideas and concept development, resources used to build its features, roadmap for wished implementations.
Why creating this website
Some reasons are already presented at random in the main "About" page, ...
...
How I'm building this website
This website aims to be as open-source ("FLOSS" Free/LibreOpenSourceSoftware) as possible, its source code can be found here[add-link-when-published] and its content is released under the CC-BY-NC 4.0 International[add-link] license, meaning it's free to share-reuse-remix without commercial purpose as long as proper credits are given to the authors of the source material (code, text, images etc...) -me included, please, as a lot here will be personal stuff I share in this corner of the Web.
Fundamental resource has been the italian website and community of LeAlternative. This is a project aimed at disseminating beginner-level open-source and privacy-friendly alternatives to proprietary software while also raising awareness on the ethics of electronics. Along with insightful resources on these topics (such as PrivacyGuides, EticaDigitale and The512KBClub LINKS!!!), thanks to them I've discovered the Neocities platform, which propted me to finally experiment into building my own basic website.
Other resources used can be found below:
What I'd like this website to have (next)
Basically the roadmap for features I'd like to improve and/or to implement in the future. Some require but a little digital gardening from time to time while others are just out of reach of my current skills (so I either learn how to do it myself or ask for help).
Here they are, sparse and annotated mostly, but the idea is the first ones have priority:
- update this roadmap constantly
- add drafted-only contents (in particular about "WHY" section, missing links, archived URL of links
- set more space before titles or after paragraphs which precedes titles (that should be possible by modifying related parameters in the main CSS taken from thebestmfwebsite)
- add navigation bar --- https://www.makeuseof.com/responsive-navigation-bar-using-html-and-css/
- create nice homepage with title-logo and internal website-tree(?) and external link to personal accounts (as a linktree) --- https://www.w3schools.com/howto/howto_css_responsive_header.asp ; https://code-boxx.com/css-responsive-logo/ and search for singlelink html templates (again)
- add website tab-ico(n)
- add small-and-faded-footer with "Website build by me[link-to/about/Me] with open-(re)source(s)[link-to/about/This-Website]- released under CC-BY...[link-to-license]"
- Add inspirational projects which made me want to have my website [either on the "Why" section of About or in in a section per-se or in "extra resources" for digital stuff-ethics (as digital gardens???]: tommi.space etc...
- Add https://html5up.net/ for site templates (or for other extra resources? Maybe add a nested paragraph with h3 collecting useful resources found but not used/not used for a particular feature)
- add possibility to expand image gallery items into their own description (title, description, licence) page by clicking on them with a simple hover-and-overlay(or fade-slide) effect --- https://www.geeksforgeeks.org/how-to-create-image-overlay-hover-using-html-css/ ; https://stackoverflow.com/questions/18322548/black-transparent-overlay-on-image-hover-with-only-css
- find a way not to heavy too much the image gallery webpage (either by uploading only compressed/thumbnail images there and the full resolution only in dedicated description pages or through an automatic process???) --- https://web.dev/fast/#optimize-your-images
- modify the 'how-to' section of This-website with the two topics (sustainability and ethics) "trying to keep both in mind... philosophy of action... roadmap to self-hosted website/services powered by local renewable energy" --- with links to https://ec0lint.com/ for guidelines and https://www.websitecarbon.com/ for reminding the environmental footprint of technology
- add another main section of the website as a digital-Garden repository for useful-to-others/meaningful-to-me resources (links/materials) and sub-divided in webpages with topics connected with this "digital-" dimension (such as "-Sustainability" "-Ethics" "-Archaeology" and eventual final sections deepening that topic not necessarily connected with digital stuff)
- add section, or subsection(???maybe not convenient for knowledge organisation???) where possible (eg. steins;Gate theme as an art piece in image gallery), of public things I've made and projects I took part to with related links (Steins;Gate theme for firefox ; Amadeus splashscreen ; Things-to-Come translation ; ... )
- publish source code also for having a way to track changes by Git by using either Codeberg or GitLab
- make this a SolarSite (which actually also means self-hosting the website properly)
- simple life-log
- interactive and hyperlinked life-timeline threads (more on this it's written in the ideas and concept section above
- add a switch to render the website in a more fancy way by re-directing to a version with extra-scripts/custom background/fonts --- https://animejs.com/ for eventual animated/styled alter-website to switch to with a button on all webpages (as the dark-mode/high-contrast switcher button in thebestmfwebsite) or as a link to another set of webpages mirroring the others but with css and scripts attached