https://wiki.erg.be/mw/api.php?action=feedcontributions&feedformat=atom&user=Theophile.gervreaumercier&* erg - Contributions de l’utilisateur [fr] 2026-04-05T19:50:20Z Contributions de l’utilisateur MediaWiki 1.31.12 https://wiki.erg.be/mw/index.php?title=Admin_Wiki&diff=23002 Admin Wiki 2024-04-04T14:36:25Z <p>Theophile.gervreaumercier : /* File System 🗂️ du site */</p> <hr /> <div><br /> ==INTRO 😶‍🌫️ ==<br /> <br /> wiki.erg.be est hébergé chez [XXX], sur une machine Debian. <br /> <br /> Pour s'y connecter, on doit d'abord avoir un compte et un $HOME sur le serveur. Pour cela, s'en référé à [[Utilisateur:Maxime|erg-nomade]],(2024).<br /> <br /> Ensuite, on a besoin d'une clé SSH qui va permettre de se connecter à son comptes sur la machine Debian. <br /> <br /> La commande SSH est la suivante: <br /> <br /> &lt;pre&gt;<br /> ssh -p 3265 user@wiki.erg.be<br /> &lt;/pre&gt;<br /> <br /> Pour une connexion via sFTP, avec Filezilla par exemple, prenez en compte le port SSH non standard et votre clé SSH privée. (celle sans extension &lt;code&gt;.pub&lt;/code&gt;)<br /> <br /> Quand vous arrivez à votre $HOME, regarder ci-dessous pour voir le chemin vers le site:<br /> <br /> == File System 🗂️ du site ==<br /> <br /> {| class=&quot;sortable&quot;<br /> |-<br /> | Le '''dossier racine''' contenant tout le site || &lt;pre&gt;/var/www/wiki.erg.be/public_html/&lt;/pre&gt;<br /> |-<br /> | Le dossier de la carte en D3.js : || &lt;pre&gt;/var/www/wiki.erg.be/public_html/m&lt;/pre&gt;<br /> |-<br /> | Le fichier &lt;code&gt;css&lt;/code&gt; pour la carte : || &lt;pre&gt;./m/style.css&lt;/pre&gt;<br /> |-<br /> | Le js de la carte, a été modifié à la main dans le passé par [[Stéphanie Vilayphiou]]: || &lt;pre&gt;./m/dist/&lt;/pre&gt;<br /> |-<br /> | Le dossier du MediaWiki : || &lt;pre&gt;/var/www/wiki.erg.be/public_html/mw&lt;/pre&gt;<br /> |-<br /> | Le dossier pour les extensions : || &lt;pre&gt;./mw/extension&lt;/pre&gt;<br /> |-<br /> | Le thème de base modifié par l'équipe : || &lt;pre&gt;./mw/skins/foreground&lt;/pre&gt; <br /> |-<br /> | Le dossier pour les typos : || &lt;pre&gt;./mw/skins/foreground/assets/fonts&lt;/pre&gt;<br /> |-<br /> | Le dossier pour les ressources du wiki, type image, logo, vidéo, externe, etc : || &lt;pre&gt;./mw/resources/assets&lt;/pre&gt;<br /> <br /> |}<br /> <br /> Note: &lt;code&gt; ./&lt;/code&gt; indique que c'est dans le dossier actuel (dans ce cas, public_html).<br /> <br /> == Configuration du Mediawiki==<br /> <br /> On peut manipuler plein de fichier de configuration du MediaWiki depuis le wiki même :<br /> * [[MediaWiki:Foreground.css]], qui permet de modifier le skin '''foreground''', le thème officiel du wiki.<br /> * [[MediaWiki:Common.css]] permettant d'ajouter du CSS à toutes les pages.<br /> * [[MediaWiki:Common.js]] permettant d'ajouter du JAVASCRIPT à toutes les pages.<br /> * [[MediaWiki:Sidebar]] permettant de paramétrer les menues dans la bar de navigation.<br /> ** Documentation [https://www.mediawiki.org/wiki/Manual:Interface/Sidebar| Interface/Sidebar]<br /> <br /> === LocalSettings.php ===<br /> <br /> <br /> ==== CONFIG Modifié pendant [[Workshop : WIKI MAINTENANCE]] 🦺====<br /> &lt;code&gt;LocalSettings.php&lt;/code&gt;<br /> &lt;pre&gt;<br /> $wgUseSiteJs=true; # Cela permet d'activer une page qui s'appelle MediaWikiCommon.js qui permet de définir du JavaScript commun à toutes les pages du wiki.<br /> <br /> $wgGroupPermissions['user']['editinterface'] = true; # toustes les utilisateurices peuvent éditer les pages d'édition de l'interface, comme Common.css<br /> <br /> <br /> # $wgReadOnly = &quot;Opération de maintenance. Création d'une sauvegarde de la base de donnée. L’accès au wiki sera restauré sous peu.&quot;;<br /> <br /> # Ligne qui permet de bloquer la base donnée avant de faire une sauvegarde de la SQL.<br /> # C'est important de garder ces lignes commentées pour que la base de donnée soit éditable. <br /> <br /> $wgAllowExternalImages = true; # autorise des images externes<br /> # https://www.mediawiki.org/wiki/Manual:$wgAllowExternalImages<br /> <br /> &lt;/pre&gt;</div> Theophile.gervreaumercier https://wiki.erg.be/mw/index.php?title=Admin_Wiki&diff=23001 Admin Wiki 2024-04-04T14:35:05Z <p>Theophile.gervreaumercier : /* File System 🗂️ du site */</p> <hr /> <div><br /> ==INTRO 😶‍🌫️ ==<br /> <br /> wiki.erg.be est hébergé chez [XXX], sur une machine Debian. <br /> <br /> Pour s'y connecter, on doit d'abord avoir un compte et un $HOME sur le serveur. Pour cela, s'en référé à [[Utilisateur:Maxime|erg-nomade]],(2024).<br /> <br /> Ensuite, on a besoin d'une clé SSH qui va permettre de se connecter à son comptes sur la machine Debian. <br /> <br /> La commande SSH est la suivante: <br /> <br /> &lt;pre&gt;<br /> ssh -p 3265 user@wiki.erg.be<br /> &lt;/pre&gt;<br /> <br /> Pour une connexion via sFTP, avec Filezilla par exemple, prenez en compte le port SSH non standard et votre clé SSH privée. (celle sans extension &lt;code&gt;.pub&lt;/code&gt;)<br /> <br /> Quand vous arrivez à votre $HOME, regarder ci-dessous pour voir le chemin vers le site:<br /> <br /> == File System 🗂️ du site ==<br /> <br /> {| class=&quot;sortable&quot;<br /> |-<br /> | Le '''dossier racine''' contenant tout le site || &lt;pre&gt;/var/www/wiki.erg.be/public_html/&lt;/pre&gt;<br /> |-<br /> | Le dossier de la carte en D3.js: || &lt;pre&gt;/var/www/wiki.erg.be/public_html/m&lt;/pre&gt;<br /> |-<br /> | Le fichier &lt;code&gt;css&lt;/code&gt; pour la carte || &lt;pre&gt;./m/style.css&lt;/pre&gt;<br /> |-<br /> | Le js de la carte, a été modifié à la main dans le passé par [[Stéphanie Vilayphiou]] || &lt;pre&gt;./m/dist/&lt;/pre&gt;<br /> |-<br /> | Le dossier du mediawiki: || &lt;pre&gt;/var/www/wiki.erg.be/public_html/mw&lt;/pre&gt;<br /> |-<br /> | Le dossier pour les extensions : || &lt;pre&gt;./mw/extension&lt;/pre&gt;<br /> |-<br /> | Le thème de base modifié par l'équipe || &lt;pre&gt;./mw/skins/foreground&lt;/pre&gt; <br /> |-<br /> | Le dossier pour les typos || &lt;pre&gt;./mw/skins/foreground/assets/fonts&lt;/pre&gt;<br /> |-<br /> | Le dossier pour les ressources du wiki, type image, logo, vidéo externe etc || &lt;pre&gt;./mw/resources/assets&lt;/pre&gt;<br /> <br /> |}<br /> <br /> Note: &lt;code&gt; ./&lt;/code&gt; indique que c'est dans le dossier actuelle (dans ce cas, public_html).<br /> <br /> == Configuration du Mediawiki==<br /> <br /> On peut manipuler plein de fichier de configuration du MediaWiki depuis le wiki même :<br /> * [[MediaWiki:Foreground.css]], qui permet de modifier le skin '''foreground''', le thème officiel du wiki.<br /> * [[MediaWiki:Common.css]] permettant d'ajouter du CSS à toutes les pages.<br /> * [[MediaWiki:Common.js]] permettant d'ajouter du JAVASCRIPT à toutes les pages.<br /> * [[MediaWiki:Sidebar]] permettant de paramétrer les menues dans la bar de navigation.<br /> ** Documentation [https://www.mediawiki.org/wiki/Manual:Interface/Sidebar| Interface/Sidebar]<br /> <br /> === LocalSettings.php ===<br /> <br /> <br /> ==== CONFIG Modifié pendant [[Workshop : WIKI MAINTENANCE]] 🦺====<br /> &lt;code&gt;LocalSettings.php&lt;/code&gt;<br /> &lt;pre&gt;<br /> $wgUseSiteJs=true; # Cela permet d'activer une page qui s'appelle MediaWikiCommon.js qui permet de définir du JavaScript commun à toutes les pages du wiki.<br /> <br /> $wgGroupPermissions['user']['editinterface'] = true; # toustes les utilisateurices peuvent éditer les pages d'édition de l'interface, comme Common.css<br /> <br /> <br /> # $wgReadOnly = &quot;Opération de maintenance. Création d'une sauvegarde de la base de donnée. L’accès au wiki sera restauré sous peu.&quot;;<br /> <br /> # Ligne qui permet de bloquer la base donnée avant de faire une sauvegarde de la SQL.<br /> # C'est important de garder ces lignes commentées pour que la base de donnée soit éditable. <br /> <br /> $wgAllowExternalImages = true; # autorise des images externes<br /> # https://www.mediawiki.org/wiki/Manual:$wgAllowExternalImages<br /> <br /> &lt;/pre&gt;</div> Theophile.gervreaumercier https://wiki.erg.be/mw/index.php?title=Admin_Wiki&diff=23000 Admin Wiki 2024-04-04T14:34:40Z <p>Theophile.gervreaumercier : /* File System 🗂️ du site */</p> <hr /> <div><br /> ==INTRO 😶‍🌫️ ==<br /> <br /> wiki.erg.be est hébergé chez [XXX], sur une machine Debian. <br /> <br /> Pour s'y connecter, on doit d'abord avoir un compte et un $HOME sur le serveur. Pour cela, s'en référé à [[Utilisateur:Maxime|erg-nomade]],(2024).<br /> <br /> Ensuite, on a besoin d'une clé SSH qui va permettre de se connecter à son comptes sur la machine Debian. <br /> <br /> La commande SSH est la suivante: <br /> <br /> &lt;pre&gt;<br /> ssh -p 3265 user@wiki.erg.be<br /> &lt;/pre&gt;<br /> <br /> Pour une connexion via sFTP, avec Filezilla par exemple, prenez en compte le port SSH non standard et votre clé SSH privée. (celle sans extension &lt;code&gt;.pub&lt;/code&gt;)<br /> <br /> Quand vous arrivez à votre $HOME, regarder ci-dessous pour voir le chemin vers le site:<br /> <br /> == File System 🗂️ du site ==<br /> <br /> {| class=&quot;sortable&quot;<br /> |-<br /> | Le '''dossier racine''' contenant tout le site || &lt;pre&gt;/var/www/wiki.erg.be/public_html/&lt;/pre&gt;<br /> |-<br /> | Le dossier de la carte en D3.js: || &lt;pre&gt;/var/www/wiki.erg.be/public_html/m&lt;/pre&gt;<br /> |-<br /> | Le fichier &lt;code&gt;css&lt;/code&gt; pour la carte || ./m/style.css <br /> |-<br /> | Le js de la carte, a été modifié à la main dans le passé par [[Stéphanie Vilayphiou]] || &lt;pre&gt;./m/dist/&lt;/pre&gt;<br /> |-<br /> | Le dossier du mediawiki: || &lt;pre&gt;/var/www/wiki.erg.be/public_html/mw&lt;/pre&gt;<br /> |-<br /> | Le dossier pour les extensions : || &lt;pre&gt;./mw/extension&lt;/pre&gt;<br /> |-<br /> | Le thème de base modifié par l'équipe || &lt;pre&gt;./mw/skins/foreground&lt;/pre&gt; <br /> |-<br /> | Le dossier pour les typos || &lt;pre&gt;./mw/skins/foreground/assets/fonts&lt;/pre&gt;<br /> |-<br /> | Le dossier pour les ressources du wiki, type image, logo, vidéo externe etc || &lt;pre&gt;./mw/resources/assets&lt;/pre&gt;<br /> <br /> |}<br /> <br /> Note: &lt;code&gt; ./&lt;/code&gt; indique que c'est dans le dossier actuelle (dans ce cas, public_html).<br /> <br /> == Configuration du Mediawiki==<br /> <br /> On peut manipuler plein de fichier de configuration du MediaWiki depuis le wiki même :<br /> * [[MediaWiki:Foreground.css]], qui permet de modifier le skin '''foreground''', le thème officiel du wiki.<br /> * [[MediaWiki:Common.css]] permettant d'ajouter du CSS à toutes les pages.<br /> * [[MediaWiki:Common.js]] permettant d'ajouter du JAVASCRIPT à toutes les pages.<br /> * [[MediaWiki:Sidebar]] permettant de paramétrer les menues dans la bar de navigation.<br /> ** Documentation [https://www.mediawiki.org/wiki/Manual:Interface/Sidebar| Interface/Sidebar]<br /> <br /> === LocalSettings.php ===<br /> <br /> <br /> ==== CONFIG Modifié pendant [[Workshop : WIKI MAINTENANCE]] 🦺====<br /> &lt;code&gt;LocalSettings.php&lt;/code&gt;<br /> &lt;pre&gt;<br /> $wgUseSiteJs=true; # Cela permet d'activer une page qui s'appelle MediaWikiCommon.js qui permet de définir du JavaScript commun à toutes les pages du wiki.<br /> <br /> $wgGroupPermissions['user']['editinterface'] = true; # toustes les utilisateurices peuvent éditer les pages d'édition de l'interface, comme Common.css<br /> <br /> <br /> # $wgReadOnly = &quot;Opération de maintenance. Création d'une sauvegarde de la base de donnée. L’accès au wiki sera restauré sous peu.&quot;;<br /> <br /> # Ligne qui permet de bloquer la base donnée avant de faire une sauvegarde de la SQL.<br /> # C'est important de garder ces lignes commentées pour que la base de donnée soit éditable. <br /> <br /> $wgAllowExternalImages = true; # autorise des images externes<br /> # https://www.mediawiki.org/wiki/Manual:$wgAllowExternalImages<br /> <br /> &lt;/pre&gt;</div> Theophile.gervreaumercier https://wiki.erg.be/mw/index.php?title=Admin_Wiki&diff=22999 Admin Wiki 2024-04-04T14:28:28Z <p>Theophile.gervreaumercier : /* File System 🗂️ du site */</p> <hr /> <div><br /> ==INTRO 😶‍🌫️ ==<br /> <br /> wiki.erg.be est hébergé chez [XXX], sur une machine Debian. <br /> <br /> Pour s'y connecter, on doit d'abord avoir un compte et un $HOME sur le serveur. Pour cela, s'en référé à [[Utilisateur:Maxime|erg-nomade]],(2024).<br /> <br /> Ensuite, on a besoin d'une clé SSH qui va permettre de se connecter à son comptes sur la machine Debian. <br /> <br /> La commande SSH est la suivante: <br /> <br /> &lt;pre&gt;<br /> ssh -p 3265 user@wiki.erg.be<br /> &lt;/pre&gt;<br /> <br /> Pour une connexion via sFTP, avec Filezilla par exemple, prenez en compte le port SSH non standard et votre clé SSH privée. (celle sans extension &lt;code&gt;.pub&lt;/code&gt;)<br /> <br /> Quand vous arrivez à votre $HOME, regarder ci-dessous pour voir le chemin vers le site:<br /> <br /> == File System 🗂️ du site ==<br /> Le '''dossier racine''' contenant tout le site:<br /> <br /> Le dossier de la carte en D3.js:<br /> &lt;pre&gt;<br /> /var/www/wiki.erg.be/public_html/m <br /> &lt;/pre&gt;<br /> <br /> Le js de la carte, a été modifié à la main dans le passé par [[Stéphanie Vilayphiou]]<br /> &lt;pre&gt;<br /> ./m/dist/ <br /> &lt;/pre&gt;<br /> <br /> Le dossier du mediawiki:<br /> &lt;pre&gt;<br /> /var/www/wiki.erg.be/public_html/mw <br /> &lt;/pre&gt;<br /> Le dossier pour les extensions :<br /> &lt;pre&gt;<br /> ./mw/extension <br /> &lt;/pre&gt;<br /> Le thème de base modifié par l'équipe<br /> &lt;pre&gt;<br /> ./mw/skins/foreground <br /> &lt;/pre&gt;<br /> Le dossier pour les typo<br /> &lt;pre&gt;<br /> ./mw/skins/foreground/assets/fonts <br /> &lt;/pre&gt;<br /> <br /> Le dossier pour les ressources du wiki, type image, logo, vidéo externe etc<br /> &lt;pre&gt;<br /> ./mw/resources/assets <br /> &lt;/pre&gt;<br /> <br /> <br /> {| class=&quot;sortable&quot;<br /> |-<br /> | Le '''dossier racine''' contenant tout le site || &lt;pre&gt;<br /> /var/www/wiki.erg.be/public_html/ <br /> &lt;/pre&gt;<br /> |-<br /> | Texte de la cellule || Texte de la cellule <br /> |-<br /> | Texte de la cellule || Texte de la cellule <br /> |-<br /> | Texte de la cellule || Texte de la cellule <br /> |-<br /> | Texte de la cellule || Texte de la cellule <br /> |-<br /> | Texte de la cellule || Texte de la cellule <br /> |}<br /> <br /> == Configuration du Mediawiki==<br /> <br /> On peut manipuler plein de fichier de configuration du MediaWiki depuis le wiki même :<br /> * [[MediaWiki:Foreground.css]], qui permet de modifier le skin '''foreground''', le thème officiel du wiki.<br /> * [[MediaWiki:Common.css]] permettant d'ajouter du CSS à toutes les pages.<br /> * [[MediaWiki:Common.js]] permettant d'ajouter du JAVASCRIPT à toutes les pages.<br /> * [[MediaWiki:Sidebar]] permettant de paramétrer les menues dans la bar de navigation.<br /> ** Documentation [https://www.mediawiki.org/wiki/Manual:Interface/Sidebar| Interface/Sidebar]<br /> <br /> === LocalSettings.php ===<br /> <br /> <br /> ==== CONFIG Modifié pendant [[Workshop : WIKI MAINTENANCE]] 🦺====<br /> &lt;code&gt;LocalSettings.php&lt;/code&gt;<br /> &lt;pre&gt;<br /> $wgUseSiteJs=true; # Cela permet d'activer une page qui s'appelle MediaWikiCommon.js qui permet de définir du JavaScript commun à toutes les pages du wiki.<br /> <br /> $wgGroupPermissions['user']['editinterface'] = true; # toustes les utilisateurices peuvent éditer les pages d'édition de l'interface, comme Common.css<br /> <br /> <br /> # $wgReadOnly = &quot;Opération de maintenance. Création d'une sauvegarde de la base de donnée. L’accès au wiki sera restauré sous peu.&quot;;<br /> <br /> # Ligne qui permet de bloquer la base donnée avant de faire une sauvegarde de la SQL.<br /> # C'est important de garder ces lignes commentées pour que la base de donnée soit éditable. <br /> <br /> $wgAllowExternalImages = true; # autorise des images externes<br /> # https://www.mediawiki.org/wiki/Manual:$wgAllowExternalImages<br /> <br /> &lt;/pre&gt;</div> Theophile.gervreaumercier https://wiki.erg.be/mw/index.php?title=MediaWiki:Ouroboros.css&diff=22690 MediaWiki:Ouroboros.css 2024-02-13T11:27:20Z <p>Theophile.gervreaumercier : </p> <hr /> <div><br /> /*<br /> _ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______ <br /> | | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|<br /> | | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__ <br /> | | | __| \___ \| &lt; | | | . ` | / / | | | __ | __| | |\/| | __| <br /> | |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____ <br /> |______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|<br /> / __ \| ____| ____|_ _/ ____|_ _| ____| | <br /> | | | | |__ | |__ | || | | | | |__ | | <br /> | | | | __| | __| | || | | | | __| | | <br /> | |__| | | | | _| || |____ _| |_| |____| |____ <br /> \____/|_|____|_| |_____\_____|_____|______|______| <br /> | __ \| ____| <br /> | | | | |__ <br /> | | | | __| <br /> | |__| | |____ <br /> |_____/|______|_ _____ _____ <br /> | | | ____| __ \ / ____| <br /> | | | |__ | |__) | | __ <br /> | | | __| | _ /| | |_ | <br /> | |____ | |____| | \ \| |__| | <br /> |______| |______|_| \_\\_____| <br /> <br /> <br /> */<br /> @font-face {<br /> font-family: Hyphont-e;<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/Hyphont-e.otf&quot;);<br /> }<br /> <br /> @font-face {<br /> font-family: Bitter;<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/bitter/Bitter-VariableFont_wght.ttf&quot;);<br /> }<br /> <br /> @font-face {<br /> font-family: AntiqueNoble;<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/antiquenoblebold.woff&quot;);<br /> }<br /> <br /> @font-face {<br /> font-family: Combined;<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/combined.otf&quot;);<br /> }<br /> @font-face {<br /> font-family: Lucette;<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2&quot;);<br /> }<br /> @font-face {<br /> font-family: Lucette;<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2&quot;);<br /> font-style: italic;<br /> }<br /> <br /> @font-face {<br /> font-family: Ductus;<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff2&quot;);<br /> }<br /> /*<br /> @font-face {<br /> font-family: Vega;<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/otf/Vega-Regular.otf&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/Vega-Regular.ttf&quot;) format(&quot;truetype&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/Vega-Regular-Webfont.svg&quot; format(&quot;svg&quot;));<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff&quot; format(&quot;woff&quot;));<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff2&quot;) format(&quot;woff2&quot;);<br /> }<br /> */<br /> <br /> <br /> <br /> <br /> /* Global variables. */<br /> :root,<br /> ::backdrop {<br /> /* Set sans-serif &amp; mono fonts */<br /> --mono-font: Consolas, Menlo, Monaco, &quot;Andale Mono&quot;, &quot;Ubuntu Mono&quot;, monospace;<br /> --standard-border-radius: 5px;<br /> <br /> --font-title: Ductus;<br /> --font-body: Bitter;<br /> --font-size: 14pt;<br /> --line-height: 1.3em;<br /> <br /> /* Default (light) theme */<br /> --bg: #fff;<br /> --accent-bg: #f5f7ff;<br /> --text: #212121;<br /> --text-light: #585858;<br /> --border: #898EA4;<br /> --accent: #0d47a1;<br /> --accent-hover: #1266e2;<br /> --accent-text: var(--bg);<br /> --code: #d81b60;<br /> --preformatted: #444;<br /> --marked: #ffdd33;<br /> --disabled: #efefef;<br /> <br /> <br /> --color-a: #a700ff; /* purple */<br /> --color-b: #00ab6b; /* green */<br /> <br /> }<br /> <br /> /* Dark theme */<br /> @media (prefers-color-scheme: dark) {<br /> :root,<br /> ::backdrop {<br /> <br /> --font-title: Ductus;<br /> --font-body: Hyphont-e;<br /> --font-size: 15pt;<br /> --line-height: 1.3em;<br /> <br /> color-scheme: dark;<br /> --bg: #222;<br /> --accent-bg: #2b2b2b;<br /> --text: #dcdcdc;<br /> --text-light: #ababab;<br /> --accent: #ffb300;<br /> --accent-hover: #ffe099;<br /> --accent-text: var(--bg);<br /> --code: #f06292;<br /> --preformatted: #ccc;<br /> --disabled: #111;<br /> <br /> --color-a: #9557b5; /* washed-off purple */<br /> --color-b: #3c856b; /* washed-off green */<br /> --font-size: 15pt;<br /> --line-height: 1.3em;<br /> }<br /> }<br /> <br /> /* Reset box-sizing */<br /> *, *::before, *::after {<br /> box-sizing: border-box;<br /> }<br /> <br /> body {<br /> font-family: var(--font-body);<br /> font-size: var(--font-size);<br /> line-height: var(--line-height);<br /> padding-top: 3em;<br /> background-color: var(--bg);<br /> color: var(--text);<br /> }<br /> p {<br /> font-size: var(--font-size);<br /> line-height: var(--line-height);<br /> margin-bottom: 0;<br /> }<br /> p + p {<br /> margin-top: var(--line-height);<br /> }<br /> <br /> /* INTERFACE ------------------------------------------------------------------ */<br /> /* remove category help button (does it remove other stuff? mmm...) */<br /> #mw-indicator-mw-helplink {<br /> display: none;<br /> }<br /> <br /> /* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */<br /> #navwrapper {<br /> position: fixed;<br /> top: 0;<br /> right: 0;<br /> z-index: 1000;<br /> left: 0;<br /> }<br /> <br /> h4.namespace.label {<br /> display: none;<br /> }<br /> <br /> .mw-editsection, .mw-editsection-like {<br /> font-size: 10px;<br /> }<br /> <br /> #actions {<br /> left: initial !important;<br /> right: 14px;<br /> top: -21px;<br /> background-color: var(--accent-bg);<br /> border: 1px solid var(--text-light);<br /> color: var(--text-light);<br /> }<br /> a#actions-button {<br /> margin-top: -1em;<br /> background-color: var(--accent-bg);<br /> padding: 5px;<br /> color: var(--text-light);<br /> }<br /> .fa,<br /> button, .button,<br /> .top-bar-section ul li &gt; a {<br /> font-family: var(--font-body);<br /> }<br /> .fa::before {<br /> font-family: FontAwesome;<br /> }<br /> <br /> .top-bar,<br /> .top-bar-section,<br /> #top-bar-left,<br /> #top-bar-right,<br /> #top-bar-right .columns {<br /> display: flex;<br /> background-color: #222;<br /> align-items: center;<br /> justify-content: space-evenly;<br /> }<br /> #top-bar-left {<br /> width: initial;<br /> }<br /> .top-bar-section {<br /> flex-grow: 1;<br /> }<br /> .has-form {<br /> flex-grow: 1;<br /> padding: 0.5em !important;<br /> }<br /> #top-bar-right {<br /> justify-content: space-between;<br /> flex-grow: 1;<br /> }<br /> .top-bar input {<br /> padding-top: 8px;<br /> flex-grow: 1;<br /> height: 2em;<br /> box-sizing: border-box;<br /> border: 0;<br /> outline: 0;<br /> }<br /> .button.search {<br /> background-color: transparent;<br /> border-style: solid;<br /> border-width: 2px;<br /> border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br /> border-image-slice: 1;<br /> top: 2px !important;<br /> position: relative;<br /> margin-left: 0px !important;<br /> box-sizing: border-box;<br /> padding: 0;<br /> width: 80px;<br /> height: 2em;<br /> margin: 0;<br /> top: 0 !important;<br /> }<br /> .button.search:hover {<br /> background-color: var(--color-a);<br /> }<br /> .suggestions-result-current {<br /> background-color: var(--color-b) !important;<br /> }<br /> <br /> .top-bar .toggle-topbar a {<br /> text-transform: lowercase;<br /> font-size: 1em;<br /> }<br /> <br /> #toc, .toc {<br /> float: right;<br /> margin-left: 1em;<br /> max-width: 45%;<br /> background-color: var(--accent-bg);<br /> border-radius: 5px;<br /> }<br /> .toctitle {<br /> margin-bottom: -1em;<br /> }<br /> #toc h2 {<br /> margin-top: 0.25em;<br /> font-size: 1em;<br /> display: inline-block;<br /> margin-right: 0.5em;<br /> }<br /> #toc ul {<br /> margin: 0;<br /> }<br /> .tocnumber:after {<br /> content: &quot; – &quot;;<br /> }<br /> <br /> table.infobox {<br /> width: initial;<br /> max-width: 45%;<br /> }<br /> table.infobox th.head {<br /> background-color: var(--color-b);<br /> }<br /> th, td {<br /> padding: 0.5em !important;<br /> }<br /> <br /> <br /> li {<br /> line-height: initial;<br /> }<br /> <br /> .mw-category-generated {<br /> margin-top: 2em;<br /> }<br /> <br /> /* if no content but only listing subcategories */<br /> .mw-parser-output:empty + .mw-category-generated h2 {<br /> display: none;<br /> }<br /> <br /> /* If only one subcategory, don't list the initial */<br /> .mw-category-generated #mw-pages div:only-of-type h3,<br /> #mw-subcategories div:only-of-type h3 {<br /> /*display: none;*/<br /> }<br /> <br /> /* removes counting of categories */<br /> .mw-category-generated #mw-pages p:first-of-type,<br /> #mw-subcategories p:first-of-type {<br /> display: none;<br /> }<br /> <br /> .group {<br /> margin-top: 5em;<br /> }<br /> #catlinks .label {<br /> border-width: 2px;<br /> border-style: solid;<br /> background-color: transparent;<br /> padding: 2px 6px !important;<br /> }<br /> <br /> /* HEADER ------------------------------------------------------------------ */<br /> .title-name {<br /> font-family: var(--font-title);<br /> font-weight: bold;<br /> }<br /> .title-name:hover {<br /> color: var(--color-a);<br /> }<br /> <br /> <br /> <br /> .top-bar-section .has-form {<br /> background-color: #222 !important;<br /> }<br /> .top-bar-section .has-dropdown &gt; a::after {<br /> display: none;<br /> }<br /> .top-bar-section .has-dropdown &gt; a {<br /> padding-right: initial !important;<br /> }<br /> .top-bar-section .dropdown li {<br /> width: initial;<br /> /*height: 2em;*/<br /> position: relative;<br /> padding: 0;<br /> border-bottom: 1px solid lightgray;<br /> }<br /> .top-bar-section ul li {<br /> padding: 0 0.5em;<br /> background-color: #222;<br /> }<br /> .top-bar-section ul li:hover {<br /> z-index: 1000;<br /> }<br /> .top-bar-section ul li &gt; a {<br /> font-size: 16px;<br /> padding: 0;<br /> font-weight: bold;<br /> }<br /> <br /> li#p-menu &gt; a {<br /> text-transform: uppercase;<br /> padding: 0;<br /> }<br /> li#p-menu &gt; a + ul li {<br /> outline: 1px solid #00a393;<br /> }<br /> <br /> .top-bar-section .dropdown li:not(.has-form):not(.active):hover &gt; a:not(.button) {<br /> background: linear-gradient(90deg,var(--color-a), var(--color-b));<br /> }<br /> li#p-menu + li.has-dropdown {<br /> width: 3em;<br /> text-align: center;<br /> }<br /> li#p-menu + li.has-dropdown &gt; a {<br /> border-radius: 100%;<br /> padding: 0;<br /> text-align: center;<br /> line-height: 30px;<br /> margin: auto;<br /> display: inline-block;<br /> width: 30px;<br /> box-sizing: border-box;<br /> height: 30px;<br /> }<br /> .not-logged-in #top-bar-right li:nth-child(3) {<br /> display: none;<br /> }<br /> <br /> #toolbox-dropdown li, #personal-tools-dropdown .dropdown li {<br /> float: right;<br /> }<br /> <br /> .back h5 {<br /> font-size: 2em !important;<br /> }<br /> a.parent-link {<br /> color: var(--color-b) !important;<br /> font-weight: bold !important;<br /> }<br /> <br /> /* Couleurs pour le navbar */<br /> <br /> .top-bar, .top-bar.expanded { <br /> background: linear-gradient(90deg, var(--color-a) 0%, var(--color-b) 100%); <br /> }<br /> .top-bar *:not(.dropdown li a, input, .dropdown), .top-bar.expanded *:not(.dropdown li a, input, .dropdown) {<br /> background: transparent !important;<br /> color: white !important;<br /> }<br /> .top-bar.expanded .dropdown {<br /> background-color: #212121;<br /> }<br /> .top-bar .dropdown li {<br /> background-color: var(--bg);<br /> }<br /> .top-bar.expanded .toggle-topbar a span::after<br /> {<br /> box-shadow: 0 0 0 1px #FFFFFF66,0 7px 0 1px #FFFFFF66,0 14px 0 1px #FFFFFF66;<br /> }<br /> .top-bar .dropdown li:hover {<br /> background: linear-gradient(90deg, var(--color-a) 0%, var(--color-b) 100%);<br /> }<br /> .top-bar {<br /> border-bottom: 1px solid var(--color-a);<br /> }<br /> .top-bar-section .has-form {<br /> background-color: transparent !important;<br /> }<br /> .top-bar input {<br /> border: 1px solid var(--text);<br /> background: white !important;<br /> color: black !important;<br /> } <br /> <br /> .top-bar .button.search {<br /> border: 1px solid white;<br /> }<br /> <br /> /* FIN */<br /> <br /> <br /> <br /> <br /> /* CONTENT ------------------------------------------------------------------ */<br /> #page-content {<br /> margin: 1em;<br /> color: var(--text);<br /> }<br /> #english {<br /> position: relative;<br /> top: -1.5em;<br /> }<br /> <br /> h1, h2, h3, h4, h5, h6 {<br /> margin-top: 1em;<br /> color: var(--color-b);<br /> line-height: 1.5em;<br /> font-family: var(--font-body);<br /> }<br /> h1, h1#firstHeading, h2 {<br /> font-family: var(--font-title);<br /> font-size: 1.5em;<br /> }<br /> h2 {<br /> font-family: var(--font-title);<br /> }<br /> <br /> h1 {<br /> color: var(--color-a);<br /> }<br /> h2 span {<br /> display: initial;<br /> }<br /> h3 {<br /> font-family: var(--font-title);<br /> font-size: 1em;<br /> }<br /> body.action-view #page-content a {<br /> border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br /> border-bottom-width: 2px;<br /> border-image-slice: 1;<br /> color: var(--text);<br /> border-bottom-style: solid;<br /> padding: 3px 5px 1px;<br /> <br /> }<br /> #page-content a:hover,<br /> #catlinks .label:hover {<br /> background: linear-gradient(to right,var(--color-a),var(--color-b));<br /> color: white !important;<br /> }<br /> /* Removes user name */<br /> h3#tagline {<br /> display: none;<br /> }<br /> #bodyContent {<br /> margin-top: 3em;<br /> }<br /> <br /> #page-content ul, #page-content ol {<br /> font-size: 1em;<br /> margin-top: calc( var(--line-height) / 2) !important;<br /> margin-bottom: calc( var(--line-height) / 1) !important;<br /> }<br /> div {<br /> line-height: 1.4em ;<br /> }<br /> label {<br /> color: var(--text-light);<br /> }<br /> label[for=&quot;wpCaptchaWord&quot;]{<br /> background-color: orangered;<br /> }<br /> code, pre {<br /> color: darkgrey;<br /> background-color: #181818;<br /> border: 1px solid darkgrey;<br /> border-radius:3px;<br /> font-size: 0.8em;<br /> }<br /> <br /> pre {<br /> padding: 0 1ch;<br /> }<br /> <br /> <br /> <br /> <br /> /* ACTUALITÉS ------------------------------------------------------------------ */<br /> .medialisting {<br /> display: flex;<br /> flex-wrap: wrap;<br /> }<br /> .medialisting a {<br /> border: 0 !important;<br /> }<br /> .Media {<br /> display: flex;<br /> align-items: flex-start;<br /> margin-bottom: 1em;<br /> flex-direction: column;<br /> flex-basis: 32%;<br /> box-sizing: border-box;<br /> justify-content: center;<br /> padding: 0.5em;<br /> background: radial-gradient(var(--color-a) -31%, transparent 60%);<br /> }<br /> .Media:nth-child(2n) {<br /> background: radial-gradient(var(--color-b) -31%, transparent 60%);<br /> }<br /> .Media-body {<br /> flex: initial;<br /> }<br /> <br /> .flexgal {<br /> display: flex;<br /> flex-wrap: wrap;<br /> }<br /> <br /> /* THUMBNAILS ------------------------------------------------------------------ */<br /> .thumbinner {<br /> background-color: var(--accent-bg);<br /> }<br /> .thumb.tleft {<br /> margin-right: 2em;<br /> }<br /> .Media-figure a,<br /> .image.fancybox {<br /> display: inline-block;<br /> }<br /> .magnify a {<br /> text-indent: 0;<br /> width: 25px;<br /> height: 25px;<br /> border-style: solid;<br /> border-width: 2px;<br /> line-height: 15px;<br /> }<br /> .magnify a:before {<br /> content: &quot;+&quot;;<br /> font-family: FontAwesome;<br /> font-size: 20px;<br /> }<br /> <br /> /* PAGE PRINCIPALE D'ACCUEIL*/<br /> .page-École_de_recherche_graphique #page-content #content ul {<br /> margin-left: 0;<br /> }<br /> <br /> .page-École_de_recherche_graphique #page-content #content li {<br /> margin: 20px 0;<br /> border-width: 2px;<br /> border-style: solid;<br /> border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br /> border-image-slice: 1;<br /> padding: 6px;<br /> width: fit-content;<br /> }<br /> .page-École_de_recherche_graphique #page-content #content li a {<br /> border-width: 0; <br /> }<br /> <br /> .page-École_de_recherche_graphique #page-content #content li:hover {<br /> background-image: linear-gradient(to right, var(--color-a), var(--color-b));<br /> <br /> }<br /> <br /> .page-École_de_recherche_graphique #page-content #content li::before {<br /> content: &quot;&quot; !important;<br /> }<br /> <br /> .page-École_de_recherche_graphique #page-content # content li a {<br /> border-width: 0px;<br /> border-style: solid;<br /> }<br /> .page-École_de_recherche_graphique #page-content #content li a:hover {<br /> border-width: 0px;<br /> border-style: solid;<br /> background: rgba(0,0,0,0);<br /> }<br /> <br /> <br /> /* FIN PAGE PRINCIPALE*/<br /> <br /> <br /> <br /> <br /> <br /> <br /> /* MEDIA QUERIES ------------------------------------------------------------------ */<br /> @media (max-width: 800px) {<br /> div.tleft, div.floatleft, table.floatleft {<br /> width: 100%;<br /> margin-bottom: 3em;<br /> }<br /> #toc {<br /> max-width: initial;<br /> width: 100%;<br /> margin-left: 0;<br /> <br /> <br /> }<br /> }<br /> @media only screen and (max-width: 600px) {<br /> .top-bar,<br /> .top-bar-section,<br /> #top-bar-right,<br /> #top-bar-right .columns {<br /> display: inherit;<br /> }<br /> .top-bar.expanded {<br /> flex-wrap: wrap;<br /> }<br /> .top-bar.expanded .title-area {<br /> display: flex;<br /> flex-grow: 1;<br /> justify-content: space-between;<br /> }<br /> .top-bar.expanded .top-bar,<br /> .top-bar.expanded .top-bar-section,<br /> .top-bar.expanded #top-bar-right,<br /> .top-bar.expanded #top-bar-right .columns {<br /> display: flex;<br /> align-items: center;<br /> flex-wrap: wrap;<br /> }<br /> .divider.show-for-small {<br /> display: none !important;<br /> }<br /> <br /> #top-bar-left, #top-bar-right {<br /> padding: 10px 0 0 0;<br /> } <br /> #top-bar-left .dropdown li, #top-bar-right .dropdown li {<br /> padding: 0; <br /> }<br /> }<br /> <br /> /* Formulaire d'edition ------------------------------------------------------------------ */<br /> #editform<br /> {<br /> margin-top: -0vh;<br /> line-height: 1.2rem;<br /> }<br /> /* Lien vers page anglaise ------------------------------------------------------------------ */<br /> #english{<br /> font-size: 0.8em;<br /> }</div> Theophile.gervreaumercier https://wiki.erg.be/mw/index.php?title=MediaWiki:Ouroboros.css&diff=22598 MediaWiki:Ouroboros.css 2024-02-09T16:17:57Z <p>Theophile.gervreaumercier : </p> <hr /> <div><br /> /*<br /> _ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______ <br /> | | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|<br /> | | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__ <br /> | | | __| \___ \| &lt; | | | . ` | / / | | | __ | __| | |\/| | __| <br /> | |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____ <br /> |______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|<br /> / __ \| ____| ____|_ _/ ____|_ _| ____| | <br /> | | | | |__ | |__ | || | | | | |__ | | <br /> | | | | __| | __| | || | | | | __| | | <br /> | |__| | | | | _| || |____ _| |_| |____| |____ <br /> \____/|_|____|_| |_____\_____|_____|______|______| <br /> | __ \| ____| <br /> | | | | |__ <br /> | | | | __| <br /> | |__| | |____ <br /> |_____/|______|_ _____ _____ <br /> | | | ____| __ \ / ____| <br /> | | | |__ | |__) | | __ <br /> | | | __| | _ /| | |_ | <br /> | |____ | |____| | \ \| |__| | <br /> |______| |______|_| \_\\_____| <br /> <br /> <br /> */<br /> @font-face {<br /> font-family: Hyphont-e;<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/Hyphont-e.otf&quot;);<br /> }<br /> <br /> @font-face {<br /> font-family: AntiqueNoble;<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/antiquenoblebold.woff&quot;);<br /> }<br /> <br /> @font-face {<br /> font-family: Combined;<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/combined.otf&quot;);<br /> }<br /> @font-face {<br /> font-family: Lucette;<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2&quot;);<br /> }<br /> @font-face {<br /> font-family: Lucette;<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2&quot;);<br /> font-style: italic;<br /> }<br /> <br /> @font-face {<br /> font-family: Ductus;<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff2&quot;);<br /> }<br /> /*<br /> @font-face {<br /> font-family: Vega;<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/otf/Vega-Regular.otf&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/Vega-Regular.ttf&quot;) format(&quot;truetype&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/Vega-Regular-Webfont.svg&quot; format(&quot;svg&quot;));<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff&quot; format(&quot;woff&quot;));<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff2&quot;) format(&quot;woff2&quot;);<br /> }<br /> */<br /> <br /> <br /> <br /> <br /> /* Global variables. */<br /> :root,<br /> ::backdrop {<br /> /* Set sans-serif &amp; mono fonts */<br /> --sans-font: Hyphont-e, -apple-system, BlinkMacSystemFont, &quot;Avenir Next&quot;, Avenir,<br /> &quot;Nimbus Sans L&quot;, Roboto, &quot;Noto Sans&quot;, &quot;Segoe UI&quot;, Arial, Helvetica,<br /> &quot;Helvetica Neue&quot;, sans-serif;<br /> --mono-font: Consolas, Menlo, Monaco, &quot;Andale Mono&quot;, &quot;Ubuntu Mono&quot;, monospace;<br /> --standard-border-radius: 5px;<br /> <br /> --font-title: Ductus;<br /> --font-body: Hyphont-e;<br /> --font-size: 15pt;<br /> --line-height: 1.3em;<br /> <br /> /* Default (light) theme */<br /> --bg: #fff;<br /> --accent-bg: #f5f7ff;<br /> --text: #212121;<br /> --text-light: #585858;<br /> --border: #898EA4;<br /> --accent: #0d47a1;<br /> --accent-hover: #1266e2;<br /> --accent-text: var(--bg);<br /> --code: #d81b60;<br /> --preformatted: #444;<br /> --marked: #ffdd33;<br /> --disabled: #efefef;<br /> <br /> <br /> --color-a: #a700ff; /* purple */<br /> --color-b: #00ab6b; /* green */<br /> <br /> }<br /> <br /> /* Dark theme */<br /> @media (prefers-color-scheme: dark) {<br /> :root,<br /> ::backdrop {<br /> <br /> --font-title: Ductus;<br /> --font-body: Hyphont-e;<br /> --font-size: 15pt;<br /> --line-height: 1.3em;<br /> <br /> color-scheme: dark;<br /> --bg: #222;<br /> --accent-bg: #2b2b2b;<br /> --text: #dcdcdc;<br /> --text-light: #ababab;<br /> --accent: #ffb300;<br /> --accent-hover: #ffe099;<br /> --accent-text: var(--bg);<br /> --code: #f06292;<br /> --preformatted: #ccc;<br /> --disabled: #111;<br /> <br /> --color-a: #9557b5; /* washed-off purple */<br /> --color-b: #3c856b; /* washed-off green */<br /> --font-size: 15pt;<br /> --line-height: 1.3em;<br /> }<br /> }<br /> <br /> /* Reset box-sizing */<br /> *, *::before, *::after {<br /> box-sizing: border-box;<br /> }<br /> <br /> body {<br /> font-family: var(--font-body);<br /> font-size: var(--font-size);<br /> line-height: var(--line-height);<br /> padding-top: 3em;<br /> background-color: var(--bg);<br /> color: var(--text);<br /> }<br /> p {<br /> font-size: var(--font-size);<br /> line-height: var(--line-height);<br /> margin-bottom: 0;<br /> }<br /> p + p {<br /> margin-top: var(--line-height);<br /> }<br /> <br /> /* INTERFACE ------------------------------------------------------------------ */<br /> /* remove category help button (does it remove other stuff? mmm...) */<br /> #mw-indicator-mw-helplink {<br /> display: none;<br /> }<br /> <br /> /* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */<br /> #navwrapper {<br /> position: fixed;<br /> top: 0;<br /> right: 0;<br /> z-index: 1000;<br /> left: 0;<br /> }<br /> <br /> h4.namespace.label {<br /> display: none;<br /> }<br /> <br /> .mw-editsection, .mw-editsection-like {<br /> font-size: 10px;<br /> }<br /> <br /> #actions {<br /> left: initial !important;<br /> right: 14px;<br /> top: -21px;<br /> background-color: var(--accent-bg);<br /> border: 1px solid var(--text-light);<br /> color: var(--text-light);<br /> }<br /> a#actions-button {<br /> margin-top: -1em;<br /> background-color: var(--accent-bg);<br /> padding: 5px;<br /> color: var(--text-light);<br /> }<br /> .fa,<br /> button, .button,<br /> .top-bar-section ul li &gt; a {<br /> font-family: var(--font-body);<br /> }<br /> .fa::before {<br /> font-family: FontAwesome;<br /> }<br /> <br /> .top-bar,<br /> .top-bar-section,<br /> #top-bar-left,<br /> #top-bar-right,<br /> #top-bar-right .columns {<br /> display: flex;<br /> background-color: #222;<br /> align-items: center;<br /> justify-content: space-evenly;<br /> }<br /> #top-bar-left {<br /> width: initial;<br /> }<br /> .top-bar-section {<br /> flex-grow: 1;<br /> }<br /> .has-form {<br /> flex-grow: 1;<br /> padding: 0.5em !important;<br /> }<br /> #top-bar-right {<br /> justify-content: space-between;<br /> flex-grow: 1;<br /> }<br /> .top-bar input {<br /> padding-top: 8px;<br /> flex-grow: 1;<br /> height: 2em;<br /> box-sizing: border-box;<br /> border: 0;<br /> outline: 0;<br /> }<br /> .button.search {<br /> background-color: transparent;<br /> border-style: solid;<br /> border-width: 2px;<br /> border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br /> border-image-slice: 1;<br /> top: 2px !important;<br /> position: relative;<br /> margin-left: 0px !important;<br /> box-sizing: border-box;<br /> padding: 0;<br /> width: 80px;<br /> height: 2em;<br /> margin: 0;<br /> top: 0 !important;<br /> }<br /> .button.search:hover {<br /> background-color: var(--color-a);<br /> }<br /> .suggestions-result-current {<br /> background-color: var(--color-b) !important;<br /> }<br /> <br /> .top-bar .toggle-topbar a {<br /> text-transform: lowercase;<br /> font-size: 1em;<br /> }<br /> <br /> #toc, .toc {<br /> float: right;<br /> margin-left: 1em;<br /> max-width: 45%;<br /> background-color: var(--accent-bg);<br /> border-radius: 5px;<br /> }<br /> .toctitle {<br /> margin-bottom: -1em;<br /> }<br /> #toc h2 {<br /> margin-top: 0.25em;<br /> font-size: 1em;<br /> display: inline-block;<br /> margin-right: 0.5em;<br /> }<br /> #toc ul {<br /> margin: 0;<br /> }<br /> .tocnumber:after {<br /> content: &quot; – &quot;;<br /> }<br /> <br /> table.infobox {<br /> width: initial;<br /> max-width: 45%;<br /> }<br /> table.infobox th.head {<br /> background-color: var(--color-b);<br /> }<br /> th, td {<br /> padding: 0.5em !important;<br /> }<br /> <br /> <br /> li {<br /> line-height: initial;<br /> }<br /> <br /> .mw-category-generated {<br /> margin-top: 2em;<br /> }<br /> <br /> /* if no content but only listing subcategories */<br /> .mw-parser-output:empty + .mw-category-generated h2 {<br /> display: none;<br /> }<br /> <br /> /* If only one subcategory, don't list the initial */<br /> .mw-category-generated #mw-pages div:only-of-type h3,<br /> #mw-subcategories div:only-of-type h3 {<br /> /*display: none;*/<br /> }<br /> <br /> /* removes counting of categories */<br /> .mw-category-generated #mw-pages p:first-of-type,<br /> #mw-subcategories p:first-of-type {<br /> display: none;<br /> }<br /> <br /> .group {<br /> margin-top: 5em;<br /> }<br /> #catlinks .label {<br /> border-width: 2px;<br /> border-style: solid;<br /> background-color: transparent;<br /> padding: 2px 6px !important;<br /> }<br /> <br /> /* HEADER ------------------------------------------------------------------ */<br /> .title-name {<br /> font-family: var(--font-title);<br /> font-weight: bold;<br /> }<br /> .title-name:hover {<br /> color: var(--color-a);<br /> }<br /> <br /> <br /> <br /> .top-bar-section .has-form {<br /> background-color: #222 !important;<br /> }<br /> .top-bar-section .has-dropdown &gt; a::after {<br /> display: none;<br /> }<br /> .top-bar-section .has-dropdown &gt; a {<br /> padding-right: initial !important;<br /> }<br /> .top-bar-section .dropdown li {<br /> width: initial;<br /> /*height: 2em;*/<br /> position: relative;<br /> padding: 0;<br /> border-bottom: 1px solid lightgray;<br /> }<br /> .top-bar-section ul li {<br /> padding: 0 0.5em;<br /> background-color: #222;<br /> }<br /> .top-bar-section ul li:hover {<br /> z-index: 1000;<br /> }<br /> .top-bar-section ul li &gt; a {<br /> font-size: 16px;<br /> padding: 0;<br /> font-weight: bold;<br /> }<br /> <br /> li#p-menu &gt; a {<br /> text-transform: uppercase;<br /> padding: 0;<br /> }<br /> li#p-menu &gt; a + ul li {<br /> outline: 1px solid #00a393;<br /> }<br /> <br /> .top-bar-section .dropdown li:not(.has-form):not(.active):hover &gt; a:not(.button) {<br /> background: linear-gradient(90deg,var(--color-a), var(--color-b));<br /> }<br /> li#p-menu + li.has-dropdown {<br /> width: 3em;<br /> text-align: center;<br /> }<br /> li#p-menu + li.has-dropdown &gt; a {<br /> border-radius: 100%;<br /> padding: 0;<br /> text-align: center;<br /> line-height: 30px;<br /> margin: auto;<br /> display: inline-block;<br /> width: 30px;<br /> box-sizing: border-box;<br /> height: 30px;<br /> }<br /> .not-logged-in #top-bar-right li:nth-child(3) {<br /> display: none;<br /> }<br /> <br /> #toolbox-dropdown li, #personal-tools-dropdown .dropdown li {<br /> float: right;<br /> }<br /> <br /> .back h5 {<br /> font-size: 2em !important;<br /> }<br /> a.parent-link {<br /> color: var(--color-b) !important;<br /> font-weight: bold !important;<br /> }<br /> <br /> /* Couleurs pour le navbar */<br /> <br /> .top-bar, .top-bar.expanded { <br /> background: linear-gradient(90deg, var(--color-a) 0%, var(--color-b) 100%); <br /> }<br /> .top-bar *:not(.dropdown li a, input, .dropdown), .top-bar.expanded *:not(.dropdown li a, input, .dropdown) {<br /> background: transparent !important;<br /> color: white !important;<br /> }<br /> .top-bar.expanded .dropdown {<br /> background-color: #212121;<br /> }<br /> .top-bar .dropdown li {<br /> background-color: var(--bg);<br /> }<br /> .top-bar.expanded .toggle-topbar a span::after<br /> {<br /> box-shadow: 0 0 0 1px #FFFFFF66,0 7px 0 1px #FFFFFF66,0 14px 0 1px #FFFFFF66;<br /> }<br /> .top-bar .dropdown li:hover {<br /> background: linear-gradient(90deg, var(--color-a) 0%, var(--color-b) 100%);<br /> }<br /> .top-bar {<br /> border-bottom: 1px solid var(--color-a);<br /> }<br /> .top-bar-section .has-form {<br /> background-color: transparent !important;<br /> }<br /> .top-bar input {<br /> border: 1px solid var(--text);<br /> background: white !important;<br /> color: black !important;<br /> } <br /> <br /> .top-bar .button.search {<br /> border: 1px solid white;<br /> }<br /> <br /> /* FIN */<br /> <br /> <br /> <br /> <br /> /* CONTENT ------------------------------------------------------------------ */<br /> #page-content {<br /> margin: 1em;<br /> color: var(--text);<br /> }<br /> #english {<br /> position: relative;<br /> top: -1.5em;<br /> }<br /> <br /> h1, h2, h3, h4, h5, h6 {<br /> margin-top: 1em;<br /> color: var(--color-b);<br /> line-height: 1.5em;<br /> font-family: var(--font-body);<br /> }<br /> h1, h1#firstHeading, h2 {<br /> font-family: var(--font-title);<br /> font-size: 1.5em;<br /> }<br /> h2 {<br /> font-family: var(--font-title);<br /> }<br /> <br /> h1 {<br /> color: var(--color-a);<br /> }<br /> h2 span {<br /> display: initial;<br /> }<br /> h3 {<br /> font-family: var(--font-title);<br /> font-size: 1em;<br /> }<br /> body.action-view #page-content a {<br /> border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br /> border-bottom-width: 2px;<br /> border-image-slice: 1;<br /> color: var(--text);<br /> border-bottom-style: solid;<br /> padding: 3px 5px 1px;<br /> <br /> }<br /> #page-content a:hover,<br /> #catlinks .label:hover {<br /> background: linear-gradient(to right,var(--color-a),var(--color-b));<br /> color: white !important;<br /> }<br /> /* Removes user name */<br /> h3#tagline {<br /> display: none;<br /> }<br /> #bodyContent {<br /> margin-top: 3em;<br /> }<br /> <br /> #page-content ul, #page-content ol {<br /> font-size: 1em;<br /> margin-top: calc( var(--line-height) / 2) !important;<br /> margin-bottom: calc( var(--line-height) / 1) !important;<br /> }<br /> div {<br /> line-height: 1.4em ;<br /> }<br /> label {<br /> color: var(--text-light);<br /> }<br /> label[for=&quot;wpCaptchaWord&quot;]{<br /> background-color: orangered;<br /> }<br /> code, pre {<br /> color: darkgrey;<br /> background-color: #181818;<br /> border: 1px solid darkgrey;<br /> border-radius:3px;<br /> font-size: 0.8em;<br /> }<br /> <br /> pre {<br /> padding: 0 1ch;<br /> }<br /> <br /> <br /> <br /> <br /> /* ACTUALITÉS ------------------------------------------------------------------ */<br /> .medialisting {<br /> display: flex;<br /> flex-wrap: wrap;<br /> }<br /> .medialisting a {<br /> border: 0 !important;<br /> }<br /> .Media {<br /> display: flex;<br /> align-items: flex-start;<br /> margin-bottom: 1em;<br /> flex-direction: column;<br /> flex-basis: 32%;<br /> box-sizing: border-box;<br /> justify-content: center;<br /> padding: 0.5em;<br /> background: radial-gradient(var(--color-a) -31%, transparent 60%);<br /> }<br /> .Media:nth-child(2n) {<br /> background: radial-gradient(var(--color-b) -31%, transparent 60%);<br /> }<br /> .Media-body {<br /> flex: initial;<br /> }<br /> <br /> .flexgal {<br /> display: flex;<br /> flex-wrap: wrap;<br /> }<br /> <br /> /* THUMBNAILS ------------------------------------------------------------------ */<br /> .thumbinner {<br /> background-color: var(--accent-bg);<br /> }<br /> .thumb.tleft {<br /> margin-right: 2em;<br /> }<br /> .Media-figure a,<br /> .image.fancybox {<br /> display: inline-block;<br /> }<br /> .magnify a {<br /> text-indent: 0;<br /> width: 25px;<br /> height: 25px;<br /> border-style: solid;<br /> border-width: 2px;<br /> line-height: 15px;<br /> }<br /> .magnify a:before {<br /> content: &quot;+&quot;;<br /> font-family: FontAwesome;<br /> font-size: 20px;<br /> }<br /> <br /> /* PAGE PRINCIPALE D'ACCUEIL*/<br /> .page-École_de_recherche_graphique #page-content #content ul {<br /> margin-left: 0;<br /> }<br /> <br /> .page-École_de_recherche_graphique #page-content #content li {<br /> margin: 20px 0;<br /> border-width: 2px;<br /> border-style: solid;<br /> border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br /> border-image-slice: 1;<br /> padding: 6px;<br /> width: fit-content;<br /> }<br /> .page-École_de_recherche_graphique #page-content #content li a {<br /> border-width: 0; <br /> }<br /> <br /> .page-École_de_recherche_graphique #page-content #content li:hover {<br /> background-image: linear-gradient(to right, var(--color-a), var(--color-b));<br /> <br /> }<br /> <br /> .page-École_de_recherche_graphique #page-content #content li::before {<br /> content: &quot;&quot; !important;<br /> }<br /> <br /> .page-École_de_recherche_graphique #page-content # content li a {<br /> border-width: 0px;<br /> border-style: solid;<br /> }<br /> .page-École_de_recherche_graphique #page-content #content li a:hover {<br /> border-width: 0px;<br /> border-style: solid;<br /> background: rgba(0,0,0,0);<br /> }<br /> <br /> <br /> /* FIN PAGE PRINCIPALE*/<br /> <br /> <br /> <br /> <br /> <br /> <br /> /* MEDIA QUERIES ------------------------------------------------------------------ */<br /> @media (max-width: 800px) {<br /> div.tleft, div.floatleft, table.floatleft {<br /> width: 100%;<br /> margin-bottom: 3em;<br /> }<br /> #toc {<br /> max-width: initial;<br /> width: 100%;<br /> margin-left: 0;<br /> <br /> <br /> }<br /> }<br /> @media only screen and (max-width: 600px) {<br /> .top-bar,<br /> .top-bar-section,<br /> #top-bar-right,<br /> #top-bar-right .columns {<br /> display: inherit;<br /> }<br /> .top-bar.expanded {<br /> flex-wrap: wrap;<br /> }<br /> .top-bar.expanded .title-area {<br /> display: flex;<br /> flex-grow: 1;<br /> justify-content: space-between;<br /> }<br /> .top-bar.expanded .top-bar,<br /> .top-bar.expanded .top-bar-section,<br /> .top-bar.expanded #top-bar-right,<br /> .top-bar.expanded #top-bar-right .columns {<br /> display: flex;<br /> align-items: center;<br /> flex-wrap: wrap;<br /> }<br /> .divider.show-for-small {<br /> display: none !important;<br /> }<br /> <br /> #top-bar-left, #top-bar-right {<br /> padding: 10px 0 0 0;<br /> } <br /> #top-bar-left .dropdown li, #top-bar-right .dropdown li {<br /> padding: 0; <br /> }<br /> }<br /> <br /> /* Formulaire d'edition ------------------------------------------------------------------ */<br /> #editform<br /> {<br /> margin-top: -0vh;<br /> line-height: 1.2rem;<br /> }<br /> /* Lien vers page anglaise ------------------------------------------------------------------ */<br /> #english{<br /> font-size: 0.8em;<br /> }</div> Theophile.gervreaumercier https://wiki.erg.be/mw/index.php?title=MediaWiki:Ouroboros.css&diff=22596 MediaWiki:Ouroboros.css 2024-02-09T14:54:17Z <p>Theophile.gervreaumercier : </p> <hr /> <div><br /> /*<br /> _ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______ <br /> | | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|<br /> | | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__ <br /> | | | __| \___ \| &lt; | | | . ` | / / | | | __ | __| | |\/| | __| <br /> | |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____ <br /> |______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|<br /> / __ \| ____| ____|_ _/ ____|_ _| ____| | <br /> | | | | |__ | |__ | || | | | | |__ | | <br /> | | | | __| | __| | || | | | | __| | | <br /> | |__| | | | | _| || |____ _| |_| |____| |____ <br /> \____/|_|____|_| |_____\_____|_____|______|______| <br /> | __ \| ____| <br /> | | | | |__ <br /> | | | | __| <br /> | |__| | |____ <br /> |_____/|______|_ _____ _____ <br /> | | | ____| __ \ / ____| <br /> | | | |__ | |__) | | __ <br /> | | | __| | _ /| | |_ | <br /> | |____ | |____| | \ \| |__| | <br /> |______| |______|_| \_\\_____| <br /> <br /> <br /> */<br /> @font-face {<br /> font-family: Hyphont-e;<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/Hyphont-e.otf&quot;);<br /> }<br /> <br /> @font-face {<br /> font-family: AntiqueNoble;<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/antiquenoblebold.woff&quot;);<br /> }<br /> <br /> @font-face {<br /> font-family: Combined;<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/combined.otf&quot;);<br /> }<br /> @font-face {<br /> font-family: Lucette;<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2&quot;);<br /> }<br /> @font-face {<br /> font-family: Lucette;<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2&quot;);<br /> font-style: italic;<br /> }<br /> <br /> @font-face {<br /> font-family: Ductus;<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff2&quot;);<br /> }<br /> /*<br /> @font-face {<br /> font-family: Vega;<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/otf/Vega-Regular.otf&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/Vega-Regular.ttf&quot;) format(&quot;truetype&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/Vega-Regular-Webfont.svg&quot; format(&quot;svg&quot;));<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff&quot; format(&quot;woff&quot;));<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff2&quot;) format(&quot;woff2&quot;);<br /> }<br /> */<br /> <br /> <br /> <br /> <br /> /* Global variables. */<br /> :root,<br /> ::backdrop {<br /> /* Set sans-serif &amp; mono fonts */<br /> --sans-font: Hyphont-e, -apple-system, BlinkMacSystemFont, &quot;Avenir Next&quot;, Avenir,<br /> &quot;Nimbus Sans L&quot;, Roboto, &quot;Noto Sans&quot;, &quot;Segoe UI&quot;, Arial, Helvetica,<br /> &quot;Helvetica Neue&quot;, sans-serif;<br /> --mono-font: Consolas, Menlo, Monaco, &quot;Andale Mono&quot;, &quot;Ubuntu Mono&quot;, monospace;<br /> --standard-border-radius: 5px;<br /> <br /> --font-title: Ductus;<br /> --font-body: Hyphont-e;<br /> --font-size: 15pt;<br /> --line-height: 1.3em;<br /> <br /> /* Default (light) theme */<br /> --bg: #fff;<br /> --accent-bg: #f5f7ff;<br /> --text: #212121;<br /> --text-light: #585858;<br /> --border: #898EA4;<br /> --accent: #0d47a1;<br /> --accent-hover: #1266e2;<br /> --accent-text: var(--bg);<br /> --code: #d81b60;<br /> --preformatted: #444;<br /> --marked: #ffdd33;<br /> --disabled: #efefef;<br /> <br /> <br /> --color-a: #a700ff; /* purple */<br /> --color-b: #00ab6b; /* green */<br /> <br /> }<br /> <br /> /* Dark theme */<br /> @media (prefers-color-scheme: dark) {<br /> :root,<br /> ::backdrop {<br /> <br /> --font-title: Ductus;<br /> --font-body: Hyphont-e;<br /> --font-size: 15pt;<br /> --line-height: 1.3em;<br /> <br /> color-scheme: dark;<br /> --bg: #222;<br /> --accent-bg: #2b2b2b;<br /> --text: #dcdcdc;<br /> --text-light: #ababab;<br /> --accent: #ffb300;<br /> --accent-hover: #ffe099;<br /> --accent-text: var(--bg);<br /> --code: #f06292;<br /> --preformatted: #ccc;<br /> --disabled: #111;<br /> <br /> --color-a: #9557b5; /* washed-off purple */<br /> --color-b: #3c856b; /* washed-off green */<br /> --font-size: 15pt;<br /> --line-height: 1.3em;<br /> }<br /> }<br /> <br /> /* Reset box-sizing */<br /> *, *::before, *::after {<br /> box-sizing: border-box;<br /> }<br /> <br /> body {<br /> font-family: var(--font-body);<br /> font-size: var(--font-size);<br /> line-height: var(--line-height);<br /> padding-top: 3em;<br /> background-color: var(--bg);<br /> color: var(--text);<br /> }<br /> p {<br /> font-size: var(--font-size);<br /> line-height: var(--line-height);<br /> margin-bottom: 0;<br /> }<br /> p + p {<br /> margin-top: var(--line-height);<br /> }<br /> <br /> /* INTERFACE ------------------------------------------------------------------ */<br /> /* remove category help button (does it remove other stuff? mmm...) */<br /> #mw-indicator-mw-helplink {<br /> display: none;<br /> }<br /> <br /> /* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */<br /> #navwrapper {<br /> position: fixed;<br /> top: 0;<br /> right: 0;<br /> z-index: 1000;<br /> left: 0;<br /> }<br /> <br /> h4.namespace.label {<br /> display: none;<br /> }<br /> <br /> .mw-editsection, .mw-editsection-like {<br /> font-size: 10px;<br /> }<br /> <br /> #actions {<br /> left: initial !important;<br /> right: 14px;<br /> top: -21px;<br /> background-color: var(--accent-bg);<br /> border: 1px solid var(--text-light);<br /> color: var(--text-light);<br /> }<br /> a#actions-button {<br /> margin-top: -1em;<br /> background-color: var(--accent-bg);<br /> padding: 5px;<br /> color: var(--text-light);<br /> }<br /> .fa,<br /> button, .button,<br /> .top-bar-section ul li &gt; a {<br /> font-family: var(--font-body);<br /> }<br /> .fa::before {<br /> font-family: FontAwesome;<br /> }<br /> <br /> .top-bar,<br /> .top-bar-section,<br /> #top-bar-left,<br /> #top-bar-right,<br /> #top-bar-right .columns {<br /> display: flex;<br /> background-color: #222;<br /> align-items: center;<br /> justify-content: space-evenly;<br /> }<br /> #top-bar-left {<br /> width: initial;<br /> }<br /> .top-bar-section {<br /> flex-grow: 1;<br /> }<br /> .has-form {<br /> flex-grow: 1;<br /> padding: 0.5em !important;<br /> }<br /> #top-bar-right {<br /> justify-content: space-between;<br /> flex-grow: 1;<br /> }<br /> .top-bar input {<br /> padding-top: 8px;<br /> flex-grow: 1;<br /> height: 2em;<br /> box-sizing: border-box;<br /> border: 0;<br /> outline: 0;<br /> }<br /> .button.search {<br /> background-color: transparent;<br /> border-style: solid;<br /> border-width: 2px;<br /> border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br /> border-image-slice: 1;<br /> top: 2px !important;<br /> position: relative;<br /> margin-left: 0px !important;<br /> box-sizing: border-box;<br /> padding: 0;<br /> width: 80px;<br /> height: 2em;<br /> margin: 0;<br /> top: 0 !important;<br /> }<br /> .button.search:hover {<br /> background-color: var(--color-a);<br /> }<br /> .suggestions-result-current {<br /> background-color: var(--color-b) !important;<br /> }<br /> <br /> .top-bar .toggle-topbar a {<br /> text-transform: lowercase;<br /> font-size: 1em;<br /> }<br /> <br /> #toc, .toc {<br /> float: right;<br /> margin-left: 1em;<br /> max-width: 45%;<br /> background-color: var(--accent-bg);<br /> border-radius: 5px;<br /> }<br /> .toctitle {<br /> margin-bottom: -1em;<br /> }<br /> #toc h2 {<br /> margin-top: 0.25em;<br /> font-size: 1em;<br /> display: inline-block;<br /> margin-right: 0.5em;<br /> }<br /> #toc ul {<br /> margin: 0;<br /> }<br /> .tocnumber:after {<br /> content: &quot; – &quot;;<br /> }<br /> <br /> table.infobox {<br /> width: initial;<br /> max-width: 45%;<br /> }<br /> table.infobox th.head {<br /> background-color: var(--color-b);<br /> }<br /> th, td {<br /> padding: 0.5em !important;<br /> }<br /> <br /> <br /> li {<br /> line-height: initial;<br /> }<br /> <br /> .mw-category-generated {<br /> margin-top: 2em;<br /> }<br /> <br /> /* if no content but only listing subcategories */<br /> .mw-parser-output:empty + .mw-category-generated h2 {<br /> display: none;<br /> }<br /> <br /> /* If only one subcategory, don't list the initial */<br /> .mw-category-generated #mw-pages div:only-of-type h3,<br /> #mw-subcategories div:only-of-type h3 {<br /> /*display: none;*/<br /> }<br /> <br /> /* removes counting of categories */<br /> .mw-category-generated #mw-pages p:first-of-type,<br /> #mw-subcategories p:first-of-type {<br /> display: none;<br /> }<br /> <br /> .group {<br /> margin-top: 5em;<br /> }<br /> #catlinks .label {<br /> border-width: 2px;<br /> border-style: solid;<br /> background-color: transparent;<br /> padding: 2px 6px !important;<br /> }<br /> <br /> /* HEADER ------------------------------------------------------------------ */<br /> .title-name {<br /> font-family: var(--font-title);<br /> font-weight: bold;<br /> }<br /> .title-name:hover {<br /> color: var(--color-a);<br /> }<br /> <br /> <br /> <br /> .top-bar-section .has-form {<br /> background-color: #222 !important;<br /> }<br /> .top-bar-section .has-dropdown &gt; a::after {<br /> display: none;<br /> }<br /> .top-bar-section .has-dropdown &gt; a {<br /> padding-right: initial !important;<br /> }<br /> .top-bar-section .dropdown li {<br /> width: initial;<br /> /*height: 2em;*/<br /> position: relative;<br /> padding: 0;<br /> border-bottom: 1px solid lightgray;<br /> }<br /> .top-bar-section ul li {<br /> padding: 0 0.5em;<br /> background-color: #222;<br /> }<br /> .top-bar-section ul li:hover {<br /> z-index: 1000;<br /> }<br /> .top-bar-section ul li &gt; a {<br /> font-size: 16px;<br /> padding: 0;<br /> font-weight: bold;<br /> }<br /> <br /> li#p-menu &gt; a {<br /> text-transform: uppercase;<br /> padding: 0;<br /> }<br /> li#p-menu &gt; a + ul li {<br /> outline: 1px solid #00a393;<br /> }<br /> <br /> .top-bar-section .dropdown li:not(.has-form):not(.active):hover &gt; a:not(.button) {<br /> background: linear-gradient(90deg,var(--color-a), var(--color-b));<br /> }<br /> li#p-menu + li.has-dropdown {<br /> width: 3em;<br /> text-align: center;<br /> }<br /> li#p-menu + li.has-dropdown &gt; a {<br /> border-radius: 100%;<br /> padding: 0;<br /> text-align: center;<br /> line-height: 30px;<br /> margin: auto;<br /> display: inline-block;<br /> width: 30px;<br /> box-sizing: border-box;<br /> height: 30px;<br /> }<br /> .not-logged-in #top-bar-right li:nth-child(3) {<br /> display: none;<br /> }<br /> <br /> #toolbox-dropdown li, #personal-tools-dropdown .dropdown li {<br /> float: right;<br /> }<br /> <br /> .back h5 {<br /> font-size: 2em !important;<br /> }<br /> a.parent-link {<br /> color: var(--color-b) !important;<br /> font-weight: bold !important;<br /> }<br /> <br /> /* Couleurs pour le navbar */<br /> <br /> .top-bar, .top-bar.expanded { <br /> background: linear-gradient(90deg, var(--color-a) 0%, var(--color-b) 100%); <br /> }<br /> .top-bar *:not(.dropdown li a, input, .dropdown), .top-bar.expanded *:not(.dropdown li a, input, .dropdown) {<br /> background: transparent !important;<br /> color: white !important;<br /> }<br /> .top-bar.expanded .dropdown {<br /> background-color: #212121;<br /> }<br /> .top-bar .dropdown li {<br /> background-color: var(--bg);<br /> }<br /> .top-bar.expanded .toggle-topbar a span::after<br /> {<br /> box-shadow: 0 0 0 1px #FFFFFF66,0 7px 0 1px #FFFFFF66,0 14px 0 1px #FFFFFF66;<br /> }<br /> .top-bar .dropdown li:hover {<br /> background: linear-gradient(90deg, var(--color-a) 0%, var(--color-b) 100%);<br /> }<br /> .top-bar {<br /> border-bottom: 1px solid var(--color-a);<br /> }<br /> .top-bar-section .has-form {<br /> background-color: transparent !important;<br /> }<br /> .top-bar input {<br /> border: 1px solid var(--text);<br /> background: white !important;<br /> color: black !important;<br /> } <br /> <br /> .top-bar .button.search {<br /> border: 1px solid white;<br /> }<br /> <br /> /* FIN */<br /> <br /> <br /> <br /> <br /> /* CONTENT ------------------------------------------------------------------ */<br /> #page-content {<br /> margin: 1em;<br /> color: var(--text);<br /> }<br /> #english {<br /> position: relative;<br /> top: -1.5em;<br /> }<br /> <br /> h1, h2, h3, h4, h5, h6 {<br /> margin-top: 1em;<br /> color: var(--color-b);<br /> line-height: 1.5em;<br /> font-family: var(--font-body);<br /> }<br /> h1, h1#firstHeading, h2 {<br /> font-family: var(--font-title);<br /> font-size: 1.5em;<br /> }<br /> h2 {<br /> font-family: var(--font-title);<br /> }<br /> <br /> h1 {<br /> color: var(--color-a);<br /> }<br /> h2 span {<br /> display: initial;<br /> }<br /> h3 {<br /> font-family: var(--font-title);<br /> font-size: 1em;<br /> }<br /> body.action-view #page-content a {<br /> border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br /> border-bottom-width: 2px;<br /> border-image-slice: 1;<br /> color: var(--text);<br /> border-bottom-style: solid;<br /> padding: 3px 5px 1px;<br /> <br /> }<br /> #page-content a:hover,<br /> #catlinks .label:hover {<br /> background: linear-gradient(to right,var(--color-a),var(--color-b));<br /> color: white !important;<br /> }<br /> /* Removes user name */<br /> h3#tagline {<br /> display: none;<br /> }<br /> #bodyContent {<br /> margin-top: 3em;<br /> }<br /> <br /> #page-content ul, #page-content ol {<br /> font-size: 1em;<br /> margin-top: calc( var(--line-height) / 2) !important;<br /> margin-bottom: calc( var(--line-height) / 1) !important;<br /> }<br /> div {<br /> line-height: 1.4em ;<br /> }<br /> label {<br /> color: var(--text-light);<br /> }<br /> label[for=&quot;wpCaptchaWord&quot;]{<br /> background-color: orangered;<br /> }<br /> code, pre {<br /> color: darkgrey;<br /> background-color: #181818;<br /> border: 1px solid darkgrey;<br /> border-radius:3px;<br /> font-size: 0.8em;<br /> }<br /> <br /> pre {<br /> padding: 0 2ch;<br /> }<br /> <br /> <br /> <br /> <br /> /* ACTUALITÉS ------------------------------------------------------------------ */<br /> .medialisting {<br /> display: flex;<br /> flex-wrap: wrap;<br /> }<br /> .medialisting a {<br /> border: 0 !important;<br /> }<br /> .Media {<br /> display: flex;<br /> align-items: flex-start;<br /> margin-bottom: 1em;<br /> flex-direction: column;<br /> flex-basis: 32%;<br /> box-sizing: border-box;<br /> justify-content: center;<br /> padding: 0.5em;<br /> background: radial-gradient(var(--color-a) -31%, transparent 60%);<br /> }<br /> .Media:nth-child(2n) {<br /> background: radial-gradient(var(--color-b) -31%, transparent 60%);<br /> }<br /> .Media-body {<br /> flex: initial;<br /> }<br /> <br /> .flexgal {<br /> display: flex;<br /> flex-wrap: wrap;<br /> }<br /> <br /> /* THUMBNAILS ------------------------------------------------------------------ */<br /> .thumbinner {<br /> background-color: var(--accent-bg);<br /> }<br /> .thumb.tleft {<br /> margin-right: 2em;<br /> }<br /> .Media-figure a,<br /> .image.fancybox {<br /> display: inline-block;<br /> }<br /> .magnify a {<br /> text-indent: 0;<br /> width: 25px;<br /> height: 25px;<br /> border-style: solid;<br /> border-width: 2px;<br /> line-height: 15px;<br /> }<br /> .magnify a:before {<br /> content: &quot;+&quot;;<br /> font-family: FontAwesome;<br /> font-size: 20px;<br /> }<br /> <br /> /* PAGE PRINCIPALE D'ACCUEIL*/<br /> .page-École_de_recherche_graphique #page-content #content ul {<br /> margin-left: 0;<br /> }<br /> <br /> .page-École_de_recherche_graphique #page-content #content li {<br /> margin: 20px 0;<br /> border-width: 2px;<br /> border-style: solid;<br /> border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br /> border-image-slice: 1;<br /> padding: 6px;<br /> width: fit-content;<br /> }<br /> .page-École_de_recherche_graphique #page-content #content li a {<br /> border-width: 0; <br /> }<br /> <br /> .page-École_de_recherche_graphique #page-content #content li:hover {<br /> background-image: linear-gradient(to right, var(--color-a), var(--color-b));<br /> <br /> }<br /> <br /> .page-École_de_recherche_graphique #page-content #content li::before {<br /> content: &quot;&quot; !important;<br /> }<br /> <br /> .page-École_de_recherche_graphique #page-content # content li a {<br /> border-width: 0px;<br /> border-style: solid;<br /> }<br /> .page-École_de_recherche_graphique #page-content #content li a:hover {<br /> border-width: 0px;<br /> border-style: solid;<br /> background: rgba(0,0,0,0);<br /> }<br /> <br /> <br /> /* FIN PAGE PRINCIPALE*/<br /> <br /> <br /> <br /> <br /> <br /> <br /> /* MEDIA QUERIES ------------------------------------------------------------------ */<br /> @media (max-width: 800px) {<br /> div.tleft, div.floatleft, table.floatleft {<br /> width: 100%;<br /> margin-bottom: 3em;<br /> }<br /> #toc {<br /> max-width: initial;<br /> width: 100%;<br /> margin-left: 0;<br /> <br /> <br /> }<br /> }<br /> @media only screen and (max-width: 600px) {<br /> .top-bar,<br /> .top-bar-section,<br /> #top-bar-right,<br /> #top-bar-right .columns {<br /> display: inherit;<br /> }<br /> .top-bar.expanded {<br /> flex-wrap: wrap;<br /> }<br /> .top-bar.expanded .title-area {<br /> display: flex;<br /> flex-grow: 1;<br /> justify-content: space-between;<br /> }<br /> .top-bar.expanded .top-bar,<br /> .top-bar.expanded .top-bar-section,<br /> .top-bar.expanded #top-bar-right,<br /> .top-bar.expanded #top-bar-right .columns {<br /> display: flex;<br /> align-items: center;<br /> flex-wrap: wrap;<br /> }<br /> .divider.show-for-small {<br /> display: none !important;<br /> }<br /> <br /> #top-bar-left, #top-bar-right {<br /> padding: 10px 0 0 0;<br /> } <br /> #top-bar-left .dropdown li, #top-bar-right .dropdown li {<br /> padding: 0; <br /> }<br /> }<br /> <br /> /* Formulaire d'edition ------------------------------------------------------------------ */<br /> #editform<br /> {<br /> margin-top: -0vh;<br /> line-height: 1.2rem;<br /> }<br /> /* Lien vers page anglaise ------------------------------------------------------------------ */<br /> #english{<br /> font-size: 0.8em;<br /> }</div> Theophile.gervreaumercier https://wiki.erg.be/mw/index.php?title=MediaWiki:Ouroboros.css&diff=22595 MediaWiki:Ouroboros.css 2024-02-09T14:52:44Z <p>Theophile.gervreaumercier : </p> <hr /> <div><br /> /*<br /> _ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______ <br /> | | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|<br /> | | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__ <br /> | | | __| \___ \| &lt; | | | . ` | / / | | | __ | __| | |\/| | __| <br /> | |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____ <br /> |______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|<br /> / __ \| ____| ____|_ _/ ____|_ _| ____| | <br /> | | | | |__ | |__ | || | | | | |__ | | <br /> | | | | __| | __| | || | | | | __| | | <br /> | |__| | | | | _| || |____ _| |_| |____| |____ <br /> \____/|_|____|_| |_____\_____|_____|______|______| <br /> | __ \| ____| <br /> | | | | |__ <br /> | | | | __| <br /> | |__| | |____ <br /> |_____/|______|_ _____ _____ <br /> | | | ____| __ \ / ____| <br /> | | | |__ | |__) | | __ <br /> | | | __| | _ /| | |_ | <br /> | |____ | |____| | \ \| |__| | <br /> |______| |______|_| \_\\_____| <br /> <br /> <br /> */<br /> @font-face {<br /> font-family: Hyphont-e;<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/Hyphont-e.otf&quot;);<br /> }<br /> <br /> @font-face {<br /> font-family: AntiqueNoble;<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/antiquenoblebold.woff&quot;);<br /> }<br /> <br /> @font-face {<br /> font-family: Combined;<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/combined.otf&quot;);<br /> }<br /> @font-face {<br /> font-family: Lucette;<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2&quot;);<br /> }<br /> @font-face {<br /> font-family: Lucette;<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2&quot;);<br /> font-style: italic;<br /> }<br /> <br /> @font-face {<br /> font-family: Ductus;<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff2&quot;);<br /> }<br /> /*<br /> @font-face {<br /> font-family: Vega;<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/otf/Vega-Regular.otf&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/Vega-Regular.ttf&quot;) format(&quot;truetype&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/Vega-Regular-Webfont.svg&quot; format(&quot;svg&quot;));<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff&quot; format(&quot;woff&quot;));<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff2&quot;) format(&quot;woff2&quot;);<br /> }<br /> */<br /> <br /> <br /> <br /> <br /> /* Global variables. */<br /> :root,<br /> ::backdrop {<br /> /* Set sans-serif &amp; mono fonts */<br /> --sans-font: Hyphont-e, -apple-system, BlinkMacSystemFont, &quot;Avenir Next&quot;, Avenir,<br /> &quot;Nimbus Sans L&quot;, Roboto, &quot;Noto Sans&quot;, &quot;Segoe UI&quot;, Arial, Helvetica,<br /> &quot;Helvetica Neue&quot;, sans-serif;<br /> --mono-font: Consolas, Menlo, Monaco, &quot;Andale Mono&quot;, &quot;Ubuntu Mono&quot;, monospace;<br /> --standard-border-radius: 5px;<br /> <br /> --font-title: Ductus;<br /> --font-body: Hyphont-e;<br /> --font-size: 15pt;<br /> --line-height: 1.3em;<br /> <br /> /* Default (light) theme */<br /> --bg: #fff;<br /> --accent-bg: #f5f7ff;<br /> --text: #212121;<br /> --text-light: #585858;<br /> --border: #898EA4;<br /> --accent: #0d47a1;<br /> --accent-hover: #1266e2;<br /> --accent-text: var(--bg);<br /> --code: #d81b60;<br /> --preformatted: #444;<br /> --marked: #ffdd33;<br /> --disabled: #efefef;<br /> <br /> <br /> --color-a: #a700ff; /* purple */<br /> --color-b: #00ab6b; /* green */<br /> <br /> }<br /> <br /> /* Dark theme */<br /> @media (prefers-color-scheme: dark) {<br /> :root,<br /> ::backdrop {<br /> color-scheme: dark;<br /> --bg: #222;<br /> --accent-bg: #2b2b2b;<br /> --text: #dcdcdc;<br /> --text-light: #ababab;<br /> --accent: #ffb300;<br /> --accent-hover: #ffe099;<br /> --accent-text: var(--bg);<br /> --code: #f06292;<br /> --preformatted: #ccc;<br /> --disabled: #111;<br /> <br /> --color-a: #9557b5; /* washed-off purple */<br /> --color-b: #3c856b; /* washed-off green */<br /> --font-size: 15pt;<br /> --line-height: 1.3em;<br /> }<br /> }<br /> <br /> /* Reset box-sizing */<br /> *, *::before, *::after {<br /> box-sizing: border-box;<br /> }<br /> <br /> body {<br /> font-family: var(--font-body);<br /> font-size: var(--font-size);<br /> line-height: var(--line-height);<br /> padding-top: 3em;<br /> background-color: var(--bg);<br /> color: var(--text);<br /> }<br /> p {<br /> font-size: var(--font-size);<br /> line-height: var(--line-height);<br /> margin-bottom: 0;<br /> }<br /> p + p {<br /> margin-top: var(--line-height);<br /> }<br /> <br /> /* INTERFACE ------------------------------------------------------------------ */<br /> /* remove category help button (does it remove other stuff? mmm...) */<br /> #mw-indicator-mw-helplink {<br /> display: none;<br /> }<br /> <br /> /* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */<br /> #navwrapper {<br /> position: fixed;<br /> top: 0;<br /> right: 0;<br /> z-index: 1000;<br /> left: 0;<br /> }<br /> <br /> h4.namespace.label {<br /> display: none;<br /> }<br /> <br /> .mw-editsection, .mw-editsection-like {<br /> font-size: 10px;<br /> }<br /> <br /> #actions {<br /> left: initial !important;<br /> right: 14px;<br /> top: -21px;<br /> background-color: var(--accent-bg);<br /> border: 1px solid var(--text-light);<br /> color: var(--text-light);<br /> }<br /> a#actions-button {<br /> margin-top: -1em;<br /> background-color: var(--accent-bg);<br /> padding: 5px;<br /> color: var(--text-light);<br /> }<br /> .fa,<br /> button, .button,<br /> .top-bar-section ul li &gt; a {<br /> font-family: var(--font-body);<br /> }<br /> .fa::before {<br /> font-family: FontAwesome;<br /> }<br /> <br /> .top-bar,<br /> .top-bar-section,<br /> #top-bar-left,<br /> #top-bar-right,<br /> #top-bar-right .columns {<br /> display: flex;<br /> background-color: #222;<br /> align-items: center;<br /> justify-content: space-evenly;<br /> }<br /> #top-bar-left {<br /> width: initial;<br /> }<br /> .top-bar-section {<br /> flex-grow: 1;<br /> }<br /> .has-form {<br /> flex-grow: 1;<br /> padding: 0.5em !important;<br /> }<br /> #top-bar-right {<br /> justify-content: space-between;<br /> flex-grow: 1;<br /> }<br /> .top-bar input {<br /> padding-top: 8px;<br /> flex-grow: 1;<br /> height: 2em;<br /> box-sizing: border-box;<br /> border: 0;<br /> outline: 0;<br /> }<br /> .button.search {<br /> background-color: transparent;<br /> border-style: solid;<br /> border-width: 2px;<br /> border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br /> border-image-slice: 1;<br /> top: 2px !important;<br /> position: relative;<br /> margin-left: 0px !important;<br /> box-sizing: border-box;<br /> padding: 0;<br /> width: 80px;<br /> height: 2em;<br /> margin: 0;<br /> top: 0 !important;<br /> }<br /> .button.search:hover {<br /> background-color: var(--color-a);<br /> }<br /> .suggestions-result-current {<br /> background-color: var(--color-b) !important;<br /> }<br /> <br /> .top-bar .toggle-topbar a {<br /> text-transform: lowercase;<br /> font-size: 1em;<br /> }<br /> <br /> #toc, .toc {<br /> float: right;<br /> margin-left: 1em;<br /> max-width: 45%;<br /> background-color: var(--accent-bg);<br /> border-radius: 5px;<br /> }<br /> .toctitle {<br /> margin-bottom: -1em;<br /> }<br /> #toc h2 {<br /> margin-top: 0.25em;<br /> font-size: 1em;<br /> display: inline-block;<br /> margin-right: 0.5em;<br /> }<br /> #toc ul {<br /> margin: 0;<br /> }<br /> .tocnumber:after {<br /> content: &quot; – &quot;;<br /> }<br /> <br /> table.infobox {<br /> width: initial;<br /> max-width: 45%;<br /> }<br /> table.infobox th.head {<br /> background-color: var(--color-b);<br /> }<br /> th, td {<br /> padding: 0.5em !important;<br /> }<br /> <br /> <br /> li {<br /> line-height: initial;<br /> }<br /> <br /> .mw-category-generated {<br /> margin-top: 2em;<br /> }<br /> <br /> /* if no content but only listing subcategories */<br /> .mw-parser-output:empty + .mw-category-generated h2 {<br /> display: none;<br /> }<br /> <br /> /* If only one subcategory, don't list the initial */<br /> .mw-category-generated #mw-pages div:only-of-type h3,<br /> #mw-subcategories div:only-of-type h3 {<br /> /*display: none;*/<br /> }<br /> <br /> /* removes counting of categories */<br /> .mw-category-generated #mw-pages p:first-of-type,<br /> #mw-subcategories p:first-of-type {<br /> display: none;<br /> }<br /> <br /> .group {<br /> margin-top: 5em;<br /> }<br /> #catlinks .label {<br /> border-width: 2px;<br /> border-style: solid;<br /> background-color: transparent;<br /> padding: 2px 6px !important;<br /> }<br /> <br /> /* HEADER ------------------------------------------------------------------ */<br /> .title-name {<br /> font-family: var(--font-title);<br /> font-weight: bold;<br /> }<br /> .title-name:hover {<br /> color: var(--color-a);<br /> }<br /> <br /> <br /> <br /> .top-bar-section .has-form {<br /> background-color: #222 !important;<br /> }<br /> .top-bar-section .has-dropdown &gt; a::after {<br /> display: none;<br /> }<br /> .top-bar-section .has-dropdown &gt; a {<br /> padding-right: initial !important;<br /> }<br /> .top-bar-section .dropdown li {<br /> width: initial;<br /> /*height: 2em;*/<br /> position: relative;<br /> padding: 0;<br /> border-bottom: 1px solid lightgray;<br /> }<br /> .top-bar-section ul li {<br /> padding: 0 0.5em;<br /> background-color: #222;<br /> }<br /> .top-bar-section ul li:hover {<br /> z-index: 1000;<br /> }<br /> .top-bar-section ul li &gt; a {<br /> font-size: 16px;<br /> padding: 0;<br /> font-weight: bold;<br /> }<br /> <br /> li#p-menu &gt; a {<br /> text-transform: uppercase;<br /> padding: 0;<br /> }<br /> li#p-menu &gt; a + ul li {<br /> outline: 1px solid #00a393;<br /> }<br /> <br /> .top-bar-section .dropdown li:not(.has-form):not(.active):hover &gt; a:not(.button) {<br /> background: linear-gradient(90deg,var(--color-a), var(--color-b));<br /> }<br /> li#p-menu + li.has-dropdown {<br /> width: 3em;<br /> text-align: center;<br /> }<br /> li#p-menu + li.has-dropdown &gt; a {<br /> border-radius: 100%;<br /> padding: 0;<br /> text-align: center;<br /> line-height: 30px;<br /> margin: auto;<br /> display: inline-block;<br /> width: 30px;<br /> box-sizing: border-box;<br /> height: 30px;<br /> }<br /> .not-logged-in #top-bar-right li:nth-child(3) {<br /> display: none;<br /> }<br /> <br /> #toolbox-dropdown li, #personal-tools-dropdown .dropdown li {<br /> float: right;<br /> }<br /> <br /> .back h5 {<br /> font-size: 2em !important;<br /> }<br /> a.parent-link {<br /> color: var(--color-b) !important;<br /> font-weight: bold !important;<br /> }<br /> <br /> /* Couleurs pour le navbar */<br /> <br /> .top-bar, .top-bar.expanded { <br /> background: linear-gradient(90deg, var(--color-a) 0%, var(--color-b) 100%); <br /> }<br /> .top-bar *:not(.dropdown li a, input, .dropdown), .top-bar.expanded *:not(.dropdown li a, input, .dropdown) {<br /> background: transparent !important;<br /> color: white !important;<br /> }<br /> .top-bar.expanded .dropdown {<br /> background-color: #212121;<br /> }<br /> .top-bar .dropdown li {<br /> background-color: var(--bg);<br /> }<br /> .top-bar.expanded .toggle-topbar a span::after<br /> {<br /> box-shadow: 0 0 0 1px #FFFFFF66,0 7px 0 1px #FFFFFF66,0 14px 0 1px #FFFFFF66;<br /> }<br /> .top-bar .dropdown li:hover {<br /> background: linear-gradient(90deg, var(--color-a) 0%, var(--color-b) 100%);<br /> }<br /> .top-bar {<br /> border-bottom: 1px solid var(--color-a);<br /> }<br /> .top-bar-section .has-form {<br /> background-color: transparent !important;<br /> }<br /> .top-bar input {<br /> border: 1px solid var(--text);<br /> background: white !important;<br /> color: black !important;<br /> } <br /> <br /> .top-bar .button.search {<br /> border: 1px solid white;<br /> }<br /> <br /> /* FIN */<br /> <br /> <br /> <br /> <br /> /* CONTENT ------------------------------------------------------------------ */<br /> #page-content {<br /> margin: 1em;<br /> color: var(--text);<br /> }<br /> #english {<br /> position: relative;<br /> top: -1.5em;<br /> }<br /> <br /> h1, h2, h3, h4, h5, h6 {<br /> margin-top: 1em;<br /> color: var(--color-b);<br /> line-height: 1.5em;<br /> font-family: var(--font-body);<br /> }<br /> h1, h1#firstHeading, h2 {<br /> font-family: var(--font-title);<br /> font-size: 1.5em;<br /> }<br /> h2 {<br /> font-family: var(--font-title);<br /> }<br /> <br /> h1 {<br /> color: var(--color-a);<br /> }<br /> h2 span {<br /> display: initial;<br /> }<br /> h3 {<br /> font-family: var(--font-title);<br /> font-size: 1em;<br /> }<br /> body.action-view #page-content a {<br /> border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br /> border-bottom-width: 2px;<br /> border-image-slice: 1;<br /> color: var(--text);<br /> border-bottom-style: solid;<br /> padding: 3px 5px 1px;<br /> <br /> }<br /> #page-content a:hover,<br /> #catlinks .label:hover {<br /> background: linear-gradient(to right,var(--color-a),var(--color-b));<br /> color: white !important;<br /> }<br /> /* Removes user name */<br /> h3#tagline {<br /> display: none;<br /> }<br /> #bodyContent {<br /> margin-top: 3em;<br /> }<br /> <br /> #page-content ul, #page-content ol {<br /> font-size: 1em;<br /> margin-top: calc( var(--line-height) / 2) !important;<br /> margin-bottom: calc( var(--line-height) / 1) !important;<br /> }<br /> div {<br /> line-height: 1.4em ;<br /> }<br /> label {<br /> color: var(--text-light);<br /> }<br /> label[for=&quot;wpCaptchaWord&quot;]{<br /> background-color: orangered;<br /> }<br /> code, pre {<br /> color: darkgrey;<br /> background-color: #181818;<br /> border: 1px solid darkgrey;<br /> border-radius:3px;<br /> font-size: 0.8em;<br /> }<br /> <br /> pre {<br /> padding: 0 2ch;<br /> }<br /> <br /> <br /> <br /> <br /> /* ACTUALITÉS ------------------------------------------------------------------ */<br /> .medialisting {<br /> display: flex;<br /> flex-wrap: wrap;<br /> }<br /> .medialisting a {<br /> border: 0 !important;<br /> }<br /> .Media {<br /> display: flex;<br /> align-items: flex-start;<br /> margin-bottom: 1em;<br /> flex-direction: column;<br /> flex-basis: 32%;<br /> box-sizing: border-box;<br /> justify-content: center;<br /> padding: 0.5em;<br /> background: radial-gradient(var(--color-a) -31%, transparent 60%);<br /> }<br /> .Media:nth-child(2n) {<br /> background: radial-gradient(var(--color-b) -31%, transparent 60%);<br /> }<br /> .Media-body {<br /> flex: initial;<br /> }<br /> <br /> .flexgal {<br /> display: flex;<br /> flex-wrap: wrap;<br /> }<br /> <br /> /* THUMBNAILS ------------------------------------------------------------------ */<br /> .thumbinner {<br /> background-color: var(--accent-bg);<br /> }<br /> .thumb.tleft {<br /> margin-right: 2em;<br /> }<br /> .Media-figure a,<br /> .image.fancybox {<br /> display: inline-block;<br /> }<br /> .magnify a {<br /> text-indent: 0;<br /> width: 25px;<br /> height: 25px;<br /> border-style: solid;<br /> border-width: 2px;<br /> line-height: 15px;<br /> }<br /> .magnify a:before {<br /> content: &quot;+&quot;;<br /> font-family: FontAwesome;<br /> font-size: 20px;<br /> }<br /> <br /> /* PAGE PRINCIPALE D'ACCUEIL*/<br /> .page-École_de_recherche_graphique #page-content #content ul {<br /> margin-left: 0;<br /> }<br /> <br /> .page-École_de_recherche_graphique #page-content #content li {<br /> margin: 20px 0;<br /> border-width: 2px;<br /> border-style: solid;<br /> border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br /> border-image-slice: 1;<br /> padding: 6px;<br /> width: fit-content;<br /> }<br /> .page-École_de_recherche_graphique #page-content #content li a {<br /> border-width: 0; <br /> }<br /> <br /> .page-École_de_recherche_graphique #page-content #content li:hover {<br /> background-image: linear-gradient(to right, var(--color-a), var(--color-b));<br /> <br /> }<br /> <br /> .page-École_de_recherche_graphique #page-content #content li::before {<br /> content: &quot;&quot; !important;<br /> }<br /> <br /> .page-École_de_recherche_graphique #page-content # content li a {<br /> border-width: 0px;<br /> border-style: solid;<br /> }<br /> .page-École_de_recherche_graphique #page-content #content li a:hover {<br /> border-width: 0px;<br /> border-style: solid;<br /> background: rgba(0,0,0,0);<br /> }<br /> <br /> <br /> /* FIN PAGE PRINCIPALE*/<br /> <br /> <br /> <br /> <br /> <br /> <br /> /* MEDIA QUERIES ------------------------------------------------------------------ */<br /> @media (max-width: 800px) {<br /> div.tleft, div.floatleft, table.floatleft {<br /> width: 100%;<br /> margin-bottom: 3em;<br /> }<br /> #toc {<br /> max-width: initial;<br /> width: 100%;<br /> margin-left: 0;<br /> <br /> <br /> }<br /> }<br /> @media only screen and (max-width: 600px) {<br /> .top-bar,<br /> .top-bar-section,<br /> #top-bar-right,<br /> #top-bar-right .columns {<br /> display: inherit;<br /> }<br /> .top-bar.expanded {<br /> flex-wrap: wrap;<br /> }<br /> .top-bar.expanded .title-area {<br /> display: flex;<br /> flex-grow: 1;<br /> justify-content: space-between;<br /> }<br /> .top-bar.expanded .top-bar,<br /> .top-bar.expanded .top-bar-section,<br /> .top-bar.expanded #top-bar-right,<br /> .top-bar.expanded #top-bar-right .columns {<br /> display: flex;<br /> align-items: center;<br /> flex-wrap: wrap;<br /> }<br /> .divider.show-for-small {<br /> display: none !important;<br /> }<br /> <br /> #top-bar-left, #top-bar-right {<br /> padding: 10px 0 0 0;<br /> } <br /> #top-bar-left .dropdown li, #top-bar-right .dropdown li {<br /> padding: 0; <br /> }<br /> }<br /> <br /> /* Formulaire d'edition ------------------------------------------------------------------ */<br /> #editform<br /> {<br /> margin-top: -0vh;<br /> line-height: 1.2rem;<br /> }<br /> /* Lien vers page anglaise ------------------------------------------------------------------ */<br /> #english{<br /> font-size: 0.8em;<br /> }</div> Theophile.gervreaumercier https://wiki.erg.be/mw/index.php?title=MediaWiki:Ouroboros.css&diff=22584 MediaWiki:Ouroboros.css 2024-02-09T14:34:01Z <p>Theophile.gervreaumercier : </p> <hr /> <div><br /> /*<br /> _ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______ <br /> | | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|<br /> | | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__ <br /> | | | __| \___ \| &lt; | | | . ` | / / | | | __ | __| | |\/| | __| <br /> | |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____ <br /> |______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|<br /> / __ \| ____| ____|_ _/ ____|_ _| ____| | <br /> | | | | |__ | |__ | || | | | | |__ | | <br /> | | | | __| | __| | || | | | | __| | | <br /> | |__| | | | | _| || |____ _| |_| |____| |____ <br /> \____/|_|____|_| |_____\_____|_____|______|______| <br /> | __ \| ____| <br /> | | | | |__ <br /> | | | | __| <br /> | |__| | |____ <br /> |_____/|______|_ _____ _____ <br /> | | | ____| __ \ / ____| <br /> | | | |__ | |__) | | __ <br /> | | | __| | _ /| | |_ | <br /> | |____ | |____| | \ \| |__| | <br /> |______| |______|_| \_\\_____| <br /> <br /> <br /> */<br /> @font-face {<br /> font-family: Hyphont-e;<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/HYPHONT-E.OTF&quot;);<br /> }<br /> <br /> @font-face {<br /> font-family: AntiqueNoble;<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/antiquenoblebold.woff&quot;);<br /> }<br /> <br /> @font-face {<br /> font-family: Combined;<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/combined.otf&quot;);<br /> }<br /> @font-face {<br /> font-family: Lucette;<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2&quot;);<br /> }<br /> @font-face {<br /> font-family: Lucette;<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2&quot;);<br /> font-style: italic;<br /> }<br /> <br /> @font-face {<br /> font-family: Ductus;<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff2&quot;);<br /> }<br /> /*<br /> @font-face {<br /> font-family: Vega;<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/otf/Vega-Regular.otf&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/Vega-Regular.ttf&quot;) format(&quot;truetype&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/Vega-Regular-Webfont.svg&quot; format(&quot;svg&quot;));<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff&quot; format(&quot;woff&quot;));<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff2&quot;) format(&quot;woff2&quot;);<br /> }<br /> */<br /> <br /> <br /> <br /> <br /> /* Global variables. */<br /> :root,<br /> ::backdrop {<br /> /* Set sans-serif &amp; mono fonts */<br /> --sans-font: Hyphont-e, -apple-system, BlinkMacSystemFont, &quot;Avenir Next&quot;, Avenir,<br /> &quot;Nimbus Sans L&quot;, Roboto, &quot;Noto Sans&quot;, &quot;Segoe UI&quot;, Arial, Helvetica,<br /> &quot;Helvetica Neue&quot;, sans-serif;<br /> --mono-font: Consolas, Menlo, Monaco, &quot;Andale Mono&quot;, &quot;Ubuntu Mono&quot;, monospace;<br /> --standard-border-radius: 5px;<br /> <br /> --font-title: Ductus;<br /> --font-body: Hyphont-e;<br /> --font-size: 15pt;<br /> --line-height: 1.3em;<br /> <br /> /* Default (light) theme */<br /> --bg: #fff;<br /> --accent-bg: #f5f7ff;<br /> --text: #212121;<br /> --text-light: #585858;<br /> --border: #898EA4;<br /> --accent: #0d47a1;<br /> --accent-hover: #1266e2;<br /> --accent-text: var(--bg);<br /> --code: #d81b60;<br /> --preformatted: #444;<br /> --marked: #ffdd33;<br /> --disabled: #efefef;<br /> <br /> <br /> --color-a: #a700ff; /* purple */<br /> --color-b: #00ab6b; /* green */<br /> <br /> }<br /> <br /> /* Dark theme */<br /> @media (prefers-color-scheme: dark) {<br /> :root,<br /> ::backdrop {<br /> color-scheme: dark;<br /> --bg: #222;<br /> --accent-bg: #2b2b2b;<br /> --text: #dcdcdc;<br /> --text-light: #ababab;<br /> --accent: #ffb300;<br /> --accent-hover: #ffe099;<br /> --accent-text: var(--bg);<br /> --code: #f06292;<br /> --preformatted: #ccc;<br /> --disabled: #111;<br /> <br /> --color-a: #9557b5; /* washed-off purple */<br /> --color-b: #3c856b; /* washed-off green */<br /> --font-size: 15pt;<br /> --line-height: 1.3em;<br /> }<br /> }<br /> <br /> /* Reset box-sizing */<br /> *, *::before, *::after {<br /> box-sizing: border-box;<br /> }<br /> <br /> body {<br /> font-family: var(--font-body);<br /> font-size: var(--font-size);<br /> line-height: var(--line-height);<br /> padding-top: 3em;<br /> background-color: var(--bg);<br /> color: var(--text);<br /> }<br /> p {<br /> font-size: var(--font-size);<br /> line-height: var(--line-height);<br /> margin-bottom: 0;<br /> }<br /> p + p {<br /> margin-top: var(--line-height);<br /> }<br /> <br /> /* INTERFACE ------------------------------------------------------------------ */<br /> /* remove category help button (does it remove other stuff? mmm...) */<br /> #mw-indicator-mw-helplink {<br /> display: none;<br /> }<br /> <br /> /* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */<br /> #navwrapper {<br /> position: fixed;<br /> top: 0;<br /> right: 0;<br /> z-index: 1000;<br /> left: 0;<br /> }<br /> <br /> h4.namespace.label {<br /> display: none;<br /> }<br /> <br /> .mw-editsection, .mw-editsection-like {<br /> font-size: 10px;<br /> }<br /> <br /> #actions {<br /> left: initial !important;<br /> right: 14px;<br /> top: -21px;<br /> background-color: var(--accent-bg);<br /> border: 1px solid var(--text-light);<br /> color: var(--text-light);<br /> }<br /> a#actions-button {<br /> margin-top: -1em;<br /> background-color: var(--accent-bg);<br /> padding: 5px;<br /> color: var(--text-light);<br /> }<br /> .fa,<br /> button, .button,<br /> .top-bar-section ul li &gt; a {<br /> font-family: var(--font-body);<br /> }<br /> .fa::before {<br /> font-family: FontAwesome;<br /> }<br /> <br /> .top-bar,<br /> .top-bar-section,<br /> #top-bar-left,<br /> #top-bar-right,<br /> #top-bar-right .columns {<br /> display: flex;<br /> background-color: #222;<br /> align-items: center;<br /> justify-content: space-evenly;<br /> }<br /> #top-bar-left {<br /> width: initial;<br /> }<br /> .top-bar-section {<br /> flex-grow: 1;<br /> }<br /> .has-form {<br /> flex-grow: 1;<br /> padding: 0.5em !important;<br /> }<br /> #top-bar-right {<br /> justify-content: space-between;<br /> flex-grow: 1;<br /> }<br /> .top-bar input {<br /> padding-top: 8px;<br /> flex-grow: 1;<br /> height: 2em;<br /> box-sizing: border-box;<br /> border: 0;<br /> outline: 0;<br /> }<br /> .button.search {<br /> background-color: transparent;<br /> border-style: solid;<br /> border-width: 2px;<br /> border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br /> border-image-slice: 1;<br /> top: 2px !important;<br /> position: relative;<br /> margin-left: 0px !important;<br /> box-sizing: border-box;<br /> padding: 0;<br /> width: 80px;<br /> height: 2em;<br /> margin: 0;<br /> top: 0 !important;<br /> }<br /> .button.search:hover {<br /> background-color: var(--color-a);<br /> }<br /> .suggestions-result-current {<br /> background-color: var(--color-b) !important;<br /> }<br /> <br /> .top-bar .toggle-topbar a {<br /> text-transform: lowercase;<br /> font-size: 1em;<br /> }<br /> <br /> #toc, .toc {<br /> float: right;<br /> margin-left: 1em;<br /> max-width: 45%;<br /> background-color: var(--accent-bg);<br /> border-radius: 5px;<br /> }<br /> .toctitle {<br /> margin-bottom: -1em;<br /> }<br /> #toc h2 {<br /> margin-top: 0.25em;<br /> font-size: 1em;<br /> display: inline-block;<br /> margin-right: 0.5em;<br /> }<br /> #toc ul {<br /> margin: 0;<br /> }<br /> .tocnumber:after {<br /> content: &quot; – &quot;;<br /> }<br /> <br /> table.infobox {<br /> width: initial;<br /> max-width: 45%;<br /> }<br /> table.infobox th.head {<br /> background-color: var(--color-b);<br /> }<br /> th, td {<br /> padding: 0.5em !important;<br /> }<br /> <br /> <br /> li {<br /> line-height: initial;<br /> }<br /> <br /> .mw-category-generated {<br /> margin-top: 2em;<br /> }<br /> <br /> /* if no content but only listing subcategories */<br /> .mw-parser-output:empty + .mw-category-generated h2 {<br /> display: none;<br /> }<br /> <br /> /* If only one subcategory, don't list the initial */<br /> .mw-category-generated #mw-pages div:only-of-type h3,<br /> #mw-subcategories div:only-of-type h3 {<br /> /*display: none;*/<br /> }<br /> <br /> /* removes counting of categories */<br /> .mw-category-generated #mw-pages p:first-of-type,<br /> #mw-subcategories p:first-of-type {<br /> display: none;<br /> }<br /> <br /> .group {<br /> margin-top: 5em;<br /> }<br /> #catlinks .label {<br /> border-width: 2px;<br /> border-style: solid;<br /> background-color: transparent;<br /> padding: 2px 6px !important;<br /> }<br /> <br /> /* HEADER ------------------------------------------------------------------ */<br /> .title-name {<br /> font-family: var(--font-title);<br /> font-weight: bold;<br /> }<br /> .title-name:hover {<br /> color: var(--color-a);<br /> }<br /> <br /> <br /> <br /> .top-bar-section .has-form {<br /> background-color: #222 !important;<br /> }<br /> .top-bar-section .has-dropdown &gt; a::after {<br /> display: none;<br /> }<br /> .top-bar-section .has-dropdown &gt; a {<br /> padding-right: initial !important;<br /> }<br /> .top-bar-section .dropdown li {<br /> width: initial;<br /> /*height: 2em;*/<br /> position: relative;<br /> padding: 0;<br /> border-bottom: 1px solid lightgray;<br /> }<br /> .top-bar-section ul li {<br /> padding: 0 0.5em;<br /> background-color: #222;<br /> }<br /> .top-bar-section ul li:hover {<br /> z-index: 1000;<br /> }<br /> .top-bar-section ul li &gt; a {<br /> font-size: 16px;<br /> padding: 0;<br /> font-weight: bold;<br /> }<br /> <br /> li#p-menu &gt; a {<br /> text-transform: uppercase;<br /> padding: 0;<br /> }<br /> li#p-menu &gt; a + ul li {<br /> outline: 1px solid #00a393;<br /> }<br /> <br /> .top-bar-section .dropdown li:not(.has-form):not(.active):hover &gt; a:not(.button) {<br /> background: linear-gradient(90deg,var(--color-a), var(--color-b));<br /> }<br /> li#p-menu + li.has-dropdown {<br /> width: 3em;<br /> text-align: center;<br /> }<br /> li#p-menu + li.has-dropdown &gt; a {<br /> border-radius: 100%;<br /> padding: 0;<br /> text-align: center;<br /> line-height: 30px;<br /> margin: auto;<br /> display: inline-block;<br /> width: 30px;<br /> box-sizing: border-box;<br /> height: 30px;<br /> }<br /> .not-logged-in #top-bar-right li:nth-child(3) {<br /> display: none;<br /> }<br /> <br /> #toolbox-dropdown li, #personal-tools-dropdown .dropdown li {<br /> float: right;<br /> }<br /> <br /> .back h5 {<br /> font-size: 2em !important;<br /> }<br /> a.parent-link {<br /> color: var(--color-b) !important;<br /> font-weight: bold !important;<br /> }<br /> <br /> /* Couleurs pour le navbar */<br /> <br /> .top-bar, .top-bar.expanded { <br /> background: linear-gradient(90deg, var(--color-a) 0%, var(--color-b) 100%); <br /> }<br /> .top-bar *:not(.dropdown li a, input, .dropdown), .top-bar.expanded *:not(.dropdown li a, input, .dropdown) {<br /> background: transparent !important;<br /> color: white !important;<br /> }<br /> .top-bar.expanded .dropdown {<br /> background-color: #212121;<br /> }<br /> .top-bar .dropdown li {<br /> background-color: var(--bg);<br /> }<br /> .top-bar.expanded .toggle-topbar a span::after<br /> {<br /> box-shadow: 0 0 0 1px #FFFFFF66,0 7px 0 1px #FFFFFF66,0 14px 0 1px #FFFFFF66;<br /> }<br /> .top-bar .dropdown li:hover {<br /> background: linear-gradient(90deg, var(--color-a) 0%, var(--color-b) 100%);<br /> }<br /> .top-bar {<br /> border-bottom: 1px solid var(--color-a);<br /> }<br /> .top-bar-section .has-form {<br /> background-color: transparent !important;<br /> }<br /> .top-bar input {<br /> border: 1px solid var(--text);<br /> background: white !important;<br /> color: black !important;<br /> } <br /> <br /> .top-bar .button.search {<br /> border: 1px solid white;<br /> }<br /> <br /> /* FIN */<br /> <br /> <br /> <br /> <br /> /* CONTENT ------------------------------------------------------------------ */<br /> #page-content {<br /> margin: 1em;<br /> color: var(--text);<br /> }<br /> #english {<br /> position: relative;<br /> top: -1.5em;<br /> }<br /> <br /> h1, h2, h3, h4, h5, h6 {<br /> margin-top: 1em;<br /> color: var(--color-b);<br /> line-height: 1.5em;<br /> font-family: var(--font-body);<br /> }<br /> h1, h1#firstHeading, h2 {<br /> font-family: var(--font-title);<br /> font-size: 1.5em;<br /> }<br /> h2 {<br /> font-family: var(--font-title);<br /> }<br /> <br /> h1 {<br /> color: var(--color-a);<br /> }<br /> h2 span {<br /> display: initial;<br /> }<br /> h3 {<br /> font-family: var(--font-title);<br /> font-size: 1em;<br /> }<br /> body.action-view #page-content a {<br /> border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br /> border-bottom-width: 2px;<br /> border-image-slice: 1;<br /> color: var(--text);<br /> border-bottom-style: solid;<br /> padding: 3px 5px 1px;<br /> <br /> }<br /> #page-content a:hover,<br /> #catlinks .label:hover {<br /> background: linear-gradient(to right,var(--color-a),var(--color-b));<br /> color: white !important;<br /> }<br /> /* Removes user name */<br /> h3#tagline {<br /> display: none;<br /> }<br /> #bodyContent {<br /> margin-top: 3em;<br /> }<br /> <br /> #page-content ul, #page-content ol {<br /> font-size: 1em;<br /> margin-top: calc( var(--line-height) / 2) !important;<br /> margin-bottom: calc( var(--line-height) / 1) !important;<br /> }<br /> div {<br /> line-height: 1.4em ;<br /> }<br /> label {<br /> color: var(--text-light);<br /> }<br /> label[for=&quot;wpCaptchaWord&quot;]{<br /> background-color: orangered;<br /> }<br /> code, pre {<br /> color: darkgrey;<br /> background-color: #181818;<br /> border: 1px solid darkgrey;<br /> border-radius:3px;<br /> font-size: 0.8em;<br /> }<br /> <br /> pre {<br /> padding: 0 2ch;<br /> }<br /> <br /> <br /> <br /> <br /> /* ACTUALITÉS ------------------------------------------------------------------ */<br /> .medialisting {<br /> display: flex;<br /> flex-wrap: wrap;<br /> }<br /> .medialisting a {<br /> border: 0 !important;<br /> }<br /> .Media {<br /> display: flex;<br /> align-items: flex-start;<br /> margin-bottom: 1em;<br /> flex-direction: column;<br /> flex-basis: 32%;<br /> box-sizing: border-box;<br /> justify-content: center;<br /> padding: 0.5em;<br /> background: radial-gradient(var(--color-a) -31%, transparent 60%);<br /> }<br /> .Media:nth-child(2n) {<br /> background: radial-gradient(var(--color-b) -31%, transparent 60%);<br /> }<br /> .Media-body {<br /> flex: initial;<br /> }<br /> <br /> .flexgal {<br /> display: flex;<br /> flex-wrap: wrap;<br /> }<br /> <br /> /* THUMBNAILS ------------------------------------------------------------------ */<br /> .thumbinner {<br /> background-color: var(--accent-bg);<br /> }<br /> .thumb.tleft {<br /> margin-right: 2em;<br /> }<br /> .Media-figure a,<br /> .image.fancybox {<br /> display: inline-block;<br /> }<br /> .magnify a {<br /> text-indent: 0;<br /> width: 25px;<br /> height: 25px;<br /> border-style: solid;<br /> border-width: 2px;<br /> line-height: 15px;<br /> }<br /> .magnify a:before {<br /> content: &quot;+&quot;;<br /> font-family: FontAwesome;<br /> font-size: 20px;<br /> }<br /> <br /> /* PAGE PRINCIPALE D'ACCUEIL*/<br /> .page-École_de_recherche_graphique #page-content #content ul {<br /> margin-left: 0;<br /> }<br /> <br /> .page-École_de_recherche_graphique #page-content #content li {<br /> margin: 20px 0;<br /> border-width: 2px;<br /> border-style: solid;<br /> border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br /> border-image-slice: 1;<br /> padding: 6px;<br /> width: fit-content;<br /> }<br /> .page-École_de_recherche_graphique #page-content #content li a {<br /> border-width: 0; <br /> }<br /> <br /> .page-École_de_recherche_graphique #page-content #content li:hover {<br /> background-image: linear-gradient(to right, var(--color-a), var(--color-b));<br /> <br /> }<br /> <br /> .page-École_de_recherche_graphique #page-content #content li::before {<br /> content: &quot;&quot; !important;<br /> }<br /> <br /> .page-École_de_recherche_graphique #page-content # content li a {<br /> border-width: 0px;<br /> border-style: solid;<br /> }<br /> .page-École_de_recherche_graphique #page-content #content li a:hover {<br /> border-width: 0px;<br /> border-style: solid;<br /> background: rgba(0,0,0,0);<br /> }<br /> <br /> <br /> /* FIN PAGE PRINCIPALE*/<br /> <br /> <br /> <br /> <br /> <br /> <br /> /* MEDIA QUERIES ------------------------------------------------------------------ */<br /> @media (max-width: 800px) {<br /> div.tleft, div.floatleft, table.floatleft {<br /> width: 100%;<br /> margin-bottom: 3em;<br /> }<br /> #toc {<br /> max-width: initial;<br /> width: 100%;<br /> margin-left: 0;<br /> <br /> <br /> }<br /> }<br /> @media only screen and (max-width: 600px) {<br /> .top-bar,<br /> .top-bar-section,<br /> #top-bar-right,<br /> #top-bar-right .columns {<br /> display: inherit;<br /> }<br /> .top-bar.expanded {<br /> flex-wrap: wrap;<br /> }<br /> .top-bar.expanded .title-area {<br /> display: flex;<br /> flex-grow: 1;<br /> justify-content: space-between;<br /> }<br /> .top-bar.expanded .top-bar,<br /> .top-bar.expanded .top-bar-section,<br /> .top-bar.expanded #top-bar-right,<br /> .top-bar.expanded #top-bar-right .columns {<br /> display: flex;<br /> align-items: center;<br /> flex-wrap: wrap;<br /> }<br /> .divider.show-for-small {<br /> display: none !important;<br /> }<br /> <br /> #top-bar-left, #top-bar-right {<br /> padding: 10px 0 0 0;<br /> } <br /> #top-bar-left .dropdown li, #top-bar-right .dropdown li {<br /> padding: 0; <br /> }<br /> }<br /> <br /> /* Formulaire d'edition ------------------------------------------------------------------ */<br /> #editform<br /> {<br /> margin-top: -5vh;<br /> }<br /> /* Lien vers page anglaise ------------------------------------------------------------------ */<br /> #english{<br /> font-size: 0.8em;<br /> }</div> Theophile.gervreaumercier https://wiki.erg.be/mw/index.php?title=MediaWiki:Ouroboros.css&diff=22581 MediaWiki:Ouroboros.css 2024-02-09T14:32:18Z <p>Theophile.gervreaumercier : </p> <hr /> <div><br /> /*<br /> _ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______ <br /> | | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|<br /> | | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__ <br /> | | | __| \___ \| &lt; | | | . ` | / / | | | __ | __| | |\/| | __| <br /> | |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____ <br /> |______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|<br /> / __ \| ____| ____|_ _/ ____|_ _| ____| | <br /> | | | | |__ | |__ | || | | | | |__ | | <br /> | | | | __| | __| | || | | | | __| | | <br /> | |__| | | | | _| || |____ _| |_| |____| |____ <br /> \____/|_|____|_| |_____\_____|_____|______|______| <br /> | __ \| ____| <br /> | | | | |__ <br /> | | | | __| <br /> | |__| | |____ <br /> |_____/|______|_ _____ _____ <br /> | | | ____| __ \ / ____| <br /> | | | |__ | |__) | | __ <br /> | | | __| | _ /| | |_ | <br /> | |____ | |____| | \ \| |__| | <br /> |______| |______|_| \_\\_____| <br /> <br /> <br /> */<br /> @font-face {<br /> font-family: Hyphont-e;<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/HYPHONT-E.OTF&quot;);<br /> }<br /> <br /> @font-face {<br /> font-family: AntiqueNoble;<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/antiquenoblebold.woff&quot;);<br /> }<br /> <br /> @font-face {<br /> font-family: Combined;<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/combined.otf&quot;);<br /> }<br /> @font-face {<br /> font-family: Lucette;<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2&quot;);<br /> }<br /> @font-face {<br /> font-family: Lucette;<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2&quot;);<br /> font-style: italic;<br /> }<br /> <br /> @font-face {<br /> font-family: Ductus;<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff2&quot;);<br /> }<br /> /*<br /> @font-face {<br /> font-family: Vega;<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/otf/Vega-Regular.otf&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/Vega-Regular.ttf&quot;) format(&quot;truetype&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/Vega-Regular-Webfont.svg&quot; format(&quot;svg&quot;));<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff&quot; format(&quot;woff&quot;));<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff2&quot;) format(&quot;woff2&quot;);<br /> }<br /> */<br /> <br /> <br /> <br /> <br /> /* Global variables. */<br /> :root,<br /> ::backdrop {<br /> /* Set sans-serif &amp; mono fonts */<br /> --sans-font: Hyphont-e, -apple-system, BlinkMacSystemFont, &quot;Avenir Next&quot;, Avenir,<br /> &quot;Nimbus Sans L&quot;, Roboto, &quot;Noto Sans&quot;, &quot;Segoe UI&quot;, Arial, Helvetica,<br /> &quot;Helvetica Neue&quot;, sans-serif;<br /> --mono-font: Consolas, Menlo, Monaco, &quot;Andale Mono&quot;, &quot;Ubuntu Mono&quot;, monospace;<br /> --standard-border-radius: 5px;<br /> <br /> /* Default (light) theme */<br /> --bg: #fff;<br /> --accent-bg: #f5f7ff;<br /> --text: #212121;<br /> --text-light: #585858;<br /> --border: #898EA4;<br /> --accent: #0d47a1;<br /> --accent-hover: #1266e2;<br /> --accent-text: var(--bg);<br /> --code: #d81b60;<br /> --preformatted: #444;<br /> --marked: #ffdd33;<br /> --disabled: #efefef;<br /> <br /> --font-title: Ductus;<br /> --font-body: Lucette;<br /> --color-a: #a700ff; /* purple */<br /> --color-b: #00ab6b; /* green */<br /> --font-size: 15pt;<br /> --line-height: 1.3em;<br /> }<br /> <br /> /* Dark theme */<br /> @media (prefers-color-scheme: dark) {<br /> :root,<br /> ::backdrop {<br /> color-scheme: dark;<br /> --bg: #222;<br /> --accent-bg: #2b2b2b;<br /> --text: #dcdcdc;<br /> --text-light: #ababab;<br /> --accent: #ffb300;<br /> --accent-hover: #ffe099;<br /> --accent-text: var(--bg);<br /> --code: #f06292;<br /> --preformatted: #ccc;<br /> --disabled: #111;<br /> <br /> --font-title: Ductus;<br /> --font-body: Lucette;<br /> --color-a: #9557b5; /* washed-off purple */<br /> --color-b: #3c856b; /* washed-off green */<br /> --font-size: 15pt;<br /> --line-height: 1.3em;<br /> }<br /> }<br /> <br /> /* Reset box-sizing */<br /> *, *::before, *::after {<br /> box-sizing: border-box;<br /> }<br /> <br /> body {<br /> font-family: var(--font-body);<br /> font-size: var(--font-size);<br /> line-height: var(--line-height);<br /> padding-top: 3em;<br /> background-color: var(--bg);<br /> color: var(--text);<br /> }<br /> p {<br /> font-size: var(--font-size);<br /> line-height: var(--line-height);<br /> margin-bottom: 0;<br /> }<br /> p + p {<br /> margin-top: var(--line-height);<br /> }<br /> <br /> /* INTERFACE ------------------------------------------------------------------ */<br /> /* remove category help button (does it remove other stuff? mmm...) */<br /> #mw-indicator-mw-helplink {<br /> display: none;<br /> }<br /> <br /> /* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */<br /> #navwrapper {<br /> position: fixed;<br /> top: 0;<br /> right: 0;<br /> z-index: 1000;<br /> left: 0;<br /> }<br /> <br /> h4.namespace.label {<br /> display: none;<br /> }<br /> <br /> .mw-editsection, .mw-editsection-like {<br /> font-size: 10px;<br /> }<br /> <br /> #actions {<br /> left: initial !important;<br /> right: 14px;<br /> top: -21px;<br /> background-color: var(--accent-bg);<br /> border: 1px solid var(--text-light);<br /> color: var(--text-light);<br /> }<br /> a#actions-button {<br /> margin-top: -1em;<br /> background-color: var(--accent-bg);<br /> padding: 5px;<br /> color: var(--text-light);<br /> }<br /> .fa,<br /> button, .button,<br /> .top-bar-section ul li &gt; a {<br /> font-family: var(--font-body);<br /> }<br /> .fa::before {<br /> font-family: FontAwesome;<br /> }<br /> <br /> .top-bar,<br /> .top-bar-section,<br /> #top-bar-left,<br /> #top-bar-right,<br /> #top-bar-right .columns {<br /> display: flex;<br /> background-color: #222;<br /> align-items: center;<br /> justify-content: space-evenly;<br /> }<br /> #top-bar-left {<br /> width: initial;<br /> }<br /> .top-bar-section {<br /> flex-grow: 1;<br /> }<br /> .has-form {<br /> flex-grow: 1;<br /> padding: 0.5em !important;<br /> }<br /> #top-bar-right {<br /> justify-content: space-between;<br /> flex-grow: 1;<br /> }<br /> .top-bar input {<br /> padding-top: 8px;<br /> flex-grow: 1;<br /> height: 2em;<br /> box-sizing: border-box;<br /> border: 0;<br /> outline: 0;<br /> }<br /> .button.search {<br /> background-color: transparent;<br /> border-style: solid;<br /> border-width: 2px;<br /> border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br /> border-image-slice: 1;<br /> top: 2px !important;<br /> position: relative;<br /> margin-left: 0px !important;<br /> box-sizing: border-box;<br /> padding: 0;<br /> width: 80px;<br /> height: 2em;<br /> margin: 0;<br /> top: 0 !important;<br /> }<br /> .button.search:hover {<br /> background-color: var(--color-a);<br /> }<br /> .suggestions-result-current {<br /> background-color: var(--color-b) !important;<br /> }<br /> <br /> .top-bar .toggle-topbar a {<br /> text-transform: lowercase;<br /> font-size: 1em;<br /> }<br /> <br /> #toc, .toc {<br /> float: right;<br /> margin-left: 1em;<br /> max-width: 45%;<br /> background-color: var(--accent-bg);<br /> border-radius: 5px;<br /> }<br /> .toctitle {<br /> margin-bottom: -1em;<br /> }<br /> #toc h2 {<br /> margin-top: 0.25em;<br /> font-size: 1em;<br /> display: inline-block;<br /> margin-right: 0.5em;<br /> }<br /> #toc ul {<br /> margin: 0;<br /> }<br /> .tocnumber:after {<br /> content: &quot; – &quot;;<br /> }<br /> <br /> table.infobox {<br /> width: initial;<br /> max-width: 45%;<br /> }<br /> table.infobox th.head {<br /> background-color: var(--color-b);<br /> }<br /> th, td {<br /> padding: 0.5em !important;<br /> }<br /> <br /> <br /> li {<br /> line-height: initial;<br /> }<br /> <br /> .mw-category-generated {<br /> margin-top: 2em;<br /> }<br /> <br /> /* if no content but only listing subcategories */<br /> .mw-parser-output:empty + .mw-category-generated h2 {<br /> display: none;<br /> }<br /> <br /> /* If only one subcategory, don't list the initial */<br /> .mw-category-generated #mw-pages div:only-of-type h3,<br /> #mw-subcategories div:only-of-type h3 {<br /> /*display: none;*/<br /> }<br /> <br /> /* removes counting of categories */<br /> .mw-category-generated #mw-pages p:first-of-type,<br /> #mw-subcategories p:first-of-type {<br /> display: none;<br /> }<br /> <br /> .group {<br /> margin-top: 5em;<br /> }<br /> #catlinks .label {<br /> border-width: 2px;<br /> border-style: solid;<br /> background-color: transparent;<br /> padding: 2px 6px !important;<br /> }<br /> <br /> /* HEADER ------------------------------------------------------------------ */<br /> .title-name {<br /> font-family: var(--font-title);<br /> font-weight: bold;<br /> }<br /> .title-name:hover {<br /> color: var(--color-a);<br /> }<br /> <br /> <br /> <br /> .top-bar-section .has-form {<br /> background-color: #222 !important;<br /> }<br /> .top-bar-section .has-dropdown &gt; a::after {<br /> display: none;<br /> }<br /> .top-bar-section .has-dropdown &gt; a {<br /> padding-right: initial !important;<br /> }<br /> .top-bar-section .dropdown li {<br /> width: initial;<br /> /*height: 2em;*/<br /> position: relative;<br /> padding: 0;<br /> border-bottom: 1px solid lightgray;<br /> }<br /> .top-bar-section ul li {<br /> padding: 0 0.5em;<br /> background-color: #222;<br /> }<br /> .top-bar-section ul li:hover {<br /> z-index: 1000;<br /> }<br /> .top-bar-section ul li &gt; a {<br /> font-size: 16px;<br /> padding: 0;<br /> font-weight: bold;<br /> }<br /> <br /> li#p-menu &gt; a {<br /> text-transform: uppercase;<br /> padding: 0;<br /> }<br /> li#p-menu &gt; a + ul li {<br /> outline: 1px solid #00a393;<br /> }<br /> <br /> .top-bar-section .dropdown li:not(.has-form):not(.active):hover &gt; a:not(.button) {<br /> background: linear-gradient(90deg,var(--color-a), var(--color-b));<br /> }<br /> li#p-menu + li.has-dropdown {<br /> width: 3em;<br /> text-align: center;<br /> }<br /> li#p-menu + li.has-dropdown &gt; a {<br /> border-radius: 100%;<br /> padding: 0;<br /> text-align: center;<br /> line-height: 30px;<br /> margin: auto;<br /> display: inline-block;<br /> width: 30px;<br /> box-sizing: border-box;<br /> height: 30px;<br /> }<br /> .not-logged-in #top-bar-right li:nth-child(3) {<br /> display: none;<br /> }<br /> <br /> #toolbox-dropdown li, #personal-tools-dropdown .dropdown li {<br /> float: right;<br /> }<br /> <br /> .back h5 {<br /> font-size: 2em !important;<br /> }<br /> a.parent-link {<br /> color: var(--color-b) !important;<br /> font-weight: bold !important;<br /> }<br /> <br /> /* Couleurs pour le navbar */<br /> <br /> .top-bar, .top-bar.expanded { <br /> background: linear-gradient(90deg, var(--color-a) 0%, var(--color-b) 100%); <br /> }<br /> .top-bar *:not(.dropdown li a, input, .dropdown), .top-bar.expanded *:not(.dropdown li a, input, .dropdown) {<br /> background: transparent !important;<br /> color: white !important;<br /> }<br /> .top-bar.expanded .dropdown {<br /> background-color: #212121;<br /> }<br /> .top-bar .dropdown li {<br /> background-color: var(--bg);<br /> }<br /> .top-bar.expanded .toggle-topbar a span::after<br /> {<br /> box-shadow: 0 0 0 1px #FFFFFF66,0 7px 0 1px #FFFFFF66,0 14px 0 1px #FFFFFF66;<br /> }<br /> .top-bar .dropdown li:hover {<br /> background: linear-gradient(90deg, var(--color-a) 0%, var(--color-b) 100%);<br /> }<br /> .top-bar {<br /> border-bottom: 1px solid var(--color-a);<br /> }<br /> .top-bar-section .has-form {<br /> background-color: transparent !important;<br /> }<br /> .top-bar input {<br /> border: 1px solid var(--text);<br /> background: white !important;<br /> color: black !important;<br /> } <br /> <br /> .top-bar .button.search {<br /> border: 1px solid white;<br /> }<br /> <br /> /* FIN */<br /> <br /> <br /> <br /> <br /> /* CONTENT ------------------------------------------------------------------ */<br /> #page-content {<br /> margin: 1em;<br /> color: var(--text);<br /> }<br /> #english {<br /> position: relative;<br /> top: -1.5em;<br /> }<br /> <br /> h1, h2, h3, h4, h5, h6 {<br /> margin-top: 1em;<br /> color: var(--color-b);<br /> line-height: 1.5em;<br /> font-family: var(--font-body);<br /> }<br /> h1, h1#firstHeading, h2 {<br /> font-family: var(--font-title);<br /> font-size: 1.5em;<br /> }<br /> h2 {<br /> font-family: var(--font-title);<br /> }<br /> <br /> h1 {<br /> color: var(--color-a);<br /> }<br /> h2 span {<br /> display: initial;<br /> }<br /> h3 {<br /> font-family: var(--font-title);<br /> font-size: 1em;<br /> }<br /> body.action-view #page-content a {<br /> border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br /> border-bottom-width: 2px;<br /> border-image-slice: 1;<br /> color: var(--text);<br /> border-bottom-style: solid;<br /> padding: 3px 5px 1px;<br /> <br /> }<br /> #page-content a:hover,<br /> #catlinks .label:hover {<br /> background: linear-gradient(to right,var(--color-a),var(--color-b));<br /> color: white !important;<br /> }<br /> /* Removes user name */<br /> h3#tagline {<br /> display: none;<br /> }<br /> #bodyContent {<br /> margin-top: 3em;<br /> }<br /> <br /> #page-content ul, #page-content ol {<br /> font-size: 1em;<br /> margin-top: calc( var(--line-height) / 2) !important;<br /> margin-bottom: calc( var(--line-height) / 1) !important;<br /> }<br /> div {<br /> line-height: 1.4em ;<br /> }<br /> label {<br /> color: var(--text-light);<br /> }<br /> label[for=&quot;wpCaptchaWord&quot;]{<br /> background-color: orangered;<br /> }<br /> code, pre {<br /> color: darkgrey;<br /> background-color: #181818;<br /> border: 1px solid darkgrey;<br /> border-radius:3px;<br /> font-size: 0.8em;<br /> }<br /> <br /> pre {<br /> padding: 0 2ch;<br /> }<br /> <br /> <br /> <br /> <br /> /* ACTUALITÉS ------------------------------------------------------------------ */<br /> .medialisting {<br /> display: flex;<br /> flex-wrap: wrap;<br /> }<br /> .medialisting a {<br /> border: 0 !important;<br /> }<br /> .Media {<br /> display: flex;<br /> align-items: flex-start;<br /> margin-bottom: 1em;<br /> flex-direction: column;<br /> flex-basis: 32%;<br /> box-sizing: border-box;<br /> justify-content: center;<br /> padding: 0.5em;<br /> background: radial-gradient(var(--color-a) -31%, transparent 60%);<br /> }<br /> .Media:nth-child(2n) {<br /> background: radial-gradient(var(--color-b) -31%, transparent 60%);<br /> }<br /> .Media-body {<br /> flex: initial;<br /> }<br /> <br /> .flexgal {<br /> display: flex;<br /> flex-wrap: wrap;<br /> }<br /> <br /> /* THUMBNAILS ------------------------------------------------------------------ */<br /> .thumbinner {<br /> background-color: var(--accent-bg);<br /> }<br /> .thumb.tleft {<br /> margin-right: 2em;<br /> }<br /> .Media-figure a,<br /> .image.fancybox {<br /> display: inline-block;<br /> }<br /> .magnify a {<br /> text-indent: 0;<br /> width: 25px;<br /> height: 25px;<br /> border-style: solid;<br /> border-width: 2px;<br /> line-height: 15px;<br /> }<br /> .magnify a:before {<br /> content: &quot;+&quot;;<br /> font-family: FontAwesome;<br /> font-size: 20px;<br /> }<br /> <br /> /* PAGE PRINCIPALE D'ACCUEIL*/<br /> .page-École_de_recherche_graphique #page-content #content ul {<br /> margin-left: 0;<br /> }<br /> <br /> .page-École_de_recherche_graphique #page-content #content li {<br /> margin: 20px 0;<br /> border-width: 2px;<br /> border-style: solid;<br /> border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br /> border-image-slice: 1;<br /> padding: 6px;<br /> width: fit-content;<br /> }<br /> .page-École_de_recherche_graphique #page-content #content li a {<br /> border-width: 0; <br /> }<br /> <br /> .page-École_de_recherche_graphique #page-content #content li:hover {<br /> background-image: linear-gradient(to right, var(--color-a), var(--color-b));<br /> <br /> }<br /> <br /> .page-École_de_recherche_graphique #page-content #content li::before {<br /> content: &quot;&quot; !important;<br /> }<br /> <br /> .page-École_de_recherche_graphique #page-content # content li a {<br /> border-width: 0px;<br /> border-style: solid;<br /> }<br /> .page-École_de_recherche_graphique #page-content #content li a:hover {<br /> border-width: 0px;<br /> border-style: solid;<br /> background: rgba(0,0,0,0);<br /> }<br /> <br /> <br /> /* FIN PAGE PRINCIPALE*/<br /> <br /> <br /> <br /> <br /> <br /> <br /> /* MEDIA QUERIES ------------------------------------------------------------------ */<br /> @media (max-width: 800px) {<br /> div.tleft, div.floatleft, table.floatleft {<br /> width: 100%;<br /> margin-bottom: 3em;<br /> }<br /> #toc {<br /> max-width: initial;<br /> width: 100%;<br /> margin-left: 0;<br /> <br /> <br /> }<br /> }<br /> @media only screen and (max-width: 600px) {<br /> .top-bar,<br /> .top-bar-section,<br /> #top-bar-right,<br /> #top-bar-right .columns {<br /> display: inherit;<br /> }<br /> .top-bar.expanded {<br /> flex-wrap: wrap;<br /> }<br /> .top-bar.expanded .title-area {<br /> display: flex;<br /> flex-grow: 1;<br /> justify-content: space-between;<br /> }<br /> .top-bar.expanded .top-bar,<br /> .top-bar.expanded .top-bar-section,<br /> .top-bar.expanded #top-bar-right,<br /> .top-bar.expanded #top-bar-right .columns {<br /> display: flex;<br /> align-items: center;<br /> flex-wrap: wrap;<br /> }<br /> .divider.show-for-small {<br /> display: none !important;<br /> }<br /> <br /> #top-bar-left, #top-bar-right {<br /> padding: 10px 0 0 0;<br /> } <br /> #top-bar-left .dropdown li, #top-bar-right .dropdown li {<br /> padding: 0; <br /> }<br /> }<br /> <br /> /* Formulaire d'edition ------------------------------------------------------------------ */<br /> #editform<br /> {<br /> margin-top: -5vh;<br /> }<br /> /* Lien vers page anglaise ------------------------------------------------------------------ */<br /> #english{<br /> font-size: 0.8em;<br /> }</div> Theophile.gervreaumercier https://wiki.erg.be/mw/index.php?title=Wiki_maintenance&diff=22569 Wiki maintenance 2024-02-08T16:38:57Z <p>Theophile.gervreaumercier : /* Maintenance continue */</p> <hr /> <div>'''''Le contenu suivant fait partie du workshop Wiki Maintenance en Janvier 2024. La page actuelle propose de continuer la maintenance du site. Les informations, liste des tâches et propositions se trouvent dans la dernière section &quot;Maintenance continue&quot;'''''<br /> <br /> [[Fichier:Favicon.png|no-frame|favicon test, E stands for &quot;École&quot;, R for &quot;Recherche&quot;, G for &quot;Graphique&quot;]]<br /> 🚧 🚧 🚧 🚧 🚧 🚧 🚧 🚧 🚧 🚧 🚧 &lt;br&gt;<br /> [youtube.com Youtube]<br /> [[Fichier:Screenshot erg website.png|700px|thumb|right|Le site de l'erg en 2024]]<br /> &lt;br&gt;<br /> L'école fourmille d’initiatives, de pratiques innombrables, faute de temps, ces gestes, ces outils, ces expériences personnelles et collectives ne sont que peu documentées. La semaine de Winterschool est l'occasion de s'arrêter un peu, et de faire le bilan, calmement, de toutes ces pratiques et de les transmettre, les documenter !<br /> <br /> Le site de l'erg est l'espace de documentation de ces pratiques, ces trois journées seront l'occasion de repenser collectivement le wiki de l'erg : son allure, son accessibilité, son organisation etc.<br /> <br /> '''Il n'est pas nécessaire d'avoir des connaissances poussées en informatique, on va apprendre ensemble à se saisir de ces outils. Vous pouvez aussi participer aux enquêtes ou tout simplement passer déposer des documents, renseigner une page, raconter un bout d'histoire.'''<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> Si vous avez des connaissances en scraping (siphonnage), ou en CSS (pour créer des thèmes) n'hésitez pas, votre aide peut aussi être précieuse !<br /> <br /> &lt;big&gt;🧭 '''On se retrouve dans la galerie de l'erg'''&lt;/big&gt;<br /> <br /> == Organisation ==<br /> === Lundi 22 janvier ===<br /> * 10:00 → Accueil des participant·e·s<br /> * 11:00 → Présentation de [https://erg.be www.erg.be]<br /> ** Qu'est-ce qu'un Wiki ?<br /> ** Créer sa page Wiki<br /> ** La syntaxe Wiki Markdown<br /> ** L'arborescence du site<br /> * 16:00 → Compte rendu de la journée<br /> <br /> === Mardi 23 janvier ===<br /> * 10:00 →<br /> * 16:00 → Compte rendu de la journée<br /> <br /> === Mercredi 24 janvier ===<br /> * 10:00 →<br /> * 16:00 → Compte rendu de la journée<br /> <br /> ==Inscription==<br /> [https://cloud.erg.school/apps/forms/s/SeAgY5KbJefzMaNJ9PXXcnJr Via le formulaire].<br /> <br /> ===Nombre maximal de participant·es===<br /> 10<br /> <br /> == 🎯 Missions ==<br /> * [ ] adopter les pages orphelines 🍼 <br /> * [ ] dessiner de nouveaux thèmes 🎨<br /> * [ ] rédiger un guide d'utilisation 📖 <br /> * [ ] archiver le site en lieu sûr 🔒 <br /> * [ ] améliorer les fonctionnalités du site 🪚 <br /> * [ ] écrire des protocoles de soin 😊 <br /> * [x] siphonner le contenu des sites satellites Flickr, MixCloud etc.<br /> ** https://www.flickr.com/groups/erg_brussels/pool/ [[Siphonnage flickr]]<br /> ** Téléchargement de toutes les émissions de [[Ergote Radio]] sur MixCloud via [https://github.com/yt-dlp/yt-dlp#installation Yt-dlp] [[Siphonnage Mixcloud]]<br /> *** Maintenant, que faire de tout ça ??? les sauvegarder à un endroit safe ? automatiser le scraping de la page mixcloud, créer un espace pour garder le tout ? <br /> * [ ] how to improve the experience for international (future) students ? 🌐<br /> * [x] add a favicon 🎨<br /> * [ ] dark theme<br /> * [x] 💥'''BONUS'''💥 sauver la page [https://fr.wikipedia.org/wiki/%C3%89cole_de_recherche_graphique Wikipédia de l'erg] 😱<br /> <br /> === 🫂 Teams ===<br /> ==== day 1 ====<br /> * '''Martin''' → ''&quot;hack&quot;'' the current website for it to show that we are working on it<br /> * '''Theo''' → helping access the server, the config file + favicon ? + hardwerg guide (how can ppl find it ?)<br /> ** Création de la page [[Admin Wiki]]<br /> ** Création de la page [[Sauvegarde du wiki]]<br /> ** Création de la page [[Posterg]]<br /> * '''Matteo''' → à voir + how to delete accounts ?<br /> * '''Leo''' → international students + tutorial how to use/modify the website + things that disappeared ? [https://wiki.erg.be/w/Guide_for_incoming_students fixed page]<br /> * '''Nanspoi''' → hardwerg, how to help + how to ~promote~ ?<br /> * '''Delyo''' → user guide<br /> * '''Olaf''' → hardwerg + softwerg ? <br /> * '''Maxime''' → get to know the website + ergnux<br /> * '''Joan''' → satellites erg / architecture site<br /> * '''Matteo''' → explorer<br /> <br /> ===== 📝 2 do 4 day 2 =====<br /> * css dark theme → less bright fonts, fix hover animations, title font<br /> * add content for [[Linux]] and [[Softwerg]]<br /> * finish wiki tutorial + write video script?<br /> * think abt print material to put people onboard w/ wiki<br /> <br /> ==== day 2 ====<br /> * '''Theo''' <br /> ** → clean les deux pages de maintenances que j'ai faites hier<br /> * '''Martin''' → créer de nouveaux templates, page wikipedia + divers<br /> <br /> == To do for the future ==<br /> <br /> * Trouver une extension qui permette de trouver &quot;Boîte à outils&quot; même quand on tape &quot;boite&quot; (sans i circonflexe) dans la barre de recherche<br /> <br /> * Rendre la barre de navigation blanche en harmonie avec le reste du site et plus épaisse, car '''beaucoup des menus sont importants et ça faciliterait l'attention'''<br /> * Entourer le contenu de la page d'accueil par une div avec un ID de açon à pouvoir la styliser individuellement - ''la page d'accueil est le premier truc que les non-ergiens voient, elle n'est pas '''autant''' pour nous que pour eux, ils doivent s'y retrouver''<br /> * modifier le thème Light pour qu'il soit plus sympa à regarder et lire<br /> * comment filtrer les 'nouveaux fichiers' de façon à montrer surtout des photos des productions, jurys, instal, scénos... ça manque<br /> * opinion d'une amie hors erg: trop de texte parfois et peu d'images, p-ê balancer une image au moins au début de chaque page plus importante? <br /> <br /> ----<br /> <br /> &lt;pre&gt;<br /> // A rajouter au JS coté carte (pas Common.js)<br /> <br /> // Change le titre de la fenetre pour correspondre au iframe<br /> // doit s'actualiser à chaque refresh du iframe (voir app.js?)<br /> document.title = document.getElementById('wikiframe').contentDocument.title;<br /> <br /> // Zoom out la carte. Nouvelle largeur -&gt; taille plus petite<br /> // Doit attendre que la carte soit loadée jsp comment<br /> map.zoom_out(); <br /> &lt;/pre&gt;<br /> <br /> === Files === <br /> &lt;br&gt;<br /> [[Favicon du wiki]]<br /> <br /> &lt;br&gt;<br /> <br /> === 🫂 Transmission ===<br /> jhvkjlbk<br /> Documenter l'activité présente de ces espaces, oui bien sur et encore comment mais aussi leur histoire, le nom des personnes qui y ont pris part pour faciliter la transmission entre les générations d'étudiant·es. Pour compléter et mettre à jour ces pages il faudra un peu gratter la glace, enquêter et contacter les personnes concernées.<br /> * [ ] [[Ergote Radio]]<br /> * [ ] [[Erg à table (EAT)]]<br /> ** [[EAT (erg à table)]]<br /> ** [[Pratique sociale et professionnelle – Développement durable / Erg à table (B1) (B2) (B3)]]<br /> ** ''ajouter des recettes'' 😋<br /> * [ ] [[Labobine]]<br /> * [ ] [[Rideau de perles]]<br /> * [ ] [[Erg tv]]<br /> ** [[Erg tv TROTTOIR.E]]<br /> ** [[ERG TV]]<br /> * [ ] [[N.E.S.]]<br /> * [ ] [[La BàG]]<br /> * [ ] [[Permanence édition]]<br /> * [ ] [[Club Textile]]<br /> <br /> == Matériel ==<br /> Prenez un ordinateur si vous en avez un........ Il sera possible d'utiliser une machine commune, son téléphone ou autre !<br /> == 👆 Lien utiles ==<br /> <br /> * [[Boîte à outils Wiki]]<br /> * [https://pads.erg.be/p/wiki_maintenance_plan_de_travail Plan de travail du Workshop]<br /> * [[Wiki Markup Cheatsheet]]<br /> <br /> == 📈 Stats ==<br /> <br /> * Au début du workshop, il y avait<br /> ** 279 pages orphelines<br /> <br /> &lt;!--<br /> === 🕸️ Extensions ===<br /> * [ ] DisplayTitle<br /> * [ ] CategoryTree<br /> * [ ] poem<br /> * [ ] user badges ?<br /> * [ ] Cargo — ''déjà installée, permet de récupérer directement des items dans la base de données''<br /> ** Voir la page de [[Utilisateur:Michael Murtaugh]]<br /> * [ ] CategoryTree<br /> --&gt;<br /> <br /> == Participant·e·s ==<br /> * [[Utilisateur:Copyright|Copyright]] ([[Discussion utilisateur:Copyright|discussion]]) 22 janvier 2024 à 11:18 (CET)<br /> * [[Utilisateur:Ampera|Joan Peralta]] ([[Discussion utilisateur:Ampera|discussion]]) 22 janvier 2024 à 11:19 (CET)<br /> * [[Utilisateur:Theophile.gervreaumercier|Theophile.gervreaumercier]] ([[Discussion utilisateur:Theophile.gervreaumercier|discussion]]) 22 janvier 2024 à 11:26 (CET)<br /> * [[Utilisateur:Dobody|Dobody]] ([[Discussion utilisateur:Dobody|discussion]]) 22 janvier 2024 à 11:20 (CET)<br /> * [[Utilisateur:Olfz3b|Olfz3b]] ([[Discussion utilisateur:Olfz3b|discussion]]) 22 janvier 2024 à 11:22 (CET)<br /> * [[Utilisateur:Matt.ten|Matt.ten]] ([[Discussion utilisateur:Matt.ten|discussion]]) 22 janvier 2024 à 11:33 (CET)<br /> * [[Utilisateur:Nanspoi|Nanspoi]] ([[Discussion utilisateur:Nanspoi|discussion]] 22 janvier 2024 à 13:50<br /> * [[Utilisateur:Maxime|Maxime]]<br /> &lt;br&gt;<br /> ----<br /> == Maintenance continue ==<br /> === Cosmétique ===<br /> ==== TODO ====<br /> * Trouver une extension qui permette de trouver &quot;Boîte à outils&quot; même quand on tape &quot;boite&quot; (sans i circonflexe) dans la barre de recherche<br /> * Rendre la barre de navigation blanche en harmonie avec le reste du site et plus épaisse, car '''beaucoup des menus sont importants et ça faciliterait l'attention'''<br /> * Entourer le contenu de la page d'accueil par une div avec un ID de façon à pouvoir la styliser individuellement - ''la page d'accueil est le premier truc que les non-ergiens voient, elle n'est pas '''autant''' pour nous que pour eux, ils doivent s'y retrouver''<br /> * modifier le thème Light pour qu'il soit plus sympa à regarder et lire<br /> * comment filtrer les 'nouveaux fichiers' de façon à montrer surtout des photos des productions, jurys, instal, scénos... ça manque<br /> * opinion d'une amie hors erg : trop de texte parfois et peu d'images, p-ê balancer une image au moins au début de chaque page plus importante ? <br /> <br /> ====END 24.02.08====<br /> <br /> Pour le moment, les couleurs sont définies dans deux fichiers, précisé dans la page [[Charte Graphique de l'erg]]. <br /> <br /> Le CSS est modifié à plusieurs endroits pour les différents éléments du site :<br /> <br /> Carte :<br /> <br /> * map/style.css<br /> * map/style.custom_map.css<br /> <br /> MediaWiki :<br /> <br /> * la page wiki du skin (ou thème) mediawiki [[MediaWiki:Ouroboros.css]]<br /> <br /> <br /> Il semblerait qu'il y est des drôle de chose du côté des médiaquery du skin ouroboros (et foreground). Des décalage...<br /> <br /> ==Création de la page [[Charte Graphique de l'erg]]==<br /> <br /> ----<br /> [[Catégorie:Winter School 2024]]<br /> [[Catégorie:Workshops]]<br /> <br /> [[Fichier:Site-maintenance-winterschool-2024.jpg-1.jpg|no-frame|400px|center]]</div> Theophile.gervreaumercier https://wiki.erg.be/mw/index.php?title=Wiki_maintenance&diff=22559 Wiki maintenance 2024-02-08T14:03:45Z <p>Theophile.gervreaumercier : /* Maintenance continue */</p> <hr /> <div>'''''Le contenu suivant fait partie du workshop Wiki Maintenance en Janvier 2024. La page actuelle propose de continuer la maintenance du site. Les informations, liste des tâches et propositions se trouvent dans la dernière section &quot;Maintenance continue&quot;'''''<br /> <br /> [[Fichier:Favicon.png|no-frame|favicon test, E stands for &quot;École&quot;, R for &quot;Recherche&quot;, G for &quot;Graphique&quot;]]<br /> 🚧 🚧 🚧 🚧 🚧 🚧 🚧 🚧 🚧 🚧 🚧 &lt;br&gt;<br /> [youtube.com Youtube]<br /> [[Fichier:Screenshot erg website.png|700px|thumb|right|Le site de l'erg en 2024]]<br /> &lt;br&gt;<br /> L'école fourmille d’initiatives, de pratiques innombrables, faute de temps, ces gestes, ces outils, ces expériences personnelles et collectives ne sont que peu documentées. La semaine de Winterschool est l'occasion de s'arrêter un peu, et de faire le bilan, calmement, de toutes ces pratiques et de les transmettre, les documenter !<br /> <br /> Le site de l'erg est l'espace de documentation de ces pratiques, ces trois journées seront l'occasion de repenser collectivement le wiki de l'erg : son allure, son accessibilité, son organisation etc.<br /> <br /> '''Il n'est pas nécessaire d'avoir des connaissances poussées en informatique, on va apprendre ensemble à se saisir de ces outils. Vous pouvez aussi participer aux enquêtes ou tout simplement passer déposer des documents, renseigner une page, raconter un bout d'histoire.'''<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> Si vous avez des connaissances en scraping (siphonnage), ou en CSS (pour créer des thèmes) n'hésitez pas, votre aide peut aussi être précieuse !<br /> <br /> &lt;big&gt;🧭 '''On se retrouve dans la galerie de l'erg'''&lt;/big&gt;<br /> <br /> == Organisation ==<br /> === Lundi 22 janvier ===<br /> * 10:00 → Accueil des participant·e·s<br /> * 11:00 → Présentation de [https://erg.be www.erg.be]<br /> ** Qu'est-ce qu'un Wiki ?<br /> ** Créer sa page Wiki<br /> ** La syntaxe Wiki Markdown<br /> ** L'arborescence du site<br /> * 16:00 → Compte rendu de la journée<br /> <br /> === Mardi 23 janvier ===<br /> * 10:00 →<br /> * 16:00 → Compte rendu de la journée<br /> <br /> === Mercredi 24 janvier ===<br /> * 10:00 →<br /> * 16:00 → Compte rendu de la journée<br /> <br /> ==Inscription==<br /> [https://cloud.erg.school/apps/forms/s/SeAgY5KbJefzMaNJ9PXXcnJr Via le formulaire].<br /> <br /> ===Nombre maximal de participant·es===<br /> 10<br /> <br /> == 🎯 Missions ==<br /> * [ ] adopter les pages orphelines 🍼 <br /> * [ ] dessiner de nouveaux thèmes 🎨<br /> * [ ] rédiger un guide d'utilisation 📖 <br /> * [ ] archiver le site en lieu sûr 🔒 <br /> * [ ] améliorer les fonctionnalités du site 🪚 <br /> * [ ] écrire des protocoles de soin 😊 <br /> * [x] siphonner le contenu des sites satellites Flickr, MixCloud etc.<br /> ** https://www.flickr.com/groups/erg_brussels/pool/ [[Siphonnage flickr]]<br /> ** Téléchargement de toutes les émissions de [[Ergote Radio]] sur MixCloud via [https://github.com/yt-dlp/yt-dlp#installation Yt-dlp] [[Siphonnage Mixcloud]]<br /> *** Maintenant, que faire de tout ça ??? les sauvegarder à un endroit safe ? automatiser le scraping de la page mixcloud, créer un espace pour garder le tout ? <br /> * [ ] how to improve the experience for international (future) students ? 🌐<br /> * [x] add a favicon 🎨<br /> * [ ] dark theme<br /> * [x] 💥'''BONUS'''💥 sauver la page [https://fr.wikipedia.org/wiki/%C3%89cole_de_recherche_graphique Wikipédia de l'erg] 😱<br /> <br /> === 🫂 Teams ===<br /> ==== day 1 ====<br /> * '''Martin''' → ''&quot;hack&quot;'' the current website for it to show that we are working on it<br /> * '''Theo''' → helping access the server, the config file + favicon ? + hardwerg guide (how can ppl find it ?)<br /> ** Création de la page [[Admin Wiki]]<br /> ** Création de la page [[Sauvegarde du wiki]]<br /> ** Création de la page [[Posterg]]<br /> * '''Matteo''' → à voir + how to delete accounts ?<br /> * '''Leo''' → international students + tutorial how to use/modify the website + things that disappeared ? [https://wiki.erg.be/w/Guide_for_incoming_students fixed page]<br /> * '''Nanspoi''' → hardwerg, how to help + how to ~promote~ ?<br /> * '''Delyo''' → user guide<br /> * '''Olaf''' → hardwerg + softwerg ? <br /> * '''Maxime''' → get to know the website + ergnux<br /> * '''Joan''' → satellites erg / architecture site<br /> * '''Matteo''' → explorer<br /> <br /> ===== 📝 2 do 4 day 2 =====<br /> * css dark theme → less bright fonts, fix hover animations, title font<br /> * add content for [[Linux]] and [[Softwerg]]<br /> * finish wiki tutorial + write video script?<br /> * think abt print material to put people onboard w/ wiki<br /> <br /> ==== day 2 ====<br /> * '''Theo''' <br /> ** → clean les deux pages de maintenances que j'ai faites hier<br /> * '''Martin''' → créer de nouveaux templates, page wikipedia + divers<br /> <br /> == To do for the future ==<br /> <br /> * Trouver une extension qui permette de trouver &quot;Boîte à outils&quot; même quand on tape &quot;boite&quot; (sans i circonflexe) dans la barre de recherche<br /> <br /> * Rendre la barre de navigation blanche en harmonie avec le reste du site et plus épaisse, car '''beaucoup des menus sont importants et ça faciliterait l'attention'''<br /> * Entourer le contenu de la page d'accueil par une div avec un ID de açon à pouvoir la styliser individuellement - ''la page d'accueil est le premier truc que les non-ergiens voient, elle n'est pas '''autant''' pour nous que pour eux, ils doivent s'y retrouver''<br /> * modifier le thème Light pour qu'il soit plus sympa à regarder et lire<br /> * comment filtrer les 'nouveaux fichiers' de façon à montrer surtout des photos des productions, jurys, instal, scénos... ça manque<br /> * opinion d'une amie hors erg: trop de texte parfois et peu d'images, p-ê balancer une image au moins au début de chaque page plus importante? <br /> <br /> ----<br /> <br /> &lt;pre&gt;<br /> // A rajouter au JS coté carte (pas Common.js)<br /> <br /> // Change le titre de la fenetre pour correspondre au iframe<br /> // doit s'actualiser à chaque refresh du iframe (voir app.js?)<br /> document.title = document.getElementById('wikiframe').contentDocument.title;<br /> <br /> // Zoom out la carte. Nouvelle largeur -&gt; taille plus petite<br /> // Doit attendre que la carte soit loadée jsp comment<br /> map.zoom_out(); <br /> &lt;/pre&gt;<br /> <br /> === Files === <br /> &lt;br&gt;<br /> [[Favicon du wiki]]<br /> <br /> &lt;br&gt;<br /> <br /> === 🫂 Transmission ===<br /> jhvkjlbk<br /> Documenter l'activité présente de ces espaces, oui bien sur et encore comment mais aussi leur histoire, le nom des personnes qui y ont pris part pour faciliter la transmission entre les générations d'étudiant·es. Pour compléter et mettre à jour ces pages il faudra un peu gratter la glace, enquêter et contacter les personnes concernées.<br /> * [ ] [[Ergote Radio]]<br /> * [ ] [[Erg à table (EAT)]]<br /> ** [[EAT (erg à table)]]<br /> ** [[Pratique sociale et professionnelle – Développement durable / Erg à table (B1) (B2) (B3)]]<br /> ** ''ajouter des recettes'' 😋<br /> * [ ] [[Labobine]]<br /> * [ ] [[Rideau de perles]]<br /> * [ ] [[Erg tv]]<br /> ** [[Erg tv TROTTOIR.E]]<br /> ** [[ERG TV]]<br /> * [ ] [[N.E.S.]]<br /> * [ ] [[La BàG]]<br /> * [ ] [[Permanence édition]]<br /> * [ ] [[Club Textile]]<br /> <br /> == Matériel ==<br /> Prenez un ordinateur si vous en avez un........ Il sera possible d'utiliser une machine commune, son téléphone ou autre !<br /> == 👆 Lien utiles ==<br /> <br /> * [[Boîte à outils Wiki]]<br /> * [https://pads.erg.be/p/wiki_maintenance_plan_de_travail Plan de travail du Workshop]<br /> * [[Wiki Markup Cheatsheet]]<br /> <br /> == 📈 Stats ==<br /> <br /> * Au début du workshop, il y avait<br /> ** 279 pages orphelines<br /> <br /> &lt;!--<br /> === 🕸️ Extensions ===<br /> * [ ] DisplayTitle<br /> * [ ] CategoryTree<br /> * [ ] poem<br /> * [ ] user badges ?<br /> * [ ] Cargo — ''déjà installée, permet de récupérer directement des items dans la base de données''<br /> ** Voir la page de [[Utilisateur:Michael Murtaugh]]<br /> * [ ] CategoryTree<br /> --&gt;<br /> <br /> == Participant·e·s ==<br /> * [[Utilisateur:Copyright|Copyright]] ([[Discussion utilisateur:Copyright|discussion]]) 22 janvier 2024 à 11:18 (CET)<br /> * [[Utilisateur:Ampera|Joan Peralta]] ([[Discussion utilisateur:Ampera|discussion]]) 22 janvier 2024 à 11:19 (CET)<br /> * [[Utilisateur:Theophile.gervreaumercier|Theophile.gervreaumercier]] ([[Discussion utilisateur:Theophile.gervreaumercier|discussion]]) 22 janvier 2024 à 11:26 (CET)<br /> * [[Utilisateur:Dobody|Dobody]] ([[Discussion utilisateur:Dobody|discussion]]) 22 janvier 2024 à 11:20 (CET)<br /> * [[Utilisateur:Olfz3b|Olfz3b]] ([[Discussion utilisateur:Olfz3b|discussion]]) 22 janvier 2024 à 11:22 (CET)<br /> * [[Utilisateur:Matt.ten|Matt.ten]] ([[Discussion utilisateur:Matt.ten|discussion]]) 22 janvier 2024 à 11:33 (CET)<br /> * [[Utilisateur:Nanspoi|Nanspoi]] ([[Discussion utilisateur:Nanspoi|discussion]] 22 janvier 2024 à 13:50<br /> * [[Utilisateur:Maxime|Maxime]]<br /> &lt;br&gt;<br /> ----<br /> == Maintenance continue ==<br /> === Cosmétique ===<br /> ==== To do: ====<br /> * Trouver une extension qui permette de trouver &quot;Boîte à outils&quot; même quand on tape &quot;boite&quot; (sans i circonflexe) dans la barre de recherche<br /> * Rendre la barre de navigation blanche en harmonie avec le reste du site et plus épaisse, car '''beaucoup des menus sont importants et ça faciliterait l'attention'''<br /> * Entourer le contenu de la page d'accueil par une div avec un ID de açon à pouvoir la styliser individuellement - ''la page d'accueil est le premier truc que les non-ergiens voient, elle n'est pas '''autant''' pour nous que pour eux, ils doivent s'y retrouver''<br /> * modifier le thème Light pour qu'il soit plus sympa à regarder et lire<br /> * comment filtrer les 'nouveaux fichiers' de façon à montrer surtout des photos des productions, jurys, instal, scénos... ça manque<br /> * opinion d'une amie hors erg: trop de texte parfois et peu d'images, p-ê balancer une image au moins au début de chaque page plus importante? <br /> <br /> <br /> <br /> Pour le moment, les couleurs <br /> <br /> ==Création de la page [[Charte Graphique de l'erg]]==<br /> <br /> ----<br /> [[Catégorie:Winter School 2024]]<br /> [[Catégorie:Workshops]]<br /> <br /> [[Fichier:Site-maintenance-winterschool-2024.jpg-1.jpg|no-frame|400px|center]]</div> Theophile.gervreaumercier https://wiki.erg.be/mw/index.php?title=Charte_Graphique_de_l%27erg&diff=22558 Charte Graphique de l'erg 2024-02-08T13:51:46Z <p>Theophile.gervreaumercier : </p> <hr /> <div>=Intro=<br /> Cette page recense les divers éléments graphiques, images, couleurs et autres ressources de la charte graphique de l'erg.<br /> Historiquement, cette page a été crée lors de la phase de maintenance continue de [[Wiki maintenance]]. <br /> <br /> ===Couleurs===<br /> <br /> Les divers plateformes web de l'erg utilisent, depuis 2024, 5 couleurs différentes:<br /> <br /> * 2 set de violet et vert pour les gradients, un set pour la version clair du site et un set pour la version fonçée: <br /> ** Clair: &lt;code style=&quot;background-color:#a700ff;&quot;&gt;#a700ff&lt;/code&gt; &lt;code style=&quot;background-color:#00ab6b;&quot;&gt;#00ab6b&lt;/code&gt;<br /> ** Fonçée: &lt;code style=&quot;background-color:#9557b5;&quot;&gt;#9557b5&lt;/code&gt; &lt;code style=&quot;background-color:#3c856b;&quot;&gt;#3c856b&lt;/code&gt;<br /> * 1 rose qui persiste des version antérieurs du site<br /> ** &lt;code style=&quot;background-color:#ee1877;&quot;&gt;#ee1877&lt;/code&gt;<br /> <br /> Ces couleurs sont utilisé :<br /> <br /> * le site principale de l'erg<br /> ** le wiki, dans [[MediaWiki:Ouroboros.css]]<br /> ** la carte, dans &lt;code&gt;./m/dist/style.css&lt;/code&gt;</div> Theophile.gervreaumercier https://wiki.erg.be/mw/index.php?title=Charte_Graphique_de_l%27erg&diff=22557 Charte Graphique de l'erg 2024-02-08T13:51:07Z <p>Theophile.gervreaumercier : </p> <hr /> <div>=Intro=<br /> Cette page recense les divers éléments graphiques, images, couleurs et autres ressources de la charte graphique de l'erg.<br /> Historiquement, cette page a été crée lors de la phase de maintenance continue de [[Wiki maintenance]]. <br /> <br /> ===Couleurs===<br /> <br /> Les divers plateformes web de l'erg utilisent, depuis 2024, 5 couleurs différentes:<br /> <br /> * 2 set de violet et vert pour les gradients, un set pour la version clair du site et un set pour la version fonçée: <br /> ** Clair: &lt;code style=&quot;background-color:#a700ff;&quot;&gt;#a700ff&lt;/code&gt; &lt;code style=&quot;background-color:#00ab6b ;&quot;&gt;#00ab6b&lt;/code&gt;<br /> ** Fonçée: &lt;code style=&quot;background-color:#9557b5;&quot;&gt;#9557b5&lt;/code&gt; &lt;code style=&quot;background-color:#3c856b;&quot;&gt;#3c856b&lt;/code&gt;<br /> * 1 rose qui persiste des version antérieurs du site<br /> ** &lt;code style=&quot;background-color:#ee1877;&quot;&gt;#ee1877&lt;/code&gt;<br /> <br /> Ces couleurs sont utilisé :<br /> <br /> * le site principale de l'erg<br /> ** le wiki, dans [[MediaWiki:Ouroboros.css]]<br /> ** la carte, dans &lt;code&gt;./m/dist/style.css&lt;/code&gt;</div> Theophile.gervreaumercier https://wiki.erg.be/mw/index.php?title=MediaWiki:Ouroboros.css&diff=22556 MediaWiki:Ouroboros.css 2024-02-08T13:49:03Z <p>Theophile.gervreaumercier : </p> <hr /> <div><br /> /*<br /> _ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______ <br /> | | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|<br /> | | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__ <br /> | | | __| \___ \| &lt; | | | . ` | / / | | | __ | __| | |\/| | __| <br /> | |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____ <br /> |______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|<br /> / __ \| ____| ____|_ _/ ____|_ _| ____| | <br /> | | | | |__ | |__ | || | | | | |__ | | <br /> | | | | __| | __| | || | | | | __| | | <br /> | |__| | | | | _| || |____ _| |_| |____| |____ <br /> \____/|_|____|_| |_____\_____|_____|______|______| <br /> | __ \| ____| <br /> | | | | |__ <br /> | | | | __| <br /> | |__| | |____ <br /> |_____/|______|_ _____ _____ <br /> | | | ____| __ \ / ____| <br /> | | | |__ | |__) | | __ <br /> | | | __| | _ /| | |_ | <br /> | |____ | |____| | \ \| |__| | <br /> |______| |______|_| \_\\_____| <br /> <br /> <br /> */<br /> <br /> <br /> @font-face {<br /> font-family: AntiqueNoble;<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/antiquenoblebold.woff&quot;);<br /> }<br /> <br /> @font-face {<br /> font-family: Combined;<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/combined.otf&quot;);<br /> }<br /> @font-face {<br /> font-family: Lucette;<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2&quot;);<br /> }<br /> @font-face {<br /> font-family: Lucette;<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2&quot;);<br /> font-style: italic;<br /> }<br /> <br /> @font-face {<br /> font-family: Ductus;<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff2&quot;);<br /> }<br /> /*<br /> @font-face {<br /> font-family: Vega;<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/otf/Vega-Regular.otf&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/Vega-Regular.ttf&quot;) format(&quot;truetype&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/Vega-Regular-Webfont.svg&quot; format(&quot;svg&quot;));<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff&quot; format(&quot;woff&quot;));<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff2&quot;) format(&quot;woff2&quot;);<br /> }<br /> */<br /> <br /> <br /> <br /> <br /> /* Global variables. */<br /> :root,<br /> ::backdrop {<br /> /* Set sans-serif &amp; mono fonts */<br /> --sans-font: -apple-system, BlinkMacSystemFont, &quot;Avenir Next&quot;, Avenir,<br /> &quot;Nimbus Sans L&quot;, Roboto, &quot;Noto Sans&quot;, &quot;Segoe UI&quot;, Arial, Helvetica,<br /> &quot;Helvetica Neue&quot;, sans-serif;<br /> --mono-font: Consolas, Menlo, Monaco, &quot;Andale Mono&quot;, &quot;Ubuntu Mono&quot;, monospace;<br /> --standard-border-radius: 5px;<br /> <br /> /* Default (light) theme */<br /> --bg: #fff;<br /> --accent-bg: #f5f7ff;<br /> --text: #212121;<br /> --text-light: #585858;<br /> --border: #898EA4;<br /> --accent: #0d47a1;<br /> --accent-hover: #1266e2;<br /> --accent-text: var(--bg);<br /> --code: #d81b60;<br /> --preformatted: #444;<br /> --marked: #ffdd33;<br /> --disabled: #efefef;<br /> <br /> --font-title: Ductus;<br /> --font-body: Lucette;<br /> --color-a: #a700ff; /* purple */<br /> --color-b: #00ab6b; /* green */<br /> --font-size: 15pt;<br /> --line-height: 1.3em;<br /> }<br /> <br /> /* Dark theme */<br /> @media (prefers-color-scheme: dark) {<br /> :root,<br /> ::backdrop {<br /> color-scheme: dark;<br /> --bg: #222;<br /> --accent-bg: #2b2b2b;<br /> --text: #dcdcdc;<br /> --text-light: #ababab;<br /> --accent: #ffb300;<br /> --accent-hover: #ffe099;<br /> --accent-text: var(--bg);<br /> --code: #f06292;<br /> --preformatted: #ccc;<br /> --disabled: #111;<br /> <br /> --font-title: Ductus;<br /> --font-body: Lucette;<br /> --color-a: #9557b5; /* washed-off purple */<br /> --color-b: #3c856b; /* washed-off green */<br /> --font-size: 15pt;<br /> --line-height: 1.3em;<br /> }<br /> }<br /> <br /> /* Reset box-sizing */<br /> *, *::before, *::after {<br /> box-sizing: border-box;<br /> }<br /> <br /> body {<br /> font-family: var(--font-body);<br /> font-size: var(--font-size);<br /> line-height: var(--line-height);<br /> padding-top: 3em;<br /> background-color: var(--bg);<br /> color: var(--text);<br /> }<br /> p {<br /> font-size: var(--font-size);<br /> line-height: var(--line-height);<br /> margin-bottom: 0;<br /> }<br /> p + p {<br /> margin-top: var(--line-height);<br /> }<br /> <br /> /* INTERFACE ------------------------------------------------------------------ */<br /> /* remove category help button (does it remove other stuff? mmm...) */<br /> #mw-indicator-mw-helplink {<br /> display: none;<br /> }<br /> <br /> /* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */<br /> #navwrapper {<br /> position: fixed;<br /> top: 0;<br /> right: 0;<br /> z-index: 1000;<br /> left: 0;<br /> }<br /> <br /> h4.namespace.label {<br /> display: none;<br /> }<br /> <br /> .mw-editsection, .mw-editsection-like {<br /> font-size: 10px;<br /> }<br /> <br /> #actions {<br /> left: initial !important;<br /> right: 14px;<br /> top: -21px;<br /> background-color: var(--accent-bg);<br /> border: 1px solid var(--text-light);<br /> color: var(--text-light);<br /> }<br /> a#actions-button {<br /> margin-top: -1em;<br /> background-color: var(--accent-bg);<br /> padding: 5px;<br /> color: var(--text-light);<br /> }<br /> .fa,<br /> button, .button,<br /> .top-bar-section ul li &gt; a {<br /> font-family: var(--font-body);<br /> }<br /> .fa::before {<br /> font-family: FontAwesome;<br /> }<br /> <br /> .top-bar,<br /> .top-bar-section,<br /> #top-bar-left,<br /> #top-bar-right,<br /> #top-bar-right .columns {<br /> display: flex;<br /> background-color: #222;<br /> align-items: center;<br /> justify-content: space-evenly;<br /> }<br /> #top-bar-left {<br /> width: initial;<br /> }<br /> .top-bar-section {<br /> flex-grow: 1;<br /> }<br /> .has-form {<br /> flex-grow: 1;<br /> padding: 0.5em !important;<br /> }<br /> #top-bar-right {<br /> justify-content: space-between;<br /> flex-grow: 1;<br /> }<br /> .top-bar input {<br /> padding-top: 8px;<br /> flex-grow: 1;<br /> height: 2em;<br /> box-sizing: border-box;<br /> border: 0;<br /> outline: 0;<br /> }<br /> .button.search {<br /> background-color: transparent;<br /> border-style: solid;<br /> border-width: 2px;<br /> border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br /> border-image-slice: 1;<br /> top: 2px !important;<br /> position: relative;<br /> margin-left: 0px !important;<br /> box-sizing: border-box;<br /> padding: 0;<br /> width: 80px;<br /> height: 2em;<br /> margin: 0;<br /> top: 0 !important;<br /> }<br /> .button.search:hover {<br /> background-color: var(--color-a);<br /> }<br /> .suggestions-result-current {<br /> background-color: var(--color-b) !important;<br /> }<br /> <br /> .top-bar .toggle-topbar a {<br /> text-transform: lowercase;<br /> font-size: 1em;<br /> }<br /> <br /> #toc, .toc {<br /> float: right;<br /> margin-left: 1em;<br /> max-width: 45%;<br /> background-color: var(--accent-bg);<br /> border-radius: 5px;<br /> }<br /> .toctitle {<br /> margin-bottom: -1em;<br /> }<br /> #toc h2 {<br /> margin-top: 0.25em;<br /> font-size: 1em;<br /> display: inline-block;<br /> margin-right: 0.5em;<br /> }<br /> #toc ul {<br /> margin: 0;<br /> }<br /> .tocnumber:after {<br /> content: &quot; – &quot;;<br /> }<br /> <br /> table.infobox {<br /> width: initial;<br /> max-width: 45%;<br /> }<br /> table.infobox th.head {<br /> background-color: var(--color-b);<br /> }<br /> th, td {<br /> padding: 0.5em !important;<br /> }<br /> <br /> <br /> li {<br /> line-height: initial;<br /> }<br /> <br /> .mw-category-generated {<br /> margin-top: 2em;<br /> }<br /> <br /> /* if no content but only listing subcategories */<br /> .mw-parser-output:empty + .mw-category-generated h2 {<br /> display: none;<br /> }<br /> <br /> /* If only one subcategory, don't list the initial */<br /> .mw-category-generated #mw-pages div:only-of-type h3,<br /> #mw-subcategories div:only-of-type h3 {<br /> /*display: none;*/<br /> }<br /> <br /> /* removes counting of categories */<br /> .mw-category-generated #mw-pages p:first-of-type,<br /> #mw-subcategories p:first-of-type {<br /> display: none;<br /> }<br /> <br /> .group {<br /> margin-top: 5em;<br /> }<br /> #catlinks .label {<br /> border-width: 2px;<br /> border-style: solid;<br /> background-color: transparent;<br /> padding: 2px 6px !important;<br /> }<br /> <br /> /* HEADER ------------------------------------------------------------------ */<br /> .title-name {<br /> font-family: var(--font-title);<br /> font-weight: bold;<br /> }<br /> .title-name:hover {<br /> color: var(--color-a);<br /> }<br /> <br /> <br /> <br /> .top-bar-section .has-form {<br /> background-color: #222 !important;<br /> }<br /> .top-bar-section .has-dropdown &gt; a::after {<br /> display: none;<br /> }<br /> .top-bar-section .has-dropdown &gt; a {<br /> padding-right: initial !important;<br /> }<br /> .top-bar-section .dropdown li {<br /> width: initial;<br /> /*height: 2em;*/<br /> position: relative;<br /> padding: 0;<br /> border-bottom: 1px solid lightgray;<br /> }<br /> .top-bar-section ul li {<br /> padding: 0 0.5em;<br /> background-color: #222;<br /> }<br /> .top-bar-section ul li:hover {<br /> z-index: 1000;<br /> }<br /> .top-bar-section ul li &gt; a {<br /> font-size: 16px;<br /> padding: 0;<br /> font-weight: bold;<br /> }<br /> <br /> li#p-menu &gt; a {<br /> text-transform: uppercase;<br /> padding: 0;<br /> }<br /> li#p-menu &gt; a + ul li {<br /> outline: 1px solid #00a393;<br /> }<br /> <br /> .top-bar-section .dropdown li:not(.has-form):not(.active):hover &gt; a:not(.button) {<br /> background: linear-gradient(90deg,var(--color-a), var(--color-b));<br /> }<br /> li#p-menu + li.has-dropdown {<br /> width: 3em;<br /> text-align: center;<br /> }<br /> li#p-menu + li.has-dropdown &gt; a {<br /> border-radius: 100%;<br /> padding: 0;<br /> text-align: center;<br /> line-height: 30px;<br /> margin: auto;<br /> display: inline-block;<br /> width: 30px;<br /> box-sizing: border-box;<br /> height: 30px;<br /> }<br /> .not-logged-in #top-bar-right li:nth-child(3) {<br /> display: none;<br /> }<br /> <br /> #toolbox-dropdown li, #personal-tools-dropdown .dropdown li {<br /> float: right;<br /> }<br /> <br /> .back h5 {<br /> font-size: 2em !important;<br /> }<br /> a.parent-link {<br /> color: var(--color-b) !important;<br /> font-weight: bold !important;<br /> }<br /> <br /> /* CONTENT ------------------------------------------------------------------ */<br /> #page-content {<br /> margin: 1em;<br /> color: var(--text);<br /> }<br /> #english {<br /> position: relative;<br /> top: -1.5em;<br /> }<br /> <br /> h1, h2, h3, h4, h5, h6 {<br /> margin-top: 1em;<br /> color: var(--color-b);<br /> line-height: 1.5em;<br /> font-family: var(--font-body);<br /> }<br /> h1, h1#firstHeading, h2 {<br /> font-family: var(--font-title);<br /> font-size: 1.5em;<br /> }<br /> h2 {<br /> font-family: var(--font-title);<br /> }<br /> <br /> h1 {<br /> color: var(--color-a);<br /> }<br /> h2 span {<br /> display: initial;<br /> }<br /> h3 {<br /> font-family: var(--font-title);<br /> font-size: 1em;<br /> }<br /> body.action-view #page-content a {<br /> border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br /> border-bottom-width: 2px;<br /> border-image-slice: 1;<br /> color: var(--text);<br /> border-bottom-style: solid;<br /> padding: 3px 5px 1px;<br /> <br /> }<br /> #page-content a:hover,<br /> #catlinks .label:hover {<br /> background: linear-gradient(to right,var(--color-a),var(--color-b));<br /> color: white !important;<br /> }<br /> /* Removes user name */<br /> h3#tagline {<br /> display: none;<br /> }<br /> #bodyContent {<br /> margin-top: 3em;<br /> }<br /> <br /> #page-content ul, #page-content ol {<br /> font-size: 1em;<br /> margin-top: calc( var(--line-height) / 2) !important;<br /> margin-bottom: calc( var(--line-height) / 1) !important;<br /> }<br /> div {<br /> line-height: 1.4em ;<br /> }<br /> label {<br /> color: var(--text-light);<br /> }<br /> label[for=&quot;wpCaptchaWord&quot;]{<br /> background-color: orangered;<br /> }<br /> code, pre {<br /> color: darkgrey;<br /> background-color: #181818;<br /> border: 1px solid darkgrey;<br /> border-radius:3px;<br /> font-size: 0.8em;<br /> }<br /> <br /> <br /> /* ACTUALITÉS ------------------------------------------------------------------ */<br /> .medialisting {<br /> display: flex;<br /> flex-wrap: wrap;<br /> }<br /> .medialisting a {<br /> border: 0 !important;<br /> }<br /> .Media {<br /> display: flex;<br /> align-items: flex-start;<br /> margin-bottom: 1em;<br /> flex-direction: column;<br /> flex-basis: 32%;<br /> box-sizing: border-box;<br /> justify-content: center;<br /> padding: 0.5em;<br /> background: radial-gradient(var(--color-a) -31%, transparent 60%);<br /> }<br /> .Media:nth-child(2n) {<br /> background: radial-gradient(var(--color-b) -31%, transparent 60%);<br /> }<br /> .Media-body {<br /> flex: initial;<br /> }<br /> <br /> .flexgal {<br /> display: flex;<br /> flex-wrap: wrap;<br /> }<br /> <br /> /* THUMBNAILS ------------------------------------------------------------------ */<br /> .thumbinner {<br /> background-color: var(--accent-bg);<br /> }<br /> .thumb.tleft {<br /> margin-right: 2em;<br /> }<br /> .Media-figure a,<br /> .image.fancybox {<br /> display: inline-block;<br /> }<br /> .magnify a {<br /> text-indent: 0;<br /> width: 25px;<br /> height: 25px;<br /> border-style: solid;<br /> border-width: 2px;<br /> line-height: 15px;<br /> }<br /> .magnify a:before {<br /> content: &quot;+&quot;;<br /> font-family: FontAwesome;<br /> font-size: 20px;<br /> }<br /> <br /> /* PAGE PRINCIPALE D'ACCUEIL*/<br /> .page-École_de_recherche_graphique #page-content #content ul {<br /> margin-left: 0;<br /> }<br /> <br /> .page-École_de_recherche_graphique #page-content #content li {<br /> margin: 20px 0;<br /> border-width: 2px;<br /> border-style: solid;<br /> border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br /> border-image-slice: 1;<br /> padding: 6px;<br /> width: fit-content;<br /> }<br /> <br /> .page-École_de_recherche_graphique #page-content #content li:hover {<br /> background-image: linear-gradient(to right, var(--color-a), var(--color-b));<br /> <br /> }<br /> <br /> .page-École_de_recherche_graphique #page-content #content li::before {<br /> content: &quot;&quot; !important;<br /> }<br /> <br /> .page-École_de_recherche_graphique #page-content # content li a {<br /> border-width: 0px;<br /> border-style: solid;<br /> }<br /> .page-École_de_recherche_graphique #page-content #content li a:hover {<br /> border-width: 0px;<br /> border-style: solid;<br /> background: rgba(0,0,0,0);<br /> }<br /> <br /> <br /> /* FIN PAGE PRINCIPALE*/<br /> <br /> <br /> <br /> <br /> <br /> <br /> /* MEDIA QUERIES ------------------------------------------------------------------ */<br /> @media (max-width: 800px) {<br /> div.tleft, div.floatleft, table.floatleft {<br /> width: 100%;<br /> margin-bottom: 3em;<br /> }<br /> #toc {<br /> max-width: initial;<br /> width: 100%;<br /> margin-left: 0;<br /> <br /> <br /> }<br /> }<br /> @media only screen and (max-width: 600px) {<br /> .top-bar,<br /> .top-bar-section,<br /> #top-bar-right,<br /> #top-bar-right .columns {<br /> display: inherit;<br /> }<br /> .top-bar.expanded {<br /> flex-wrap: wrap;<br /> }<br /> .top-bar.expanded .title-area {<br /> display: flex;<br /> flex-grow: 1;<br /> justify-content: space-between;<br /> }<br /> .top-bar.expanded .top-bar,<br /> .top-bar.expanded .top-bar-section,<br /> .top-bar.expanded #top-bar-right,<br /> .top-bar.expanded #top-bar-right .columns {<br /> display: flex;<br /> align-items: center;<br /> flex-wrap: wrap;<br /> }<br /> .divider.show-for-small {<br /> display: none !important;<br /> }<br /> <br /> #top-bar-left, #top-bar-right {<br /> padding: 10px 0 0 0;<br /> } <br /> #top-bar-left li, #top-bar-right li {<br /> padding: 0 8px 0 8px; <br /> }<br /> }<br /> <br /> /* Formulaire d'edition ------------------------------------------------------------------ */<br /> #editform<br /> {<br /> margin-top: -5vh;<br /> }<br /> /* Lien vers page anglaise ------------------------------------------------------------------ */<br /> #english{<br /> font-size: 0.8em;<br /> }</div> Theophile.gervreaumercier https://wiki.erg.be/mw/index.php?title=Charte_Graphique_de_l%27erg&diff=22555 Charte Graphique de l'erg 2024-02-08T13:47:53Z <p>Theophile.gervreaumercier : Page créée avec « =Intro= Cette page recense les divers éléments graphiques, images, couleurs et autres ressources de la charte graphique de l'erg. Historiquement, cette page a été cré... »</p> <hr /> <div>=Intro=<br /> Cette page recense les divers éléments graphiques, images, couleurs et autres ressources de la charte graphique de l'erg.<br /> Historiquement, cette page a été crée lors de la phase de maintenance continue de [[Wiki maintenance]]. <br /> <br /> ===Couleurs===<br /> <br /> Les divers plateformes web de l'erg utilisent, depuis 2024, 5 couleurs différentes:<br /> <br /> * 2 set de violet et vert pour les gradients, un set pour la version clair du site et un set pour la version fonçée: <br /> ** Clair: &lt;code style=&quot;background-color:#a700ff;&quot;&gt;#a700ff&lt;/code&gt; &lt;code style=&quot;color:#00ab6b ;&quot;&gt;#00ab6b&lt;/code&gt;<br /> ** Fonçée: &lt;code style=&quot;color:#9557b5;&quot;&gt;#9557b5&lt;/code&gt; &lt;code style=&quot;color:#3c856b;&quot;&gt;#3c856b&lt;/code&gt;<br /> * 1 rose qui persiste des version antérieurs du site<br /> ** &lt;code style=&quot;color:#ee1877;&quot;&gt;#ee1877&lt;/code&gt;<br /> <br /> Ces couleurs sont utilisé :<br /> <br /> * le site principale de l'erg<br /> ** le wiki, dans [[MediaWiki:Ouroboros.css]]<br /> ** la carte, dans &lt;code&gt;./m/dist/style.css&lt;/code&gt;</div> Theophile.gervreaumercier https://wiki.erg.be/mw/index.php?title=Wiki_maintenance&diff=22554 Wiki maintenance 2024-02-08T13:43:24Z <p>Theophile.gervreaumercier : /* Maintenance continue */</p> <hr /> <div>'''''Le contenu suivant fait partie du workshop Wiki Maintenance en Janvier 2024. La page actuelle propose de continuer la maintenance du site. Les informations, liste des tâches et propositions se trouvent dans la dernière section &quot;Maintenance continue&quot;'''''<br /> <br /> [[Fichier:Favicon.png|no-frame|favicon test, E stands for &quot;École&quot;, R for &quot;Recherche&quot;, G for &quot;Graphique&quot;]]<br /> 🚧 🚧 🚧 🚧 🚧 🚧 🚧 🚧 🚧 🚧 🚧 &lt;br&gt;<br /> [youtube.com Youtube]<br /> [[Fichier:Screenshot erg website.png|700px|thumb|right|Le site de l'erg en 2024]]<br /> &lt;br&gt;<br /> L'école fourmille d’initiatives, de pratiques innombrables, faute de temps, ces gestes, ces outils, ces expériences personnelles et collectives ne sont que peu documentées. La semaine de Winterschool est l'occasion de s'arrêter un peu, et de faire le bilan, calmement, de toutes ces pratiques et de les transmettre, les documenter !<br /> <br /> Le site de l'erg est l'espace de documentation de ces pratiques, ces trois journées seront l'occasion de repenser collectivement le wiki de l'erg : son allure, son accessibilité, son organisation etc.<br /> <br /> '''Il n'est pas nécessaire d'avoir des connaissances poussées en informatique, on va apprendre ensemble à se saisir de ces outils. Vous pouvez aussi participer aux enquêtes ou tout simplement passer déposer des documents, renseigner une page, raconter un bout d'histoire.'''<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> Si vous avez des connaissances en scraping (siphonnage), ou en CSS (pour créer des thèmes) n'hésitez pas, votre aide peut aussi être précieuse !<br /> <br /> &lt;big&gt;🧭 '''On se retrouve dans la galerie de l'erg'''&lt;/big&gt;<br /> <br /> == Organisation ==<br /> === Lundi 22 janvier ===<br /> * 10:00 → Accueil des participant·e·s<br /> * 11:00 → Présentation de [https://erg.be www.erg.be]<br /> ** Qu'est-ce qu'un Wiki ?<br /> ** Créer sa page Wiki<br /> ** La syntaxe Wiki Markdown<br /> ** L'arborescence du site<br /> * 16:00 → Compte rendu de la journée<br /> <br /> === Mardi 23 janvier ===<br /> * 10:00 →<br /> * 16:00 → Compte rendu de la journée<br /> <br /> === Mercredi 24 janvier ===<br /> * 10:00 →<br /> * 16:00 → Compte rendu de la journée<br /> <br /> ==Inscription==<br /> [https://cloud.erg.school/apps/forms/s/SeAgY5KbJefzMaNJ9PXXcnJr Via le formulaire].<br /> <br /> ===Nombre maximal de participant·es===<br /> 10<br /> <br /> == 🎯 Missions ==<br /> * [ ] adopter les pages orphelines 🍼 <br /> * [ ] dessiner de nouveaux thèmes 🎨<br /> * [ ] rédiger un guide d'utilisation 📖 <br /> * [ ] archiver le site en lieu sûr 🔒 <br /> * [ ] améliorer les fonctionnalités du site 🪚 <br /> * [ ] écrire des protocoles de soin 😊 <br /> * [x] siphonner le contenu des sites satellites Flickr, MixCloud etc.<br /> ** https://www.flickr.com/groups/erg_brussels/pool/ [[Siphonnage flickr]]<br /> ** Téléchargement de toutes les émissions de [[Ergote Radio]] sur MixCloud via [https://github.com/yt-dlp/yt-dlp#installation Yt-dlp] [[Siphonnage Mixcloud]]<br /> *** Maintenant, que faire de tout ça ??? les sauvegarder à un endroit safe ? automatiser le scraping de la page mixcloud, créer un espace pour garder le tout ? <br /> * [ ] how to improve the experience for international (future) students ? 🌐<br /> * [x] add a favicon 🎨<br /> * [ ] dark theme<br /> * [x] 💥'''BONUS'''💥 sauver la page [https://fr.wikipedia.org/wiki/%C3%89cole_de_recherche_graphique Wikipédia de l'erg] 😱<br /> <br /> === 🫂 Teams ===<br /> ==== day 1 ====<br /> * '''Martin''' → ''&quot;hack&quot;'' the current website for it to show that we are working on it<br /> * '''Theo''' → helping access the server, the config file + favicon ? + hardwerg guide (how can ppl find it ?)<br /> ** Création de la page [[Admin Wiki]]<br /> ** Création de la page [[Sauvegarde du wiki]]<br /> ** Création de la page [[Posterg]]<br /> * '''Matteo''' → à voir + how to delete accounts ?<br /> * '''Leo''' → international students + tutorial how to use/modify the website + things that disappeared ? [https://wiki.erg.be/w/Guide_for_incoming_students fixed page]<br /> * '''Nanspoi''' → hardwerg, how to help + how to ~promote~ ?<br /> * '''Delyo''' → user guide<br /> * '''Olaf''' → hardwerg + softwerg ? <br /> * '''Maxime''' → get to know the website + ergnux<br /> * '''Joan''' → satellites erg / architecture site<br /> * '''Matteo''' → explorer<br /> <br /> ===== 📝 2 do 4 day 2 =====<br /> * css dark theme → less bright fonts, fix hover animations, title font<br /> * add content for [[Linux]] and [[Softwerg]]<br /> * finish wiki tutorial + write video script?<br /> * think abt print material to put people onboard w/ wiki<br /> <br /> ==== day 2 ====<br /> * '''Theo''' <br /> ** → clean les deux pages de maintenances que j'ai faites hier<br /> * '''Martin''' → créer de nouveaux templates, page wikipedia + divers<br /> <br /> == To do for the future ==<br /> <br /> * Trouver une extension qui permette de trouver &quot;Boîte à outils&quot; même quand on tape &quot;boite&quot; (sans i circonflexe) dans la barre de recherche<br /> <br /> * Rendre la barre de navigation blanche en harmonie avec le reste du site et plus épaisse, car '''beaucoup des menus sont importants et ça faciliterait l'attention'''<br /> * Entourer le contenu de la page d'accueil par une div avec un ID de açon à pouvoir la styliser individuellement - ''la page d'accueil est le premier truc que les non-ergiens voient, elle n'est pas '''autant''' pour nous que pour eux, ils doivent s'y retrouver''<br /> * modifier le thème Light pour qu'il soit plus sympa à regarder et lire<br /> * comment filtrer les 'nouveaux fichiers' de façon à montrer surtout des photos des productions, jurys, instal, scénos... ça manque<br /> * opinion d'une amie hors erg: trop de texte parfois et peu d'images, p-ê balancer une image au moins au début de chaque page plus importante? <br /> <br /> ----<br /> <br /> &lt;pre&gt;<br /> // A rajouter au JS coté carte (pas Common.js)<br /> <br /> // Change le titre de la fenetre pour correspondre au iframe<br /> // doit s'actualiser à chaque refresh du iframe (voir app.js?)<br /> document.title = document.getElementById('wikiframe').contentDocument.title;<br /> <br /> // Zoom out la carte. Nouvelle largeur -&gt; taille plus petite<br /> // Doit attendre que la carte soit loadée jsp comment<br /> map.zoom_out(); <br /> &lt;/pre&gt;<br /> <br /> === Files === <br /> &lt;br&gt;<br /> [[Favicon du wiki]]<br /> <br /> &lt;br&gt;<br /> <br /> === 🫂 Transmission ===<br /> jhvkjlbk<br /> Documenter l'activité présente de ces espaces, oui bien sur et encore comment mais aussi leur histoire, le nom des personnes qui y ont pris part pour faciliter la transmission entre les générations d'étudiant·es. Pour compléter et mettre à jour ces pages il faudra un peu gratter la glace, enquêter et contacter les personnes concernées.<br /> * [ ] [[Ergote Radio]]<br /> * [ ] [[Erg à table (EAT)]]<br /> ** [[EAT (erg à table)]]<br /> ** [[Pratique sociale et professionnelle – Développement durable / Erg à table (B1) (B2) (B3)]]<br /> ** ''ajouter des recettes'' 😋<br /> * [ ] [[Labobine]]<br /> * [ ] [[Rideau de perles]]<br /> * [ ] [[Erg tv]]<br /> ** [[Erg tv TROTTOIR.E]]<br /> ** [[ERG TV]]<br /> * [ ] [[N.E.S.]]<br /> * [ ] [[La BàG]]<br /> * [ ] [[Permanence édition]]<br /> * [ ] [[Club Textile]]<br /> <br /> == Matériel ==<br /> Prenez un ordinateur si vous en avez un........ Il sera possible d'utiliser une machine commune, son téléphone ou autre !<br /> == 👆 Lien utiles ==<br /> <br /> * [[Boîte à outils Wiki]]<br /> * [https://pads.erg.be/p/wiki_maintenance_plan_de_travail Plan de travail du Workshop]<br /> * [[Wiki Markup Cheatsheet]]<br /> <br /> == 📈 Stats ==<br /> <br /> * Au début du workshop, il y avait<br /> ** 279 pages orphelines<br /> <br /> &lt;!--<br /> === 🕸️ Extensions ===<br /> * [ ] DisplayTitle<br /> * [ ] CategoryTree<br /> * [ ] poem<br /> * [ ] user badges ?<br /> * [ ] Cargo — ''déjà installée, permet de récupérer directement des items dans la base de données''<br /> ** Voir la page de [[Utilisateur:Michael Murtaugh]]<br /> * [ ] CategoryTree<br /> --&gt;<br /> <br /> == Participant·e·s ==<br /> * [[Utilisateur:Copyright|Copyright]] ([[Discussion utilisateur:Copyright|discussion]]) 22 janvier 2024 à 11:18 (CET)<br /> * [[Utilisateur:Ampera|Joan Peralta]] ([[Discussion utilisateur:Ampera|discussion]]) 22 janvier 2024 à 11:19 (CET)<br /> * [[Utilisateur:Theophile.gervreaumercier|Theophile.gervreaumercier]] ([[Discussion utilisateur:Theophile.gervreaumercier|discussion]]) 22 janvier 2024 à 11:26 (CET)<br /> * [[Utilisateur:Dobody|Dobody]] ([[Discussion utilisateur:Dobody|discussion]]) 22 janvier 2024 à 11:20 (CET)<br /> * [[Utilisateur:Olfz3b|Olfz3b]] ([[Discussion utilisateur:Olfz3b|discussion]]) 22 janvier 2024 à 11:22 (CET)<br /> * [[Utilisateur:Matt.ten|Matt.ten]] ([[Discussion utilisateur:Matt.ten|discussion]]) 22 janvier 2024 à 11:33 (CET)<br /> * [[Utilisateur:Nanspoi|Nanspoi]] ([[Discussion utilisateur:Nanspoi|discussion]] 22 janvier 2024 à 13:50<br /> * [[Utilisateur:Maxime|Maxime]]<br /> &lt;br&gt;<br /> ----<br /> == Maintenance continue ==<br /> === Cosmétique ===<br /> ==== To do: ====<br /> * Trouver une extension qui permette de trouver &quot;Boîte à outils&quot; même quand on tape &quot;boite&quot; (sans i circonflexe) dans la barre de recherche<br /> * Rendre la barre de navigation blanche en harmonie avec le reste du site et plus épaisse, car '''beaucoup des menus sont importants et ça faciliterait l'attention'''<br /> * Entourer le contenu de la page d'accueil par une div avec un ID de açon à pouvoir la styliser individuellement - ''la page d'accueil est le premier truc que les non-ergiens voient, elle n'est pas '''autant''' pour nous que pour eux, ils doivent s'y retrouver''<br /> * modifier le thème Light pour qu'il soit plus sympa à regarder et lire<br /> * comment filtrer les 'nouveaux fichiers' de façon à montrer surtout des photos des productions, jurys, instal, scénos... ça manque<br /> * opinion d'une amie hors erg: trop de texte parfois et peu d'images, p-ê balancer une image au moins au début de chaque page plus importante? <br /> <br /> [[Charte Graphique de l'erg]]<br /> <br /> ----<br /> [[Catégorie:Winter School 2024]]<br /> [[Catégorie:Workshops]]<br /> <br /> [[Fichier:Site-maintenance-winterschool-2024.jpg-1.jpg|no-frame|400px|center]]</div> Theophile.gervreaumercier https://wiki.erg.be/mw/index.php?title=Wiki_maintenance&diff=22553 Wiki maintenance 2024-02-08T13:42:57Z <p>Theophile.gervreaumercier : /* Maintenance continue */</p> <hr /> <div>'''''Le contenu suivant fait partie du workshop Wiki Maintenance en Janvier 2024. La page actuelle propose de continuer la maintenance du site. Les informations, liste des tâches et propositions se trouvent dans la dernière section &quot;Maintenance continue&quot;'''''<br /> <br /> [[Fichier:Favicon.png|no-frame|favicon test, E stands for &quot;École&quot;, R for &quot;Recherche&quot;, G for &quot;Graphique&quot;]]<br /> 🚧 🚧 🚧 🚧 🚧 🚧 🚧 🚧 🚧 🚧 🚧 &lt;br&gt;<br /> [youtube.com Youtube]<br /> [[Fichier:Screenshot erg website.png|700px|thumb|right|Le site de l'erg en 2024]]<br /> &lt;br&gt;<br /> L'école fourmille d’initiatives, de pratiques innombrables, faute de temps, ces gestes, ces outils, ces expériences personnelles et collectives ne sont que peu documentées. La semaine de Winterschool est l'occasion de s'arrêter un peu, et de faire le bilan, calmement, de toutes ces pratiques et de les transmettre, les documenter !<br /> <br /> Le site de l'erg est l'espace de documentation de ces pratiques, ces trois journées seront l'occasion de repenser collectivement le wiki de l'erg : son allure, son accessibilité, son organisation etc.<br /> <br /> '''Il n'est pas nécessaire d'avoir des connaissances poussées en informatique, on va apprendre ensemble à se saisir de ces outils. Vous pouvez aussi participer aux enquêtes ou tout simplement passer déposer des documents, renseigner une page, raconter un bout d'histoire.'''<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> Si vous avez des connaissances en scraping (siphonnage), ou en CSS (pour créer des thèmes) n'hésitez pas, votre aide peut aussi être précieuse !<br /> <br /> &lt;big&gt;🧭 '''On se retrouve dans la galerie de l'erg'''&lt;/big&gt;<br /> <br /> == Organisation ==<br /> === Lundi 22 janvier ===<br /> * 10:00 → Accueil des participant·e·s<br /> * 11:00 → Présentation de [https://erg.be www.erg.be]<br /> ** Qu'est-ce qu'un Wiki ?<br /> ** Créer sa page Wiki<br /> ** La syntaxe Wiki Markdown<br /> ** L'arborescence du site<br /> * 16:00 → Compte rendu de la journée<br /> <br /> === Mardi 23 janvier ===<br /> * 10:00 →<br /> * 16:00 → Compte rendu de la journée<br /> <br /> === Mercredi 24 janvier ===<br /> * 10:00 →<br /> * 16:00 → Compte rendu de la journée<br /> <br /> ==Inscription==<br /> [https://cloud.erg.school/apps/forms/s/SeAgY5KbJefzMaNJ9PXXcnJr Via le formulaire].<br /> <br /> ===Nombre maximal de participant·es===<br /> 10<br /> <br /> == 🎯 Missions ==<br /> * [ ] adopter les pages orphelines 🍼 <br /> * [ ] dessiner de nouveaux thèmes 🎨<br /> * [ ] rédiger un guide d'utilisation 📖 <br /> * [ ] archiver le site en lieu sûr 🔒 <br /> * [ ] améliorer les fonctionnalités du site 🪚 <br /> * [ ] écrire des protocoles de soin 😊 <br /> * [x] siphonner le contenu des sites satellites Flickr, MixCloud etc.<br /> ** https://www.flickr.com/groups/erg_brussels/pool/ [[Siphonnage flickr]]<br /> ** Téléchargement de toutes les émissions de [[Ergote Radio]] sur MixCloud via [https://github.com/yt-dlp/yt-dlp#installation Yt-dlp] [[Siphonnage Mixcloud]]<br /> *** Maintenant, que faire de tout ça ??? les sauvegarder à un endroit safe ? automatiser le scraping de la page mixcloud, créer un espace pour garder le tout ? <br /> * [ ] how to improve the experience for international (future) students ? 🌐<br /> * [x] add a favicon 🎨<br /> * [ ] dark theme<br /> * [x] 💥'''BONUS'''💥 sauver la page [https://fr.wikipedia.org/wiki/%C3%89cole_de_recherche_graphique Wikipédia de l'erg] 😱<br /> <br /> === 🫂 Teams ===<br /> ==== day 1 ====<br /> * '''Martin''' → ''&quot;hack&quot;'' the current website for it to show that we are working on it<br /> * '''Theo''' → helping access the server, the config file + favicon ? + hardwerg guide (how can ppl find it ?)<br /> ** Création de la page [[Admin Wiki]]<br /> ** Création de la page [[Sauvegarde du wiki]]<br /> ** Création de la page [[Posterg]]<br /> * '''Matteo''' → à voir + how to delete accounts ?<br /> * '''Leo''' → international students + tutorial how to use/modify the website + things that disappeared ? [https://wiki.erg.be/w/Guide_for_incoming_students fixed page]<br /> * '''Nanspoi''' → hardwerg, how to help + how to ~promote~ ?<br /> * '''Delyo''' → user guide<br /> * '''Olaf''' → hardwerg + softwerg ? <br /> * '''Maxime''' → get to know the website + ergnux<br /> * '''Joan''' → satellites erg / architecture site<br /> * '''Matteo''' → explorer<br /> <br /> ===== 📝 2 do 4 day 2 =====<br /> * css dark theme → less bright fonts, fix hover animations, title font<br /> * add content for [[Linux]] and [[Softwerg]]<br /> * finish wiki tutorial + write video script?<br /> * think abt print material to put people onboard w/ wiki<br /> <br /> ==== day 2 ====<br /> * '''Theo''' <br /> ** → clean les deux pages de maintenances que j'ai faites hier<br /> * '''Martin''' → créer de nouveaux templates, page wikipedia + divers<br /> <br /> == To do for the future ==<br /> <br /> * Trouver une extension qui permette de trouver &quot;Boîte à outils&quot; même quand on tape &quot;boite&quot; (sans i circonflexe) dans la barre de recherche<br /> <br /> * Rendre la barre de navigation blanche en harmonie avec le reste du site et plus épaisse, car '''beaucoup des menus sont importants et ça faciliterait l'attention'''<br /> * Entourer le contenu de la page d'accueil par une div avec un ID de açon à pouvoir la styliser individuellement - ''la page d'accueil est le premier truc que les non-ergiens voient, elle n'est pas '''autant''' pour nous que pour eux, ils doivent s'y retrouver''<br /> * modifier le thème Light pour qu'il soit plus sympa à regarder et lire<br /> * comment filtrer les 'nouveaux fichiers' de façon à montrer surtout des photos des productions, jurys, instal, scénos... ça manque<br /> * opinion d'une amie hors erg: trop de texte parfois et peu d'images, p-ê balancer une image au moins au début de chaque page plus importante? <br /> <br /> ----<br /> <br /> &lt;pre&gt;<br /> // A rajouter au JS coté carte (pas Common.js)<br /> <br /> // Change le titre de la fenetre pour correspondre au iframe<br /> // doit s'actualiser à chaque refresh du iframe (voir app.js?)<br /> document.title = document.getElementById('wikiframe').contentDocument.title;<br /> <br /> // Zoom out la carte. Nouvelle largeur -&gt; taille plus petite<br /> // Doit attendre que la carte soit loadée jsp comment<br /> map.zoom_out(); <br /> &lt;/pre&gt;<br /> <br /> === Files === <br /> &lt;br&gt;<br /> [[Favicon du wiki]]<br /> <br /> &lt;br&gt;<br /> <br /> === 🫂 Transmission ===<br /> jhvkjlbk<br /> Documenter l'activité présente de ces espaces, oui bien sur et encore comment mais aussi leur histoire, le nom des personnes qui y ont pris part pour faciliter la transmission entre les générations d'étudiant·es. Pour compléter et mettre à jour ces pages il faudra un peu gratter la glace, enquêter et contacter les personnes concernées.<br /> * [ ] [[Ergote Radio]]<br /> * [ ] [[Erg à table (EAT)]]<br /> ** [[EAT (erg à table)]]<br /> ** [[Pratique sociale et professionnelle – Développement durable / Erg à table (B1) (B2) (B3)]]<br /> ** ''ajouter des recettes'' 😋<br /> * [ ] [[Labobine]]<br /> * [ ] [[Rideau de perles]]<br /> * [ ] [[Erg tv]]<br /> ** [[Erg tv TROTTOIR.E]]<br /> ** [[ERG TV]]<br /> * [ ] [[N.E.S.]]<br /> * [ ] [[La BàG]]<br /> * [ ] [[Permanence édition]]<br /> * [ ] [[Club Textile]]<br /> <br /> == Matériel ==<br /> Prenez un ordinateur si vous en avez un........ Il sera possible d'utiliser une machine commune, son téléphone ou autre !<br /> == 👆 Lien utiles ==<br /> <br /> * [[Boîte à outils Wiki]]<br /> * [https://pads.erg.be/p/wiki_maintenance_plan_de_travail Plan de travail du Workshop]<br /> * [[Wiki Markup Cheatsheet]]<br /> <br /> == 📈 Stats ==<br /> <br /> * Au début du workshop, il y avait<br /> ** 279 pages orphelines<br /> <br /> &lt;!--<br /> === 🕸️ Extensions ===<br /> * [ ] DisplayTitle<br /> * [ ] CategoryTree<br /> * [ ] poem<br /> * [ ] user badges ?<br /> * [ ] Cargo — ''déjà installée, permet de récupérer directement des items dans la base de données''<br /> ** Voir la page de [[Utilisateur:Michael Murtaugh]]<br /> * [ ] CategoryTree<br /> --&gt;<br /> <br /> == Participant·e·s ==<br /> * [[Utilisateur:Copyright|Copyright]] ([[Discussion utilisateur:Copyright|discussion]]) 22 janvier 2024 à 11:18 (CET)<br /> * [[Utilisateur:Ampera|Joan Peralta]] ([[Discussion utilisateur:Ampera|discussion]]) 22 janvier 2024 à 11:19 (CET)<br /> * [[Utilisateur:Theophile.gervreaumercier|Theophile.gervreaumercier]] ([[Discussion utilisateur:Theophile.gervreaumercier|discussion]]) 22 janvier 2024 à 11:26 (CET)<br /> * [[Utilisateur:Dobody|Dobody]] ([[Discussion utilisateur:Dobody|discussion]]) 22 janvier 2024 à 11:20 (CET)<br /> * [[Utilisateur:Olfz3b|Olfz3b]] ([[Discussion utilisateur:Olfz3b|discussion]]) 22 janvier 2024 à 11:22 (CET)<br /> * [[Utilisateur:Matt.ten|Matt.ten]] ([[Discussion utilisateur:Matt.ten|discussion]]) 22 janvier 2024 à 11:33 (CET)<br /> * [[Utilisateur:Nanspoi|Nanspoi]] ([[Discussion utilisateur:Nanspoi|discussion]] 22 janvier 2024 à 13:50<br /> * [[Utilisateur:Maxime|Maxime]]<br /> &lt;br&gt;<br /> ----<br /> == Maintenance continue ==<br /> === Cosmétique ===<br /> ==== To do: ====<br /> * Trouver une extension qui permette de trouver &quot;Boîte à outils&quot; même quand on tape &quot;boite&quot; (sans i circonflexe) dans la barre de recherche<br /> * Rendre la barre de navigation blanche en harmonie avec le reste du site et plus épaisse, car '''beaucoup des menus sont importants et ça faciliterait l'attention'''<br /> * Entourer le contenu de la page d'accueil par une div avec un ID de açon à pouvoir la styliser individuellement - ''la page d'accueil est le premier truc que les non-ergiens voient, elle n'est pas '''autant''' pour nous que pour eux, ils doivent s'y retrouver''<br /> * modifier le thème Light pour qu'il soit plus sympa à regarder et lire<br /> * comment filtrer les 'nouveaux fichiers' de façon à montrer surtout des photos des productions, jurys, instal, scénos... ça manque<br /> * opinion d'une amie hors erg: trop de texte parfois et peu d'images, p-ê balancer une image au moins au début de chaque page plus importante? <br /> <br /> <br /> ----<br /> [[Catégorie:Winter School 2024]]<br /> [[Catégorie:Workshops]]<br /> <br /> [[Fichier:Site-maintenance-winterschool-2024.jpg-1.jpg|no-frame|400px|center]]</div> Theophile.gervreaumercier https://wiki.erg.be/mw/index.php?title=Wiki_maintenance&diff=22552 Wiki maintenance 2024-02-08T13:32:26Z <p>Theophile.gervreaumercier : /* Maintenance continue */</p> <hr /> <div>'''''Le contenu suivant fait partie du workshop Wiki Maintenance en Janvier 2024. La page actuelle propose de continuer la maintenance du site. Les informations, liste des tâches et propositions se trouvent dans la dernière section &quot;Maintenance continue&quot;'''''<br /> <br /> [[Fichier:Favicon.png|no-frame|favicon test, E stands for &quot;École&quot;, R for &quot;Recherche&quot;, G for &quot;Graphique&quot;]]<br /> 🚧 🚧 🚧 🚧 🚧 🚧 🚧 🚧 🚧 🚧 🚧 &lt;br&gt;<br /> [youtube.com Youtube]<br /> [[Fichier:Screenshot erg website.png|700px|thumb|right|Le site de l'erg en 2024]]<br /> &lt;br&gt;<br /> L'école fourmille d’initiatives, de pratiques innombrables, faute de temps, ces gestes, ces outils, ces expériences personnelles et collectives ne sont que peu documentées. La semaine de Winterschool est l'occasion de s'arrêter un peu, et de faire le bilan, calmement, de toutes ces pratiques et de les transmettre, les documenter !<br /> <br /> Le site de l'erg est l'espace de documentation de ces pratiques, ces trois journées seront l'occasion de repenser collectivement le wiki de l'erg : son allure, son accessibilité, son organisation etc.<br /> <br /> '''Il n'est pas nécessaire d'avoir des connaissances poussées en informatique, on va apprendre ensemble à se saisir de ces outils. Vous pouvez aussi participer aux enquêtes ou tout simplement passer déposer des documents, renseigner une page, raconter un bout d'histoire.'''<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> Si vous avez des connaissances en scraping (siphonnage), ou en CSS (pour créer des thèmes) n'hésitez pas, votre aide peut aussi être précieuse !<br /> <br /> &lt;big&gt;🧭 '''On se retrouve dans la galerie de l'erg'''&lt;/big&gt;<br /> <br /> == Organisation ==<br /> === Lundi 22 janvier ===<br /> * 10:00 → Accueil des participant·e·s<br /> * 11:00 → Présentation de [https://erg.be www.erg.be]<br /> ** Qu'est-ce qu'un Wiki ?<br /> ** Créer sa page Wiki<br /> ** La syntaxe Wiki Markdown<br /> ** L'arborescence du site<br /> * 16:00 → Compte rendu de la journée<br /> <br /> === Mardi 23 janvier ===<br /> * 10:00 →<br /> * 16:00 → Compte rendu de la journée<br /> <br /> === Mercredi 24 janvier ===<br /> * 10:00 →<br /> * 16:00 → Compte rendu de la journée<br /> <br /> ==Inscription==<br /> [https://cloud.erg.school/apps/forms/s/SeAgY5KbJefzMaNJ9PXXcnJr Via le formulaire].<br /> <br /> ===Nombre maximal de participant·es===<br /> 10<br /> <br /> == 🎯 Missions ==<br /> * [ ] adopter les pages orphelines 🍼 <br /> * [ ] dessiner de nouveaux thèmes 🎨<br /> * [ ] rédiger un guide d'utilisation 📖 <br /> * [ ] archiver le site en lieu sûr 🔒 <br /> * [ ] améliorer les fonctionnalités du site 🪚 <br /> * [ ] écrire des protocoles de soin 😊 <br /> * [x] siphonner le contenu des sites satellites Flickr, MixCloud etc.<br /> ** https://www.flickr.com/groups/erg_brussels/pool/ [[Siphonnage flickr]]<br /> ** Téléchargement de toutes les émissions de [[Ergote Radio]] sur MixCloud via [https://github.com/yt-dlp/yt-dlp#installation Yt-dlp] [[Siphonnage Mixcloud]]<br /> *** Maintenant, que faire de tout ça ??? les sauvegarder à un endroit safe ? automatiser le scraping de la page mixcloud, créer un espace pour garder le tout ? <br /> * [ ] how to improve the experience for international (future) students ? 🌐<br /> * [x] add a favicon 🎨<br /> * [ ] dark theme<br /> * [x] 💥'''BONUS'''💥 sauver la page [https://fr.wikipedia.org/wiki/%C3%89cole_de_recherche_graphique Wikipédia de l'erg] 😱<br /> <br /> === 🫂 Teams ===<br /> ==== day 1 ====<br /> * '''Martin''' → ''&quot;hack&quot;'' the current website for it to show that we are working on it<br /> * '''Theo''' → helping access the server, the config file + favicon ? + hardwerg guide (how can ppl find it ?)<br /> ** Création de la page [[Admin Wiki]]<br /> ** Création de la page [[Sauvegarde du wiki]]<br /> ** Création de la page [[Posterg]]<br /> * '''Matteo''' → à voir + how to delete accounts ?<br /> * '''Leo''' → international students + tutorial how to use/modify the website + things that disappeared ? [https://wiki.erg.be/w/Guide_for_incoming_students fixed page]<br /> * '''Nanspoi''' → hardwerg, how to help + how to ~promote~ ?<br /> * '''Delyo''' → user guide<br /> * '''Olaf''' → hardwerg + softwerg ? <br /> * '''Maxime''' → get to know the website + ergnux<br /> * '''Joan''' → satellites erg / architecture site<br /> * '''Matteo''' → explorer<br /> <br /> ===== 📝 2 do 4 day 2 =====<br /> * css dark theme → less bright fonts, fix hover animations, title font<br /> * add content for [[Linux]] and [[Softwerg]]<br /> * finish wiki tutorial + write video script?<br /> * think abt print material to put people onboard w/ wiki<br /> <br /> ==== day 2 ====<br /> * '''Theo''' <br /> ** → clean les deux pages de maintenances que j'ai faites hier<br /> * '''Martin''' → créer de nouveaux templates, page wikipedia + divers<br /> <br /> == To do for the future ==<br /> <br /> * Trouver une extension qui permette de trouver &quot;Boîte à outils&quot; même quand on tape &quot;boite&quot; (sans i circonflexe) dans la barre de recherche<br /> <br /> * Rendre la barre de navigation blanche en harmonie avec le reste du site et plus épaisse, car '''beaucoup des menus sont importants et ça faciliterait l'attention'''<br /> * Entourer le contenu de la page d'accueil par une div avec un ID de açon à pouvoir la styliser individuellement - ''la page d'accueil est le premier truc que les non-ergiens voient, elle n'est pas '''autant''' pour nous que pour eux, ils doivent s'y retrouver''<br /> * modifier le thème Light pour qu'il soit plus sympa à regarder et lire<br /> * comment filtrer les 'nouveaux fichiers' de façon à montrer surtout des photos des productions, jurys, instal, scénos... ça manque<br /> * opinion d'une amie hors erg: trop de texte parfois et peu d'images, p-ê balancer une image au moins au début de chaque page plus importante? <br /> <br /> ----<br /> <br /> &lt;pre&gt;<br /> // A rajouter au JS coté carte (pas Common.js)<br /> <br /> // Change le titre de la fenetre pour correspondre au iframe<br /> // doit s'actualiser à chaque refresh du iframe (voir app.js?)<br /> document.title = document.getElementById('wikiframe').contentDocument.title;<br /> <br /> // Zoom out la carte. Nouvelle largeur -&gt; taille plus petite<br /> // Doit attendre que la carte soit loadée jsp comment<br /> map.zoom_out(); <br /> &lt;/pre&gt;<br /> <br /> === Files === <br /> &lt;br&gt;<br /> [[Favicon du wiki]]<br /> <br /> &lt;br&gt;<br /> <br /> === 🫂 Transmission ===<br /> jhvkjlbk<br /> Documenter l'activité présente de ces espaces, oui bien sur et encore comment mais aussi leur histoire, le nom des personnes qui y ont pris part pour faciliter la transmission entre les générations d'étudiant·es. Pour compléter et mettre à jour ces pages il faudra un peu gratter la glace, enquêter et contacter les personnes concernées.<br /> * [ ] [[Ergote Radio]]<br /> * [ ] [[Erg à table (EAT)]]<br /> ** [[EAT (erg à table)]]<br /> ** [[Pratique sociale et professionnelle – Développement durable / Erg à table (B1) (B2) (B3)]]<br /> ** ''ajouter des recettes'' 😋<br /> * [ ] [[Labobine]]<br /> * [ ] [[Rideau de perles]]<br /> * [ ] [[Erg tv]]<br /> ** [[Erg tv TROTTOIR.E]]<br /> ** [[ERG TV]]<br /> * [ ] [[N.E.S.]]<br /> * [ ] [[La BàG]]<br /> * [ ] [[Permanence édition]]<br /> * [ ] [[Club Textile]]<br /> <br /> == Matériel ==<br /> Prenez un ordinateur si vous en avez un........ Il sera possible d'utiliser une machine commune, son téléphone ou autre !<br /> == 👆 Lien utiles ==<br /> <br /> * [[Boîte à outils Wiki]]<br /> * [https://pads.erg.be/p/wiki_maintenance_plan_de_travail Plan de travail du Workshop]<br /> * [[Wiki Markup Cheatsheet]]<br /> <br /> == 📈 Stats ==<br /> <br /> * Au début du workshop, il y avait<br /> ** 279 pages orphelines<br /> <br /> &lt;!--<br /> === 🕸️ Extensions ===<br /> * [ ] DisplayTitle<br /> * [ ] CategoryTree<br /> * [ ] poem<br /> * [ ] user badges ?<br /> * [ ] Cargo — ''déjà installée, permet de récupérer directement des items dans la base de données''<br /> ** Voir la page de [[Utilisateur:Michael Murtaugh]]<br /> * [ ] CategoryTree<br /> --&gt;<br /> <br /> == Participant·e·s ==<br /> * [[Utilisateur:Copyright|Copyright]] ([[Discussion utilisateur:Copyright|discussion]]) 22 janvier 2024 à 11:18 (CET)<br /> * [[Utilisateur:Ampera|Joan Peralta]] ([[Discussion utilisateur:Ampera|discussion]]) 22 janvier 2024 à 11:19 (CET)<br /> * [[Utilisateur:Theophile.gervreaumercier|Theophile.gervreaumercier]] ([[Discussion utilisateur:Theophile.gervreaumercier|discussion]]) 22 janvier 2024 à 11:26 (CET)<br /> * [[Utilisateur:Dobody|Dobody]] ([[Discussion utilisateur:Dobody|discussion]]) 22 janvier 2024 à 11:20 (CET)<br /> * [[Utilisateur:Olfz3b|Olfz3b]] ([[Discussion utilisateur:Olfz3b|discussion]]) 22 janvier 2024 à 11:22 (CET)<br /> * [[Utilisateur:Matt.ten|Matt.ten]] ([[Discussion utilisateur:Matt.ten|discussion]]) 22 janvier 2024 à 11:33 (CET)<br /> * [[Utilisateur:Nanspoi|Nanspoi]] ([[Discussion utilisateur:Nanspoi|discussion]] 22 janvier 2024 à 13:50<br /> * [[Utilisateur:Maxime|Maxime]]<br /> &lt;br&gt;<br /> ----<br /> == Maintenance continue ==<br /> === Cosmétique ===<br /> ==== To do: ====<br /> * Trouver une extension qui permette de trouver &quot;Boîte à outils&quot; même quand on tape &quot;boite&quot; (sans i circonflexe) dans la barre de recherche<br /> * Rendre la barre de navigation blanche en harmonie avec le reste du site et plus épaisse, car '''beaucoup des menus sont importants et ça faciliterait l'attention'''<br /> * Entourer le contenu de la page d'accueil par une div avec un ID de açon à pouvoir la styliser individuellement - ''la page d'accueil est le premier truc que les non-ergiens voient, elle n'est pas '''autant''' pour nous que pour eux, ils doivent s'y retrouver''<br /> * modifier le thème Light pour qu'il soit plus sympa à regarder et lire<br /> * comment filtrer les 'nouveaux fichiers' de façon à montrer surtout des photos des productions, jurys, instal, scénos... ça manque<br /> * opinion d'une amie hors erg: trop de texte parfois et peu d'images, p-ê balancer une image au moins au début de chaque page plus importante? <br /> <br /> <br /> ===Code Couleur===<br /> <br /> Le wiki et la carte actuellement as 5 couleurs spécifiques comme palette de couleur:<br /> <br /> * 2 set de violet et vert pour les gradients, un set pour la version clair du site et un set pour la version fonçée: <br /> ** Clair: &lt;code style=&quot;color:#ee1877;&quot;&gt;&lt;/code&gt; &lt;code style=&quot;color: ;&quot;&gt;&lt;/code&gt;<br /> ** Fonçée: &lt;code style=&quot;color: ;&quot;&gt;&lt;/code&gt; &lt;code style=&quot;color: ;&quot;&gt;&lt;/code&gt;<br /> * 1 rose qui persiste des version antérieurs du site<br /> ** &lt;code style=&quot;color:#ee1877;&quot;&gt;#ee1877&lt;/code&gt;<br /> <br /> <br /> ----<br /> [[Catégorie:Winter School 2024]]<br /> [[Catégorie:Workshops]]<br /> <br /> [[Fichier:Site-maintenance-winterschool-2024.jpg-1.jpg|no-frame|400px|center]]</div> Theophile.gervreaumercier https://wiki.erg.be/mw/index.php?title=MediaWiki:Ouroboros.css&diff=22550 MediaWiki:Ouroboros.css 2024-02-08T13:12:02Z <p>Theophile.gervreaumercier : </p> <hr /> <div><br /> /*<br /> _ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______ <br /> | | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|<br /> | | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__ <br /> | | | __| \___ \| &lt; | | | . ` | / / | | | __ | __| | |\/| | __| <br /> | |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____ <br /> |______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|<br /> / __ \| ____| ____|_ _/ ____|_ _| ____| | <br /> | | | | |__ | |__ | || | | | | |__ | | <br /> | | | | __| | __| | || | | | | __| | | <br /> | |__| | | | | _| || |____ _| |_| |____| |____ <br /> \____/|_|____|_| |_____\_____|_____|______|______| <br /> | __ \| ____| <br /> | | | | |__ <br /> | | | | __| <br /> | |__| | |____ <br /> |_____/|______|_ _____ _____ <br /> | | | ____| __ \ / ____| <br /> | | | |__ | |__) | | __ <br /> | | | __| | _ /| | |_ | <br /> | |____ | |____| | \ \| |__| | <br /> |______| |______|_| \_\\_____| <br /> <br /> <br /> */<br /> <br /> <br /> @font-face {<br /> font-family: AntiqueNoble;<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/antiquenoblebold.woff&quot;);<br /> }<br /> <br /> @font-face {<br /> font-family: Combined;<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/combined.otf&quot;);<br /> }<br /> @font-face {<br /> font-family: Lucette;<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2&quot;);<br /> }<br /> @font-face {<br /> font-family: Lucette;<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2&quot;);<br /> font-style: italic;<br /> }<br /> <br /> @font-face {<br /> font-family: Ductus;<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/ductus/webfonts/DuctusRegular.woff2&quot;);<br /> }<br /> /*<br /> @font-face {<br /> font-family: Vega;<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/otf/Vega-Regular.otf&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/Vega-Regular.ttf&quot;) format(&quot;truetype&quot;);<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/Vega-Regular-Webfont.svg&quot; format(&quot;svg&quot;));<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff&quot; format(&quot;woff&quot;));<br /> src: url(&quot;/mw/skins/ouroboros/assets/fonts/Vega-Regular.woff2&quot;) format(&quot;woff2&quot;);<br /> }<br /> */<br /> <br /> <br /> <br /> <br /> /* Global variables. */<br /> :root,<br /> ::backdrop {<br /> /* Set sans-serif &amp; mono fonts */<br /> --sans-font: -apple-system, BlinkMacSystemFont, &quot;Avenir Next&quot;, Avenir,<br /> &quot;Nimbus Sans L&quot;, Roboto, &quot;Noto Sans&quot;, &quot;Segoe UI&quot;, Arial, Helvetica,<br /> &quot;Helvetica Neue&quot;, sans-serif;<br /> --mono-font: Consolas, Menlo, Monaco, &quot;Andale Mono&quot;, &quot;Ubuntu Mono&quot;, monospace;<br /> --standard-border-radius: 5px;<br /> <br /> /* Default (light) theme */<br /> --bg: #fff;<br /> --accent-bg: #f5f7ff;<br /> --text: #212121;<br /> --text-light: #585858;<br /> --border: #898EA4;<br /> --accent: #0d47a1;<br /> --accent-hover: #1266e2;<br /> --accent-text: var(--bg);<br /> --code: #d81b60;<br /> --preformatted: #444;<br /> --marked: #ffdd33;<br /> --disabled: #efefef;<br /> <br /> --font-title: Ductus;<br /> --font-body: Lucette;<br /> --color-a: #a700ff; /* purple */<br /> --color-b: #00ab6b; /* green */<br /> --font-size: 15pt;<br /> --line-height: 1.3em;<br /> }<br /> <br /> /* Dark theme */<br /> @media (prefers-color-scheme: dark) {<br /> :root,<br /> ::backdrop {<br /> color-scheme: dark;<br /> --bg: #222;<br /> --accent-bg: #2b2b2b;<br /> --text: #dcdcdc;<br /> --text-light: #ababab;<br /> --accent: #ffb300;<br /> --accent-hover: #ffe099;<br /> --accent-text: var(--bg);<br /> --code: #f06292;<br /> --preformatted: #ccc;<br /> --disabled: #111;<br /> <br /> --font-title: Ductus;<br /> --font-body: Lucette;<br /> --color-a: #9557b5; /* washed-off purple */<br /> --color-b: #3c856b; /* washed-off green */<br /> --font-size: 15pt;<br /> --line-height: 1.3em;<br /> }<br /> }<br /> <br /> /* Reset box-sizing */<br /> *, *::before, *::after {<br /> box-sizing: border-box;<br /> }<br /> <br /> body {<br /> font-family: var(--font-body);<br /> font-size: var(--font-size);<br /> line-height: var(--line-height);<br /> padding-top: 3em;<br /> background-color: var(--bg);<br /> color: var(--text);<br /> }<br /> p {<br /> font-size: var(--font-size);<br /> line-height: var(--line-height);<br /> margin-bottom: 0;<br /> }<br /> p + p {<br /> margin-top: var(--line-height);<br /> }<br /> <br /> /* INTERFACE ------------------------------------------------------------------ */<br /> /* remove category help button (does it remove other stuff? mmm...) */<br /> #mw-indicator-mw-helplink {<br /> display: none;<br /> }<br /> <br /> /* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */<br /> #navwrapper {<br /> position: fixed;<br /> top: 0;<br /> right: 0;<br /> z-index: 1000;<br /> left: 0;<br /> }<br /> <br /> h4.namespace.label {<br /> display: none;<br /> }<br /> <br /> .mw-editsection, .mw-editsection-like {<br /> font-size: 10px;<br /> }<br /> <br /> #actions {<br /> left: initial !important;<br /> right: 14px;<br /> top: -21px;<br /> background-color: var(--accent-bg);<br /> border: 1px solid var(--text-light);<br /> color: var(--text-light);<br /> }<br /> a#actions-button {<br /> margin-top: -1em;<br /> background-color: var(--accent-bg);<br /> padding: 5px;<br /> color: var(--text-light);<br /> }<br /> .fa,<br /> button, .button,<br /> .top-bar-section ul li &gt; a {<br /> font-family: var(--font-body);<br /> }<br /> .fa::before {<br /> font-family: FontAwesome;<br /> }<br /> <br /> .top-bar,<br /> .top-bar-section,<br /> #top-bar-left,<br /> #top-bar-right,<br /> #top-bar-right .columns {<br /> display: flex;<br /> background-color: #222;<br /> align-items: center;<br /> justify-content: space-evenly;<br /> }<br /> #top-bar-left {<br /> width: initial;<br /> }<br /> .top-bar-section {<br /> flex-grow: 1;<br /> }<br /> .has-form {<br /> flex-grow: 1;<br /> padding: 0.5em !important;<br /> }<br /> #top-bar-right {<br /> justify-content: space-between;<br /> flex-grow: 1;<br /> }<br /> .top-bar input {<br /> padding-top: 8px;<br /> flex-grow: 1;<br /> height: 2em;<br /> box-sizing: border-box;<br /> border: 0;<br /> outline: 0;<br /> }<br /> .button.search {<br /> background-color: transparent;<br /> border-style: solid;<br /> border-width: 2px;<br /> border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br /> border-image-slice: 1;<br /> top: 2px !important;<br /> position: relative;<br /> margin-left: 0px !important;<br /> box-sizing: border-box;<br /> padding: 0;<br /> width: 80px;<br /> height: 2em;<br /> margin: 0;<br /> top: 0 !important;<br /> }<br /> .button.search:hover {<br /> background-color: var(--color-a);<br /> }<br /> .suggestions-result-current {<br /> background-color: var(--color-b) !important;<br /> }<br /> <br /> .top-bar .toggle-topbar a {<br /> text-transform: lowercase;<br /> font-size: 1em;<br /> }<br /> <br /> #toc, .toc {<br /> float: right;<br /> margin-left: 1em;<br /> max-width: 45%;<br /> background-color: var(--accent-bg);<br /> border-radius: 5px;<br /> }<br /> .toctitle {<br /> margin-bottom: -1em;<br /> }<br /> #toc h2 {<br /> margin-top: 0.25em;<br /> font-size: 1em;<br /> display: inline-block;<br /> margin-right: 0.5em;<br /> }<br /> #toc ul {<br /> margin: 0;<br /> }<br /> .tocnumber:after {<br /> content: &quot; – &quot;;<br /> }<br /> <br /> table.infobox {<br /> width: initial;<br /> max-width: 45%;<br /> }<br /> table.infobox th.head {<br /> background-color: var(--color-b);<br /> }<br /> th, td {<br /> padding: 0.5em !important;<br /> }<br /> <br /> <br /> li {<br /> line-height: initial;<br /> }<br /> <br /> .mw-category-generated {<br /> margin-top: 2em;<br /> }<br /> <br /> /* if no content but only listing subcategories */<br /> .mw-parser-output:empty + .mw-category-generated h2 {<br /> display: none;<br /> }<br /> <br /> /* If only one subcategory, don't list the initial */<br /> .mw-category-generated #mw-pages div:only-of-type h3,<br /> #mw-subcategories div:only-of-type h3 {<br /> /*display: none;*/<br /> }<br /> <br /> /* removes counting of categories */<br /> .mw-category-generated #mw-pages p:first-of-type,<br /> #mw-subcategories p:first-of-type {<br /> display: none;<br /> }<br /> <br /> .group {<br /> margin-top: 5em;<br /> }<br /> #catlinks .label {<br /> border-width: 2px;<br /> border-style: solid;<br /> background-color: transparent;<br /> padding: 2px 6px !important;<br /> }<br /> <br /> /* HEADER ------------------------------------------------------------------ */<br /> .title-name {<br /> font-family: var(--font-title);<br /> font-weight: bold;<br /> }<br /> .title-name:hover {<br /> color: var(--color-a);<br /> }<br /> <br /> <br /> <br /> .top-bar-section .has-form {<br /> background-color: #222 !important;<br /> }<br /> .top-bar-section .has-dropdown &gt; a::after {<br /> display: none;<br /> }<br /> .top-bar-section .has-dropdown &gt; a {<br /> padding-right: initial !important;<br /> }<br /> .top-bar-section .dropdown li {<br /> width: initial;<br /> /*height: 2em;*/<br /> position: relative;<br /> padding: 0;<br /> border-bottom: 1px solid lightgray;<br /> }<br /> .top-bar-section ul li {<br /> padding: 0 0.5em;<br /> background-color: #222;<br /> }<br /> .top-bar-section ul li:hover {<br /> z-index: 1000;<br /> }<br /> .top-bar-section ul li &gt; a {<br /> font-size: 16px;<br /> padding: 0;<br /> font-weight: bold;<br /> }<br /> <br /> li#p-menu &gt; a {<br /> text-transform: uppercase;<br /> padding: 0;<br /> }<br /> li#p-menu &gt; a + ul li {<br /> outline: 1px solid #00a393;<br /> }<br /> <br /> .top-bar-section .dropdown li:not(.has-form):not(.active):hover &gt; a:not(.button) {<br /> background: linear-gradient(90deg,var(--color-a), var(--color-b));<br /> }<br /> li#p-menu + li.has-dropdown {<br /> width: 3em;<br /> text-align: center;<br /> }<br /> li#p-menu + li.has-dropdown &gt; a {<br /> border-radius: 100%;<br /> padding: 0;<br /> text-align: center;<br /> line-height: 30px;<br /> margin: auto;<br /> display: inline-block;<br /> width: 30px;<br /> box-sizing: border-box;<br /> height: 30px;<br /> }<br /> .not-logged-in #top-bar-right li:nth-child(3) {<br /> display: none;<br /> }<br /> <br /> #toolbox-dropdown li, #personal-tools-dropdown .dropdown li {<br /> float: right;<br /> }<br /> <br /> .back h5 {<br /> font-size: 2em !important;<br /> }<br /> a.parent-link {<br /> color: var(--color-b) !important;<br /> font-weight: bold !important;<br /> }<br /> <br /> /* CONTENT ------------------------------------------------------------------ */<br /> #page-content {<br /> margin: 1em;<br /> color: var(--text);<br /> }<br /> #english {<br /> position: relative;<br /> top: -1.5em;<br /> }<br /> <br /> h1, h2, h3, h4, h5, h6 {<br /> margin-top: 1em;<br /> color: var(--color-b);<br /> line-height: 1.5em;<br /> font-family: var(--font-body);<br /> }<br /> h1, h1#firstHeading, h2 {<br /> font-family: var(--font-title);<br /> font-size: 1.5em;<br /> }<br /> h2 {<br /> font-family: var(--font-title);<br /> }<br /> <br /> h1 {<br /> color: var(--color-a);<br /> }<br /> h2 span {<br /> display: initial;<br /> }<br /> h3 {<br /> font-family: var(--font-title);<br /> font-size: 1em;<br /> }<br /> body.action-view #page-content a {<br /> border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br /> border-bottom-width: 2px;<br /> border-image-slice: 1;<br /> color: var(--text);<br /> border-bottom-style: solid;<br /> padding: 3px 5px 1px;<br /> <br /> }<br /> #page-content a:hover,<br /> #catlinks .label:hover {<br /> background: linear-gradient(to right,var(--color-a),var(--color-b));<br /> color: white !important;<br /> }<br /> /* Removes user name */<br /> h3#tagline {<br /> display: none;<br /> }<br /> #bodyContent {<br /> margin-top: 3em;<br /> }<br /> <br /> #page-content ul, #page-content ol {<br /> font-size: 1em;<br /> margin-top: calc( var(--line-height) / 2) !important;<br /> margin-bottom: calc( var(--line-height) / 1) !important;<br /> }<br /> div {<br /> line-height: 1.4em ;<br /> }<br /> label {<br /> color: var(--text-light);<br /> }<br /> label[for=&quot;wpCaptchaWord&quot;]{<br /> background-color: orangered;<br /> }<br /> code, pre {<br /> color: darkgrey;<br /> background-color: #181818;<br /> border: 1px solid darkgrey;<br /> border-radius:3px;<br /> font-size: 0.8em;<br /> padding: 1ch;<br /> }<br /> <br /> <br /> /* ACTUALITÉS ------------------------------------------------------------------ */<br /> .medialisting {<br /> display: flex;<br /> flex-wrap: wrap;<br /> }<br /> .medialisting a {<br /> border: 0 !important;<br /> }<br /> .Media {<br /> display: flex;<br /> align-items: flex-start;<br /> margin-bottom: 1em;<br /> flex-direction: column;<br /> flex-basis: 32%;<br /> box-sizing: border-box;<br /> justify-content: center;<br /> padding: 0.5em;<br /> background: radial-gradient(var(--color-a) -31%, transparent 60%);<br /> }<br /> .Media:nth-child(2n) {<br /> background: radial-gradient(var(--color-b) -31%, transparent 60%);<br /> }<br /> .Media-body {<br /> flex: initial;<br /> }<br /> <br /> .flexgal {<br /> display: flex;<br /> flex-wrap: wrap;<br /> }<br /> <br /> /* THUMBNAILS ------------------------------------------------------------------ */<br /> .thumbinner {<br /> background-color: var(--accent-bg);<br /> }<br /> .thumb.tleft {<br /> margin-right: 2em;<br /> }<br /> .Media-figure a,<br /> .image.fancybox {<br /> display: inline-block;<br /> }<br /> .magnify a {<br /> text-indent: 0;<br /> width: 25px;<br /> height: 25px;<br /> border-style: solid;<br /> border-width: 2px;<br /> line-height: 15px;<br /> }<br /> .magnify a:before {<br /> content: &quot;+&quot;;<br /> font-family: FontAwesome;<br /> font-size: 20px;<br /> }<br /> <br /> /* PAGE PRINCIPALE D'ACCUEIL*/<br /> .page-École_de_recherche_graphique #page-content #content ul {<br /> margin-left: 0;<br /> }<br /> <br /> .page-École_de_recherche_graphique #page-content #content li {<br /> margin: 20px 0;<br /> border-width: 2px;<br /> border-style: solid;<br /> border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br /> border-image-slice: 1;<br /> padding: 6px;<br /> width: fit-content;<br /> }<br /> <br /> .page-École_de_recherche_graphique #page-content #content li:hover {<br /> background-image: linear-gradient(to right, var(--color-a), var(--color-b));<br /> <br /> }<br /> <br /> .page-École_de_recherche_graphique #page-content #content li::before {<br /> content: &quot;&quot; !important;<br /> }<br /> <br /> .page-École_de_recherche_graphique #page-content # content li a {<br /> border-width: 0px;<br /> border-style: solid;<br /> }<br /> .page-École_de_recherche_graphique #page-content #content li a:hover {<br /> border-width: 0px;<br /> border-style: solid;<br /> background: rgba(0,0,0,0);<br /> }<br /> <br /> <br /> /* FIN PAGE PRINCIPALE*/<br /> <br /> <br /> <br /> <br /> <br /> <br /> /* MEDIA QUERIES ------------------------------------------------------------------ */<br /> @media (max-width: 800px) {<br /> div.tleft, div.floatleft, table.floatleft {<br /> width: 100%;<br /> margin-bottom: 3em;<br /> }<br /> #toc {<br /> max-width: initial;<br /> width: 100%;<br /> margin-left: 0;<br /> <br /> <br /> }<br /> }<br /> @media only screen and (max-width: 600px) {<br /> .top-bar,<br /> .top-bar-section,<br /> #top-bar-right,<br /> #top-bar-right .columns {<br /> display: inherit;<br /> }<br /> .top-bar.expanded {<br /> flex-wrap: wrap;<br /> }<br /> .top-bar.expanded .title-area {<br /> display: flex;<br /> flex-grow: 1;<br /> justify-content: space-between;<br /> }<br /> .top-bar.expanded .top-bar,<br /> .top-bar.expanded .top-bar-section,<br /> .top-bar.expanded #top-bar-right,<br /> .top-bar.expanded #top-bar-right .columns {<br /> display: flex;<br /> align-items: center;<br /> flex-wrap: wrap;<br /> }<br /> .divider.show-for-small {<br /> display: none !important;<br /> }<br /> <br /> #top-bar-left, #top-bar-right {<br /> padding: 10px 0 0 0;<br /> } <br /> #top-bar-left li, #top-bar-right li {<br /> padding: 0 8px 0 8px; <br /> }<br /> }<br /> <br /> /* Formulaire d'edition ------------------------------------------------------------------ */<br /> #editform<br /> {<br /> margin-top: -5vh;<br /> }<br /> /* Lien vers page anglaise ------------------------------------------------------------------ */<br /> #english{<br /> font-size: 0.8em;<br /> }</div> Theophile.gervreaumercier https://wiki.erg.be/mw/index.php?title=Bienvenue_%C3%A0_l%E2%80%99erg&diff=22542 Bienvenue à l’erg 2024-02-08T13:06:09Z <p>Theophile.gervreaumercier : Page redirigée vers École de recherche graphique</p> <hr /> <div>#REDIRECT [[École_de_recherche_graphique]]</div> Theophile.gervreaumercier https://wiki.erg.be/mw/index.php?title=MediaWiki:Ouroboros.css&diff=22150 MediaWiki:Ouroboros.css 2024-01-24T17:49:31Z <p>Theophile.gervreaumercier : </p> <hr /> <div><br /> /*<br /> _ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______ <br /> | | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|<br /> | | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__ <br /> | | | __| \___ \| &lt; | | | . ` | / / | | | __ | __| | |\/| | __| <br /> | |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____ <br /> |______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|<br /> / __ \| ____| ____|_ _/ ____|_ _| ____| | <br /> | | | | |__ | |__ | || | | | | |__ | | <br /> | | | | __| | __| | || | | | | __| | | <br /> | |__| | | | | _| || |____ _| |_| |____| |____ <br /> \____/|_|____|_| |_____\_____|_____|______|______| <br /> | __ \| ____| <br /> | | | | |__ <br /> | | | | __| <br /> | |__| | |____ <br /> |_____/|______|_ _____ _____ <br /> | | | ____| __ \ / ____| <br /> | | | |__ | |__) | | __ <br /> | | | __| | _ /| | |_ | <br /> | |____ | |____| | \ \| |__| | <br /> |______| |______|_| \_\\_____| <br /> <br /> <br /> */<br /> <br /> <br /> @font-face {<br /> font-family: Combined;<br /> src: url(&quot;/mw/skins/foreground/assets/fonts/combined.otf&quot;);<br /> }<br /> @font-face {<br /> font-family: Lucette;<br /> src: url(&quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf&quot;);<br /> src: url(&quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf&quot;);<br /> src: url(&quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff&quot;);<br /> src: url(&quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2&quot;);<br /> }<br /> @font-face {<br /> font-family: Lucette;<br /> src: url(&quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf&quot;);<br /> src: url(&quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf&quot;);<br /> src: url(&quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff&quot;);<br /> src: url(&quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2&quot;);<br /> font-style: italic;<br /> }<br /> /*<br /> @font-face {<br /> font-family: Vega;<br /> src: url(&quot;/mw/skins/foreground/assets/fonts/otf/Vega-Regular.otf&quot;);<br /> src: url(&quot;/mw/skins/foreground/assets/fonts/Vega-Regular.ttf&quot;) format(&quot;truetype&quot;);<br /> src: url(&quot;/mw/skins/foreground/assets/fonts/Vega-Regular-Webfont.svg&quot; format(&quot;svg&quot;));<br /> src: url(&quot;/mw/skins/foreground/assets/fonts/Vega-Regular.woff&quot; format(&quot;woff&quot;));<br /> src: url(&quot;/mw/skins/foreground/assets/fonts/Vega-Regular.woff2&quot;) format(&quot;woff2&quot;);<br /> }<br /> */<br /> <br /> <br /> <br /> <br /> /* Global variables. */<br /> :root,<br /> ::backdrop {<br /> /* Set sans-serif &amp; mono fonts */<br /> --sans-font: -apple-system, BlinkMacSystemFont, &quot;Avenir Next&quot;, Avenir,<br /> &quot;Nimbus Sans L&quot;, Roboto, &quot;Noto Sans&quot;, &quot;Segoe UI&quot;, Arial, Helvetica,<br /> &quot;Helvetica Neue&quot;, sans-serif;<br /> --mono-font: Consolas, Menlo, Monaco, &quot;Andale Mono&quot;, &quot;Ubuntu Mono&quot;, monospace;<br /> --standard-border-radius: 5px;<br /> <br /> /* Default (light) theme */<br /> --bg: #fff;<br /> --accent-bg: #f5f7ff;<br /> --text: #212121;<br /> --text-light: #585858;<br /> --border: #898EA4;<br /> --accent: #0d47a1;<br /> --accent-hover: #1266e2;<br /> --accent-text: var(--bg);<br /> --code: #d81b60;<br /> --preformatted: #444;<br /> --marked: #ffdd33;<br /> --disabled: #efefef;<br /> <br /> --font-title: Combined;<br /> --font-body: Lucette;<br /> --color-a: #a700ff; /* purple */<br /> --color-b: #00ab6b; /* green */<br /> --font-size: 23px;<br /> --line-height: 1.3em;<br /> }<br /> <br /> /* Dark theme */<br /> @media (prefers-color-scheme: dark) {<br /> :root,<br /> ::backdrop {<br /> color-scheme: dark;<br /> --bg: #222;<br /> --accent-bg: #2b2b2b;<br /> --text: #dcdcdc;<br /> --text-light: #ababab;<br /> --accent: #ffb300;<br /> --accent-hover: #ffe099;<br /> --accent-text: var(--bg);<br /> --code: #f06292;<br /> --preformatted: #ccc;<br /> --disabled: #111;<br /> <br /> --font-title: Combined;<br /> --font-body: Lucette;<br /> --color-a: #9557b5; /* washed-off purple */<br /> --color-b: #3c856b; /* washed-off green */<br /> --font-size: 23px;<br /> --line-height: 1.3em;<br /> }<br /> }<br /> <br /> /* Reset box-sizing */<br /> *, *::before, *::after {<br /> box-sizing: border-box;<br /> }<br /> <br /> body {<br /> font-family: var(--font-body);<br /> font-size: var(--font-size);<br /> line-height: var(--line-height);<br /> padding-top: 3em;<br /> background-color: var(--bg);<br /> color: var(--text);<br /> }<br /> p {<br /> font-size: var(--font-size);<br /> line-height: var(--line-height);<br /> margin-bottom: 0;<br /> }<br /> p + p {<br /> margin-top: var(--line-height);<br /> }<br /> <br /> /* INTERFACE ------------------------------------------------------------------ */<br /> /* remove category help button (does it remove other stuff? mmm...) */<br /> #mw-indicator-mw-helplink {<br /> display: none;<br /> }<br /> <br /> /* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */<br /> #navwrapper {<br /> position: fixed;<br /> top: 0;<br /> right: 0;<br /> z-index: 1000;<br /> left: 0;<br /> }<br /> <br /> h4.namespace.label {<br /> display: none;<br /> }<br /> <br /> .mw-editsection, .mw-editsection-like {<br /> font-size: 10px;<br /> }<br /> <br /> #actions {<br /> left: initial !important;<br /> right: 14px;<br /> top: -21px;<br /> background-color: var(--accent-bg);<br /> border: 1px solid var(--text-light);<br /> color: var(--text-light);<br /> }<br /> a#actions-button {<br /> margin-top: -1em;<br /> background-color: var(--accent-bg);<br /> padding: 5px;<br /> color: var(--text-light);<br /> }<br /> .fa,<br /> button, .button,<br /> .top-bar-section ul li &gt; a {<br /> font-family: var(--font-body);<br /> }<br /> .fa::before {<br /> font-family: FontAwesome;<br /> }<br /> <br /> .top-bar,<br /> .top-bar-section,<br /> #top-bar-left,<br /> #top-bar-right,<br /> #top-bar-right .columns {<br /> display: flex;<br /> background-color: #222;<br /> align-items: center;<br /> justify-content: space-evenly;<br /> }<br /> #top-bar-left {<br /> width: initial;<br /> }<br /> .top-bar-section {<br /> flex-grow: 1;<br /> }<br /> .has-form {<br /> flex-grow: 1;<br /> padding: 0.5em !important;<br /> }<br /> #top-bar-right {<br /> justify-content: space-between;<br /> flex-grow: 1;<br /> }<br /> .top-bar input {<br /> padding-top: 8px;<br /> flex-grow: 1;<br /> height: 2em;<br /> box-sizing: border-box;<br /> border: 0;<br /> outline: 0;<br /> }<br /> .button.search {<br /> background-color: transparent;<br /> border-style: solid;<br /> border-width: 2px;<br /> border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br /> border-image-slice: 1;<br /> top: 2px !important;<br /> position: relative;<br /> margin-left: 0px !important;<br /> box-sizing: border-box;<br /> padding: 0;<br /> width: 80px;<br /> height: 2em;<br /> margin: 0;<br /> top: 0 !important;<br /> }<br /> .button.search:hover {<br /> background-color: var(--color-a);<br /> }<br /> .suggestions-result-current {<br /> background-color: var(--color-b) !important;<br /> }<br /> <br /> .top-bar .toggle-topbar a {<br /> text-transform: lowercase;<br /> font-size: 1em;<br /> }<br /> <br /> #toc, .toc {<br /> float: right;<br /> margin-left: 1em;<br /> max-width: 45%;<br /> background-color: var(--accent-bg);<br /> border-radius: 5px;<br /> }<br /> .toctitle {<br /> margin-bottom: -1em;<br /> }<br /> #toc h2 {<br /> margin-top: 0.25em;<br /> font-size: 1em;<br /> display: inline-block;<br /> margin-right: 0.5em;<br /> }<br /> #toc ul {<br /> margin: 0;<br /> }<br /> .tocnumber:after {<br /> content: &quot; – &quot;;<br /> }<br /> <br /> table.infobox {<br /> width: initial;<br /> max-width: 45%;<br /> }<br /> table.infobox th.head {<br /> background-color: var(--color-b);<br /> }<br /> th, td {<br /> padding: 0.5em !important;<br /> }<br /> <br /> li {<br /> line-height: initial;<br /> }<br /> <br /> .mw-category-generated {<br /> margin-top: 2em;<br /> }<br /> <br /> /* if no content but only listing subcategories */<br /> .mw-parser-output:empty + .mw-category-generated h2 {<br /> display: none;<br /> }<br /> <br /> /* If only one subcategory, don't list the initial */<br /> .mw-category-generated #mw-pages div:only-of-type h3,<br /> #mw-subcategories div:only-of-type h3 {<br /> /*display: none;*/<br /> }<br /> <br /> /* removes counting of categories */<br /> .mw-category-generated #mw-pages p:first-of-type,<br /> #mw-subcategories p:first-of-type {<br /> display: none;<br /> }<br /> <br /> .group {<br /> margin-top: 5em;<br /> }<br /> #catlinks .label {<br /> border-width: 2px;<br /> border-style: solid;<br /> background-color: transparent;<br /> padding: 2px 6px !important;<br /> }<br /> <br /> /* HEADER ------------------------------------------------------------------ */<br /> .title-name {<br /> font-family: var(--font-title);<br /> font-weight: bold;<br /> }<br /> .title-name:hover {<br /> color: var(--color-a);<br /> }<br /> <br /> <br /> <br /> .top-bar-section .has-form {<br /> background-color: #222 !important;<br /> }<br /> .top-bar-section .has-dropdown &gt; a::after {<br /> display: none;<br /> }<br /> .top-bar-section .has-dropdown &gt; a {<br /> padding-right: initial !important;<br /> }<br /> .top-bar-section .dropdown li {<br /> width: initial;<br /> /*height: 2em;*/<br /> position: relative;<br /> padding: 0;<br /> border-bottom: 1px solid lightgray;<br /> }<br /> .top-bar-section ul li {<br /> padding: 0 0.5em;<br /> background-color: #222;<br /> }<br /> .top-bar-section ul li:hover {<br /> z-index: 1000;<br /> }<br /> .top-bar-section ul li &gt; a {<br /> font-size: 16px;<br /> padding: 0;<br /> font-weight: bold;<br /> }<br /> <br /> li#p-menu &gt; a {<br /> text-transform: uppercase;<br /> padding: 0;<br /> }<br /> li#p-menu &gt; a + ul li {<br /> outline: 1px solid #00a393;<br /> }<br /> <br /> .top-bar-section .dropdown li:not(.has-form):not(.active):hover &gt; a:not(.button) {<br /> background: linear-gradient(90deg,var(--color-a), var(--color-b));<br /> }<br /> li#p-menu + li.has-dropdown {<br /> width: 3em;<br /> text-align: center;<br /> }<br /> li#p-menu + li.has-dropdown &gt; a {<br /> border-radius: 100%;<br /> padding: 0;<br /> text-align: center;<br /> line-height: 30px;<br /> margin: auto;<br /> display: inline-block;<br /> width: 30px;<br /> box-sizing: border-box;<br /> height: 30px;<br /> }<br /> .not-logged-in #top-bar-right li:nth-child(3) {<br /> display: none;<br /> }<br /> <br /> #toolbox-dropdown li, #personal-tools-dropdown .dropdown li {<br /> float: right;<br /> }<br /> <br /> .back h5 {<br /> font-size: 2em !important;<br /> }<br /> a.parent-link {<br /> color: var(--color-b) !important;<br /> font-weight: bold !important;<br /> }<br /> <br /> /* CONTENT ------------------------------------------------------------------ */<br /> #page-content {<br /> margin: 1em;<br /> color: var(--text);<br /> }<br /> #english {<br /> position: relative;<br /> top: -1.5em;<br /> }<br /> <br /> h1, h2, h3, h4, h5, h6 {<br /> margin-top: 2em;<br /> color: var(--color-b);<br /> line-height: 1.5em;<br /> font-family: var(--font-body);<br /> }<br /> h1, h1#firstHeading, h2 {<br /> font-family: var(--font-title);<br /> font-size: 1.5em;<br /> }<br /> <br /> h1 {<br /> color: var(--color-a);<br /> }<br /> h2 span {<br /> display: initial;<br /> }<br /> h3 {<br /> font-family: var(--font-title);<br /> font-size: 1em;<br /> }<br /> body.action-view #page-content a {<br /> border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br /> border-bottom-width: 2px;<br /> border-image-slice: 1;<br /> color: var(--text);<br /> border-bottom-style: solid;<br /> padding: 3px 5px 1px;<br /> <br /> }<br /> #page-content a:hover,<br /> #catlinks .label:hover {<br /> background-color: var(--color-a);<br /> color: white !important;<br /> }<br /> /* Removes user name */<br /> h3#tagline {<br /> display: none;<br /> }<br /> #bodyContent {<br /> margin-top: 3em;<br /> }<br /> <br /> #page-content ul, #page-content ol {<br /> font-size: 1em;<br /> margin-top: var(--line-height) !important;<br /> margin-bottom: var(--line-height) !important;<br /> }<br /> div {<br /> line-height: 1.4em ;<br /> }<br /> label {<br /> color: var(--text-light);<br /> }<br /> label[for=&quot;wpCaptchaWord&quot;]{<br /> background-color: orangered;<br /> }<br /> code, pre {<br /> color: darkgrey;<br /> background-color: #181818;<br /> border: 1px solid darkgrey;<br /> border-radius:3px;<br /> font-size: 0.8em;<br /> padding: 1ch;<br /> }<br /> <br /> <br /> /* ACTUALITÉS ------------------------------------------------------------------ */<br /> .medialisting {<br /> display: flex;<br /> flex-wrap: wrap;<br /> }<br /> .medialisting a {<br /> border: 0 !important;<br /> }<br /> .Media {<br /> display: flex;<br /> align-items: flex-start;<br /> margin-bottom: 1em;<br /> flex-direction: column;<br /> flex-basis: 32%;<br /> box-sizing: border-box;<br /> justify-content: center;<br /> padding: 0.5em;<br /> background: radial-gradient(var(--color-a) -31%, transparent 60%);<br /> }<br /> .Media:nth-child(2n) {<br /> background: radial-gradient(var(--color-b) -31%, transparent 60%);<br /> }<br /> .Media-body {<br /> flex: initial;<br /> }<br /> <br /> .flexgal {<br /> display: flex;<br /> flex-wrap: wrap;<br /> }<br /> <br /> /* THUMBNAILS ------------------------------------------------------------------ */<br /> .thumbinner {<br /> background-color: var(--accent-bg);<br /> }<br /> .thumb.tleft {<br /> margin-right: 2em;<br /> }<br /> .Media-figure a,<br /> .image.fancybox {<br /> display: inline-block;<br /> }<br /> .magnify a {<br /> text-indent: 0;<br /> width: 25px;<br /> height: 25px;<br /> border-style: solid;<br /> border-width: 2px;<br /> line-height: 15px;<br /> }<br /> .magnify a:before {<br /> content: &quot;+&quot;;<br /> font-family: FontAwesome;<br /> font-size: 20px;<br /> }<br /> <br /> /* MEDIA QUERIES ------------------------------------------------------------------ */<br /> @media (max-width: 800px) {<br /> div.tleft, div.floatleft, table.floatleft {<br /> width: 100%;<br /> margin-bottom: 3em;<br /> }<br /> #toc {<br /> max-width: initial;<br /> width: 100%;<br /> margin-left: 0;<br /> <br /> <br /> }<br /> }<br /> @media only screen and (max-width: 600px) {<br /> .top-bar,<br /> .top-bar-section,<br /> #top-bar-right,<br /> #top-bar-right .columns {<br /> display: inherit;<br /> }<br /> .top-bar.expanded {<br /> flex-wrap: wrap;<br /> }<br /> .top-bar.expanded .title-area {<br /> display: flex;<br /> flex-grow: 1;<br /> justify-content: space-between;<br /> }<br /> .top-bar.expanded .top-bar,<br /> .top-bar.expanded .top-bar-section,<br /> .top-bar.expanded #top-bar-right,<br /> .top-bar.expanded #top-bar-right .columns {<br /> display: flex;<br /> align-items: center;<br /> }<br /> .divider.show-for-small {<br /> display: none !important;<br /> }<br /> }<br /> <br /> /* Formulaire d'edition ------------------------------------------------------------------ */<br /> #editform<br /> {<br /> margin-top: -5vh;<br /> }</div> Theophile.gervreaumercier https://wiki.erg.be/mw/index.php?title=%C3%89cole_de_recherche_graphique&diff=22149 École de recherche graphique 2024-01-24T17:45:39Z <p>Theophile.gervreaumercier : </p> <hr /> <div>__NOTITLE__<br /> <br /> <br /> <br /> <br /> <br /> &lt;pre id=&quot;ascii&quot; style=&quot;<br /> width: fit-content;<br /> line-height: 10px;<br /> font-size: 15px;<br /> font-family: monospace;<br /> overflow: hidden;<br /> margin: 0 auto;<br /> padding: 0;<br /> background-color: none;<br /> color:dark;<br /> &quot;&gt; <br /> __.....__ <br /> .-'' '. .--./) <br /> / .-''&quot;'-. `. .-,.--. /.''\\ <br /> bienvenue à l' / /________\ \ | .-. | | | <br /> | | | | | | \`-' / <br /> \ .-------------' | | | | /(&quot;'` <br /> \ '-.____...---. | | '- \ '---. <br /> `. .'cole de | |echerche /'&quot;&quot;'.\ raphique <br /> `''-...... -' | | || | <br /> |_| \'. _ _/ <br /> `'---'&lt;/pre&gt; <br /> <br /> <br /> <br /> {{English|Welcome to erg}}<br /> <br /> === winterschool 2024 ===<br /> * [[Workshop : WIKI MAINTENANCE]]<br /> <br /> L’erg est le lieu des pratiques artistiques, plastiques, graphiques qui entrent dans les zones à risque théoriques et formelles. Un lieu et des pédagogies à définir et redéfinir collectivement. C’est un lieu où l’on peut apprendre de ce qui ne marche pas. '''Un lieu de recherche donc'''.<br /> <br /> * [[projet pédagogique]]<br /> * [[Cursus_transdisciplinaire_Bachelors_-_Masters|cursus transdisciplinaire]]<br /> * [[Espaces transversaux, pratiques collectives|espaces transversaux, pratiques collectives]]<br /> * [[séminaires, workshops, conférences]]<br /> * [[Guide Wiki | guide pour utiliser le wiki]]<br /> * [[Doctorat_et_recherche|recherche]]<br /> * [[Étudier et être accompagné·e à l'erg|étudier et être accompagné·e à l'erg]]<br /> * [[Autour_de_l'erg|autour de l'erg]]<br /> * [[contact]]<br /> <br /> <br /> *[[Actualités (2023)|news]]<br /> <br /> {{NewsActivity<br /> |limit=4<br /> }}<br /> <br /> ===Newsletter &amp; réseaux===<br /> <br /> Inscrivez-vous à notre '''[http://eepurl.com/igdz0r newsletter]''' ou scannez le QRcode.<br /> <br /> &lt;!-- [[Fichier:Qrcoderg.png|150px|link=]] --&gt;<br /> <br /> '''[https://www.instagram.com/ergunlieuderecherche/?hl=fr instagram]''' / '''[https://www.facebook.com/ergunlieuderecherche facebook]''' /<br /> '''[https://vimeo.com/channels/erg vimeo]'''<br /> <br /> <br /> <br /> __NOTOC__</div> Theophile.gervreaumercier https://wiki.erg.be/mw/index.php?title=MediaWiki:Common.css&diff=22139 MediaWiki:Common.css 2024-01-24T16:51:38Z <p>Theophile.gervreaumercier : </p> <hr /> <div>/* C O M M O N . c s s<br /> *<br /> * # dark mode<br /> * # templates<br /> * ## badges<br /> <br /> /* une media query qui permet de prendre en compte la préférence de couleur du navigateur. <br /> Tout ce qui est en dehors de cette @media est pour le thème blanc et dans le @media (prefers-color-scheme: dark) */<br /> <br /> /* Liste des éléments à inverser<br /> * div.thumbcaption /* image &quot;thumb&quot; <br /> * button.button.search /* lien externes <br /> * a.external.free /* lien externes <br /> * table.wikitable /* Table wiki ex : En construction Pika<br /> */<br /> <br /> /*<br /> @media (prefers-color-scheme: dark) {<br /> <br /> .page-Bienvenue_à_l’erg h1 {<br /> display:inline=block;<br /> color:red !important;<br /> }<br /> code {<br /> background-color: #111;<br /> border-radius: 4px;<br /> border: 2px solid #666;<br /> color: #999;<br /> font-size: .9em; <br /> }<br /> .title {<br /> color: #9557b5;<br /> }<br /> .mw-headline {<br /> color: #3c856b;<br /> }<br /> body.action-view #page-content a {<br /> color: white;<br /> }<br /> html {<br /> background-color: #222;<br /> background-color: #222;<br /> color: white;<br /> } <br /> body{.<br /> background-color:inherit;<br /> color:inherit;<br /> background: #222;<br /> }<br /> } <br /> <br /> */<br /> pre{<br /> <br /> border-radius: 10px;<br /> }<br /> .rssicon {<br /> display: inline-block;<br /> width: 32px;<br /> height: 32px;<br /> background-image: url(/mw/resources/assets/Feed-icon.png);<br /> }<br /> <br /> <br /> <br /> .hidden {<br /> display: none;<br /> }<br /> <br /> table.infobox {<br /> width: 30em;<br /> font-size: 90%;<br /> border: 1px solid #aaaaaa;<br /> background-color: #f9f9f9;<br /> color: black;<br /> margin-bottom: 0.5em;<br /> margin-left: 1em;<br /> padding: 0.2em;<br /> float: right;<br /> clear: right;<br /> text-align:left;<br /> }<br /> <br /> table.infobox th.head {<br /> text-align: center;<br /> background-color:#ccccff;<br /> }<br /> <br /> /* Flexgal */<br /> div.flexgal {<br /> box-sizing: border-box;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> div.flexgal div.item {<br /> display: flexbox;<br /> }<br /> div.flexgal div.item p {<br /> margin: 0;<br /> padding: 0; /* padding + margin seem to conflict with the grid layout */<br /> }<br /> a img {<br /> border: none;<br /> vertical-align: top; /* magically this cancels the containing anchor's bottom border */<br /> }<br /> <br /> div.pubdate {<br /> clear: both;<br /> }<br /> <br /> .Media {<br /> display: flex;<br /> align-items: flex-start;<br /> margin-bottom: 1em;<br /> }<br /> <br /> .Media-figure {<br /> margin-right: 1em;<br /> }<br /> <br /> .Media-body {<br /> flex: 1;<br /> }<br /> <br /> /* simplify the footer links */<br /> ul#poweredby, li#footer-disclaimer { display: none; }<br /> <br /> .snowflake {<br /> position:absolute;<br /> color:blue;<br /> transition: top 5s linear;<br /> -webkit-text-stroke-width: 1px;<br /> -webkit-text-stroke-color: rgba(0,0,0,0.01);<br /> }<br /> <br /> #content {<br /> max-width: 80ch;<br /> margin: auto;<br /> }<br /> <br /> <br /> /* -- External Image Template -- */<br /> .externalimage-holder {<br /> display:inline-block;<br /> position: relative;<br /> }<br /> .externalimage-holder img {<br /> width: 100%;<br /> height: auto;<br /> }<br /> <br /> /* -- Captcha Page Edition -- */<br /> label[for=wpCaptchaWord] {<br /> background-color:#FFCCCB;<br /> color:white;<br /> border:2px solid white;<br /> }<br /> <br /> /* -- Badges -- */<br /> .badge {<br /> margin:10px;<br /> display:inline-block;<br /> box-sizing:border-box;<br /> padding:0;<br /> margin:0;<br /> <br /> border:2px solid red;<br /> width:300px;<br /> height:75px;<br /> <br /> overflow:hidden;<br /> }<br /> <br /> .badge p {<br /> margin:0;<br /> text-align:center;<br /> <br /> font-size: 8pt;<br /> line-height: 9pt;<br /> }<br /> <br /> .badge .b-icon {<br /> padding:5px;<br /> border-right:1px solid black;<br /> position:relative;<br /> display:inline-block;<br /> width:25%;<br /> height:100%;<br /> <br /> vertical-align:top;<br /> }<br /> <br /> .badge .b-infos {<br /> position:relative;<br /> display:inline-block;<br /> width:70%;<br /> }<br /> <br /> .badge h6 {<br /> text-align:center;<br /> margin:0;<br /> padding:0;<br /> }</div> Theophile.gervreaumercier https://wiki.erg.be/mw/index.php?title=MediaWiki:Ouroboros.css&diff=22138 MediaWiki:Ouroboros.css 2024-01-24T16:49:21Z <p>Theophile.gervreaumercier : </p> <hr /> <div><br /> /*<br /> _ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______ <br /> | | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|<br /> | | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__ <br /> | | | __| \___ \| &lt; | | | . ` | / / | | | __ | __| | |\/| | __| <br /> | |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____ <br /> |______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|<br /> / __ \| ____| ____|_ _/ ____|_ _| ____| | <br /> | | | | |__ | |__ | || | | | | |__ | | <br /> | | | | __| | __| | || | | | | __| | | <br /> | |__| | | | | _| || |____ _| |_| |____| |____ <br /> \____/|_|____|_| |_____\_____|_____|______|______| <br /> | __ \| ____| <br /> | | | | |__ <br /> | | | | __| <br /> | |__| | |____ <br /> |_____/|______|_ _____ _____ <br /> | | | ____| __ \ / ____| <br /> | | | |__ | |__) | | __ <br /> | | | __| | _ /| | |_ | <br /> | |____ | |____| | \ \| |__| | <br /> |______| |______|_| \_\\_____| <br /> <br /> <br /> */<br /> <br /> <br /> @font-face {<br /> font-family: Combined;<br /> src: url(&quot;/mw/skins/foreground/assets/fonts/combined.otf&quot;);<br /> }<br /> @font-face {<br /> font-family: Lucette;<br /> src: url(&quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf&quot;);<br /> src: url(&quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf&quot;);<br /> src: url(&quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff&quot;);<br /> src: url(&quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2&quot;);<br /> }<br /> @font-face {<br /> font-family: Lucette;<br /> src: url(&quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf&quot;);<br /> src: url(&quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf&quot;);<br /> src: url(&quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff&quot;);<br /> src: url(&quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2&quot;);<br /> font-style: italic;<br /> }<br /> /*<br /> @font-face {<br /> font-family: Vega;<br /> src: url(&quot;/mw/skins/foreground/assets/fonts/otf/Vega-Regular.otf&quot;);<br /> src: url(&quot;/mw/skins/foreground/assets/fonts/Vega-Regular.ttf&quot;) format(&quot;truetype&quot;);<br /> src: url(&quot;/mw/skins/foreground/assets/fonts/Vega-Regular-Webfont.svg&quot; format(&quot;svg&quot;));<br /> src: url(&quot;/mw/skins/foreground/assets/fonts/Vega-Regular.woff&quot; format(&quot;woff&quot;));<br /> src: url(&quot;/mw/skins/foreground/assets/fonts/Vega-Regular.woff2&quot;) format(&quot;woff2&quot;);<br /> }<br /> */<br /> <br /> <br /> <br /> <br /> /* Global variables. */<br /> :root,<br /> ::backdrop {<br /> /* Set sans-serif &amp; mono fonts */<br /> --sans-font: -apple-system, BlinkMacSystemFont, &quot;Avenir Next&quot;, Avenir,<br /> &quot;Nimbus Sans L&quot;, Roboto, &quot;Noto Sans&quot;, &quot;Segoe UI&quot;, Arial, Helvetica,<br /> &quot;Helvetica Neue&quot;, sans-serif;<br /> --mono-font: Consolas, Menlo, Monaco, &quot;Andale Mono&quot;, &quot;Ubuntu Mono&quot;, monospace;<br /> --standard-border-radius: 5px;<br /> <br /> /* Default (light) theme */<br /> --bg: #fff;<br /> --accent-bg: #f5f7ff;<br /> --text: #212121;<br /> --text-light: #585858;<br /> --border: #898EA4;<br /> --accent: #0d47a1;<br /> --accent-hover: #1266e2;<br /> --accent-text: var(--bg);<br /> --code: #d81b60;<br /> --preformatted: #444;<br /> --marked: #ffdd33;<br /> --disabled: #efefef;<br /> <br /> --font-title: Combined;<br /> --font-body: Lucette;<br /> --color-a: #a700ff; /* purple */<br /> --color-b: #00ab6b; /* green */<br /> --font-size: 23px;<br /> --line-height: 1.3em;<br /> }<br /> <br /> /* Dark theme */<br /> @media (prefers-color-scheme: dark) {<br /> :root,<br /> ::backdrop {<br /> color-scheme: dark;<br /> --bg: #222;<br /> --accent-bg: #2b2b2b;<br /> --text: #dcdcdc;<br /> --text-light: #ababab;<br /> --accent: #ffb300;<br /> --accent-hover: #ffe099;<br /> --accent-text: var(--bg);<br /> --code: #f06292;<br /> --preformatted: #ccc;<br /> --disabled: #111;<br /> <br /> --font-title: Combined;<br /> --font-body: Lucette;<br /> --color-a: #9557b5; /* washed-off purple */<br /> --color-b: #3c856b; /* washed-off green */<br /> --font-size: 23px;<br /> --line-height: 1.3em;<br /> }<br /> }<br /> <br /> /* Reset box-sizing */<br /> *, *::before, *::after {<br /> box-sizing: border-box;<br /> }<br /> <br /> body {<br /> font-family: var(--font-body);<br /> font-size: var(--font-size);<br /> line-height: var(--line-height);<br /> padding-top: 3em;<br /> background-color: var(--bg);<br /> color: var(--text);<br /> }<br /> p {<br /> font-size: var(--font-size);<br /> line-height: var(--line-height);<br /> margin-bottom: 0;<br /> }<br /> p + p {<br /> margin-top: var(--line-height);<br /> }<br /> <br /> /* INTERFACE ------------------------------------------------------------------ */<br /> /* remove category help button (does it remove other stuff? mmm...) */<br /> #mw-indicator-mw-helplink {<br /> display: none;<br /> }<br /> <br /> /* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */<br /> #navwrapper {<br /> position: fixed;<br /> top: 0;<br /> right: 0;<br /> z-index: 1000;<br /> left: 0;<br /> }<br /> <br /> h4.namespace.label {<br /> display: none;<br /> }<br /> <br /> .mw-editsection, .mw-editsection-like {<br /> font-size: 10px;<br /> }<br /> <br /> #actions {<br /> left: initial !important;<br /> right: 14px;<br /> top: -21px;<br /> background-color: var(--accent-bg);<br /> border: 1px solid var(--text-light);<br /> color: var(--text-light);<br /> }<br /> a#actions-button {<br /> margin-top: -1em;<br /> background-color: var(--accent-bg);<br /> padding: 5px;<br /> color: var(--text-light);<br /> }<br /> .fa,<br /> button, .button,<br /> .top-bar-section ul li &gt; a {<br /> font-family: var(--font-body);<br /> }<br /> .fa::before {<br /> font-family: FontAwesome;<br /> }<br /> <br /> .top-bar,<br /> .top-bar-section,<br /> #top-bar-left,<br /> #top-bar-right,<br /> #top-bar-right .columns {<br /> display: flex;<br /> background-color: #222;<br /> align-items: center;<br /> justify-content: space-evenly;<br /> }<br /> #top-bar-left {<br /> width: initial;<br /> }<br /> .top-bar-section {<br /> flex-grow: 1;<br /> }<br /> .has-form {<br /> flex-grow: 1;<br /> padding: 0.5em !important;<br /> }<br /> #top-bar-right {<br /> justify-content: space-between;<br /> flex-grow: 1;<br /> }<br /> .top-bar input {<br /> padding-top: 8px;<br /> flex-grow: 1;<br /> height: 2em;<br /> box-sizing: border-box;<br /> border: 0;<br /> outline: 0;<br /> }<br /> .button.search {<br /> background-color: transparent;<br /> border-style: solid;<br /> border-width: 2px;<br /> border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br /> border-image-slice: 1;<br /> top: 2px !important;<br /> position: relative;<br /> margin-left: 0px !important;<br /> box-sizing: border-box;<br /> padding: 0;<br /> width: 80px;<br /> height: 2em;<br /> margin: 0;<br /> top: 0 !important;<br /> }<br /> .button.search:hover {<br /> background-color: var(--color-a);<br /> }<br /> .suggestions-result-current {<br /> background-color: var(--color-b) !important;<br /> }<br /> <br /> .top-bar .toggle-topbar a {<br /> text-transform: lowercase;<br /> font-size: 1em;<br /> }<br /> <br /> #toc, .toc {<br /> float: right;<br /> margin-left: 1em;<br /> max-width: 45%;<br /> background-color: var(--accent-bg);<br /> border-radius: 5px;<br /> }<br /> .toctitle {<br /> margin-bottom: -1em;<br /> }<br /> #toc h2 {<br /> margin-top: 0.25em;<br /> font-size: 1em;<br /> display: inline-block;<br /> margin-right: 0.5em;<br /> }<br /> #toc ul {<br /> margin: 0;<br /> }<br /> .tocnumber:after {<br /> content: &quot; – &quot;;<br /> }<br /> <br /> table.infobox {<br /> width: initial;<br /> max-width: 45%;<br /> }<br /> table.infobox th.head {<br /> background-color: var(--color-b);<br /> }<br /> th, td {<br /> padding: 0.5em !important;<br /> }<br /> <br /> li {<br /> line-height: initial;<br /> }<br /> <br /> .mw-category-generated {<br /> margin-top: 2em;<br /> }<br /> <br /> /* if no content but only listing subcategories */<br /> .mw-parser-output:empty + .mw-category-generated h2 {<br /> display: none;<br /> }<br /> <br /> /* If only one subcategory, don't list the initial */<br /> .mw-category-generated #mw-pages div:only-of-type h3,<br /> #mw-subcategories div:only-of-type h3 {<br /> /*display: none;*/<br /> }<br /> <br /> /* removes counting of categories */<br /> .mw-category-generated #mw-pages p:first-of-type,<br /> #mw-subcategories p:first-of-type {<br /> display: none;<br /> }<br /> <br /> .group {<br /> margin-top: 5em;<br /> }<br /> #catlinks .label {<br /> border-width: 2px;<br /> border-style: solid;<br /> background-color: transparent;<br /> padding: 2px 6px !important;<br /> }<br /> <br /> /* HEADER ------------------------------------------------------------------ */<br /> .title-name {<br /> font-family: var(--font-title);<br /> font-weight: bold;<br /> }<br /> .title-name:hover {<br /> color: var(--color-a);<br /> }<br /> <br /> <br /> <br /> .top-bar-section .has-form {<br /> background-color: #222 !important;<br /> }<br /> .top-bar-section .has-dropdown &gt; a::after {<br /> display: none;<br /> }<br /> .top-bar-section .has-dropdown &gt; a {<br /> padding-right: initial !important;<br /> }<br /> .top-bar-section .dropdown li {<br /> width: initial;<br /> /*height: 2em;*/<br /> position: relative;<br /> padding: 0;<br /> border-bottom: 1px solid lightgray;<br /> }<br /> .top-bar-section ul li {<br /> padding: 0 0.5em;<br /> background-color: #222;<br /> }<br /> .top-bar-section ul li:hover {<br /> z-index: 1000;<br /> }<br /> .top-bar-section ul li &gt; a {<br /> font-size: 16px;<br /> padding: 0;<br /> font-weight: bold;<br /> }<br /> <br /> li#p-menu &gt; a {<br /> text-transform: uppercase;<br /> padding: 0;<br /> }<br /> li#p-menu &gt; a + ul li {<br /> outline: 1px solid #00a393;<br /> }<br /> <br /> .top-bar-section .dropdown li:not(.has-form):not(.active):hover &gt; a:not(.button) {<br /> background: linear-gradient(90deg,var(--color-a), var(--color-b));<br /> }<br /> li#p-menu + li.has-dropdown {<br /> width: 3em;<br /> text-align: center;<br /> }<br /> li#p-menu + li.has-dropdown &gt; a {<br /> border-radius: 100%;<br /> padding: 0;<br /> text-align: center;<br /> line-height: 30px;<br /> margin: auto;<br /> display: inline-block;<br /> width: 30px;<br /> box-sizing: border-box;<br /> height: 30px;<br /> }<br /> .not-logged-in #top-bar-right li:nth-child(3) {<br /> display: none;<br /> }<br /> <br /> #toolbox-dropdown li, #personal-tools-dropdown .dropdown li {<br /> float: right;<br /> }<br /> <br /> .back h5 {<br /> font-size: 2em !important;<br /> }<br /> a.parent-link {<br /> color: var(--color-b) !important;<br /> font-weight: bold !important;<br /> }<br /> <br /> /* CONTENT ------------------------------------------------------------------ */<br /> #page-content {<br /> margin: 1em;<br /> color: var(--text);<br /> }<br /> #english {<br /> position: relative;<br /> top: -1.5em;<br /> }<br /> <br /> h1, h2, h3, h4, h5, h6 {<br /> margin-top: 2em;<br /> color: var(--color-b);<br /> line-height: 1.5em;<br /> font-family: var(--font-body);<br /> }<br /> h1, h1#firstHeading, h2 {<br /> font-family: var(--font-title);<br /> font-size: 1.5em;<br /> }<br /> <br /> h1 {<br /> color: var(--color-a);<br /> }<br /> h2 span {<br /> display: initial;<br /> }<br /> h3 {<br /> font-family: var(--font-title);<br /> font-size: 1em;<br /> }<br /> body.action-view #page-content a {<br /> border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br /> border-bottom-width: 2px;<br /> border-image-slice: 1;<br /> color: var(--text);<br /> border-bottom-style: solid;<br /> padding: 3px 5px 1px;<br /> <br /> }<br /> #page-content a:hover,<br /> #catlinks .label:hover {<br /> background-color: var(--color-a);<br /> color: white !important;<br /> }<br /> /* Removes user name */<br /> h3#tagline {<br /> display: none;<br /> }<br /> #bodyContent {<br /> margin-top: 3em;<br /> }<br /> <br /> #page-content ul, #page-content ol {<br /> font-size: 1em;<br /> margin-top: var(--line-height) !important;<br /> margin-bottom: var(--line-height) !important;<br /> }<br /> div {<br /> line-height: 1.4em ;<br /> }<br /> label {<br /> color: var(--text-light);<br /> }<br /> code, pre {<br /> color: darkgrey;<br /> background-color: #181818;<br /> border: 1px solid darkgrey;<br /> border-radius:3px;<br /> font-size: 0.8em;<br /> }<br /> <br /> <br /> /* ACTUALITÉS ------------------------------------------------------------------ */<br /> .medialisting {<br /> display: flex;<br /> flex-wrap: wrap;<br /> }<br /> .medialisting a {<br /> border: 0 !important;<br /> }<br /> .Media {<br /> display: flex;<br /> align-items: flex-start;<br /> margin-bottom: 1em;<br /> flex-direction: column;<br /> flex-basis: 32%;<br /> box-sizing: border-box;<br /> justify-content: center;<br /> padding: 0.5em;<br /> background: radial-gradient(var(--color-a) -31%, transparent 60%);<br /> }<br /> .Media:nth-child(2n) {<br /> background: radial-gradient(var(--color-b) -31%, transparent 60%);<br /> }<br /> .Media-body {<br /> flex: initial;<br /> }<br /> <br /> .flexgal {<br /> display: flex;<br /> flex-wrap: wrap;<br /> }<br /> <br /> /* THUMBNAILS ------------------------------------------------------------------ */<br /> .thumbinner {<br /> background-color: var(--accent-bg);<br /> }<br /> .thumb.tleft {<br /> margin-right: 2em;<br /> }<br /> .Media-figure a,<br /> .image.fancybox {<br /> display: inline-block;<br /> }<br /> .magnify a {<br /> text-indent: 0;<br /> width: 25px;<br /> height: 25px;<br /> border-style: solid;<br /> border-width: 2px;<br /> line-height: 15px;<br /> }<br /> .magnify a:before {<br /> content: &quot;+&quot;;<br /> font-family: FontAwesome;<br /> font-size: 20px;<br /> }<br /> <br /> /* MEDIA QUERIES ------------------------------------------------------------------ */<br /> @media (max-width: 800px) {<br /> div.tleft, div.floatleft, table.floatleft {<br /> width: 100%;<br /> margin-bottom: 3em;<br /> }<br /> #toc {<br /> max-width: initial;<br /> width: 100%;<br /> margin-left: 0;<br /> <br /> <br /> }<br /> }<br /> @media only screen and (max-width: 600px) {<br /> .top-bar,<br /> .top-bar-section,<br /> #top-bar-right,<br /> #top-bar-right .columns {<br /> display: inherit;<br /> }<br /> .top-bar.expanded {<br /> flex-wrap: wrap;<br /> }<br /> .top-bar.expanded .title-area {<br /> display: flex;<br /> flex-grow: 1;<br /> justify-content: space-between;<br /> }<br /> .top-bar.expanded .top-bar,<br /> .top-bar.expanded .top-bar-section,<br /> .top-bar.expanded #top-bar-right,<br /> .top-bar.expanded #top-bar-right .columns {<br /> display: flex;<br /> align-items: center;<br /> }<br /> .divider.show-for-small {<br /> display: none !important;<br /> }<br /> }</div> Theophile.gervreaumercier https://wiki.erg.be/mw/index.php?title=Le_service_social&diff=22137 Le service social 2024-01-24T16:47:22Z <p>Theophile.gervreaumercier : /* Octroi d’aides matérielles */</p> <hr /> <div>{{English|The social service}}<br /> <br /> Le Service social du COISL (Comité Organisateur des Instituts Saint-Luc de Bruxelles) s’adresse à tou·te·s les étudiant·e·s de l’erg en difficulté. Le Service social mettra tout en œuvre pour trouver une solution aux difficultés que vous rencontrez qu’elles soient d’ordre social, financier, administratif, psychologique ou pratique. Vous serez toujours accueilli·e avec respect et discrétion par ce service.<br /> <br /> Le Service social s’assure ainsi que tout·e étudiant·e puisse poursuivre ses études dans les meilleures conditions possibles.<br /> <br /> ====Mission d’information====<br /> <br /> * Sur les jobs étudiants,<br /> <br /> * Sur l’affiliation à une mutuelle<br /> <br /> * Sur le recours à une aide du CPAS,<br /> <br /> * Sur les aides médicales et psychologiques,<br /> <br /> * Sur la recherche d’un logement.<br /> <br /> ===Octroi d’aides sociales===<br /> <br /> * Aide financière détaillées dans le document joint.<br /> <br /> ===Octroi d’aides matérielles===<br /> <br /> * Achat de fournitures artistiques,<br /> <br /> * Aide pour les impressions,<br /> <br /> * Aide numérique,<br /> **💻️ '''Voici [[Hardwerg]], un guide d'achat d'ordinateur d'occasion''', écrit par des étudiant·e·s pour des étudiant·e·s.🖲️<br /> <br /> * Aide pour l’achat de la Suite Adobe,<br /> <br /> * Aide repas,<br /> <br /> * Aide voyage,<br /> <br /> * Job étudiants,<br /> <br /> * [https://article27.app/ Tickets Article 27],<br /> <br /> * Aides exceptionnelles.<br /> <br /> Vous serez invité·e à remplir un formulaire de demande et à y adjoindre des documents prouvant votre situation (revenus, etc.). Toutes les informations concernant l’introduction de cette demande peuvent être obtenues auprès des personnes ressources du Service social.<br /> <br /> Pour obtenir une information plus détaillée → n’hésitez pas à demander la brochure d’infos auprès de l’accueil.&lt;br&gt;<br /> <br /> <br /> → Les demandes sont traitées lors d'un Conseil Social composé de Caroline Wezel, [[Maryline Ledoux]], [[Laurence Rassel]] et deux membres du [[Conseil des étudiant·e·s]].<br /> <br /> ===Documents===<br /> &lt;gallery mode=&quot;packed&quot; heights=&quot;250px&quot;&gt;<br /> Fichier:ERG - Brochure Service Social 2023-2024.pdf | [https://wiki.erg.be/mw/images/6/60/Brochure_AIDES_EXTERNES_23-24.pdf| → Télécharger]<br /> Fichier:Formulaire Demande Aide 23-24 SUP.docx.pdf | [https://wiki.erg.be/mw/images/b/bb/Formulaire_Demande_Aide_23-24_SUP.docx.pdf → Télécharger]<br /> Fichier:Brochure AIDES EXTERNES 23-24.pdf | [https://wiki.erg.be/mw/images/6/60/Brochure_AIDES_EXTERNES_23-24.pdf → Télécharger]<br /> &lt;/gallery&gt;<br /> <br /> ===Contact===<br /> Caroline Wezel tient des permanences à l'erg (au premier étage près de l'administration, les horaires sont envoyés chaque semaine par mail.)&lt;br&gt;<br /> <br /> [mailto:servicesocial@stluc-bruxelles.be → servicesocial@stluc-bruxelles.be]</div> Theophile.gervreaumercier https://wiki.erg.be/mw/index.php?title=Le_service_social&diff=22135 Le service social 2024-01-24T16:46:28Z <p>Theophile.gervreaumercier : /* Octroi d’aides matérielles */</p> <hr /> <div>{{English|The social service}}<br /> <br /> Le Service social du COISL (Comité Organisateur des Instituts Saint-Luc de Bruxelles) s’adresse à tou·te·s les étudiant·e·s de l’erg en difficulté. Le Service social mettra tout en œuvre pour trouver une solution aux difficultés que vous rencontrez qu’elles soient d’ordre social, financier, administratif, psychologique ou pratique. Vous serez toujours accueilli·e avec respect et discrétion par ce service.<br /> <br /> Le Service social s’assure ainsi que tout·e étudiant·e puisse poursuivre ses études dans les meilleures conditions possibles.<br /> <br /> ====Mission d’information====<br /> <br /> * Sur les jobs étudiants,<br /> <br /> * Sur l’affiliation à une mutuelle<br /> <br /> * Sur le recours à une aide du CPAS,<br /> <br /> * Sur les aides médicales et psychologiques,<br /> <br /> * Sur la recherche d’un logement.<br /> <br /> ===Octroi d’aides sociales===<br /> <br /> * Aide financière détaillées dans le document joint.<br /> <br /> ===Octroi d’aides matérielles===<br /> <br /> * Achat de fournitures artistiques,<br /> <br /> * Aide pour les impressions,<br /> <br /> * Aide numérique,<br /> **💻️ Voici [[Hardwerg]], un guide d'achat 🖱️ écrit par des étudiant·e·s pour des étudiant·e·s.🖲️<br /> <br /> * Aide pour l’achat de la Suite Adobe,<br /> <br /> * Aide repas,<br /> <br /> * Aide voyage,<br /> <br /> * Job étudiants,<br /> <br /> * [https://article27.app/ Tickets Article 27],<br /> <br /> * Aides exceptionnelles.<br /> <br /> Vous serez invité·e à remplir un formulaire de demande et à y adjoindre des documents prouvant votre situation (revenus, etc.). Toutes les informations concernant l’introduction de cette demande peuvent être obtenues auprès des personnes ressources du Service social.<br /> <br /> Pour obtenir une information plus détaillée → n’hésitez pas à demander la brochure d’infos auprès de l’accueil.&lt;br&gt;<br /> <br /> <br /> → Les demandes sont traitées lors d'un Conseil Social composé de Caroline Wezel, [[Maryline Ledoux]], [[Laurence Rassel]] et deux membres du [[Conseil des étudiant·e·s]].<br /> <br /> ===Documents===<br /> &lt;gallery mode=&quot;packed&quot; heights=&quot;250px&quot;&gt;<br /> Fichier:ERG - Brochure Service Social 2023-2024.pdf | [https://wiki.erg.be/mw/images/6/60/Brochure_AIDES_EXTERNES_23-24.pdf| → Télécharger]<br /> Fichier:Formulaire Demande Aide 23-24 SUP.docx.pdf | [https://wiki.erg.be/mw/images/b/bb/Formulaire_Demande_Aide_23-24_SUP.docx.pdf → Télécharger]<br /> Fichier:Brochure AIDES EXTERNES 23-24.pdf | [https://wiki.erg.be/mw/images/6/60/Brochure_AIDES_EXTERNES_23-24.pdf → Télécharger]<br /> &lt;/gallery&gt;<br /> <br /> ===Contact===<br /> Caroline Wezel tient des permanences à l'erg (au premier étage près de l'administration, les horaires sont envoyés chaque semaine par mail.)&lt;br&gt;<br /> <br /> [mailto:servicesocial@stluc-bruxelles.be → servicesocial@stluc-bruxelles.be]</div> Theophile.gervreaumercier https://wiki.erg.be/mw/index.php?title=Le_service_social&diff=22132 Le service social 2024-01-24T16:44:27Z <p>Theophile.gervreaumercier : /* Octroi d’aides matérielles */</p> <hr /> <div>{{English|The social service}}<br /> <br /> Le Service social du COISL (Comité Organisateur des Instituts Saint-Luc de Bruxelles) s’adresse à tou·te·s les étudiant·e·s de l’erg en difficulté. Le Service social mettra tout en œuvre pour trouver une solution aux difficultés que vous rencontrez qu’elles soient d’ordre social, financier, administratif, psychologique ou pratique. Vous serez toujours accueilli·e avec respect et discrétion par ce service.<br /> <br /> Le Service social s’assure ainsi que tout·e étudiant·e puisse poursuivre ses études dans les meilleures conditions possibles.<br /> <br /> ====Mission d’information====<br /> <br /> * Sur les jobs étudiants,<br /> <br /> * Sur l’affiliation à une mutuelle<br /> <br /> * Sur le recours à une aide du CPAS,<br /> <br /> * Sur les aides médicales et psychologiques,<br /> <br /> * Sur la recherche d’un logement.<br /> <br /> ===Octroi d’aides sociales===<br /> <br /> * Aide financière détaillées dans le document joint.<br /> <br /> ===Octroi d’aides matérielles===<br /> <br /> * Achat de fournitures artistiques,<br /> <br /> * Aide pour les impressions,<br /> <br /> * Aide numérique,<br /> ** Hey, si tu est ici, c'est que tu va probablement chercher à faire l'acquisition d'un nouvelle appareil éléctronique. Voici [[Hardwerg]], un guide d'achat écrit par des étudiant·e·s pour des étudiant·e·s.<br /> <br /> * Aide pour l’achat de la Suite Adobe,<br /> <br /> * Aide repas,<br /> <br /> * Aide voyage,<br /> <br /> * Job étudiants,<br /> <br /> * [https://article27.app/ Tickets Article 27],<br /> <br /> * Aides exceptionnelles.<br /> <br /> Vous serez invité·e à remplir un formulaire de demande et à y adjoindre des documents prouvant votre situation (revenus, etc.). Toutes les informations concernant l’introduction de cette demande peuvent être obtenues auprès des personnes ressources du Service social.<br /> <br /> Pour obtenir une information plus détaillée → n’hésitez pas à demander la brochure d’infos auprès de l’accueil.&lt;br&gt;<br /> <br /> <br /> → Les demandes sont traitées lors d'un Conseil Social composé de Caroline Wezel, [[Maryline Ledoux]], [[Laurence Rassel]] et deux membres du [[Conseil des étudiant·e·s]].<br /> <br /> ===Documents===<br /> &lt;gallery mode=&quot;packed&quot; heights=&quot;250px&quot;&gt;<br /> Fichier:ERG - Brochure Service Social 2023-2024.pdf | [https://wiki.erg.be/mw/images/6/60/Brochure_AIDES_EXTERNES_23-24.pdf| → Télécharger]<br /> Fichier:Formulaire Demande Aide 23-24 SUP.docx.pdf | [https://wiki.erg.be/mw/images/b/bb/Formulaire_Demande_Aide_23-24_SUP.docx.pdf → Télécharger]<br /> Fichier:Brochure AIDES EXTERNES 23-24.pdf | [https://wiki.erg.be/mw/images/6/60/Brochure_AIDES_EXTERNES_23-24.pdf → Télécharger]<br /> &lt;/gallery&gt;<br /> <br /> ===Contact===<br /> Caroline Wezel tient des permanences à l'erg (au premier étage près de l'administration, les horaires sont envoyés chaque semaine par mail.)&lt;br&gt;<br /> <br /> [mailto:servicesocial@stluc-bruxelles.be → servicesocial@stluc-bruxelles.be]</div> Theophile.gervreaumercier https://wiki.erg.be/mw/index.php?title=Le_service_social&diff=22130 Le service social 2024-01-24T16:43:25Z <p>Theophile.gervreaumercier : /* Octroi d’aides matérielles */</p> <hr /> <div>{{English|The social service}}<br /> <br /> Le Service social du COISL (Comité Organisateur des Instituts Saint-Luc de Bruxelles) s’adresse à tou·te·s les étudiant·e·s de l’erg en difficulté. Le Service social mettra tout en œuvre pour trouver une solution aux difficultés que vous rencontrez qu’elles soient d’ordre social, financier, administratif, psychologique ou pratique. Vous serez toujours accueilli·e avec respect et discrétion par ce service.<br /> <br /> Le Service social s’assure ainsi que tout·e étudiant·e puisse poursuivre ses études dans les meilleures conditions possibles.<br /> <br /> ====Mission d’information====<br /> <br /> * Sur les jobs étudiants,<br /> <br /> * Sur l’affiliation à une mutuelle<br /> <br /> * Sur le recours à une aide du CPAS,<br /> <br /> * Sur les aides médicales et psychologiques,<br /> <br /> * Sur la recherche d’un logement.<br /> <br /> ===Octroi d’aides sociales===<br /> <br /> * Aide financière détaillées dans le document joint.<br /> <br /> ===Octroi d’aides matérielles===<br /> <br /> * Achat de fournitures artistiques,<br /> <br /> * Aide pour les impressions,<br /> <br /> * Aide numérique,<br /> <br /> * Aide pour l’achat de la Suite Adobe,<br /> <br /> * Aide repas,<br /> <br /> * Aide voyage,<br /> <br /> * Job étudiants,<br /> <br /> * [https://article27.app/ Tickets Article 27],<br /> <br /> * Aides exceptionnelles.<br /> <br /> Vous serez invité·e à remplir un formulaire de demande et à y adjoindre des documents prouvant votre situation (revenus, etc.). Toutes les informations concernant l’introduction de cette demande peuvent être obtenues auprès des personnes ressources du Service social.<br /> <br /> Pour obtenir une information plus détaillée → n’hésitez pas à demander la brochure d’infos auprès de l’accueil.&lt;br&gt;<br /> <br /> <br /> → Les demandes sont traitées lors d'un Conseil Social composé de Caroline Wezel, [[Maryline Ledoux]], [[Laurence Rassel]] et deux membres du [[Conseil des étudiant·e·s]].<br /> <br /> Hey, si tu est ici, c'est que tu va probablement chercher à faire l'acquisition d'un nouvelle appareil éléctronique. Voici [[Hardwerg]], un guide d'achat écrit par des étudiant·e·s pour des étudiant·e·s.<br /> <br /> ===Documents===<br /> &lt;gallery mode=&quot;packed&quot; heights=&quot;250px&quot;&gt;<br /> Fichier:ERG - Brochure Service Social 2023-2024.pdf | [https://wiki.erg.be/mw/images/6/60/Brochure_AIDES_EXTERNES_23-24.pdf| → Télécharger]<br /> Fichier:Formulaire Demande Aide 23-24 SUP.docx.pdf | [https://wiki.erg.be/mw/images/b/bb/Formulaire_Demande_Aide_23-24_SUP.docx.pdf → Télécharger]<br /> Fichier:Brochure AIDES EXTERNES 23-24.pdf | [https://wiki.erg.be/mw/images/6/60/Brochure_AIDES_EXTERNES_23-24.pdf → Télécharger]<br /> &lt;/gallery&gt;<br /> <br /> ===Contact===<br /> Caroline Wezel tient des permanences à l'erg (au premier étage près de l'administration, les horaires sont envoyés chaque semaine par mail.)&lt;br&gt;<br /> <br /> [mailto:servicesocial@stluc-bruxelles.be → servicesocial@stluc-bruxelles.be]</div> Theophile.gervreaumercier https://wiki.erg.be/mw/index.php?title=CE_liste_de_liens&diff=22127 CE liste de liens 2024-01-24T16:36:04Z <p>Theophile.gervreaumercier : </p> <hr /> <div>test, eh Lilo t'en dis qoi ?<br /> <br /> MAIL: [mailto:cde@erg.be cde@erg.be]<br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> {{Badge/EAT Enthusiast}}</div> Theophile.gervreaumercier https://wiki.erg.be/mw/index.php?title=CE_liste_de_liens&diff=22126 CE liste de liens 2024-01-24T16:35:55Z <p>Theophile.gervreaumercier : </p> <hr /> <div>test, eh Lilo t'en dis qoi ?<br /> <br /> MAIL: [mailto:cde@erg.be cde@erg.be]<br /> <br /> {{Badge/EAT Enthusiast}}</div> Theophile.gervreaumercier https://wiki.erg.be/mw/index.php?title=CE_liste_de_liens&diff=22121 CE liste de liens 2024-01-24T16:33:12Z <p>Theophile.gervreaumercier : Theophile.gervreaumercier a déplacé la page CE-liste de liens vers CE liste de liens</p> <hr /> <div>test, eh Lilo t'en dis qoi ?<br /> <br /> MAIL: [mailto:cde@erg.be cde@erg.be]</div> Theophile.gervreaumercier https://wiki.erg.be/mw/index.php?title=CE-liste_de_liens&diff=22122 CE-liste de liens 2024-01-24T16:33:12Z <p>Theophile.gervreaumercier : Theophile.gervreaumercier a déplacé la page CE-liste de liens vers CE liste de liens</p> <hr /> <div>#REDIRECTION [[CE liste de liens]]</div> Theophile.gervreaumercier https://wiki.erg.be/mw/index.php?title=CE_liste_de_liens&diff=22119 CE liste de liens 2024-01-24T16:27:09Z <p>Theophile.gervreaumercier : Page créée avec « test, eh Lilo t'en dis qoi ? MAIL: [mailto:cde@erg.be cde@erg.be] »</p> <hr /> <div>test, eh Lilo t'en dis qoi ?<br /> <br /> MAIL: [mailto:cde@erg.be cde@erg.be]</div> Theophile.gervreaumercier https://wiki.erg.be/mw/index.php?title=Conseil_des_%C3%89tudiant%C2%B7e%C2%B7s&diff=22118 Conseil des Étudiant·e·s 2024-01-24T16:25:15Z <p>Theophile.gervreaumercier : </p> <hr /> <div><br /> [[CE-liste_de_liens]]<br /> <br /> ===Membres===<br /> <br /> [https://wiki.erg.be/mw/images/9/9c/CE_2023-24_roles.pdf → Liste des membres 2023-24 (pdf)]<br /> <br /> ====Où nous trouver ?====<br /> La salle du CE se trouve au premier étage près de l'administration, en face de la salle des enseignant·e·s, c'est là que nous nous réunissons pour nos réunions.<br /> ===Missions du Conseil des étudiant·e·s===<br /> <br /> *1° Représenter les étudiant·e·s de l'Ecole supérieure des Arts;<br /> <br /> *2° Défendre et promouvoir leurs intérêts en matière d'enseignement, de pédagogie et de gestion de l'établissement;<br /> <br /> *3° Stimuler la participation active des étudiant·e·s et les initier à l'exercice de la citoyenneté au sein de leur école et dans la société tout entière;<br /> <br /> *4° Faire circuler l'information entre les étudiant·e·s, le Pouvoir organisateur et la direction de l'école;<br /> <br /> *5° Désigner les représentant·e·s des étudiant·e·s au Conseil de gestion pédagogique aux Conseils d'orientation(s) et au Conseil social.<br /> <br /> ===Composition du Conseil des étudiant·e·s===<br /> <br /> Le Conseil des étudiant·e·s est composé des représentant·e·s étudiant·e·s élu·e·s chaque année par l'ensemble des étudiant·e·s de l'Ecole supérieure des Arts. Le Conseil comporte minimum 7 membres.<br /> <br /> Dans la mesure du possible, chaque orientation doit être représentée au sein du Conseil des étudiant·e·s.<br /> <br /> [mailto:cde@erg.be email me] <br /> <br /> <br /> <br /> [[Catégorie:Équipes]]</div> Theophile.gervreaumercier https://wiki.erg.be/mw/index.php?title=Conseil_des_%C3%89tudiant%C2%B7e%C2%B7s&diff=22116 Conseil des Étudiant·e·s 2024-01-24T16:24:34Z <p>Theophile.gervreaumercier : </p> <hr /> <div><br /> [[CE-Linktree]]<br /> <br /> ===Membres===<br /> <br /> [https://wiki.erg.be/mw/images/9/9c/CE_2023-24_roles.pdf → Liste des membres 2023-24 (pdf)]<br /> <br /> ====Où nous trouver ?====<br /> La salle du CE se trouve au premier étage près de l'administration, en face de la salle des enseignant·e·s, c'est là que nous nous réunissons pour nos réunions.<br /> ===Missions du Conseil des étudiant·e·s===<br /> <br /> *1° Représenter les étudiant·e·s de l'Ecole supérieure des Arts;<br /> <br /> *2° Défendre et promouvoir leurs intérêts en matière d'enseignement, de pédagogie et de gestion de l'établissement;<br /> <br /> *3° Stimuler la participation active des étudiant·e·s et les initier à l'exercice de la citoyenneté au sein de leur école et dans la société tout entière;<br /> <br /> *4° Faire circuler l'information entre les étudiant·e·s, le Pouvoir organisateur et la direction de l'école;<br /> <br /> *5° Désigner les représentant·e·s des étudiant·e·s au Conseil de gestion pédagogique aux Conseils d'orientation(s) et au Conseil social.<br /> <br /> ===Composition du Conseil des étudiant·e·s===<br /> <br /> Le Conseil des étudiant·e·s est composé des représentant·e·s étudiant·e·s élu·e·s chaque année par l'ensemble des étudiant·e·s de l'Ecole supérieure des Arts. Le Conseil comporte minimum 7 membres.<br /> <br /> Dans la mesure du possible, chaque orientation doit être représentée au sein du Conseil des étudiant·e·s.<br /> <br /> [mailto:cde@erg.be email me] <br /> <br /> <br /> <br /> [[Catégorie:Équipes]]</div> Theophile.gervreaumercier https://wiki.erg.be/mw/index.php?title=MediaWiki:Common.css&diff=22067 MediaWiki:Common.css 2024-01-24T15:24:52Z <p>Theophile.gervreaumercier : </p> <hr /> <div>/* C O M M O N . c s s<br /> *<br /> * # dark mode<br /> * # templates<br /> * ## badges<br /> <br /> /* une media query qui permet de prendre en compte la préférence de couleur du navigateur. <br /> Tout ce qui est en dehors de cette @media est pour le thème blanc et dans le @media (prefers-color-scheme: dark) */<br /> <br /> /* Liste des éléments à inverser<br /> * div.thumbcaption /* image &quot;thumb&quot; <br /> * button.button.search /* lien externes <br /> * a.external.free /* lien externes <br /> * table.wikitable /* Table wiki ex : En construction Pika<br /> */<br /> <br /> /*<br /> @media (prefers-color-scheme: dark) {<br /> <br /> .page-Bienvenue_à_l’erg h1 {<br /> display:inline=block;<br /> color:red !important;<br /> }<br /> code {<br /> background-color: #111;<br /> border-radius: 4px;<br /> border: 2px solid #666;<br /> color: #999;<br /> font-size: .9em; <br /> }<br /> .title {<br /> color: #9557b5;<br /> }<br /> .mw-headline {<br /> color: #3c856b;<br /> }<br /> body.action-view #page-content a {<br /> color: white;<br /> }<br /> <br /> html {<br /> background-color: #222;<br /> background-color: #222;<br /> color: white;<br /> } <br /> a {<br /> color: pink;<br /> }<br /> body{.<br /> background-color:inherit;<br /> color:inherit;<br /> background: #222;<br /> }<br /> <br /> body.action-view #page-content a{<br /> color: none;<br /> }<br /> <br /> } <br /> <br /> */<br /> pre{<br /> <br /> border-radius: 10px;<br /> }<br /> .rssicon {<br /> display: inline-block;<br /> width: 32px;<br /> height: 32px;<br /> background-image: url(/mw/resources/assets/Feed-icon.png);<br /> }<br /> <br /> <br /> <br /> .hidden {<br /> display: none;<br /> }<br /> <br /> table.infobox {<br /> width: 30em;<br /> font-size: 90%;<br /> border: 1px solid #aaaaaa;<br /> background-color: #f9f9f9;<br /> color: black;<br /> margin-bottom: 0.5em;<br /> margin-left: 1em;<br /> padding: 0.2em;<br /> float: right;<br /> clear: right;<br /> text-align:left;<br /> }<br /> <br /> table.infobox th.head {<br /> text-align: center;<br /> background-color:#ccccff;<br /> }<br /> <br /> /* Flexgal */<br /> div.flexgal {<br /> box-sizing: border-box;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> div.flexgal div.item {<br /> display: flexbox;<br /> }<br /> div.flexgal div.item p {<br /> margin: 0;<br /> padding: 0; /* padding + margin seem to conflict with the grid layout */<br /> }<br /> a img {<br /> border: none;<br /> vertical-align: top; /* magically this cancels the containing anchor's bottom border */<br /> }<br /> <br /> div.pubdate {<br /> clear: both;<br /> }<br /> <br /> .Media {<br /> display: flex;<br /> align-items: flex-start;<br /> margin-bottom: 1em;<br /> }<br /> <br /> .Media-figure {<br /> margin-right: 1em;<br /> }<br /> <br /> .Media-body {<br /> flex: 1;<br /> }<br /> <br /> /* simplify the footer links */<br /> ul#poweredby, li#footer-disclaimer { display: none; }<br /> <br /> .snowflake {<br /> position:absolute;<br /> color:blue;<br /> transition: top 5s linear;<br /> -webkit-text-stroke-width: 1px;<br /> -webkit-text-stroke-color: rgba(0,0,0,0.01);<br /> }<br /> <br /> #content {<br /> max-width: 80ch;<br /> margin: auto;<br /> }<br /> <br /> <br /> /* -- External Image Template -- */<br /> .externalimage-holder {<br /> display:inline-block;<br /> position: relative;<br /> }<br /> .externalimage-holder img {<br /> width: 100%;<br /> height: auto;<br /> }<br /> <br /> /* -- Captcha Page Edition -- */<br /> label[for=wpCaptchaWord] {<br /> background-color:#FFCCCB;<br /> color:white;<br /> border:2px solid white;<br /> }<br /> <br /> /* -- Badges -- */<br /> .badge {<br /> margin:10px;<br /> display:inline-block;<br /> box-sizing:border-box;<br /> padding:0;<br /> margin:0;<br /> <br /> border:2px solid red;<br /> width:300px;<br /> height:75px;<br /> <br /> overflow:hidden;<br /> }<br /> <br /> .badge p {<br /> margin:0;<br /> text-align:center;<br /> <br /> font-size: 8pt;<br /> line-height: 9pt;<br /> }<br /> <br /> .badge .b-icon {<br /> padding:5px;<br /> border-right:1px solid black;<br /> position:relative;<br /> display:inline-block;<br /> width:25%;<br /> height:100%;<br /> <br /> vertical-align:top;<br /> }<br /> <br /> .badge .b-infos {<br /> position:relative;<br /> display:inline-block;<br /> width:70%;<br /> }<br /> <br /> .badge h6 {<br /> text-align:center;<br /> margin:0;<br /> padding:0;<br /> }</div> Theophile.gervreaumercier https://wiki.erg.be/mw/index.php?title=MediaWiki:Common.css&diff=22047 MediaWiki:Common.css 2024-01-24T14:32:52Z <p>Theophile.gervreaumercier : </p> <hr /> <div>/* C O M M O N . c s s<br /> *<br /> * # dark mode<br /> * # templates<br /> * ## badges<br /> <br /> /* une media query qui permet de prendre en compte la préférence de couleur du navigateur. <br /> Tout ce qui est en dehors de cette @media est pour le thème blanc et dans le @media (prefers-color-scheme: dark) */<br /> <br /> /* Liste des éléments à inverser<br /> * div.thumbcaption /* image &quot;thumb&quot; <br /> * button.button.search /* lien externes <br /> * a.external.free /* lien externes <br /> * table.wikitable /* Table wiki ex : En construction Pika<br /> */<br /> <br /> body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading { display: none; }<br /> html.client-js.js.flexbox.flexboxlegacy.canvas.canvastext.webgl.no-touch.geolocation.postmessage.no-websqldatabase.indexeddb.hashchange.history.draganddrop.websockets.rgba.hsla.multiplebgs.backgroundsize.borderimage.borderradius.boxshadow.textshadow.opacity.cssanimations.csscolumns.cssgradients.no-cssreflections.csstransforms.csstransforms3d.csstransitions.fontface.generatedcontent.video.audio.localstorage.sessionstorage.webworkers.no-applicationcache.svg.inlinesvg.smil.svgclippaths body.mediawiki.ltr.sitedir-ltr.mw-hide-empty-elt.ns-0.ns-subject.page-Bienvenue_à_l’erg.rootpage-Bienvenue_à_l’erg.skin-ouroboros.action-view div#page-content div.row div#p-cactions.large-12.columns div#content h3#tagline{<br /> display: none;<br /> }<br /> <br /> html.client-js.js.flexbox.flexboxlegacy.canvas.canvastext.webgl.no-touch.geolocation.postmessage.no-websqldatabase.indexeddb.hashchange.history.draganddrop.websockets.rgba.hsla.multiplebgs.backgroundsize.borderimage.borderradius.boxshadow.textshadow.opacity.cssanimations.csscolumns.cssgradients.no-cssreflections.csstransforms.csstransforms3d.csstransitions.fontface.generatedcontent.video.audio.localstorage.sessionstorage.webworkers.no-applicationcache.svg.inlinesvg.smil.svgclippaths body.mediawiki.ltr.sitedir-ltr.mw-hide-empty-elt.ns-0.ns-subject.page-Bienvenue_à_l’erg.rootpage-Bienvenue_à_l’erg.skin-ouroboros.action-view div#page-content div.row div#p-cactions.large-12.columns div#content h1#firstHeading.title{<br /> display:none;<br /> }<br /> <br /> /*<br /> @media (prefers-color-scheme: dark) {<br /> <br /> .page-Bienvenue_à_l’erg h1 {<br /> display:inline=block;<br /> color:red !important;<br /> }<br /> code {<br /> background-color: #111;<br /> border-radius: 4px;<br /> border: 2px solid #666;<br /> color: #999;<br /> font-size: .9em; <br /> }<br /> .title {<br /> color: #9557b5;<br /> }<br /> .mw-headline {<br /> color: #3c856b;<br /> }<br /> body.action-view #page-content a {<br /> color: white;<br /> }<br /> <br /> html {<br /> background-color: #222;<br /> background-color: #222;<br /> color: white;<br /> } <br /> a {<br /> color: pink;<br /> }<br /> body{.<br /> background-color:inherit;<br /> color:inherit;<br /> background: #222;<br /> }<br /> <br /> body.action-view #page-content a{<br /> color: none;<br /> }<br /> <br /> } <br /> <br /> */<br /> pre{<br /> <br /> border-radius: 10px;<br /> }<br /> .rssicon {<br /> display: inline-block;<br /> width: 32px;<br /> height: 32px;<br /> background-image: url(/mw/resources/assets/Feed-icon.png);<br /> }<br /> <br /> <br /> <br /> .hidden {<br /> display: none;<br /> }<br /> <br /> table.infobox {<br /> width: 30em;<br /> font-size: 90%;<br /> border: 1px solid #aaaaaa;<br /> background-color: #f9f9f9;<br /> color: black;<br /> margin-bottom: 0.5em;<br /> margin-left: 1em;<br /> padding: 0.2em;<br /> float: right;<br /> clear: right;<br /> text-align:left;<br /> }<br /> <br /> table.infobox th.head {<br /> text-align: center;<br /> background-color:#ccccff;<br /> }<br /> <br /> /* Flexgal */<br /> div.flexgal {<br /> box-sizing: border-box;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> div.flexgal div.item {<br /> display: flexbox;<br /> }<br /> div.flexgal div.item p {<br /> margin: 0;<br /> padding: 0; /* padding + margin seem to conflict with the grid layout */<br /> }<br /> a img {<br /> border: none;<br /> vertical-align: top; /* magically this cancels the containing anchor's bottom border */<br /> }<br /> <br /> div.pubdate {<br /> clear: both;<br /> }<br /> <br /> .Media {<br /> display: flex;<br /> align-items: flex-start;<br /> margin-bottom: 1em;<br /> }<br /> <br /> .Media-figure {<br /> margin-right: 1em;<br /> }<br /> <br /> .Media-body {<br /> flex: 1;<br /> }<br /> <br /> /* simplify the footer links */<br /> ul#poweredby, li#footer-disclaimer { display: none; }<br /> <br /> .snowflake {<br /> position:absolute;<br /> color:blue;<br /> transition: top 5s linear;<br /> -webkit-text-stroke-width: 1px;<br /> -webkit-text-stroke-color: rgba(0,0,0,0.01);<br /> }<br /> <br /> #content {<br /> max-width: 80ch;<br /> margin: auto;<br /> }<br /> <br /> <br /> /* -- External Image Template -- */<br /> .externalimage-holder {<br /> display:inline-block;<br /> position: relative;<br /> }<br /> .externalimage-holder img {<br /> width: 100%;<br /> height: auto;<br /> }<br /> <br /> /* -- Captcha Page Edition -- */<br /> label[for=wpCaptchaWord] {<br /> background-color:#FFCCCB;<br /> color:white;<br /> border:2px solid white;<br /> }<br /> <br /> /* -- Badges -- */<br /> .badge {<br /> margin:10px;<br /> display:inline-block;<br /> box-sizing:border-box;<br /> padding:0;<br /> margin:0;<br /> <br /> border:2px solid red;<br /> width:300px;<br /> height:75px;<br /> <br /> overflow:hidden;<br /> }<br /> <br /> .badge p {<br /> margin:0;<br /> text-align:center;<br /> <br /> font-size: 8pt;<br /> line-height: 9pt;<br /> }<br /> <br /> .badge .b-icon {<br /> padding:5px;<br /> border-right:1px solid black;<br /> position:relative;<br /> display:inline-block;<br /> width:25%;<br /> height:100%;<br /> <br /> vertical-align:top;<br /> }<br /> <br /> .badge .b-infos {<br /> position:relative;<br /> display:inline-block;<br /> width:70%;<br /> }<br /> <br /> .badge h6 {<br /> text-align:center;<br /> margin:0;<br /> padding:0;<br /> }</div> Theophile.gervreaumercier https://wiki.erg.be/mw/index.php?title=MediaWiki:Common.css&diff=22046 MediaWiki:Common.css 2024-01-24T14:31:17Z <p>Theophile.gervreaumercier : </p> <hr /> <div>/* C O M M O N . c s s<br /> *<br /> * # dark mode<br /> * # templates<br /> * ## badges<br /> <br /> /* une media query qui permet de prendre en compte la préférence de couleur du navigateur. <br /> Tout ce qui est en dehors de cette @media est pour le thème blanc et dans le @media (prefers-color-scheme: dark) */<br /> <br /> /* Liste des éléments à inverser<br /> * div.thumbcaption /* image &quot;thumb&quot; <br /> * button.button.search /* lien externes <br /> * a.external.free /* lien externes <br /> * table.wikitable /* Table wiki ex : En construction Pika<br /> */<br /> <br /> body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading { display: none; }<br /> <br /> html.client-js.js.flexbox.flexboxlegacy.canvas.canvastext.webgl.no-touch.geolocation.postmessage.no-websqldatabase.indexeddb.hashchange.history.draganddrop.websockets.rgba.hsla.multiplebgs.backgroundsize.borderimage.borderradius.boxshadow.textshadow.opacity.cssanimations.csscolumns.cssgradients.no-cssreflections.csstransforms.csstransforms3d.csstransitions.fontface.generatedcontent.video.audio.localstorage.sessionstorage.webworkers.no-applicationcache.svg.inlinesvg.smil.svgclippaths body.mediawiki.ltr.sitedir-ltr.mw-hide-empty-elt.ns-0.ns-subject.page-Bienvenue_à_l’erg.rootpage-Bienvenue_à_l’erg.skin-ouroboros.action-view div#page-content div.row div#p-cactions.large-12.columns div#content h1#firstHeading.title{<br /> display:none;<br /> }<br /> <br /> /*<br /> @media (prefers-color-scheme: dark) {<br /> <br /> .page-Bienvenue_à_l’erg h1 {<br /> display:inline=block;<br /> color:red !important;<br /> }<br /> code {<br /> background-color: #111;<br /> border-radius: 4px;<br /> border: 2px solid #666;<br /> color: #999;<br /> font-size: .9em; <br /> }<br /> .title {<br /> color: #9557b5;<br /> }<br /> .mw-headline {<br /> color: #3c856b;<br /> }<br /> body.action-view #page-content a {<br /> color: white;<br /> }<br /> <br /> html {<br /> background-color: #222;<br /> background-color: #222;<br /> color: white;<br /> } <br /> a {<br /> color: pink;<br /> }<br /> body{.<br /> background-color:inherit;<br /> color:inherit;<br /> background: #222;<br /> }<br /> <br /> body.action-view #page-content a{<br /> color: none;<br /> }<br /> <br /> } <br /> <br /> */<br /> pre{<br /> <br /> border-radius: 10px;<br /> }<br /> .rssicon {<br /> display: inline-block;<br /> width: 32px;<br /> height: 32px;<br /> background-image: url(/mw/resources/assets/Feed-icon.png);<br /> }<br /> <br /> <br /> <br /> .hidden {<br /> display: none;<br /> }<br /> <br /> table.infobox {<br /> width: 30em;<br /> font-size: 90%;<br /> border: 1px solid #aaaaaa;<br /> background-color: #f9f9f9;<br /> color: black;<br /> margin-bottom: 0.5em;<br /> margin-left: 1em;<br /> padding: 0.2em;<br /> float: right;<br /> clear: right;<br /> text-align:left;<br /> }<br /> <br /> table.infobox th.head {<br /> text-align: center;<br /> background-color:#ccccff;<br /> }<br /> <br /> /* Flexgal */<br /> div.flexgal {<br /> box-sizing: border-box;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> div.flexgal div.item {<br /> display: flexbox;<br /> }<br /> div.flexgal div.item p {<br /> margin: 0;<br /> padding: 0; /* padding + margin seem to conflict with the grid layout */<br /> }<br /> a img {<br /> border: none;<br /> vertical-align: top; /* magically this cancels the containing anchor's bottom border */<br /> }<br /> <br /> div.pubdate {<br /> clear: both;<br /> }<br /> <br /> .Media {<br /> display: flex;<br /> align-items: flex-start;<br /> margin-bottom: 1em;<br /> }<br /> <br /> .Media-figure {<br /> margin-right: 1em;<br /> }<br /> <br /> .Media-body {<br /> flex: 1;<br /> }<br /> <br /> /* simplify the footer links */<br /> ul#poweredby, li#footer-disclaimer { display: none; }<br /> <br /> .snowflake {<br /> position:absolute;<br /> color:blue;<br /> transition: top 5s linear;<br /> -webkit-text-stroke-width: 1px;<br /> -webkit-text-stroke-color: rgba(0,0,0,0.01);<br /> }<br /> <br /> #content {<br /> max-width: 80ch;<br /> margin: auto;<br /> }<br /> <br /> <br /> /* -- External Image Template -- */<br /> .externalimage-holder {<br /> display:inline-block;<br /> position: relative;<br /> }<br /> .externalimage-holder img {<br /> width: 100%;<br /> height: auto;<br /> }<br /> <br /> /* -- Captcha Page Edition -- */<br /> label[for=wpCaptchaWord] {<br /> background-color:#FFCCCB;<br /> color:white;<br /> border:2px solid white;<br /> }<br /> <br /> /* -- Badges -- */<br /> .badge {<br /> margin:10px;<br /> display:inline-block;<br /> box-sizing:border-box;<br /> padding:0;<br /> margin:0;<br /> <br /> border:2px solid red;<br /> width:300px;<br /> height:75px;<br /> <br /> overflow:hidden;<br /> }<br /> <br /> .badge p {<br /> margin:0;<br /> text-align:center;<br /> <br /> font-size: 8pt;<br /> line-height: 9pt;<br /> }<br /> <br /> .badge .b-icon {<br /> padding:5px;<br /> border-right:1px solid black;<br /> position:relative;<br /> display:inline-block;<br /> width:25%;<br /> height:100%;<br /> <br /> vertical-align:top;<br /> }<br /> <br /> .badge .b-infos {<br /> position:relative;<br /> display:inline-block;<br /> width:70%;<br /> }<br /> <br /> .badge h6 {<br /> text-align:center;<br /> margin:0;<br /> padding:0;<br /> }</div> Theophile.gervreaumercier https://wiki.erg.be/mw/index.php?title=MediaWiki:Common.css&diff=22042 MediaWiki:Common.css 2024-01-24T14:28:29Z <p>Theophile.gervreaumercier : </p> <hr /> <div>/* C O M M O N . c s s<br /> *<br /> * # dark mode<br /> * # templates<br /> * ## badges<br /> <br /> /* une media query qui permet de prendre en compte la préférence de couleur du navigateur. <br /> Tout ce qui est en dehors de cette @media est pour le thème blanc et dans le @media (prefers-color-scheme: dark) */<br /> <br /> /* Liste des éléments à inverser<br /> * div.thumbcaption /* image &quot;thumb&quot; <br /> * button.button.search /* lien externes <br /> * a.external.free /* lien externes <br /> * table.wikitable /* Table wiki ex : En construction Pika<br /> */<br /> <br /> body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading { display: none; }<br /> <br /> /*<br /> @media (prefers-color-scheme: dark) {<br /> <br /> .page-Bienvenue_à_l’erg h1 {<br /> display:inline=block;<br /> color:red !important;<br /> }<br /> code {<br /> background-color: #111;<br /> border-radius: 4px;<br /> border: 2px solid #666;<br /> color: #999;<br /> font-size: .9em; <br /> }<br /> .title {<br /> color: #9557b5;<br /> }<br /> .mw-headline {<br /> color: #3c856b;<br /> }<br /> body.action-view #page-content a {<br /> color: white;<br /> }<br /> <br /> html {<br /> background-color: #222;<br /> background-color: #222;<br /> color: white;<br /> } <br /> a {<br /> color: pink;<br /> }<br /> body{.<br /> background-color:inherit;<br /> color:inherit;<br /> background: #222;<br /> }<br /> <br /> body.action-view #page-content a{<br /> color: none;<br /> }<br /> <br /> } <br /> <br /> */<br /> pre{<br /> <br /> border-radius: 10px;<br /> }<br /> .rssicon {<br /> display: inline-block;<br /> width: 32px;<br /> height: 32px;<br /> background-image: url(/mw/resources/assets/Feed-icon.png);<br /> }<br /> <br /> <br /> <br /> .hidden {<br /> display: none;<br /> }<br /> <br /> table.infobox {<br /> width: 30em;<br /> font-size: 90%;<br /> border: 1px solid #aaaaaa;<br /> background-color: #f9f9f9;<br /> color: black;<br /> margin-bottom: 0.5em;<br /> margin-left: 1em;<br /> padding: 0.2em;<br /> float: right;<br /> clear: right;<br /> text-align:left;<br /> }<br /> <br /> table.infobox th.head {<br /> text-align: center;<br /> background-color:#ccccff;<br /> }<br /> <br /> /* Flexgal */<br /> div.flexgal {<br /> box-sizing: border-box;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> div.flexgal div.item {<br /> display: flexbox;<br /> }<br /> div.flexgal div.item p {<br /> margin: 0;<br /> padding: 0; /* padding + margin seem to conflict with the grid layout */<br /> }<br /> a img {<br /> border: none;<br /> vertical-align: top; /* magically this cancels the containing anchor's bottom border */<br /> }<br /> <br /> div.pubdate {<br /> clear: both;<br /> }<br /> <br /> .Media {<br /> display: flex;<br /> align-items: flex-start;<br /> margin-bottom: 1em;<br /> }<br /> <br /> .Media-figure {<br /> margin-right: 1em;<br /> }<br /> <br /> .Media-body {<br /> flex: 1;<br /> }<br /> <br /> /* simplify the footer links */<br /> ul#poweredby, li#footer-disclaimer { display: none; }<br /> <br /> .snowflake {<br /> position:absolute;<br /> color:blue;<br /> transition: top 5s linear;<br /> -webkit-text-stroke-width: 1px;<br /> -webkit-text-stroke-color: rgba(0,0,0,0.01);<br /> }<br /> <br /> #content {<br /> max-width: 80ch;<br /> margin: auto;<br /> }<br /> <br /> <br /> /* -- External Image Template -- */<br /> .externalimage-holder {<br /> display:inline-block;<br /> position: relative;<br /> }<br /> .externalimage-holder img {<br /> width: 100%;<br /> height: auto;<br /> }<br /> <br /> /* -- Captcha Page Edition -- */<br /> label[for=wpCaptchaWord] {<br /> background-color:#FFCCCB;<br /> color:white;<br /> border:2px solid white;<br /> }<br /> <br /> /* -- Badges -- */<br /> .badge {<br /> margin:10px;<br /> display:inline-block;<br /> box-sizing:border-box;<br /> padding:0;<br /> margin:0;<br /> <br /> border:2px solid red;<br /> width:300px;<br /> height:75px;<br /> <br /> overflow:hidden;<br /> }<br /> <br /> .badge p {<br /> margin:0;<br /> text-align:center;<br /> <br /> font-size: 8pt;<br /> line-height: 9pt;<br /> }<br /> <br /> .badge .b-icon {<br /> padding:5px;<br /> border-right:1px solid black;<br /> position:relative;<br /> display:inline-block;<br /> width:25%;<br /> height:100%;<br /> <br /> vertical-align:top;<br /> }<br /> <br /> .badge .b-infos {<br /> position:relative;<br /> display:inline-block;<br /> width:70%;<br /> }<br /> <br /> .badge h6 {<br /> text-align:center;<br /> margin:0;<br /> padding:0;<br /> }</div> Theophile.gervreaumercier https://wiki.erg.be/mw/index.php?title=Admin_Wiki&diff=21835 Admin Wiki 2024-01-24T09:30:00Z <p>Theophile.gervreaumercier : /* INTRO 😶‍🌫️ */</p> <hr /> <div><br /> ==INTRO 😶‍🌫️ ==<br /> <br /> wiki.erg.be est hébergé chez [XXX], sur une machine Debian. <br /> <br /> Pour s'y connecter, on doit d'abord avoir un compte et un $HOME sur le serveur. Pour cela, s'en référé à [[Utilisateur:Maxime|erg-nomade]],(2024).<br /> <br /> Ensuite, on a besoin d'une clé SSH qui va permettre de se connecter à son comptes sur la machine Debian. <br /> <br /> La commande SSH est la suivante: <br /> <br /> &lt;pre&gt;<br /> ssh -p 3265 user@wiki.erg.be<br /> &lt;/pre&gt;<br /> <br /> Pour une connexion via sFTP, avec Filezilla par exemple, prenez en compte le port SSH non standard et votre clé SSH privée. (celle sans extension &lt;code&gt;.pub&lt;/code&gt;)<br /> <br /> Quand vous arrivez à votre $HOME, regarder ci-dessous pour voir le chemin vers le site:<br /> <br /> == File System 🗂️ du site ==<br /> Le '''dossier racine''' contenant tout le site:<br /> &lt;pre&gt;<br /> /var/www/wiki.erg.be/public_html/ <br /> &lt;/pre&gt;<br /> Le dossier de la carte en D3.js:<br /> &lt;pre&gt;<br /> /var/www/wiki.erg.be/public_html/m <br /> &lt;/pre&gt;<br /> <br /> Le js de la carte, a été modifié à la main dans le passé par [[Stéphanie Vilayphiou]]<br /> &lt;pre&gt;<br /> ./m/dist/ <br /> &lt;/pre&gt;<br /> <br /> Le dossier du mediawiki:<br /> &lt;pre&gt;<br /> /var/www/wiki.erg.be/public_html/mw <br /> &lt;/pre&gt;<br /> Le dossier pour les extensions :<br /> &lt;pre&gt;<br /> ./mw/extension <br /> &lt;/pre&gt;<br /> Le thème de base modifié par l'équipe<br /> &lt;pre&gt;<br /> ./mw/skins/foreground <br /> &lt;/pre&gt;<br /> Le dossier pour les typo<br /> &lt;pre&gt;<br /> ./mw/skins/foreground/assets/fonts <br /> &lt;/pre&gt;<br /> <br /> Le dossier pour les ressources du wiki, type image, logo, vidéo externe etc<br /> &lt;pre&gt;<br /> ./mw/resources/assets <br /> &lt;/pre&gt;<br /> <br /> == Configuration du Mediawiki==<br /> <br /> On peut manipuler plein de fichier de configuration du MediaWiki depuis le wiki même :<br /> * [[MediaWiki:Foreground.css]], qui permet de modifier le skin '''foreground''', le thème officiel du wiki.<br /> * [[MediaWiki:Common.css]] permettant d'ajouter du CSS à toutes les pages.<br /> * [[MediaWiki:Common.js]] permettant d'ajouter du JAVASCRIPT à toutes les pages.<br /> * [[MediaWiki:Sidebar]] permettant de paramétrer les menues dans la bar de navigation.<br /> ** Documentation [https://www.mediawiki.org/wiki/Manual:Interface/Sidebar| Interface/Sidebar]<br /> <br /> === LocalSettings.php ===<br /> <br /> <br /> ==== CONFIG Modifié pendant [[Workshop : WIKI MAINTENANCE]] 🦺====<br /> &lt;code&gt;LocalSettings.php&lt;/code&gt;<br /> &lt;pre&gt;<br /> $wgUseSiteJs=true; # Cela permet d'activer une page qui s'appelle MediaWikiCommon.js qui permet de définir du JavaScript commun à toutes les pages du wiki.<br /> <br /> $wgGroupPermissions['user']['editinterface'] = true; # toustes les utilisateurices peuvent éditer les pages d'édition de l'interface, comme Common.css<br /> <br /> <br /> # $wgReadOnly = &quot;Opération de maintenance. Création d'une sauvegarde de la base de donnée. L’accès au wiki sera restauré sous peu.&quot;;<br /> <br /> # Ligne qui permet de bloquer la base donnée avant de faire une sauvegarde de la SQL.<br /> # C'est important de garder ces lignes commentées pour que la base de donnée soit éditable. <br /> <br /> $wgAllowExternalImages = true; # autorise des images externes<br /> # https://www.mediawiki.org/wiki/Manual:$wgAllowExternalImages<br /> <br /> &lt;/pre&gt;</div> Theophile.gervreaumercier https://wiki.erg.be/mw/index.php?title=Admin_Wiki&diff=21834 Admin Wiki 2024-01-24T09:28:59Z <p>Theophile.gervreaumercier : /* Configuration du Mediawiki */</p> <hr /> <div><br /> ==INTRO 😶‍🌫️ ==<br /> <br /> wiki.erg.be est hébergé chez [XXX], sur une machine Debian. <br /> <br /> Pour s'y connecter, on doit d'abord avoir un compte et un $HOME sur le serveur. Pour cela, s'en référé à [[Utilisateur:Maxime|erg-nomade]],(2024).<br /> Ensuite, on a besoin d'une clé SSH qui va permettre de se connecter à son comptes sur la machine Debian. <br /> <br /> La commande SSH est la suivante: <br /> <br /> &lt;pre&gt;<br /> ssh -p 3265 user@wiki.erg.be<br /> &lt;/pre&gt;<br /> <br /> Pour une connexion via sFTP, avec Filezilla par exemple, prenez en compte le port SSH non standard et votre clé SSH privée. (celle sans extension &lt;code&gt;.pub&lt;/code&gt;)<br /> <br /> Quand vous arrivez à votre $HOME, regarder ci-dessous pour voir le chemin vers le site:<br /> <br /> == File System 🗂️ du site ==<br /> Le '''dossier racine''' contenant tout le site:<br /> &lt;pre&gt;<br /> /var/www/wiki.erg.be/public_html/ <br /> &lt;/pre&gt;<br /> Le dossier de la carte en D3.js:<br /> &lt;pre&gt;<br /> /var/www/wiki.erg.be/public_html/m <br /> &lt;/pre&gt;<br /> <br /> Le js de la carte, a été modifié à la main dans le passé par [[Stéphanie Vilayphiou]]<br /> &lt;pre&gt;<br /> ./m/dist/ <br /> &lt;/pre&gt;<br /> <br /> Le dossier du mediawiki:<br /> &lt;pre&gt;<br /> /var/www/wiki.erg.be/public_html/mw <br /> &lt;/pre&gt;<br /> Le dossier pour les extensions :<br /> &lt;pre&gt;<br /> ./mw/extension <br /> &lt;/pre&gt;<br /> Le thème de base modifié par l'équipe<br /> &lt;pre&gt;<br /> ./mw/skins/foreground <br /> &lt;/pre&gt;<br /> Le dossier pour les typo<br /> &lt;pre&gt;<br /> ./mw/skins/foreground/assets/fonts <br /> &lt;/pre&gt;<br /> <br /> Le dossier pour les ressources du wiki, type image, logo, vidéo externe etc<br /> &lt;pre&gt;<br /> ./mw/resources/assets <br /> &lt;/pre&gt;<br /> <br /> == Configuration du Mediawiki==<br /> <br /> On peut manipuler plein de fichier de configuration du MediaWiki depuis le wiki même :<br /> * [[MediaWiki:Foreground.css]], qui permet de modifier le skin '''foreground''', le thème officiel du wiki.<br /> * [[MediaWiki:Common.css]] permettant d'ajouter du CSS à toutes les pages.<br /> * [[MediaWiki:Common.js]] permettant d'ajouter du JAVASCRIPT à toutes les pages.<br /> * [[MediaWiki:Sidebar]] permettant de paramétrer les menues dans la bar de navigation.<br /> ** Documentation [https://www.mediawiki.org/wiki/Manual:Interface/Sidebar| Interface/Sidebar]<br /> <br /> === LocalSettings.php ===<br /> <br /> <br /> ==== CONFIG Modifié pendant [[Workshop : WIKI MAINTENANCE]] 🦺====<br /> &lt;code&gt;LocalSettings.php&lt;/code&gt;<br /> &lt;pre&gt;<br /> $wgUseSiteJs=true; # Cela permet d'activer une page qui s'appelle MediaWikiCommon.js qui permet de définir du JavaScript commun à toutes les pages du wiki.<br /> <br /> $wgGroupPermissions['user']['editinterface'] = true; # toustes les utilisateurices peuvent éditer les pages d'édition de l'interface, comme Common.css<br /> <br /> <br /> # $wgReadOnly = &quot;Opération de maintenance. Création d'une sauvegarde de la base de donnée. L’accès au wiki sera restauré sous peu.&quot;;<br /> <br /> # Ligne qui permet de bloquer la base donnée avant de faire une sauvegarde de la SQL.<br /> # C'est important de garder ces lignes commentées pour que la base de donnée soit éditable. <br /> <br /> $wgAllowExternalImages = true; # autorise des images externes<br /> # https://www.mediawiki.org/wiki/Manual:$wgAllowExternalImages<br /> <br /> &lt;/pre&gt;</div> Theophile.gervreaumercier https://wiki.erg.be/mw/index.php?title=Admin_Wiki&diff=21826 Admin Wiki 2024-01-23T16:12:00Z <p>Theophile.gervreaumercier : /* Configuration du Mediawiki */</p> <hr /> <div><br /> ==INTRO 😶‍🌫️ ==<br /> <br /> wiki.erg.be est hébergé chez [XXX], sur une machine Debian. <br /> <br /> Pour s'y connecter, on doit d'abord avoir un compte et un $HOME sur le serveur. Pour cela, s'en référé à [[Utilisateur:Maxime|erg-nomade]],(2024).<br /> Ensuite, on a besoin d'une clé SSH qui va permettre de se connecter à son comptes sur la machine Debian. <br /> <br /> La commande SSH est la suivante: <br /> <br /> &lt;pre&gt;<br /> ssh -p 3265 user@wiki.erg.be<br /> &lt;/pre&gt;<br /> <br /> Pour une connexion via sFTP, avec Filezilla par exemple, prenez en compte le port SSH non standard et votre clé SSH privée. (celle sans extension &lt;code&gt;.pub&lt;/code&gt;)<br /> <br /> Quand vous arrivez à votre $HOME, regarder ci-dessous pour voir le chemin vers le site:<br /> <br /> == File System 🗂️ du site ==<br /> Le '''dossier racine''' contenant tout le site:<br /> &lt;pre&gt;<br /> /var/www/wiki.erg.be/public_html/ <br /> &lt;/pre&gt;<br /> Le dossier de la carte en D3.js:<br /> &lt;pre&gt;<br /> /var/www/wiki.erg.be/public_html/m <br /> &lt;/pre&gt;<br /> <br /> Le js de la carte, a été modifié à la main dans le passé par [[Stéphanie Vilayphiou]]<br /> &lt;pre&gt;<br /> ./m/dist/ <br /> &lt;/pre&gt;<br /> <br /> Le dossier du mediawiki:<br /> &lt;pre&gt;<br /> /var/www/wiki.erg.be/public_html/mw <br /> &lt;/pre&gt;<br /> Le dossier pour les extensions :<br /> &lt;pre&gt;<br /> ./mw/extension <br /> &lt;/pre&gt;<br /> Le thème de base modifié par l'équipe<br /> &lt;pre&gt;<br /> ./mw/skins/foreground <br /> &lt;/pre&gt;<br /> Le dossier pour les typo<br /> &lt;pre&gt;<br /> ./mw/skins/foreground/assets/fonts <br /> &lt;/pre&gt;<br /> <br /> Le dossier pour les ressources du wiki, type image, logo, vidéo externe etc<br /> &lt;pre&gt;<br /> ./mw/resources/assets <br /> &lt;/pre&gt;<br /> <br /> == Configuration du Mediawiki==<br /> <br /> On peut manipuler plein de fichier de configuration du MediaWiki depuis le wiki même :<br /> * [[MediaWiki:Foreground.css]], qui permet de modifier le skin '''foreground''', le thème officiel du wiki.<br /> * [[MediaWiki:Common.css]] permettant d'ajouter du CSS à toutes les pages.<br /> * [[MediaWiki:Common.js]] permettant d'ajouter du JAVASCRIPT à toutes les pages.<br /> * [[MediaWiki:Sidebar]] permettant de controller les menu dans la bar de navigation.<br /> <br /> === LocalSettings.php ===<br /> <br /> <br /> ==== CONFIG Modifié pendant [[Workshop : WIKI MAINTENANCE]] 🦺====<br /> &lt;code&gt;LocalSettings.php&lt;/code&gt;<br /> &lt;pre&gt;<br /> $wgUseSiteJs=true; # Cela permet d'activer une page qui s'appelle MediaWikiCommon.js qui permet de définir du javascript commun à toutes les page du wiki.<br /> <br /> $wgGroupPermissions['user']['editinterface'] = true; # toustes les utilisateurices peuvent éditer les pages d'édition de l'interface, comme Common.css<br /> <br /> <br /> # $wgReadOnly = &quot;Opération de maintenance. Création d'une sauvegarde de la base de donnée. L’accès au wiki sera restauré sous peu.&quot;;<br /> <br /> # Ligne qui permet de bloquer la base donnée avant de faire une sauvegarde de la SQL.<br /> # C'est important de garder ces lignes commentées pour que la base de donnée soit éditable. <br /> <br /> $wgAllowExternalImages = true; # autorise des images externes<br /> # https://www.mediawiki.org/wiki/Manual:$wgAllowExternalImages<br /> <br /> &lt;/pre&gt;</div> Theophile.gervreaumercier https://wiki.erg.be/mw/index.php?title=MediaWiki:Foreground.css&diff=21802 MediaWiki:Foreground.css 2024-01-23T15:28:54Z <p>Theophile.gervreaumercier : </p> <hr /> <div><br /> /*<br /> _ ______ _____ _ _______ _ _ _________ _ _ ______ __ __ ______ <br /> | | | ____| / ____| |/ /_ _| \ | | / /__ __| | | | ____| \/ | ____|<br /> | | | |__ | (___ | ' / | | | \| | / / | | | |__| | |__ | \ / | |__ <br /> | | | __| \___ \| &lt; | | | . ` | / / | | | __ | __| | |\/| | __| <br /> | |____| |____ ____) | . \ _| |_| |\ |/ / | | | | | | |____| | | | |____ <br /> |______|______|_|_____/|_|\_\_____|_|_\_/_/___ _ |_| |_| |_|______|_| |_|______|<br /> / __ \| ____| ____|_ _/ ____|_ _| ____| | <br /> | | | | |__ | |__ | || | | | | |__ | | <br /> | | | | __| | __| | || | | | | __| | | <br /> | |__| | | | | _| || |____ _| |_| |____| |____ <br /> \____/|_|____|_| |_____\_____|_____|______|______| <br /> | __ \| ____| <br /> | | | | |__ <br /> | | | | __| <br /> | |__| | |____ <br /> |_____/|______|_ _____ _____ <br /> | | | ____| __ \ / ____| <br /> | | | |__ | |__) | | __ <br /> | | | __| | _ /| | |_ | <br /> | |____ | |____| | \ \| |__| | <br /> |______| |______|_| \_\\_____| <br /> <br /> <br /> */<br /> <br /> <br /> @font-face {<br /> font-family: Combined;<br /> src: url(&quot;/mw/skins/foreground/assets/fonts/combined.otf&quot;);<br /> }<br /> @font-face {<br /> font-family: Lucette;<br /> src: url(&quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regular.otf&quot;);<br /> src: url(&quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regular.ttf&quot;);<br /> src: url(&quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regular.woff&quot;);<br /> src: url(&quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regular.woff2&quot;);<br /> }<br /> @font-face {<br /> font-family: Lucette;<br /> src: url(&quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/otf/Lucette-Regularitalic.otf&quot;);<br /> src: url(&quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/ttf/Lucette-Regularitalic.ttf&quot;);<br /> src: url(&quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff/Lucette-Regularitalic.woff&quot;);<br /> src: url(&quot;/mw/skins/foreground/assets/fonts/LUCETTE/font/woff2/Lucette-Regularitalic.woff2&quot;);<br /> font-style: italic;<br /> }<br /> /*<br /> @font-face {<br /> font-family: Vega;<br /> src: url(&quot;/mw/skins/foreground/assets/fonts/otf/Vega-Regular.otf&quot;);<br /> src: url(&quot;/mw/skins/foreground/assets/fonts/Vega-Regular.ttf&quot;) format(&quot;truetype&quot;);<br /> src: url(&quot;/mw/skins/foreground/assets/fonts/Vega-Regular-Webfont.svg&quot; format(&quot;svg&quot;));<br /> src: url(&quot;/mw/skins/foreground/assets/fonts/Vega-Regular.woff&quot; format(&quot;woff&quot;));<br /> src: url(&quot;/mw/skins/foreground/assets/fonts/Vega-Regular.woff2&quot;) format(&quot;woff2&quot;);<br /> }<br /> */<br /> <br /> <br /> <br /> <br /> /* Global variables. */<br /> :root,<br /> ::backdrop {<br /> /* Set sans-serif &amp; mono fonts */<br /> --sans-font: -apple-system, BlinkMacSystemFont, &quot;Avenir Next&quot;, Avenir,<br /> &quot;Nimbus Sans L&quot;, Roboto, &quot;Noto Sans&quot;, &quot;Segoe UI&quot;, Arial, Helvetica,<br /> &quot;Helvetica Neue&quot;, sans-serif;<br /> --mono-font: Consolas, Menlo, Monaco, &quot;Andale Mono&quot;, &quot;Ubuntu Mono&quot;, monospace;<br /> --standard-border-radius: 5px;<br /> <br /> /* Default (light) theme */<br /> --bg: #fff;<br /> --accent-bg: #f5f7ff;<br /> --text: #212121;<br /> --text-light: #585858;<br /> --border: #898EA4;<br /> --accent: #0d47a1;<br /> --accent-hover: #1266e2;<br /> --accent-text: var(--bg);<br /> --code: #d81b60;<br /> --preformatted: #444;<br /> --marked: #ffdd33;<br /> --disabled: #efefef;<br /> <br /> --font-title: Combined;<br /> --font-body: Lucette;<br /> --color-a: #a700ff; /* purple */<br /> --color-b: #00ab6b; /* green */<br /> --font-size: 23px;<br /> --line-height: 1.3em;<br /> }<br /> <br /> /* Dark theme */<br /> @media (prefers-color-scheme: dark) {<br /> :root,<br /> ::backdrop {<br /> color-scheme: dark;<br /> --bg: #212121;<br /> --accent-bg: #2b2b2b;<br /> --text: #dcdcdc;<br /> --text-light: #ababab;<br /> --accent: #ffb300;<br /> --accent-hover: #ffe099;<br /> --accent-text: var(--bg);<br /> --code: #f06292;<br /> --preformatted: #ccc;<br /> --disabled: #111;<br /> <br /> --font-title: Combined;<br /> --font-body: Lucette;<br /> --color-a: #a700ff; /* purple */<br /> --color-b: #00ab6b; /* green */<br /> --font-size: 23px;<br /> --line-height: 1.3em;<br /> }<br /> /* Add a bit of transparency so light media isn't so glaring in dark mode */<br /> img,<br /> video {<br /> opacity: 0.8;<br /> }<br /> }<br /> <br /> /* Reset box-sizing */<br /> *, *::before, *::after {<br /> box-sizing: border-box;<br /> }<br /> <br /> <br /> body {<br /> font-family: var(--font-body);<br /> font-size: var(--font-size);<br /> line-height: var(--line-height);<br /> padding-top: 3em;<br /> }<br /> p {<br /> font-size: var(--font-size);<br /> line-height: var(--line-height);<br /> margin-bottom: 0;<br /> }<br /> p + p {<br /> margin-top: var(--line-height);<br /> }<br /> <br /> /* INTERFACE ------------------------------------------------------------------ */<br /> /* remove category help button (does it remove other stuff? mmm...) */<br /> #mw-indicator-mw-helplink {<br /> display: none;<br /> }<br /> <br /> /* Menu bar, position fixed to be able to grab it to resize the map on mobile devices */<br /> #navwrapper {<br /> position: fixed;<br /> top: 0;<br /> right: 0;<br /> z-index: 1000;<br /> left: 0;<br /> }<br /> <br /> h4.namespace.label {<br /> display: none;<br /> }<br /> <br /> .mw-editsection, .mw-editsection-like {<br /> font-size: 10px;<br /> }<br /> <br /> #actions {<br /> left: initial !important;<br /> right: 14px;<br /> top: -21px;<br /> }<br /> a#actions-button {<br /> margin-top: -1em;<br /> }<br /> .fa,<br /> button, .button,<br /> .top-bar-section ul li &gt; a {<br /> font-family: var(--font-body);<br /> }<br /> .fa::before {<br /> font-family: FontAwesome;<br /> }<br /> <br /> .top-bar,<br /> .top-bar-section,<br /> #top-bar-left,<br /> #top-bar-right,<br /> #top-bar-right .columns {<br /> display: flex;<br /> background-color: #222;<br /> align-items: center;<br /> justify-content: space-evenly;<br /> }<br /> #top-bar-left {<br /> width: initial;<br /> }<br /> .top-bar-section {<br /> flex-grow: 1;<br /> }<br /> .has-form {<br /> flex-grow: 1;<br /> padding: 0.5em !important;<br /> }<br /> #top-bar-right {<br /> justify-content: space-between;<br /> flex-grow: 1;<br /> }<br /> .top-bar input {<br /> padding-top: 8px;<br /> flex-grow: 1;<br /> height: 2em;<br /> box-sizing: border-box;<br /> border: 0;<br /> outline: 0;<br /> }<br /> .button.search {<br /> background-color: transparent;<br /> border-style: solid;<br /> border-width: 2px;<br /> border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br /> border-image-slice: 1;<br /> top: 2px !important;<br /> position: relative;<br /> margin-left: 0px !important;<br /> box-sizing: border-box;<br /> padding: 0;<br /> width: 80px;<br /> height: 2em;<br /> margin: 0;<br /> top: 0 !important;<br /> }<br /> .button.search:hover {<br /> background-color: var(--color-a);<br /> }<br /> .suggestions-result-current {<br /> background-color: var(--color-b) !important;<br /> }<br /> <br /> .top-bar .toggle-topbar a {<br /> text-transform: lowercase;<br /> font-size: 1em;<br /> }<br /> <br /> #toc, .toc {<br /> float: right;<br /> margin-left: 1em;<br /> max-width: 45%;<br /> }<br /> .toctitle {<br /> margin-bottom: -1em;<br /> }<br /> #toc h2 {<br /> margin-top: 0.25em;<br /> font-size: 1em;<br /> display: inline-block;<br /> margin-right: 0.5em;<br /> }<br /> #toc ul {<br /> margin: 0;<br /> }<br /> .tocnumber:after {<br /> content: &quot; – &quot;;<br /> }<br /> <br /> table.infobox {<br /> width: initial;<br /> max-width: 45%;<br /> }<br /> table.infobox th.head {<br /> background-color: var(--color-b);<br /> }<br /> th, td {<br /> padding: 0.5em !important;<br /> }<br /> <br /> li {<br /> line-height: initial;<br /> }<br /> <br /> .mw-category-generated {<br /> margin-top: 2em;<br /> }<br /> <br /> /* if no content but only listing subcategories */<br /> .mw-parser-output:empty + .mw-category-generated h2 {<br /> display: none;<br /> }<br /> <br /> /* If only one subcategory, don't list the initial */<br /> .mw-category-generated #mw-pages div:only-of-type h3,<br /> #mw-subcategories div:only-of-type h3 {<br /> /*display: none;*/<br /> }<br /> <br /> /* removes counting of categories */<br /> .mw-category-generated #mw-pages p:first-of-type,<br /> #mw-subcategories p:first-of-type {<br /> display: none;<br /> }<br /> <br /> .group {<br /> margin-top: 5em;<br /> }<br /> #catlinks .label {<br /> border-width: 2px;<br /> border-style: solid;<br /> background-color: transparent;<br /> padding: 2px 6px !important;<br /> }<br /> <br /> /* HEADER ------------------------------------------------------------------ */<br /> .title-name {<br /> font-family: var(--font-title);<br /> font-weight: bold;<br /> }<br /> .title-name:hover {<br /> color: var(--color-a);<br /> }<br /> <br /> <br /> <br /> .top-bar-section .has-form {<br /> background-color: #222 !important;<br /> }<br /> .top-bar-section .has-dropdown &gt; a::after {<br /> display: none;<br /> }<br /> .top-bar-section .has-dropdown &gt; a {<br /> padding-right: initial !important;<br /> }<br /> .top-bar-section .dropdown li {<br /> width: initial;<br /> /*height: 2em;*/<br /> position: relative;<br /> padding: 0;<br /> }<br /> .top-bar-section ul li {<br /> padding: 0 0.5em;<br /> background-color: #222;<br /> }<br /> .top-bar-section ul li:hover {<br /> z-index: 1000;<br /> }<br /> .top-bar-section ul li &gt; a {<br /> font-size: 16px;<br /> padding: 0;<br /> font-weight: bold;<br /> }<br /> <br /> li#p-menu &gt; a {<br /> text-transform: uppercase;<br /> padding: 0;<br /> }<br /> li#p-menu &gt; a + ul li {<br /> outline: 1px solid #00a393;<br /> }<br /> <br /> .top-bar-section .dropdown li:not(.has-form):not(.active):hover &gt; a:not(.button) {<br /> background: linear-gradient(90deg,var(--color-a), var(--color-b));<br /> }<br /> li#p-menu + li.has-dropdown {<br /> width: 3em;<br /> text-align: center;<br /> }<br /> li#p-menu + li.has-dropdown &gt; a {<br /> border-radius: 100%;<br /> padding: 0;<br /> text-align: center;<br /> line-height: 30px;<br /> margin: auto;<br /> display: inline-block;<br /> width: 30px;<br /> box-sizing: border-box;<br /> height: 30px;<br /> }<br /> .not-logged-in #top-bar-right li:nth-child(3) {<br /> display: none;<br /> }<br /> <br /> #toolbox-dropdown li, #personal-tools-dropdown .dropdown li {<br /> float: right;<br /> }<br /> <br /> .back h5 {<br /> font-size: 2em !important;<br /> }<br /> a.parent-link {<br /> color: var(--color-b) !important;<br /> font-weight: bold !important;<br /> }<br /> <br /> /* CONTENT ------------------------------------------------------------------ */<br /> #page-content {<br /> margin: 1em;<br /> }<br /> #english {<br /> position: relative;<br /> top: -1.5em;<br /> }<br /> <br /> h1, h2, h3, h4, h5, h6 {<br /> margin-top: 2em;<br /> color: var(--color-b);<br /> line-height: 1.5em;<br /> font-family: var(--font-body);<br /> }<br /> h1, h1#firstHeading, h2 {<br /> font-family: var(--font-title);<br /> font-size: 1.5em;<br /> }<br /> <br /> h1 {<br /> color: var(--color-a);<br /> }<br /> h2 span {<br /> display: initial;<br /> }<br /> h3 {<br /> font-family: var(--font-title);<br /> font-size: 1em;<br /> }<br /> body.action-view #page-content a {<br /> border-image: linear-gradient(to right, var(--color-a), var(--color-b));<br /> border-bottom-width: 2px;<br /> border-image-slice: 1;<br /> color: black;<br /> border-bottom-style: solid;<br /> padding: 3px 5px 1px;<br /> }<br /> #page-content a:hover,<br /> #catlinks .label:hover {<br /> background-color: var(--color-a);<br /> color: white !important;<br /> }<br /> /* Removes user name */<br /> h3#tagline {<br /> display: none;<br /> }<br /> #bodyContent {<br /> margin-top: 3em;<br /> }<br /> <br /> #page-content ul, #page-content ol {<br /> font-size: 1em;<br /> margin-top: var(--line-height) !important;<br /> margin-bottom: var(--line-height) !important;<br /> }<br /> div {<br /> line-height: 1.4em ;<br /> }<br /> /* ACTUALITÉS ------------------------------------------------------------------ */<br /> .medialisting {<br /> display: flex;<br /> flex-wrap: wrap;<br /> }<br /> .medialisting a {<br /> border: 0 !important;<br /> }<br /> .Media {<br /> display: flex;<br /> align-items: flex-start;<br /> margin-bottom: 1em;<br /> flex-direction: column;<br /> flex-basis: 32%;<br /> box-sizing: border-box;<br /> justify-content: center;<br /> padding: 0.5em;<br /> background: radial-gradient(var(--color-a) -31%, transparent 60%);<br /> }<br /> .Media:nth-child(2n) {<br /> background: radial-gradient(var(--color-b) -31%, transparent 60%);<br /> }<br /> .Media-body {<br /> flex: initial;<br /> }<br /> <br /> .flexgal {<br /> display: flex;<br /> flex-wrap: wrap;<br /> }<br /> <br /> /* THUMBNAILS ------------------------------------------------------------------ */<br /> .thumb.tleft {<br /> margin-right: 2em;<br /> }<br /> .Media-figure a,<br /> .image.fancybox {<br /> display: inline-block;<br /> }<br /> .magnify a {<br /> text-indent: 0;<br /> width: 25px;<br /> height: 25px;<br /> border-style: solid;<br /> border-width: 2px;<br /> line-height: 15px;<br /> }<br /> .magnify a:before {<br /> content: &quot;+&quot;;<br /> font-family: FontAwesome;<br /> font-size: 20px;<br /> }<br /> <br /> /* MEDIA QUERIES ------------------------------------------------------------------ */<br /> @media (max-width: 800px) {<br /> div.tleft, div.floatleft, table.floatleft {<br /> width: 100%;<br /> margin-bottom: 3em;<br /> }<br /> #toc {<br /> max-width: initial;<br /> width: 100%;<br /> margin-left: 0;<br /> }<br /> }<br /> @media only screen and (max-width: 600px) {<br /> .top-bar,<br /> .top-bar-section,<br /> #top-bar-right,<br /> #top-bar-right .columns {<br /> display: inherit;<br /> }<br /> .top-bar.expanded {<br /> flex-wrap: wrap;<br /> }<br /> .top-bar.expanded .title-area {<br /> display: flex;<br /> flex-grow: 1;<br /> justify-content: space-between;<br /> }<br /> .top-bar.expanded .top-bar,<br /> .top-bar.expanded .top-bar-section,<br /> .top-bar.expanded #top-bar-right,<br /> .top-bar.expanded #top-bar-right .columns {<br /> display: flex;<br /> align-items: center;<br /> }<br /> .divider.show-for-small {<br /> display: none !important;<br /> }<br /> }</div> Theophile.gervreaumercier https://wiki.erg.be/mw/index.php?title=%C3%89cole_de_recherche_graphique&diff=21791 École de recherche graphique 2024-01-23T15:20:17Z <p>Theophile.gervreaumercier : </p> <hr /> <div><br /> <br /> &lt;pre style=&quot;<br /> <br /> line-height: 10px;<br /> font-size:10px;<br /> font-family: monospace;<br /> overflow:hidden;<br /> <br /> &quot;&gt;<br /> <br /> __.....__ <br /> .-'' '. .--./) <br /> / .-''&quot;'-. `. .-,.--. /.''\\ <br /> / /________\ \ | .-. | | | <br /> | | | | | | \`-' / <br /> \ .-------------' | | | | /(&quot;'` <br /> \ '-.____...---. | | '- \ '---. <br /> `. .' cole de | |echerche /'&quot;&quot;'.\ raphique <br /> `''-...... -' | | || | <br /> |_| \'. _ _/ <br /> `'---' <br /> <br /> &lt;/pre&gt; <br /> <br /> <br /> <br /> <br /> <br /> <br /> {{warning<br /> |[[Fichier: Constructionpikachu.gif|40px]]<br /> |Site en construction !<br /> |[[Fichier: Constructionpikachu.gif|40px]]<br /> }}<br /> <br /> === winterschool 2024 ===<br /> * [[Workshop : WIKI MAINTENANCE]]<br /> <br /> L’erg est le lieu des pratiques artistiques, plastiques, graphiques qui entrent dans les zones à risque théoriques et formelles. Un lieu et des pédagogies à définir et redéfinir collectivement. C’est un lieu où l’on peut apprendre de ce qui ne marche pas. '''Un lieu de recherche donc'''.<br /> <br /> * [[projet pédagogique]]<br /> * [[Cursus_transdisciplinaire_Bachelors_-_Masters|cursus transdisciplinaire]]<br /> * [[Espaces transversaux, pratiques collectives|espaces transversaux, pratiques collectives]]<br /> * [[séminaires, workshops, conférences]]<br /> * [[Doctorat_et_recherche|recherche]]<br /> * [[Étudier et être accompagné·e à l'erg|étudier et être accompagné·e à l'erg]]<br /> * [[Autour_de_l'erg|autour de l'erg]]<br /> * [[contact]]<br /> <br /> <br /> *[[Actualités (2023)|news]]<br /> <br /> {{NewsActivity<br /> |limit=4<br /> }}<br /> <br /> <br /> <br /> ===Newsletter &amp; réseaux===<br /> <br /> Inscrivez-vous à notre '''[http://eepurl.com/igdz0r newsletter]''' ou scannez le QRcode.<br /> <br /> &lt;!-- [[Fichier:Qrcoderg.png|150px|link=]] --&gt;<br /> <br /> '''[https://www.instagram.com/ergunlieuderecherche/?hl=fr instagram]''' / '''[https://www.facebook.com/ergunlieuderecherche facebook]''' /<br /> '''[https://vimeo.com/channels/erg vimeo]'''<br /> <br /> <br /> <br /> __NOTOC__</div> Theophile.gervreaumercier https://wiki.erg.be/mw/index.php?title=Admin_Wiki&diff=21772 Admin Wiki 2024-01-23T15:01:04Z <p>Theophile.gervreaumercier : </p> <hr /> <div><br /> ==INTRO 😶‍🌫️ ==<br /> <br /> wiki.erg.be est hébergé chez [XXX], sur une machine Debian. <br /> <br /> Pour s'y connecter, on doit d'abord avoir un compte et un $HOME sur le serveur. Pour cela, s'en référé à [[Utilisateur:Maxime|erg-nomade]],(2024).<br /> Ensuite, on a besoin d'une clé SSH qui va permettre de se connecter à son comptes sur la machine Debian. <br /> <br /> La commande SSH est la suivante: <br /> <br /> &lt;pre&gt;<br /> ssh -p 3265 user@wiki.erg.be<br /> &lt;/pre&gt;<br /> <br /> Pour une connexion via sFTP, avec Filezilla par exemple, prenez en compte le port SSH non standard et votre clé SSH privée. (celle sans extension &lt;code&gt;.pub&lt;/code&gt;)<br /> <br /> Quand vous arrivez à votre $HOME, regarder ci-dessous pour voir le chemin vers le site:<br /> <br /> == File System 🗂️ du site ==<br /> Le '''dossier racine''' contenant tout le site:<br /> &lt;pre&gt;<br /> /var/www/wiki.erg.be/public_html/ <br /> &lt;/pre&gt;<br /> Le dossier de la carte en D3.js:<br /> &lt;pre&gt;<br /> /var/www/wiki.erg.be/public_html/m <br /> &lt;/pre&gt;<br /> <br /> Le js de la carte, a été modifié à la main dans le passé par [[Stéphanie Vilayphiou]]<br /> &lt;pre&gt;<br /> ./m/dist/ <br /> &lt;/pre&gt;<br /> <br /> Le dossier du mediawiki:<br /> &lt;pre&gt;<br /> /var/www/wiki.erg.be/public_html/mw <br /> &lt;/pre&gt;<br /> Le dossier pour les extensions :<br /> &lt;pre&gt;<br /> ./mw/extension <br /> &lt;/pre&gt;<br /> Le thème de base modifié par l'équipe<br /> &lt;pre&gt;<br /> ./mw/skins/foreground <br /> &lt;/pre&gt;<br /> Le dossier pour les typo<br /> &lt;pre&gt;<br /> ./mw/skins/foreground/assets/fonts <br /> &lt;/pre&gt;<br /> <br /> Le dossier pour les ressources du wiki, type image, logo, vidéo externe etc<br /> &lt;pre&gt;<br /> ./mw/resources/assets <br /> &lt;/pre&gt;<br /> <br /> == Configuration du Mediawiki==<br /> <br /> On peut manipuler plein de fichier de configuration du MediaWiki depuis le wiki même :<br /> * [[MediaWiki:Foreground.css]], qui permet de modifier le skin '''foreground''', le thème officiel du wiki.<br /> * [[MediaWiki:Common.css]] permettant d'ajouter du CSS à toutes les pages<br /> * [[MediaWiki:Common.js]] permettant d'ajouter du JAVASCRIPT à toutes les pages<br /> <br /> === LocalSettings.php ===<br /> <br /> <br /> ==== CONFIG Modifié pendant [[Workshop : WIKI MAINTENANCE]] 🦺====<br /> &lt;code&gt;LocalSettings.php&lt;/code&gt;<br /> &lt;pre&gt;<br /> $wgUseSiteJs=true; # Cela permet d'activer une page qui s'appelle MediaWikiCommon.js qui permet de définir du javascript commun à toutes les page du wiki.<br /> <br /> $wgGroupPermissions['user']['editinterface'] = true; # toustes les utilisateurices peuvent éditer les pages d'édition de l'interface, comme Common.css<br /> <br /> <br /> # $wgReadOnly = &quot;Opération de maintenance. Création d'une sauvegarde de la base de donnée. L’accès au wiki sera restauré sous peu.&quot;;<br /> <br /> # Ligne qui permet de bloquer la base donnée avant de faire une sauvegarde de la SQL.<br /> # C'est important de garder ces lignes commentées pour que la base de donnée soit éditable. <br /> <br /> $wgAllowExternalImages = true; # autorise des images externes<br /> # https://www.mediawiki.org/wiki/Manual:$wgAllowExternalImages<br /> <br /> &lt;/pre&gt;</div> Theophile.gervreaumercier https://wiki.erg.be/mw/index.php?title=Admin_Wiki&diff=21769 Admin Wiki 2024-01-23T14:59:36Z <p>Theophile.gervreaumercier : </p> <hr /> <div><br /> ==INTRO==<br /> <br /> wiki.erg.be est hébergé chez [XXX], sur une machine Debian. <br /> <br /> Pour s'y connecter, on doit d'abord avoir un compte et un $HOME sur le serveur. Pour cela, s'en référé à [[Utilisateur:Maxime|erg-nomade]],(2024).<br /> Ensuite, on a besoin d'une clé SSH qui va permettre de se connecter à son comptes sur la machine Debian. <br /> <br /> La commande SSH est la suivante: <br /> <br /> &lt;pre&gt;<br /> ssh -p 3265 user@wiki.erg.be<br /> &lt;/pre&gt;<br /> <br /> Pour une connexion via sFTP, avec Filezilla par exemple, prenez en compte le port SSH non standard et votre clé SSH privée. (celle sans extension &lt;code&gt;.pub&lt;/code&gt;)<br /> <br /> Quand vous arrivez à votre $HOME, regarder ci-dessous pour voir le chemin vers le site:<br /> <br /> == File System du site ==<br /> Le '''dossier racine''' contenant tout le site:<br /> &lt;pre&gt;<br /> /var/www/wiki.erg.be/public_html/ <br /> &lt;/pre&gt;<br /> Le dossier de la carte en D3.js:<br /> &lt;pre&gt;<br /> /var/www/wiki.erg.be/public_html/m <br /> &lt;/pre&gt;<br /> <br /> Le js de la carte, a été modifié à la main dans le passé par [[Stéphanie Vilayphiou]]<br /> &lt;pre&gt;<br /> ./m/dist/ <br /> &lt;/pre&gt;<br /> <br /> Le dossier du mediawiki:<br /> &lt;pre&gt;<br /> /var/www/wiki.erg.be/public_html/mw <br /> &lt;/pre&gt;<br /> Le dossier pour les extensions :<br /> &lt;pre&gt;<br /> ./mw/extension <br /> &lt;/pre&gt;<br /> Le thème de base modifié par l'équipe<br /> &lt;pre&gt;<br /> ./mw/skins/foreground <br /> &lt;/pre&gt;<br /> Le dossier pour les typo<br /> &lt;pre&gt;<br /> ./mw/skins/foreground/assets/fonts <br /> &lt;/pre&gt;<br /> <br /> Le dossier pour les ressources du wiki, type image, logo, vidéo externe etc<br /> &lt;pre&gt;<br /> ./mw/resources/assets <br /> &lt;/pre&gt;<br /> <br /> == Configuration du Mediawiki==<br /> <br /> On peut manipuler plein de fichier de configuration du MediaWiki depuis le wiki même :<br /> * [[MediaWiki:Foreground.css]], qui permet de modifier le skin '''foreground''', le thème officiel du wiki.<br /> * [[MediaWiki:Common.css]] permettant d'ajouter du CSS à toutes les pages<br /> * [[MediaWiki:Common.js]] permettant d'ajouter du JAVASCRIPT à toutes les pages<br /> <br /> === LocalSettings.php ===<br /> <br /> <br /> ==== CONFIG Modifié pendant [[Workshop : WIKI MAINTENANCE]] ====<br /> &lt;code&gt;LocalSettings.php&lt;/code&gt;<br /> &lt;pre&gt;<br /> $wgUseSiteJs=true; # Cela permet d'activer une page qui s'appelle MediaWikiCommon.js qui permet de définir du javascript commun à toutes les page du wiki.<br /> <br /> $wgGroupPermissions['user']['editinterface'] = true; # toustes les utilisateurices peuvent éditer les pages d'édition de l'interface, comme Common.css<br /> <br /> <br /> # $wgReadOnly = &quot;Opération de maintenance. Création d'une sauvegarde de la base de donnée. L’accès au wiki sera restauré sous peu.&quot;;<br /> <br /> # Ligne qui permet de bloquer la base donnée avant de faire une sauvegarde de la SQL.<br /> # C'est important de garder ces lignes commentées pour que la base de donnée soit éditable. <br /> <br /> $wgAllowExternalImages = true; # autorise des images externes<br /> # https://www.mediawiki.org/wiki/Manual:$wgAllowExternalImages<br /> <br /> &lt;/pre&gt;</div> Theophile.gervreaumercier https://wiki.erg.be/mw/index.php?title=Admin_Wiki&diff=21764 Admin Wiki 2024-01-23T14:57:08Z <p>Theophile.gervreaumercier : </p> <hr /> <div>wiki.erg.be est hébergé chez [XXX], sur une machine Debian. <br /> <br /> Pour s'y connecter, on doit d'abord avoir un compte et un $HOME sur le serveur. Pour cela, s'en référé à [[Utilisateur:Maxime|erg-nomade]],(2024).<br /> Ensuite, on a besoin d'une clé SSH qui va permettre de se connecter à son comptes sur la machine Debian. <br /> <br /> La commande SSH est la suivante: <br /> <br /> &lt;pre&gt;<br /> ssh -p 3265 user@wiki.erg.be<br /> &lt;/pre&gt;<br /> <br /> Pour une connexion via sFTP, avec Filezilla par exemple, prenez en compte le port SSH non standard et votre clé SSH privée. (celle sans extension &lt;code&gt;.pub&lt;/code&gt;)<br /> <br /> Quand vous arrivez à votre $HOME, regarder ci-dessous pour voir le chemin vers le site:<br /> <br /> == File System du site ==<br /> Le '''dossier racine''' contenant tout le site:<br /> &lt;pre&gt;<br /> /var/www/wiki.erg.be/public_html/ <br /> &lt;/pre&gt;<br /> Le dossier de la carte en D3.js:<br /> &lt;pre&gt;<br /> /var/www/wiki.erg.be/public_html/m <br /> &lt;/pre&gt;<br /> <br /> Le js de la carte, a été modifié à la main dans le passé par [[Stéphanie Vilayphiou]]<br /> &lt;pre&gt;<br /> ./m/dist/ <br /> &lt;/pre&gt;<br /> <br /> Le dossier du mediawiki:<br /> &lt;pre&gt;<br /> /var/www/wiki.erg.be/public_html/mw <br /> &lt;/pre&gt;<br /> Le dossier pour les extensions :<br /> &lt;pre&gt;<br /> ./mw/extension <br /> &lt;/pre&gt;<br /> Le thème de base modifié par l'équipe<br /> &lt;pre&gt;<br /> ./mw/skins/foreground <br /> &lt;/pre&gt;<br /> Le dossier pour les typo<br /> &lt;pre&gt;<br /> ./mw/skins/foreground/assets/fonts <br /> &lt;/pre&gt;<br /> <br /> Le dossier pour les ressources du wiki, type image, logo, vidéo externe etc<br /> &lt;pre&gt;<br /> ./mw/resources/assets <br /> &lt;/pre&gt;<br /> <br /> == Configuration du Mediawiki==<br /> <br /> On peut manipuler plein de fichier de configuration du MediaWiki depuis le wiki même :<br /> * [[MediaWiki:Foreground.css]], qui permet de modifier le skin '''foreground''', le thème officiel du wiki.<br /> * [[MediaWiki:Common.css]] permettant d'ajouter du CSS à toutes les pages<br /> * [[MediaWiki:Common.js]] permettant d'ajouter du JAVASCRIPT à toutes les pages<br /> <br /> === LocalSettings.php ===<br /> <br /> <br /> ==== CONFIG Modifié pendant [[Workshop : WIKI MAINTENANCE]] ====<br /> &lt;code&gt;LocalSettings.php&lt;/code&gt;<br /> &lt;pre&gt;<br /> $wgUseSiteJs=true; # Cela permet d'activer une page qui s'appelle MediaWikiCommon.js qui permet de définir du javascript commun à toutes les page du wiki.<br /> <br /> $wgGroupPermissions['user']['editinterface'] = true; # toustes les utilisateurices peuvent éditer les pages d'édition de l'interface, comme Common.css<br /> <br /> <br /> # $wgReadOnly = &quot;Opération de maintenance. Création d'une sauvegarde de la base de donnée. L’accès au wiki sera restauré sous peu.&quot;;<br /> <br /> # Ligne qui permet de bloquer la base donnée avant de faire une sauvegarde de la SQL.<br /> # C'est important de garder ces lignes commentées pour que la base de donnée soit éditable. <br /> <br /> $wgAllowExternalImages = true; # autorise des images externes<br /> # https://www.mediawiki.org/wiki/Manual:$wgAllowExternalImages<br /> <br /> &lt;/pre&gt;</div> Theophile.gervreaumercier https://wiki.erg.be/mw/index.php?title=Admin_Wiki&diff=21758 Admin Wiki 2024-01-23T14:51:04Z <p>Theophile.gervreaumercier : /* FileSystem du site */</p> <hr /> <div>wiki.erg.be est hébergé chez [XXX], sur une machine Debian. <br /> <br /> Pour s'y connecter, on doit d'abord avoir un compte et un $HOME sur le serveur. Pour cela, s'en référé à [[Utilisateur:Maxime|erg-nomade]],(2024).<br /> Ensuite, on a besoin d'une clé SSH qui va permettre de se connecter à son comptes sur la machine Debian. <br /> <br /> La commande SSH est la suivante: <br /> <br /> &lt;pre&gt;<br /> ssh -p 3265 user@wiki.erg.be<br /> &lt;/pre&gt;<br /> <br /> Pour une connexion via sFTP, avec Filezilla par exemple, prenez en compte le port SSH non standard et votre clé SSH privée. (celle sans extension &lt;code&gt;.pub&lt;/code&gt;)<br /> <br /> Quand vous arrivez à votre $HOME, regarder ci-dessous pour voir le chemin vers le site:<br /> <br /> == File System du site ==<br /> Le '''dossier racine''' contenant tout le site:<br /> &lt;pre&gt;<br /> /var/www/wiki.erg.be/public_html/ <br /> &lt;/pre&gt;<br /> Le dossier de la carte en D3.js:<br /> &lt;pre&gt;<br /> /var/www/wiki.erg.be/public_html/m <br /> &lt;/pre&gt;<br /> <br /> Le js de la carte, a été modifié à la main dans le passé par [[Stéphanie Vilayphiou]]<br /> &lt;pre&gt;<br /> ./m/dist/ <br /> &lt;/pre&gt;<br /> <br /> Le dossier du mediawiki:<br /> &lt;pre&gt;<br /> /var/www/wiki.erg.be/public_html/mw <br /> &lt;/pre&gt;<br /> Le dossier pour les extensions :<br /> &lt;pre&gt;<br /> ./mw/extension <br /> &lt;/pre&gt;<br /> Le thème de base modifié par l'équipe<br /> &lt;pre&gt;<br /> ./mw/skins/foreground <br /> &lt;/pre&gt;<br /> Le pour les typo<br /> &lt;pre&gt;<br /> ./mw/skins/foreground/assets/fonts <br /> &lt;/pre&gt;<br /> <br /> == Configuration du Mediawiki==<br /> <br /> On peut manipuler plein de fichier de configuration du MediaWiki depuis le wiki même :<br /> * [[MediaWiki:Foreground.css]], qui permet de modifier le skin '''foreground''', le thème officiel du wiki.<br /> * [[MediaWiki:Common.css]] permettant d'ajouter du CSS à toutes les pages<br /> * [[MediaWiki:Common.js]] permettant d'ajouter du JAVASCRIPT à toutes les pages<br /> <br /> <br /> == CONFIG Modifié pendant [[Workshop : WIKI MAINTENANCE]] ==<br /> &lt;code&gt;LocalSettings.php&lt;/code&gt;<br /> &lt;pre&gt;<br /> $wgUseSiteJs=true; # Cela permet d'activer une page qui s'appelle MediaWikiCommon.js qui permet de définir du javascript commun à toutes les page du wiki.<br /> <br /> $wgGroupPermissions['user']['editinterface'] = true; # toustes les utilisateurices peuvent éditer les pages d'édition de l'interface, comme Common.css<br /> <br /> <br /> # $wgReadOnly = &quot;Opération de maintenance. Création d'une sauvegarde de la base de donnée. L’accès au wiki sera restauré sous peu.&quot;;<br /> <br /> # Ligne qui permet de bloquer la base donnée avant de faire une sauvegarde de la SQL.<br /> # C'est important de garder ces lignes commentées pour que la base de donnée soit éditable. <br /> <br /> $wgAllowExternalImages = true; # autorise des images externes<br /> # https://www.mediawiki.org/wiki/Manual:$wgAllowExternalImages<br /> <br /> &lt;/pre&gt;</div> Theophile.gervreaumercier https://wiki.erg.be/mw/index.php?title=Admin_Wiki&diff=21752 Admin Wiki 2024-01-23T14:49:05Z <p>Theophile.gervreaumercier : /* FileSystem du site */</p> <hr /> <div>wiki.erg.be est hébergé chez [XXX], sur une machine Debian. <br /> <br /> Pour s'y connecter, on doit d'abord avoir un compte et un $HOME sur le serveur. Pour cela, s'en référé à [[Utilisateur:Maxime|erg-nomade]],(2024).<br /> Ensuite, on a besoin d'une clé SSH qui va permettre de se connecter à son comptes sur la machine Debian. <br /> <br /> La commande SSH est la suivante: <br /> <br /> &lt;pre&gt;<br /> ssh -p 3265 user@wiki.erg.be<br /> &lt;/pre&gt;<br /> <br /> Pour une connexion via sFTP, avec Filezilla par exemple, prenez en compte le port SSH non standard et votre clé SSH privée. (celle sans extension &lt;code&gt;.pub&lt;/code&gt;)<br /> <br /> Quand vous arrivez à votre $HOME, regarder ci-dessous pour voir le chemin vers le site:<br /> <br /> == FileSystem du site ==<br /> Le '''dossier racine''' contenant tout le site:<br /> &lt;pre&gt;<br /> /var/www/wiki.erg.be/public_html/ <br /> &lt;/pre&gt;<br /> Le dossier de la carte en D3.js:<br /> &lt;pre&gt;<br /> /var/www/wiki.erg.be/public_html/m <br /> &lt;/pre&gt;<br /> <br /> Le js de la carte, a été modifié à la main dans le passé par [[Stéphanie Vilayphiou]]<br /> &lt;pre&gt;<br /> ./m/dist/ <br /> &lt;/pre&gt;<br /> <br /> Le dossier du mediawiki:<br /> &lt;pre&gt;<br /> /var/www/wiki.erg.be/public_html/mw <br /> &lt;/pre&gt;<br /> Le dossier pour les extensions :<br /> &lt;pre&gt;<br /> ./mw/extension <br /> &lt;/pre&gt;<br /> Le thème de base modifié par l'équipe<br /> &lt;pre&gt;<br /> ./mw/skins/foreground <br /> &lt;/pre&gt;<br /> Le pour les typo<br /> &lt;pre&gt;<br /> ./mw/skins/foreground/assets/fonts <br /> &lt;/pre&gt;<br /> <br /> == Configuration du Mediawiki==<br /> <br /> On peut manipuler plein de fichier de configuration du MediaWiki depuis le wiki même :<br /> * [[MediaWiki:Foreground.css]], qui permet de modifier le skin '''foreground''', le thème officiel du wiki.<br /> * [[MediaWiki:Common.css]] permettant d'ajouter du CSS à toutes les pages<br /> * [[MediaWiki:Common.js]] permettant d'ajouter du JAVASCRIPT à toutes les pages<br /> <br /> <br /> == CONFIG Modifié pendant [[Workshop : WIKI MAINTENANCE]] ==<br /> &lt;code&gt;LocalSettings.php&lt;/code&gt;<br /> &lt;pre&gt;<br /> $wgUseSiteJs=true; # Cela permet d'activer une page qui s'appelle MediaWikiCommon.js qui permet de définir du javascript commun à toutes les page du wiki.<br /> <br /> $wgGroupPermissions['user']['editinterface'] = true; # toustes les utilisateurices peuvent éditer les pages d'édition de l'interface, comme Common.css<br /> <br /> <br /> # $wgReadOnly = &quot;Opération de maintenance. Création d'une sauvegarde de la base de donnée. L’accès au wiki sera restauré sous peu.&quot;;<br /> <br /> # Ligne qui permet de bloquer la base donnée avant de faire une sauvegarde de la SQL.<br /> # C'est important de garder ces lignes commentées pour que la base de donnée soit éditable. <br /> <br /> $wgAllowExternalImages = true; # autorise des images externes<br /> # https://www.mediawiki.org/wiki/Manual:$wgAllowExternalImages<br /> <br /> &lt;/pre&gt;</div> Theophile.gervreaumercier