From 81f0e55f456778bf678a81441e30fcaad9853a1b Mon Sep 17 00:00:00 2001 From: choj Date: Thu, 18 Jun 2020 16:57:01 +0200 Subject: [PATCH 1/2] essais pour nouvelle proposition graphique du site. --- 0-services.markdown | 2 +- 1-ressources.markdown | 2 +- 2-blog.markdown | 2 +- _includes/header.html | 2 +- _layouts/home.html | 59 +++++++++------------------ assets/images/allella-logogramme.png | Bin 0 -> 994 bytes assets/main.scss | 32 +++++++++++++-- index.markdown | 2 +- 8 files changed, 53 insertions(+), 48 deletions(-) create mode 100644 assets/images/allella-logogramme.png diff --git a/0-services.markdown b/0-services.markdown index aebc186..410fba4 100644 --- a/0-services.markdown +++ b/0-services.markdown @@ -1,5 +1,5 @@ --- layout: services -title: Services +title: services permalink: /services/ --- diff --git a/1-ressources.markdown b/1-ressources.markdown index 2f877a6..be3fa21 100644 --- a/1-ressources.markdown +++ b/1-ressources.markdown @@ -1,6 +1,6 @@ --- layout: page -title: Ressources +title: ressources permalink: /ressources/ --- diff --git a/2-blog.markdown b/2-blog.markdown index cb56f52..9754727 100644 --- a/2-blog.markdown +++ b/2-blog.markdown @@ -1,6 +1,6 @@ --- layout: blog -title: Blog +title: blog permalink: /blog/ --- diff --git a/_includes/header.html b/_includes/header.html index 19b2e0b..707af1a 100644 --- a/_includes/header.html +++ b/_includes/header.html @@ -5,7 +5,7 @@ {%- assign page_paths = site.header_pages | default: default_paths -%}
- + {%- include header.html -%} + +
+ +
-

subscribe via RSS

- {%- endif -%} +
+
+ {{ content }} +
+
-
+ {%- include footer.html -%} + + + + diff --git a/assets/images/allella-logogramme.png b/assets/images/allella-logogramme.png new file mode 100644 index 0000000000000000000000000000000000000000..95f37b495f3d539f2086d22151fcdbafbb4ece55 GIT binary patch literal 994 zcmc(edq`7Z6u@td9-7M#YGI|3J+!s7B5$=&Do9$I)Ipd@Xw$ zHLG}_HV7tc*?!|>Ueq*Ov3Ky|+0~Q$V|eWHi}5vaQKj~|ubz)Y2Jva-fqAZ|dl~8`^dhJ%0e1k@Jc9L7C2hX$Lv{dHgPfenp0hGk6RaR8 zxq!O@22GMf0uIBq@B0+6@>Q<2yOgs2s55t)$4q^2TK z11BS)2RbxdY?Zt~A_ouUFb%9$@{++N)W{-vh8xrHkpEUBAHX{eI|rJss)wTKn$Fs= zWU%|4IOBvXPA+s$tkBW^+&z1rDka!CG5o3VDXGle*X2J-K z^_U0a#&f<%-K=5wbx(1TyKnXR_AXsGL%!S;CiM(zv&;Kc$yJB9PBi4!kKyU(j_sHA zfKjxA?Y=&midMcc%|Q+_(E%UwG@MX@m; qLtT32@|r&@|99d4^-Au>AIG{wBG=#W4a-JHi^Xn@k8a$YqW%F&%lj|@ literal 0 HcmV?d00001 diff --git a/assets/main.scss b/assets/main.scss index 80aa5cd..46fa183 100644 --- a/assets/main.scss +++ b/assets/main.scss @@ -11,13 +11,26 @@ $border-color: #e8e8e8; $header-height: 20vh; -header.site-header{ +.fullscreen{ + width: 100vw; + background-color: black; + min-height: calc(100vh - #{$header-height}); + margin-top: $header-height; + display: flex; + justify-content: center; + align-item:center; +} +header.site-header{ + position: fixed; + width: 100vw; border-top: none; min-height: $header-height; display: flex; align-items: center; + background-color: $bg-color; + border-bottom: 2px solid $txt-color; a, a:visited { color : $txt-color; } @@ -42,11 +55,15 @@ header.site-header{ } .site-nav .page-link{ - color: $bg-color; - background-color: $txt-color; + //color: $bg-color; + //background-color: $txt-color; padding: 5px; font-variant: small-caps; @include relative-font-size(1); + &:hover{ + text-decoration: none; + background-color: #2a7ae2; + } } } @@ -100,6 +117,15 @@ body{ } } +.page-content{ + margin-top: $header-height; +} + +.home-page-content{ + margin-top: 10px; + @include relative-font-size(1.1); +} + .post-list{ @include relative-font-size(1.1); p{ diff --git a/index.markdown b/index.markdown index db1f928..55274aa 100644 --- a/index.markdown +++ b/index.markdown @@ -1,5 +1,5 @@ --- -layout: page +layout: home --- From a9d73440be7cba04604fddaef270862387658bb8 Mon Sep 17 00:00:00 2001 From: choj Date: Thu, 25 Jun 2020 20:42:17 +0200 Subject: [PATCH 2/2] tests ui + correctifs mdown --- 1-ressources.markdown | 4 ++-- _layouts/home.html | 2 +- _posts/2020-04-08-logo.markdown | 2 +- assets/images/allella-logotype.png | Bin 0 -> 1639 bytes assets/main.scss | 32 ++++++++++++++++++++++------- index.markdown | 18 ++++++++-------- 6 files changed, 38 insertions(+), 20 deletions(-) create mode 100644 assets/images/allella-logotype.png diff --git a/1-ressources.markdown b/1-ressources.markdown index be3fa21..e8479e1 100644 --- a/1-ressources.markdown +++ b/1-ressources.markdown @@ -7,7 +7,7 @@ permalink: /ressources/ Quelques pointeurs vers les outils que nous utilisons et divers ressources que nous vous conseillons de découvrir. -# Outils & services +# outils & services * https://gitea.io * https://github.com/ltb-project/self-service-password @@ -16,7 +16,7 @@ Quelques pointeurs vers les outils que nous utilisons et divers ressources que n * https://nextcloud.com/ * https://about.riot.im/ -# Divers +# divers * https://chatons.org * https://www.recyclivre.com diff --git a/_layouts/home.html b/_layouts/home.html index fd3717f..5725b0d 100644 --- a/_layouts/home.html +++ b/_layouts/home.html @@ -8,7 +8,7 @@ {%- include header.html -%}
- +
diff --git a/_posts/2020-04-08-logo.markdown b/_posts/2020-04-08-logo.markdown index 0337147..c3e5f35 100644 --- a/_posts/2020-04-08-logo.markdown +++ b/_posts/2020-04-08-logo.markdown @@ -7,7 +7,7 @@ excerpt_separator: --- « Tout est design », ou encore « L'art est ce qui rend la vie plus intéressante que l'art ». Deux maximes -souvent prononcées par notre ami CDRC LCHRZ que nous souhaitons grandement remercier pour la création du logotype d'Allella. +souvent prononcées par notre ami Cdrc Lchrz que nous souhaitons grandement remercier pour la création du logotype d'Allella. ![logo]({{ site.baseurl }}/assets/images/logo-2.svg) diff --git a/assets/images/allella-logotype.png b/assets/images/allella-logotype.png new file mode 100644 index 0000000000000000000000000000000000000000..c58edccbfd0fcf5fbf25cec726160055b083e2c2 GIT binary patch literal 1639 zcmah~Yfw{16iy(qAz~$na(U@MP}1_cu~rZflt*H;plDTIB_S!J@=#)m@=!G4rQs3^ zDkvzZsh}+&5kmw;z{m|1kwLL25K2uAQUf-~BN86H7oCpNKb^UEcfbAie0%1c-Lt2* z2htZ2Er}QmW)Wkv-wq503nSy*gat^ui?_BP>5Sqxhww0%g{J6_eWFaA#$fO>48Kj^ zCiV;~(V|B!6AzLc%QP;Z0p z8ZpU>YRc*7%L&b`er&)1 z&{&--RlLFtoYTI;iSH%+n0mNvI8=*Gajvco7laRKcIe67yL3fiogH4MJa0T#*S#E9 zkNv8IUc|A%-ws8MCsyt3eS1p{=@Zh110759Ug>5QvmPbCn$eWLy2&ms+|pg_ZBu+; zNgCBtn9Gfg9oP879VNXLW`()Nzp2fg8vxpx2y`%$MuHOV>vR>&J)Zgs{DW|&49hVF{vg2B6oDiHz{5R} zh^X%s0u2<9pp__)U;Y5D&NCkYiG?zkJ}^Nj@cjt#P>?PDz;w=ok7^`TAp4_05DH2~ zFZIkNNrq%(3oPHkJm)g6EKMVx*u#~$#GI2LX-bYZk1C)5)M(Da*WVUC}_@V7s(N^{$pGlJ@PoZmFP9A_Ut; zu7M+k$FMN4p*(r2~lzRFhtsljzA{H^0!FcLtgX@U(koVi5JAD2%rrv=hdZYWdoAoWm`_Hqb%V zqx#*CvE8k22VM)cR_mR=6vmi$R;Erg*I4cG@b+wO9d|0170RC+TD?8G(mJi`bPTu8 z0h|@Ih1&{aR?WSEdsByBM^gvW-rGv`?42XBx#aqb_2bFXIeBQ^!h5?#`0j_%jSBbF zLu%>b*-hRaWlW}B(O3Ph-sQE8a`$CLfBSN>r*2u7uT)ROM9(eyE2iwUZpJ}&O+nl~ z9bI|hN}o>-;r~nSr}Y@E$zw5dm{UyF_a-iT=*a7UVfY97Rr#<4^Xn4&nLQFayRPYV I%1^m}0DcSPumAu6 literal 0 HcmV?d00001 diff --git a/assets/main.scss b/assets/main.scss index 46fa183..5c1bb6a 100644 --- a/assets/main.scss +++ b/assets/main.scss @@ -9,16 +9,16 @@ $bg-color: white; $txt-color: #333; $border-color: #e8e8e8; -$header-height: 20vh; +$header-height: 15vh; .fullscreen{ - width: 100vw; + width: 100%; background-color: black; min-height: calc(100vh - #{$header-height}); margin-top: $header-height; display: flex; justify-content: center; - align-item:center; + align-items:center; } header.site-header{ @@ -34,7 +34,9 @@ header.site-header{ a, a:visited { color : $txt-color; } - + .wrapper::after{ + content: none; + } .site-title{ @include relative-font-size(1.2); float:none; @@ -55,7 +57,9 @@ header.site-header{ } .site-nav .page-link{ - //color: $bg-color; + color: #2a7ae2; + letter-spacing : 0.02em; + font-weight: bold; //background-color: $txt-color; padding: 5px; font-variant: small-caps; @@ -63,6 +67,7 @@ header.site-header{ &:hover{ text-decoration: none; background-color: #2a7ae2; + color:white; } } } @@ -70,6 +75,9 @@ header.site-header{ body{ @include relative-font-size(1.4); + h2, h3 { + letter-spacing : 0.02em; + } h3{ font-weight: bold; } @@ -117,6 +125,16 @@ body{ } } +h2 { + font-weight: bold; + margin-top: 50px; +} + +h3{ + @include relative-font-size(1.1); + margin-top: 40px; +} + .page-content{ margin-top: $header-height; } @@ -137,10 +155,10 @@ body{ .post-content{ @include relative-font-size(1.1); - h2 { + /*h2 { font-weight: 600; margin-top: 50px; - } + }*/ h3{ @include relative-font-size(1.2); diff --git a/index.markdown b/index.markdown index 55274aa..1ad7238 100644 --- a/index.markdown +++ b/index.markdown @@ -3,7 +3,7 @@ layout: home --- -## Services en ligne entre amis +## services en ligne entre amis L'idée est simple : sortir de l'industrie des [GAFAM](https://fr.wikipedia.org/wiki/GAFAM) et reprendre le contrôle de nos données personnelles au travers d'outils libres. @@ -11,30 +11,30 @@ L'idée est simple : sortir de l'industrie des [GAFAM](https://fr.wikipedia.org/ Vous êtes les bienvenus mais sachez que les places sont limitées. -## Les services +## les services L'intégralité des services proposés repose sur des solutions de logiciels libres, sans aucune exploitation des données, sans publicité et sans traçage. -### Courriel +### courriel Vous disposez d'une boîte mail de 5 gigas de la forme *identifiant@allella.fr*, accessible depuis le [webmail *ALLELLA*](https://mail.allella.io/) et/ou de vos clients mail favoris, avec la possibilité de créer plusieurs alias. Si vous avez déjà votre propre nom de domaine, il est tout à fait possible de l'utiliser pour votre boîte mail. -### Stockage de documents +### stockage de documents Ce service, instance de l'application [Nextcloud](https://nextcloud.com/), vous permet de stocker vos documents (texte, images, vidéos, etc.) dans un espace sécurisé (10 gigas) accessible de partout dans le monde. -### Messagerie instantanée +### messagerie instantanée Une instance de [Matrix | Synapse](https://matrix.org/docs/projects/server/synapse) installée sur notre serveur vous permet de discuter (à 2 ou en groupe) et d'échanger des fichiers depuis votre ordinateur et votre téléphone intelligent en installant [Riot](https://riot.im/about). -### Visioconférence +### visioconférence Nous disposons d'une instance [Jitsi](https://jitsi.org/) publique disponible à cette adresse : [https://talk.allella.io](https://talk.allella.io) -### Hébergement de sites web +### hébergement de sites web Nous hébergeons déjà plusieurs sites, n'hésitez pas à vous rapprocher de nous ! -## Le serveur +## le serveur Actuellement, le serveur est hébergé chez le français [OVH](https://www.ovh.com/fr/), au sein du datacenter de Roubaix RBX3 (France). Pour la partie plus technique, cette machine est équipée de CPUs Intel(R) Xeon(R) CPU E5-1620 v2 4c / 8t 3.70GHz, de 16Gb de RAM et d'un SoftRaid de 2x2To SATA, et tourne sous le système d'exploitation [Linux Debian](https://debian.org). @@ -43,7 +43,7 @@ Les données sont automatiquement sauvegardées chaque nuit, sur une machine hé [1] Heu alors en fait oui, mais disons que pour le stockage des emails la question se pose, on encourage donc vivement les usagers à chiffrer leurs emails et à nous faire confiance :) -## Combien ça coûte ? +## combien ça coûte ? Si vous souhaitez participer à l'entretien du service, vous pouvez contribuer de manière libre et consciente.