diff --git a/assets/css/style.css b/assets/css/style.css index 43255b6..b9c78f5 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -41,20 +41,53 @@ body { } } -.top-logo { +.background-logo { + bottom: 0; + display: none; + height: 500px; + margin-bottom: 200px; + opacity: .1; position: absolute; - top: 0; - left: -62px; - border: 0; - width: 180px; - transition: left .1s ease-in-out, opacity .1s ease-in-out; - z-index: 999; - opacity: .8 + right: 5rem; + z-index: -9999 } -.top-logo:hover { +.top-border { + border-top: 6px solid #1e1f1d; left: 0; - opacity: 1 + position: absolute; + right: 0; + top: 0 +} + +.top-logo { + height: 45px; + left: 5rem; + position: absolute; + top: 0 +} + +@media screen and (min-width: 1600px) { + .background-logo { + display: block + } +} + +@media screen and (min-width: 2000px) { + .background-logo { + display: none + } +} + +@media screen and (max-width:64em) { + + .top-logo { + left: 1rem + } +} + +main { + position: relative } header { @@ -275,11 +308,13 @@ footer a>svg:hover { color: #e1e0e2; } - .top-logo { - filter: invert(100%); + .top-border { + border-top: 6px solid #e1e0e2 } - .logo { + .top-logo, + .logo, + .background-logo { filter: invert(100%); } diff --git a/index.html b/index.html index 7e317e2..2bfc079 100644 --- a/index.html +++ b/index.html @@ -42,668 +42,659 @@
- + - - -Bienvenue sur club elec collabore, la plateforme dédiée aux outils collaboratifs pour mener, à plusieurs et partout, ses projets à bien.
-
Retrouvez de nombreux services libres et gratuits hébergés et/ou développés par notre association.
-
En alternative à Google Docs
-Éditez des documents à plusieurs dans une interface collaborative de rédaction en ligne, en temps réel et sans inscription avec Etherpad.
-En alternative à Google Sheets
-Éditez des feuilles de calculs dans une interface collaborative de rédaction en ligne, en temps réel et sans inscription avec Ethercalc.
-En alternative à Google Docs, Google Slides
-Rédiger des documents de façon plus évoluée, des graphiques et même des présentations de façon collaborative et en temps réel avec CodiMD/HedgeDoc.
-En alternative à Doodle
-Créez un sondage sans inscription de façon simple et rapide avec OpenSondage.
-En alternative à Google Forms
-Créez des questionnaires facilement à l’aide d’une interface intuitive avec Yakforms.
-En alternative à Trello
-Gérez collaborativement vos tâches et projets en suivant la méthode Kanban avec Wekan.
-En alternative à Google Meet
-Discutez facilement avec vos amis sans inscription avec Jitsi Meet.
-Éditez et organisez collaborativement vos idées sous forme de post-it sans inscription avec Scrumblr.
-Créez simplement et facilement des dessins et des diagrammes de façon collaborative et sans inscription avec Whitebophir.
-En alternative à WeTranfer
-Partagez vos fichiers volumineux de façon confidentielle et sans inscription avec Send.
-En alternative à Pastebin
-Partagez vos extraits de texte protégés et chiffrés de bout en bout avec PrivateBin.
-En alternative à Bitly
-Simplifiez la vie de vos amis avec notre raccourcisseur de liens simple et sans inscription.
-En alternative à GitHub
-Hébergez vos projets et travaillez collaborativement avec notre instance de Gitea.
-En alternative à localhost.run
-Exposez facilement vos services locaux sans aucune inscription sur l’Internet public sans installer de logiciels sur votre appareil.
-