From b07a2c97b5d3fd4a14b258258fd6c06fb179e32c Mon Sep 17 00:00:00 2001 From: Kay0u Date: Sun, 7 Feb 2021 14:03:32 +0100 Subject: [PATCH] add flex-container & flex-child --- .../01.administrate/02.install/install.ar.md | 68 +++++++++-------- .../01.administrate/02.install/install.es.md | 68 +++++++++-------- .../01.administrate/02.install/install.fr.md | 74 ++++++++++--------- .../01.administrate/02.install/install.it.md | 68 +++++++++-------- pages/01.administrate/02.install/install.md | 74 ++++++++++--------- themes/yunohost-docs/css/custom.css | 10 +++ 6 files changed, 196 insertions(+), 166 deletions(-) diff --git a/pages/01.administrate/02.install/install.ar.md b/pages/01.administrate/02.install/install.ar.md index 9f3c54f2..d48db70b 100644 --- a/pages/01.administrate/02.install/install.ar.md +++ b/pages/01.administrate/02.install/install.ar.md @@ -18,56 +18,60 @@ routes: ## التجريب -[columns][center] +[div class="flex-container"] -[[figure caption="الخادوم التجريبي"]![](image://logo.png?resize=150&class=inline)[/figure]](/try) +[div class="flex-child"] +[[figure caption="الخادوم التجريبي"]![](image://logo.png?height=150)[/figure]](/try) +[/div] -[[figure caption="التجريب على خادوم إفتراضي"] -![](image://virtualbox.png?resize=150&class=inline) -[/figure]](/install_on_virtualbox) +[div class="flex-child"] +[[figure caption="التجريب على خادوم إفتراضي"]![](image://virtualbox.png?height=150)[/figure]](/install_on_virtualbox) +[/div] -[/center][/columns] +[/div] ## عملية النتصيب في المنزل -[columns count=3][center] +[div class="flex-container"] -[[figure class="nomargin" caption="على راسبيري باي"] -![](image://raspberrypi.jpg?resize=150,150) -[/figure]](/install_on_raspberry) - -[[figure class="nomargin" caption="على بطاقة أي أر آم ARM"] -![](image://olinuxino.jpg?resize=150,150) -[/figure]](/install_on_arm_board) - -[[figure class="nomargin" caption="على حاسوب عادي"] -![](image://computer.png?resize=150,150) -[/figure]](/install_iso) +[div class="flex-child"] +[[figure caption="على راسبيري باي"]![](image://raspberrypi.jpg?height=150)[/figure]](/install_on_raspberry) +[/div] -[/center][/columns] +[div class="flex-child"] +[[figure caption="على بطاقة أي أر آم ARM"]![](image://olinuxino.jpg?height=150)[/figure]](/install_on_arm_board) +[/div] + +[div class="flex-child"] +[[figure caption="على حاسوب عادي"]![](image://computer.png?height=150)[/figure]](/install_iso) +[/div] + +[/div] ## التنصيب عن بُعد !!! [fa=fa-heart /] بإِمكانْ جمعيات مُزَوِّدي الإنترنت القريبة منكم أن تُوفّر لكم *خادوماً إفتراضياً خاصاً* (VPS) ، خادوم يُديره بشرٌ و يحترمُ قيمةَ المُستخدِمين و [حِياديّةَ الإنترنت](https://en.wikipedia.org/wiki/Net_neutrality) ! إطّلعوا على [هذه الصفحة](https://db.ffdn.org/) للمزيد مِن المعلومات. -[center] +[div class="flex-container"] -[[figure class="nomargin" caption="على خادوم مُستضاف أو خادوم إفتراضي خاص (VPS)"] -![](image://vps.png?resize=150,150) -[/figure]](/install_on_vps) +[div class="flex-child"] -[/center] +[[figure caption="على خادوم مُستضاف أو خادوم إفتراضي خاص (VPS)"]![](image://vps.png?height=150)[/figure]](/install_on_vps) + +[/div] + +[/div] ## طُرُق مُتَقدِّمة / أخرى -[columns count=2][center] +[div class="flex-container"] -[[figure class="nomargin" caption="على ديبيان 9 / ستريتش"] -![](image://debian-logo.png?resize=150,150) -[/figure]](/install_on_debian) +[div class="flex-child"] +[[figure caption="على ديبيان 9 / ستريتش"]![](image://debian-logo.png?height=150)[/figure]](/install_on_debian) +[/div] -[[figure class="nomargin" caption="Dev environment in LXD/LXC"] -![](image://lxc.png?resize=150,150) -[/figure]](/dev) +[div class="flex-child"] +[[figure caption="Dev environment in LXD/LXC"]![](image://lxc.png?height=150)[/figure]](/dev) +[/div] -[/center][/columns] +[/div] diff --git a/pages/01.administrate/02.install/install.es.md b/pages/01.administrate/02.install/install.es.md index 39de7598..2ac9aa13 100644 --- a/pages/01.administrate/02.install/install.es.md +++ b/pages/01.administrate/02.install/install.es.md @@ -15,56 +15,60 @@ Esta página enumera varios tipos de instalaciones, clasificados por categorías ## Probar -[columns][center] +[div class="flex-container"] -[[figure caption="Servidor de demo"]![](image://logo.png?resize=150&class=inline)[/figure]](/try) +[div class="flex-child"] +[[figure caption="Servidor de demo"]![](image://logo.png?height=150)[/figure]](/try) +[/div] -[[figure caption="Probar en una máquina virtual"] -![](image://virtualbox.png?resize=150&class=inline) -[/figure]](/install_on_virtualbox) +[div class="flex-child"] +[[figure caption="Probar en una máquina virtual"]![](image://virtualbox.png?height=150)[/figure]](/install_on_virtualbox) +[/div] -[/center][/columns] +[/div] ## Instalar en casa -[columns count=3][center] +[div class="flex-container"] -[[figure class="nomargin" caption="En un Raspberry Pi"] -![](image://raspberrypi.jpg?resize=150,150) -[/figure]](/install_on_raspberry) - -[[figure class="nomargin" caption="En un ARM board"] -![](image://olinuxino.jpg?resize=150,150) -[/figure]](/install_on_arm_board) - -[[figure class="nomargin" caption="En un ordenador estándar"] -![](image://computer.png?resize=150,150) -[/figure]](/install_iso) +[div class="flex-child"] +[[figure caption="En un Raspberry Pi"]![](image://raspberrypi.jpg?height=150)[/figure]](/install_on_raspberry) +[/div] -[/center][/columns] +[div class="flex-child"] +[[figure caption="En un ARM board"]![](image://olinuxino.jpg?height=150)[/figure]](/install_on_arm_board) +[/div] + +[div class="flex-child"] +[[figure caption="En un ordenador estándar"]![](image://computer.png?height=150)[/figure]](/install_iso) +[/div] + +[/div] ## Instalación remota !!! [fa=fa-heart /] Proveedores de Internet asociativos cerna de ti pueden proponerte un *Servidor Virtual Privado* (VPS), administrado por humanos que respetan los usuarios y la [Neutralitad de Internet](https://es.wikipedia.org/wiki/Neutralidad_de_red) ! Ver [esta página](https://db.ffdn.org/) por mas informaciones. -[center] +[div class="flex-container"] -[[figure class="nomargin" caption="En un servidor dedicado o virtual (VPS)"] -![](image://vps.png?resize=150,150) -[/figure]](/install_on_vps) +[div class="flex-child"] -[/center] +[[figure caption="En un servidor dedicado o virtual (VPS)"]![](image://vps.png?height=150)[/figure]](/install_on_vps) + +[/div] + +[/div] ## Avanzado / otros -[columns count=2][center] +[div class="flex-container"] -[[figure class="nomargin" caption="Sur Debian 10/Buster"] -![](image://debian-logo.png?resize=150,150) -[/figure]](/install_on_debian) +[div class="flex-child"] +[[figure caption="Sur Debian 10/Buster"]![](image://debian-logo.png?height=150)[/figure]](/install_on_debian) +[/div] -[[figure class="nomargin" caption="Dev environment in LXD/LXC"] -![](image://lxc.png?resize=150,150) -[/figure]](/dev) +[div class="flex-child"] +[[figure caption="Dev environment in LXD/LXC"]![](image://lxc.png?height=150)[/figure]](/dev) +[/div] -[/center][/columns] +[/div] diff --git a/pages/01.administrate/02.install/install.fr.md b/pages/01.administrate/02.install/install.fr.md index 2ebabf10..7237a17d 100644 --- a/pages/01.administrate/02.install/install.fr.md +++ b/pages/01.administrate/02.install/install.fr.md @@ -15,60 +15,64 @@ Cette page liste plusieurs types d’installations, classés par catégories. ## Essayer -[columns][center] +[div class="flex-container"] -[[figure caption="Serveur de démo"]![](image://logo.png?resize=150&class=inline)[/figure]](/try) +[div class="flex-child"] +[[figure caption="Serveur de démo"]![](image://logo.png?height=150)[/figure]](/try) +[/div] -[[figure caption="Essayer dans une machine virtuelle"] -![](image://virtualbox.png?resize=150&class=inline) -[/figure]](/install_on_virtualbox) +[div class="flex-child"] +[[figure caption="Essayer dans une machine virtuelle"]![](image://virtualbox.png?height=150)[/figure]](/install_on_virtualbox) +[/div] -[/center][/columns] +[/div] ## Installer à la maison -[columns count=3][center] +[div class="flex-container"] -[[figure class="nomargin" caption="Sur un Raspberry Pi"] -![](image://raspberrypi.jpg?resize=150,150) -[/figure]](/install_on_raspberry) - -[[figure class="nomargin" caption="Sur une carte ARM"] -![](image://olinuxino.jpg?resize=150,150) -[/figure]](/install_on_arm_board) - -[[figure class="nomargin" caption="Sur un ordinateur standard"] -![](image://computer.png?resize=150,150) -[/figure]](/install_iso) +[div class="flex-child"] +[[figure caption="Sur un Raspberry Pi"]![](image://raspberrypi.jpg?height=150)[/figure]](/install_on_raspberry) +[/div] -[/center][/columns] +[div class="flex-child"] +[[figure caption="Sur une carte ARM"]![](image://olinuxino.jpg?height=150)[/figure]](/install_on_arm_board) +[/div] + +[div class="flex-child"] +[[figure caption="Sur un ordinateur standard"]![](image://computer.png?height=150)[/figure]](/install_iso) +[/div] + +[/div] ## Installer à distance !!! [fa=fa-heart /] Des FAI associatifs près de chez vous sont peut-être capable de vous fournir un *Serveur Privé Virtuel* (VPS), géré par des humains qui respectent les utilisateurs et la [Neutralité du Net](https://fr.wikipedia.org/wiki/Neutralit%C3%A9_du_r%C3%A9seau) ! Voir [cette page](https://db.ffdn.org/) pour plus d'informations. -[center] +[div class="flex-container"] -[[figure class="nomargin" caption="Sur un serveur dédié ou virtuel (VPS)"] -![](image://vps.png?resize=150,150) -[/figure]](/install_on_vps) +[div class="flex-child"] -[/center] +[[figure caption="Sur un serveur dédié ou virtuel (VPS)"]![](image://vps.png?height=150)[/figure]](/install_on_vps) + +[/div] + +[/div] ## Avancé / autres -[columns count=3][center] +[div class="flex-container"] -[[figure class="nomargin" caption="Sur Debian 10/Buster"] -![](image://debian-logo.png?resize=150,150) -[/figure]](/install_on_debian) +[div class="flex-child"] +[[figure caption="Sur Debian 10/Buster"]![](image://debian-logo.png?height=150)[/figure]](/install_on_debian) +[/div] -[[figure class="nomargin" caption="Environnement de dev avec LXD/LXC"] -![](image://lxc.png?resize=150,150) -[/figure]](/dev) +[div class="flex-child"] +[[figure caption="Environnement de dev avec LXD/LXC"]![](image://lxc.png?height=150)[/figure]](/dev) +[/div] -[[figure class="nomargin" caption="(Non-officiel !) Images docker"] -![](image://docker.png?resize=150,150) -[/figure]](/docker) +[div class="flex-child"] +[[figure caption="(Non-officiel !) Images docker"]![](image://docker.png?height=150)[/figure]](/docker) +[/div] -[/center][/columns] +[/div] diff --git a/pages/01.administrate/02.install/install.it.md b/pages/01.administrate/02.install/install.it.md index 868d40dc..894707e6 100644 --- a/pages/01.administrate/02.install/install.it.md +++ b/pages/01.administrate/02.install/install.it.md @@ -16,56 +16,60 @@ Questa pagina elenca alcune guide all'installazione. ## Provalo -[columns][center] +[div class="flex-container"] -[[figure caption="Server demo"]![](image://logo.png?resize=150&class=inline)[/figure]](/try) +[div class="flex-child"] +[[figure caption="Server demo"]![](image://logo.png?height=150)[/figure]](/try) +[/div] -[[figure caption="Provalo in VirtualBox"] -![](image://virtualbox.png?resize=150&class=inline) -[/figure]](/install_on_virtualbox) +[div class="flex-child"] +[[figure caption="Provalo in VirtualBox"]![](image://virtualbox.png?height=150)[/figure]](/install_on_virtualbox) +[/div] -[/center][/columns] +[/div] ## Installalo a casa -[columns count=3][center] +[div class="flex-container"] -[[figure class="nomargin" caption="Su un Raspberry Pi"] -![](image://raspberrypi.jpg?resize=150,150) -[/figure]](/install_on_raspberry) - -[[figure class="nomargin" caption="Su una scheda ARM"] -![](image://olinuxino.jpg?resize=150,150) -[/figure]](/install_on_arm_board) - -[[figure class="nomargin" caption="Su un computer normale"] -![](image://computer.png?resize=150,150) -[/figure]](/install_iso) +[div class="flex-child"] +[[figure caption="Su un Raspberry Pi"]![](image://raspberrypi.jpg?height=150)[/figure]](/install_on_raspberry) +[/div] -[/center][/columns] +[div class="flex-child"] +[[figure caption="Su una scheda ARM"]![](image://olinuxino.jpg?height=150)[/figure]](/install_on_arm_board) +[/div] + +[div class="flex-child"] +[[figure caption="Su un computer normale"]![](image://computer.png?height=150)[/figure]](/install_iso) +[/div] + +[/div] ## Installalo su un server remoto !!! [fa=fa-heart /] ISP locali potrebbero essere in grado di fornire un *Server Privato Vrituale* (VPS), gesito da esseri umani che rispettano gli utenti e si preoccupano della [Net Neutrality](https://en.wikipedia.org/wiki/Net_neutrality) ! Guarda [questa pagina](https://db.ffdn.org/) per maggiori informazioni. -[center] +[div class="flex-container"] -[[figure class="nomargin" caption="Su un server dedicato o un server privato virtuale (VPS)"] -![](image://vps.png?resize=150,150) -[/figure]](/install_on_vps) +[div class="flex-child"] -[/center] +[[figure caption="Su un server dedicato o un server privato virtuale (VPS)"]![](image://vps.png?height=150)[/figure]](/install_on_vps) + +[/div] + +[/div] ## Avanzate / altri -[columns count=2][center] +[div class="flex-container"] -[[figure class="nomargin" caption="Su Debian 10/Buster"] -![](image://debian-logo.png?resize=150,150) -[/figure]](/install_on_debian) +[div class="flex-child"] +[[figure caption="Su Debian 10/Buster"]![](image://debian-logo.png?height=150)[/figure]](/install_on_debian) +[/div] -[[figure class="nomargin" caption="Dev environment in LXD/LXC"] -![](image://lxc.png?resize=150,150) -[/figure]](/dev) +[div class="flex-child"] +[[figure caption="Dev environment in LXD/LXC"]![](image://lxc.png?height=150)[/figure]](/dev) +[/div] -[/center][/columns] +[/div] diff --git a/pages/01.administrate/02.install/install.md b/pages/01.administrate/02.install/install.md index a507d41c..e9b3e36e 100644 --- a/pages/01.administrate/02.install/install.md +++ b/pages/01.administrate/02.install/install.md @@ -13,60 +13,64 @@ This page lists a few installation guides. ## Give it a try -[columns][center] +[div class="flex-container"] -[[figure caption="Demo server"]![](image://logo.png?resize=150&class=inline)[/figure]](/try) +[div class="flex-child"] +[[figure caption="Demo server"]![](image://logo.png?height=150)[/figure]](/try) +[/div] -[[figure caption="Try with VirtualBox"] -![](image://virtualbox.png?resize=150&class=inline) -[/figure]](/install_on_virtualbox) +[div class="flex-child"] +[[figure caption="Try with VirtualBox"]![](image://virtualbox.png?height=150)[/figure]](/install_on_virtualbox) +[/div] -[/center][/columns] +[/div] ## Install at home -[columns count=3][center] +[div class="flex-container"] -[[figure class="nomargin" caption="On a Raspberry Pi"] -![](image://raspberrypi.jpg?resize=150,150) -[/figure]](/install_on_raspberry) - -[[figure class="nomargin" caption="On an ARM board"] -![](image://olinuxino.jpg?resize=150,150) -[/figure]](/install_on_arm_board) - -[[figure class="nomargin" caption="On a regular computer"] -![](image://computer.png?resize=150,150) -[/figure]](/install_iso) +[div class="flex-child"] +[[figure caption="On a Raspberry Pi"]![](image://raspberrypi.jpg?height=150)[/figure]](/install_on_raspberry) +[/div] -[/center][/columns] +[div class="flex-child"] +[[figure caption="On an ARM board"]![](image://olinuxino.jpg?height=150)[/figure]](/install_on_arm_board) +[/div] + +[div class="flex-child"] +[[figure caption="On a regular computer"]![](image://computer.png?height=150)[/figure]](/install_iso) +[/div] + +[/div] ## Install on a remote server !!! [fa=fa-heart /] Local associative ISP near you might be able to provide you with a *Virtual Private Server* (VPS), managed by human beings who respect users and care about [Net Neutrality](https://en.wikipedia.org/wiki/Net_neutrality) ! Check out [this page](https://db.ffdn.org/) for more information. -[center] +[div class="flex-container"] -[[figure class="nomargin" caption="On a dedicated or virtual private server"] -![](image://vps.png?resize=150,150) -[/figure]](/install_on_vps) +[div class="flex-child"] -[/center] +[[figure caption="On a dedicated or virtual private server"]![](image://vps.png?height=150)[/figure]](/install_on_vps) + +[/div] + +[/div] ## Advanced / others -[columns count=3][center] +[div class="flex-container"] -[[figure class="nomargin" caption="On Debian 10 Buster"] -![](image://debian-logo.png?resize=150,150) -[/figure]](/install_on_debian) +[div class="flex-child"] +[[figure caption="On Debian 10 Buster"]![](image://debian-logo.png?height=150)[/figure]](/install_on_debian) +[/div] -[[figure class="nomargin" caption="Dev environment in LXD/LXC"] -![](image://lxc.png?resize=150,150) -[/figure]](/dev) +[div class="flex-child"] +[[figure caption="Dev environment in LXD/LXC"]![](image://lxc.png?height=150)[/figure]](/dev) +[/div] -[[figure class="nomargin" caption="(Non-official!) Docker images"] -![](image://docker.png?resize=150,150) -[/figure]](/docker) +[div class="flex-child"] +[[figure caption="(Non-official!) Docker images"]![](image://docker.png?height=150)[/figure]](/docker) +[/div] -[/center][/columns] +[/div] diff --git a/themes/yunohost-docs/css/custom.css b/themes/yunohost-docs/css/custom.css index afca64e7..b2f47011 100644 --- a/themes/yunohost-docs/css/custom.css +++ b/themes/yunohost-docs/css/custom.css @@ -28,6 +28,16 @@ img.center { margin-right: auto; } +.flex-container { + display: flex; + justify-content: space-around; +} + +.flex-child { + display: inline-flex; + text-align: center; +} + .nomargin * { margin: 0px auto; }