Sur place
Par OctoSpacc
Prudence
Le contenu de cette page a été entièrement et automatiquement traduit en français, à partir de Italiano. Il peut donc contenir toutes sortes d’erreurs.
Ici, c’était initialement la page d’accueil du site, mais elle est devenue si problématiquement longue que… qu’à cela ne tienne, tout est expliqué sur la nouvelle maison. Voici donc la série classique d’informations libres concernant le ✨sitoctt✨ (certaines anciennes, elles seront mises à jour en fonction des nouveautés) ! 😊
✨sitoctt✨
✨sitoctt✨
✨sitoc< span style="--index : 6 ; --alpha-l : 0,5 ; --alpha-u : 1;">tt✨
D’où vient le nom ✨sitoctt✨ ? Du fait que c’est littéralement mon site, parce que je suis octo et donc site + octt = ✨sitoctt✨ (prononciation : “sitòctt”). Si vous préférez, vous pouvez l’appeler sitocto. Ou même postoctt ! C’est toujours un endroit - mon endroit - même s’il est virtuel !
Statut du site et comment naviguer
Bien qu’il ait déjà un peu plus de substance, tout cet ambaradan est encore en construction. Et ce sera toujours le cas, car j’aurai toujours des nouveautés à partager. Et, quand je serai mort, ce sera encore inachevé car de ma vie je n’aurai pas écrit toutes les connaissances universelles théoriquement possibles sur le sitectt.
Les mises à jour du site sont de différents types : la publication de nouveaux articles de blog a lieu, enfin, 3 fois par mois, c’est une bonne idée d’utiliser des flux que je mets à disposition ; les changements pour les pages normales sont continus et se produisent de manière aléatoire, vous devriez donc vérifier celles qui vous intéressent peut-être chaque semaine, si vous attendez des nouvelles.
À garder à l'esprit (du Web) : lorsque les boutons suivants sont à l'écran, c'est qu'ils peuvent masquer les menus pliables.
Ils peuvent être dans différentes positions sur différentes pages, car j'aime expérimenter différents thèmes ; mais j'essaie de garder leur signification cohérente partout.
Une icône emoji de pile de livres (📚) signale le menu de la page principale du site, indispensable pour pouvoir naviguer en sautant entre des pages complètement différentes et sans lien entre elles.
A la place, l'icône avec l'emoji d'une feuille avec un signet (📑) indique la liste des sections de la page en cours - ce n'est pas indispensable , mais peut être utile pour passer d'une partie à l'autre d'un long texte.
Scripts côté client
Le site Web n'utilise aucun script côté client pour les fonctions de base, car je ne veux pas forcer ceux (pour des raisons de sécurité valables et autres) qui ne souhaitent pas activer JavaScript à vivre une expérience dégradée. Concernant cette épineuse question, j'ai également écrit un article : 📄 Les documents ne doivent pas devenir des applications.
Quoi qu'il en soit, cependant... pour fournir des fonctionnalités supplémentaires, je dois avoir du JS, vous ne pouvez pas faire grand-chose. Ci-dessous la liste de ce que j'utilise. Tous les fichiers sont téléchargés depuis les serveurs de mon site, il est donc difficile pour les entités malveillantes d'y cacher des logiciels malveillants.
Liste des scripts côté client utilisés dans le site Web (Développer)
- Scripts internes, écrits par moi :
Menus à expansion automatique sur les pages thématiques sitoctt en mode bureau(j'essaie de résoudre ce problème..), affichage plein écran des arrière-plans des pages. li> -
Polyfill pour prendre en charge les images AVIF sur les anciens navigateurs : avif.js par Kagami a >(Pas encore activé...ce sera bientôtquand vais-je le faire ? Je le remets à plus tard depuis des mois, le problème c'est que ce n'est pas une solution plug-and-play, je dois d'abord le comprendre puis créer un script de packaging 😭)
Ci-dessous, je mets mon classement des manières possibles de consulter ce site, du meilleur au pire. Par standardisation, ils prennent tous en charge la totalité des couleurs (dans la mesure du possible).
Mes digressions inutiles sur des manières absolument absurdes de consulter le sitectt (Expand)
- • Navigateur Web, avec prise en charge complète de CSS3
- (Parfait !)
- • Imprimez sur du papier holographique, avec un rendu GIF et CSS3 complet si possible
- (Nécessite de déplacer le papier à la main mais excellent !)
- • Navigateur Web, avec prise en charge incomplète de CSS3
- (Meh, OK..)
- • Impression sur papier ordinaire, animations CSS3 et GIF non rendus
- (Boo, il manque des animations..)
- • Ancien navigateur (Old Web, Text Web ou Gemini) / Impression sur papier ordinaire, pas de prise en charge CSS
- (Qu'est-ce que c'est que ces conneries ?!?!)
Mais de quoi s’agit-il ?
Sur mon espace Internet, je mettrai tout. J’espère.
Pour l’instant, je publie définitivement des pages superficielles sur des sujets spécifiques, mais aussi de longs articles de blog conversationnels. Je souhaite également constituer de nombreuses collections sur les choses que j’aime, tant sous forme textuelle que médiatique. Une sorte de galerie de choses qui me sont précieuses.
Cependant, en plus du contenu lui-même, je souhaite que le site (la version Web, évidemment) soit une galerie en soi. Je veux créer quelque chose qui ait son propre caractère, à l’instar des sites Web amateurs des années 1995-2005, où chaque endroit sur Internet avait toujours une atmosphère différente de tout ce qui était visité un instant auparavant.
L’essor des médias sociaux tels que nous les connaissons aujourd’hui a malheureusement ruiné le Web de ce point de vue, conduisant à une standardisation complète et à la mort de la créativité exprimée par la forme.
I Je veux que mon espace web soit différent de tous les autres, caractérisé par des textes monochromes et des thèmes recyclés, car c’est dommage d’avoir des outils très puissants et de ne pas vraiment les exploiter.
Pour cette raison, je vais constamment essayer d’inventer des façons d’embellir les pages avec CSS, non seulement avec des effets de mise en page ou de texte fixes, mais surtout avec des animations.
Au reste du formulaire, comme l’arborescence des les pages du site ou les paragraphes des pages, je ne réfléchirai pas beaucoup, sinon je me laisse distraire de la création de contenu et l’envie passe.
Disponibilité du site
Ce site est actuellement consultable à différentes adresses (le contenu est toujours identique). Pour ceux qui ne le savent pas, cependant, le nom a changé il y a un mois pour sitoctt de postoctt, car l’ancien nom me donnait l’impression d’un service postal… Je devrais aussi penser à de nombreux autres miroirs cloud de différents fournisseurs (évidemment gratuits), si je veux que le site survive à lui-même et résiste à l’épreuve du temps… Mais c’est une longue question.
###Web
Le site Web est disponible à partir de plusieurs sources.
- Sur le HTTPS clearweb, sur les serveurs GitLab : sitoctt.octt.eu.org.
- Sur le Onion Web (Tor), sur les serveurs Replit : sitoctt2fxjvx3lc2iqqef2aeulflprjaasv2xl4zi7sxxbmvjy5b5yd.onion. Au final il n'est plus hébergé chez moi, mais c'est peut-être pour le mieux, c'est une charge de moins pour le pauvre petit serveur de fortune que j'ai (en ce moment,
une console Nintendo Switch avec Ubuntule Raspberry Pi 3).
💾 Options de compatibilité pour les systèmes obsolètes ou exotiques (Agrandir)
- • Version HTTP de base
- Le site inclut des fonctions CSS complexes et relativement modernes, afin de fournir des effets graphiques (et fonctionnels) épiques. Ironiquement, même si l'on consulte les pages sur des navigateurs très anciens, qui ne supportent pas totalement ou presque totalement CSS, tout semble moche mais est lisible... sur des navigateurs à la fois trop anciens et trop récents des bugs très sérieux apparaissent , ce qui rend impossible l'utilisation de certains menus ou même la lecture du texte !
En plus du fait que (dans la mesure du possible) je souhaite supporter d'anciens systèmes, ces foutus problèmes apparaissent également sur des appareils moins populaires mais actuels, comme le Allumer! Bref, pour trop de navigateurs qui n'incluent pas de paramètre pour désactiver complètement le CSS, il fallait faire ce que j'ai fait : vers le chemin /Plain sur mes domaines clearweb, il y a une racine parallèle et des pages avec le même contenu mais du CSS réduit à l'essentiel. - • HTTP non chiffré
- Pour éviter les problèmes, je lui ai dédié un sous-domaine dédié, en gardant HTTPS forcé sur le principal ; mais, comme il ne nécessite pas de maintenance, je me suis assuré qu'à partir du domaine de cinquième (!) niveau "http" vous puissiez accéder au site via HTTP non crypté ( hébergé par GitHub, cette fois) : en bref, l'adresse est
http://http.sitoctt.octt.eu.org
. Le contenu est identique, bien sûr, mais finalement vous pouvez parcourir le site sur des trucs comme Internet Explorer 4 directement en contactant le serveur.
Gémeaux
Désormais, le site CTTT est également disponible sous forme de capsule Gemini. Pour y accéder, il faut utiliser un navigateur Gemini.
Évidemment (pour ceux qui connaissent Gemini), tout est plus castré, et la forme n'est pas exactement la meilleure car toutes les pages sont une conversion directe du HTML de le site Web (et le programme que j'utilise pour le faire est également un peu cassé).
Allez sur l'octocapsule, aimablement hébergée par koyu.space : gemini://koyu.space/octt
Flux et notifications
Désormais le site (le blogoctt et le MicroBlog notamment) intègre des flux, qui sont automatiquement mis à jour lorsque je publie un nouvel article !
Atom Feed (moderne, recommandé, contient des articles complets) : feed/atom.xml
Flux RSS (obsolète, disponible pour compatibilité) : feed/rss. XML
Vous avez besoin d'un agrégateur de flux compatible pour les utiliser.
- Sur PC de bureau, je recommande Thunderbird o SeaMonkey Mail.
- Sur Android, je recommande Feeder ou Rss simple a >.
- Si vous souhaitez utiliser un appareil comme une liseuse de livres électroniques e-ink, le seul logiciel universel qui - entre autres - inclut un agrégateur de flux, que je connais et que je peux recommander, est KOReader.
- Astuce : Si vous utilisez Friendica, vous pouvez copier le lien vers le flux et collez-le dans la barre de recherche, pour pouvoir le suivre comme s'il s'agissait d'un profil !
De plus, si vous utilisez n'importe quelle plateforme du Fediverso ActivityPub (Mastodon, Pleroma, Misskey, ...) vous pouvez suivre le bot du site ctt, afin de recevoir de nouveaux messages dans votre Flux d'accueil : < a href="https://botsin.space/@sitoctt" rel="me noopener" target="_blank">@sitoctt@botsin.space! Pour certaines complications qui lancé fin août 2022, le bot n'est pas accessible depuis la plus grande instance italienne de Mastodon, mastodon.uno, il est donc presque pratiquement inutile maintenant. Je ne l'enlève pas simplement parce que cela me coûterait plus cher que de le laisser là où il est :P; Cependant, il me faudrait en créer un nouveau, tôt ou tard.
Sources et licences
Licences de contenu
Tout le contenu de ce site que j'ai créé (mes propres écrits, les médias originaux et la plupart du code source) est sous licence "Creative Commons Attribution - Partage dans les mêmes conditions 4.0 International" (CC BY-SA 4.0) ( ), une licence gratuite qui favorise le partage, et n'affecte pas les droits légitimes à la culture et à la collaboration de l'humanité en général. p>
Cependant, il y a aussi des contenus qui ne sont pas de moi.
Dans tous les cas, si quelque chose sort de ma main, il n'y aura aucune indication de crédits à proximité.
Pour les éléments empruntés, cependant, la source d'où je les ai pris et la licence seront toujours indiquées, que ce soit dans le domaine public, Creative Commons, ou non précisé.
Attention, les crédits car je laisse souvent les éléments HTML et CSS dans les sources de la page. Donc, juste au cas où, vérifiez ce genre de crédits. Cependant, pour des choses comme des images ou des textes, les crédits sont souvent une partie visible de la page, proche de l'objet emprunté (comme une description) ; d'autres fois, le même objet est un lien qui, si vous cliquez dessus, vous ramène à la source. Cependant, j'ai pensé à créer une section de la page ci-dessous , dédié aux crédits spéciaux (que je remplis quand je me souviens).
###Code source
En parlant de sources du site, la source HTML de la page chargée par le navigateur peut être difficile à lire. En effet, je n'écris pas le code HTML complet directement pour composer les pages. Non seulement ce serait un désastre de reproduire mes différentes barres et sections de navigation sur toutes les pages, et si je dois y apporter des modifications, c'est un problème. Bon sang pour reproduire cela n'importe où, mais la syntaxe HTML est sale et difficile à écrire.
C'est précisément pour ces raisons que j'ai créé mon propre générateur de site statique (également, comme ce site lui-même, incomplet mais mis à jour de temps en temps lorsque j'en ai besoin), qui prétraite mon code source pour inclure mes barres dans toutes les pages, générer les sections de la page (qui apparaissent dans le menu de droite), générer la liste des pages du site (depuis le menu de gauche), et autres petites choses. Étape importante, tous les fichiers Markdown ou Pug sont traduits en HTML pour être compréhensibles par les navigateurs normaux, et voilà.
Ah oui, je dis "autres petites choses" parce que cela c'est des choses qui, au moment de la rédaction de ce chapitre, la page est absente ou incomplète, et en écrivant pendant que j'écris, je me couvre les fesses et je n'ai pas à faire de modifications futures.
H et h .
Prenez tout !
Pour finir, retrouvez toutes mes sources sur les dépôts Git respectifs.
Ceux de mon site (divisés en plusieurs dépôts pour garder l'historique propre), dans les conditions décrites ci-dessus : gitlab.com/octtspacc/sitoctt; sitoctt-assets.
Ceux de mon générateur, également publiés sous licence libre, l'AGPL : gitlab.com/octtspacc/staticoso. une> p>
Autre chose : si cela est intéressant, pour conserver et/ou partager immédiatement (à l'exclusion des fichiers qui se trouvent dans des référentiels séparés, car ils sont absolument liés) des copies hors ligne du site, vous pouvez télécharger un zip < /b> contenant toutes les pages compilées ici !
Crédits spéciaux
<détails> <résumé>
Liste des crédits et remerciements particuliers à ceux qui ont emprunté du matériel (Développer)
- Liste des scripts côté client, y compris certains scripts tiers
- Titre animé Waaaves : Waaaves par jh3y
- Famille de polices : Space Mono par Colophon Foundry
- Pack emoji CSS : Twemoji de Twitter, via Twemoji étonnant
- Quelques boutons 88 x 31 non identifiants : Collection GIF 88 x 31 par cyber.dabamos.de
Confidentialité et transparence
Dans le cadre de mon intérêt légitime, j’utilise un service d’analyse sur ce site Web ; à la fois pour améliorer ce que je fais et pour satisfaire ma pure curiosité de découvrir des données.
Le service d’analyse est entièrement basé sur gratuit et open source</ a>. , hébergé gratuitement pour les sites à faible trafic par GoatCounter.com.
Apparemment, avec GoatCounter, vous n’avez pas besoin d’inclure un avertissement à l’écran qui dérange les utilisateurs pour se conformer au RGPD (voir goatcounter.com/help/gdpr), mais, par souci d’honnêteté et de transparence, j’écris quand même ce paragraphe.
Seules les données non personnelles sont collectées, de manière anonyme, à des seules fins de statistiques générales, et non à des fins de suivi individuel. Le service n’utilise pas de cookies et les données ne sont pas transférées à des tiers. Pour plus d’informations, je ne peux que vous recommander de lire la Politique de confidentialité de GoatCounter.