diff --git a/assets/css/style.css b/assets/css/style.css new file mode 100644 index 0000000..f661ab2 --- /dev/null +++ b/assets/css/style.css @@ -0,0 +1,332 @@ +@font-face { + font-family: "Varela Round"; + font-style: normal; + font-weight: 400; + src: url("../fonts/varela-round-v19-latin-regular.eot"); + src: local(""), url("../fonts/varela-round-v19-latin-regular.eot?#iefix") format("embedded-opentype"), + url("../fonts/varela-round-v19-latin-regular.woff2") format("woff2"), + url("../fonts/varela-round-v19-latin-regular.woff") format("woff"), + url("../fonts/varela-round-v19-latin-regular.ttf") format("truetype"), + url("../fonts/varela-round-v19-latin-regular.svg#VarelaRound") format("svg"); +} + +body { + font-family: "Varela Round", sans-serif; + line-height: 1.5; + font-weight: 400; + margin: 0; + padding: 0; + min-height: 100vh; + text-rendering: optimizeLegibility; + background-color: #e1e0e2; + color: #1e1f1d; + box-sizing: border-box; + animation: fadein 0.5s; +} + +* { + box-sizing: border-box; +} + +@keyframes fadein { + from { + margin-top: 20px; + opacity: 0; + overflow: hidden; + } + + to { + opacity: 1; + overflow: hidden; + } +} + +.top-logo { + 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 +} + +.top-logo:hover { + left: 0; + opacity: 1 +} + +header { + padding-top: 64px; +} + +.logo { + width: 40%; + min-width: 300px; + height: auto; + display: block; + margin: 0 auto; + margin-bottom: 40px; +} + +header svg path { + transition: all ease-in 0.2s; +} + +.heading { + font-weight: 700; + line-height: 1.125; + margin-top: 0; + margin-bottom: 0; +} + +.info { + width: 100%; + display: block; + padding-top: 32px; + flex: auto; + background-color: #d7d7d7; + padding: 19px; + box-shadow: 0 1px 2px #00000010, 0 8px 12px #00000020; + border-radius: 12px; +} + +.info p { + margin: -5px; +} + +.cards { + display: grid; + grid-gap: 16px; + grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); + flex: auto; +} + + +.cards a { + text-decoration: none !important; +} + +.card { + display: block !important; + text-decoration: none; + transition: transform 0.1s ease-in-out, box-shadow 0.1s ease-in-out; + color: #1e1f1d; + background-color: #d7d7d7; + padding: 16px; + box-shadow: 0 1px 2px #00000010, 0 8px 12px #00000020; + height: 100%; + border-radius: 12px; + overflow: hidden; +} + +.card:hover, +.card:focus { + transform: scale(1.04); + box-shadow: 0 1px 2px #00000010, 0 8px 12px #00000020; +} + +.container { + display: flex; + width: 100%; + margin: auto; + padding-left: 16px; + padding-right: 16px; +} + +.container.container-services { + display: block; +} + +h1 { + font-size: 32px; + font-weight: 700; + line-height: 1.125; +} + +h2 { + font-size: 24px; + font-weight: 700; + line-height: 1.125; + margin-top: 0; + margin-bottom: 1em; +} + +.headline { + margin-bottom: 0; +} + +.replace { + margin: 0; + font-size: small; + font-style: italic; +} + +.post-content p { + hyphens: auto; + line-height: 1.8; + text-justify: ideographic; + margin-bottom: 1em +} + +@media screen and (max-width:600px) { + .post-content { + font-size: 16px + } + + .post-title { + font-size: 2rem + } + + .post-content p { + letter-spacing: .05em + } +} + +.post-elem { + padding: 16px; + box-shadow: 0 1px 2px #00000010, 0 8px 12px #00000020; + border-radius: 12px; + overflow: hidden; + background-color: #d7d7d7; + width: 100%; + margin-bottom: 32px; +} + +@media screen and (min-width: 32em) { + .container { + max-width: 1024px; + } +} + +@media screen and (min-width: 48em) { + .card { + padding: 32px; + } +} + +@media screen and (min-width: 64em) { + .container { + max-width: 1200px; + } +} + +footer { + padding-top: 32px; + padding-bottom: 16px; + align-content: center; +} + +footer a { + text-decoration: none; +} + +.footer-links { + margin-top: 16px; + margin-bottom: 16px; + align-self: center; + flex: 1; +} + +.footer-links a { + transition: color 0.1s ease-in-out; + color: #1e1f1d99; +} + +.footer-links a:hover { + transition: color 0.1s ease-in-out; + color: #1e1f1d; +} + +.footer-sponsors p { + display: flex; + align-content: flex-end; +} + +.footer-sponsors-grid { + display: grid; + grid-template-columns: repeat(1, 30px); + grid-gap: 10px; + margin-top: 16px; + margin-bottom: 16px; + align-content: center; + flex: 1; +} + +a>svg { + fill: #1e1f1d99; + cursor: pointer; +} + +a>svg:hover { + fill: #1e1f1d; +} + +footer a>svg:hover { + transform: scale(1.1); + +} + +@media (prefers-color-scheme: dark) { + body { + background-color: #1e1f1d; + color: #e1e0e2; + } + + .top-logo { + filter: invert(100%); + } + + .logo { + filter: invert(100%); + } + + .info { + background-color: #282828; + color: #e1e0e2; + } + + .card { + color: #e1e0e2; + background-color: #282828; + } + + .post-elem { + background-color: #282828 + } + + .post-content a { + text-decoration: underline; + color: #e1e0e2 + } + + .post-content code, + .post-content pre { + background-color: #1e1f1d !important + } + + .post-content blockquote { + background-color: #1e1f1d; + color: #e1e0e2; + border-left: .25em solid #e1e0e2 + } + + a>svg { + fill: #e1e0e299; + } + + a>svg:hover { + fill: #e1e0e2; + } + + .footer-links a { + transition: color 0.1s ease-in-out; + color: #e1e0e299; + } + + .footer-links a:hover { + transition: color 0.1s ease-in-out; + color: #e1e0e2; + } +} \ No newline at end of file diff --git a/assets/fonts/varela-round-v19-latin-regular.eot b/assets/fonts/varela-round-v19-latin-regular.eot new file mode 100644 index 0000000..3a296a9 Binary files /dev/null and b/assets/fonts/varela-round-v19-latin-regular.eot differ diff --git a/assets/fonts/varela-round-v19-latin-regular.svg b/assets/fonts/varela-round-v19-latin-regular.svg new file mode 100644 index 0000000..078b2ab --- /dev/null +++ b/assets/fonts/varela-round-v19-latin-regular.svg @@ -0,0 +1,453 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/fonts/varela-round-v19-latin-regular.ttf b/assets/fonts/varela-round-v19-latin-regular.ttf new file mode 100644 index 0000000..a862fd1 Binary files /dev/null and b/assets/fonts/varela-round-v19-latin-regular.ttf differ diff --git a/assets/fonts/varela-round-v19-latin-regular.woff b/assets/fonts/varela-round-v19-latin-regular.woff new file mode 100644 index 0000000..28c9625 Binary files /dev/null and b/assets/fonts/varela-round-v19-latin-regular.woff differ diff --git a/assets/fonts/varela-round-v19-latin-regular.woff2 b/assets/fonts/varela-round-v19-latin-regular.woff2 new file mode 100644 index 0000000..06fe19f Binary files /dev/null and b/assets/fonts/varela-round-v19-latin-regular.woff2 differ diff --git a/assets/img/android-chrome-144x144.png b/assets/img/android-chrome-144x144.png new file mode 100644 index 0000000..91251fa Binary files /dev/null and b/assets/img/android-chrome-144x144.png differ diff --git a/assets/img/android-chrome-192x192.png b/assets/img/android-chrome-192x192.png new file mode 100644 index 0000000..3656c14 Binary files /dev/null and b/assets/img/android-chrome-192x192.png differ diff --git a/assets/img/android-chrome-36x36.png b/assets/img/android-chrome-36x36.png new file mode 100644 index 0000000..77380ba Binary files /dev/null and b/assets/img/android-chrome-36x36.png differ diff --git a/assets/img/android-chrome-48x48.png b/assets/img/android-chrome-48x48.png new file mode 100644 index 0000000..6865572 Binary files /dev/null and b/assets/img/android-chrome-48x48.png differ diff --git a/assets/img/android-chrome-72x72.png b/assets/img/android-chrome-72x72.png new file mode 100644 index 0000000..9663802 Binary files /dev/null and b/assets/img/android-chrome-72x72.png differ diff --git a/assets/img/android-chrome-96x96.png b/assets/img/android-chrome-96x96.png new file mode 100644 index 0000000..d6a92f7 Binary files /dev/null and b/assets/img/android-chrome-96x96.png differ diff --git a/assets/img/apple-touch-icon-120x120.png b/assets/img/apple-touch-icon-120x120.png new file mode 100644 index 0000000..0a6c3a2 Binary files /dev/null and b/assets/img/apple-touch-icon-120x120.png differ diff --git a/assets/img/apple-touch-icon-152x152.png b/assets/img/apple-touch-icon-152x152.png new file mode 100644 index 0000000..f7b387a Binary files /dev/null and b/assets/img/apple-touch-icon-152x152.png differ diff --git a/assets/img/apple-touch-icon-180x180.png b/assets/img/apple-touch-icon-180x180.png new file mode 100644 index 0000000..71334e9 Binary files /dev/null and b/assets/img/apple-touch-icon-180x180.png differ diff --git a/assets/img/apple-touch-icon-76x76.png b/assets/img/apple-touch-icon-76x76.png new file mode 100644 index 0000000..bfa22ee Binary files /dev/null and b/assets/img/apple-touch-icon-76x76.png differ diff --git a/assets/img/apple-touch-icon.png b/assets/img/apple-touch-icon.png new file mode 100644 index 0000000..c6225dc Binary files /dev/null and b/assets/img/apple-touch-icon.png differ diff --git a/assets/img/favicon-16x16.png b/assets/img/favicon-16x16.png new file mode 100644 index 0000000..2656a77 Binary files /dev/null and b/assets/img/favicon-16x16.png differ diff --git a/assets/img/favicon-32x32.png b/assets/img/favicon-32x32.png new file mode 100644 index 0000000..2ecf761 Binary files /dev/null and b/assets/img/favicon-32x32.png differ diff --git a/assets/img/favicon-96x96.png b/assets/img/favicon-96x96.png new file mode 100644 index 0000000..d6a92f7 Binary files /dev/null and b/assets/img/favicon-96x96.png differ diff --git a/favicon.ico b/favicon.ico new file mode 100644 index 0000000..934199a Binary files /dev/null and b/favicon.ico differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..4d7a6b7 --- /dev/null +++ b/index.html @@ -0,0 +1,709 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + club elec collabore + + + + +
+
+ + + + +
+
+
+
+

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. +

+
+
+
+

💼 Travailler

+ +
+ +
+

Rédaction

+

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.

+
+ + +
+

Tableur

+

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.

+
+ + +
+

Rédaction avancée

+

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.

+
+ +
+ +

🤝 S’organiser

+ +
+ +
+

Sondage

+

En alternative à Doodle

+

Créez un sondage sans inscription de façon simple et rapide avec OpenSondage.

+
+ + +
+

Formulaire

+

En alternative à Google Forms

+

Créez des questionnaires facilement à l’aide d’une interface intuitive avec Yakforms.

+
+ + +
+

Kanban

+

En alternative à Trello

+

Gérez collaborativement vos tâches et projets en suivant la méthode Kanban avec Wekan.

+
+ + +
+

Visioconférence

+

En alternative à Google Meet

+

Discutez facilement avec vos amis sans inscription avec Jitsi Meet.

+
+ +
+ +

🧠 Cogiter

+ +
+ +
+

Mémo

+

Éditez et organisez collaborativement vos idées sous forme de post-it sans inscription avec Scrumblr.

+
+ + +
+

Dessin

+

Créez simplement et facilement des dessins et des diagrammes de façon collaborative et sans inscription avec Excalidraw.

+
+ +
+ +

🔗 Partager

+ +
+ +
+

Partage de fichiers

+

En alternative à WeTranfer

+

Partagez vos fichiers volumineux de façon confidentielle et sans inscription avec Send.

+
+ + +
+

Partage de texte

+

En alternative à Pastebin

+

Partagez vos extraits de texte protégés et chiffrés de bout en bout avec PrivateBin.

+
+ + + +
+

Raccourcisseur de liens

+

En alternative à Bitly

+

Simplifiez la vie de vos amis avec notre raccourcisseur de liens simple et sans inscription.

+
+ +
+ +

🧑‍💻 Développer

+ +
+ +
+

Forge logicielle

+

En alternative à GitHub

+

Hébergez vos projets et travaillez collaborativement avec notre instance de Gitea.

+
+ + +
+

Tunnel universel

+

En alternative à localhost.run

+

Exposez facilement vos services locaux sans aucune inscription sur l’Internet public sans installer de logiciels sur votre appareil.

+
+ +
+ + +
+ + + + \ No newline at end of file diff --git a/legals.html b/legals.html new file mode 100644 index 0000000..a3c8024 --- /dev/null +++ b/legals.html @@ -0,0 +1,615 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + Mentions légales • club elec collabore + + + + +
+
+ + + +
+
+
+
+
+

Mentions légales

+
+
+

Édition :

+ +

Ce site Web est édité par l'association club elec (CLUB ELECTRONIQUE INSSET).
+ Association loi 1901 déclarée en sous-préfecture de Saint-Quentin le 29 septembre 1998 sous le n° + W023000725.
+ N° Siret : 828 062 471 00010.
+ Institut Supérieur des Sciences et Techniques de Saint-Quentin
+ 48, rue d'Ostende
+ CS 10422
+ 02315 Saint-Quentin

+ +

Hébergement :

+

Les services de club elec collabore sont hébergés par :

+ OVH SAS
+ SAS au capital de 10 174 560 €
+ RCS Lille Métropole 424 761 419 00045
+ Code APE 2620Z
+ N° TVA : FR 22 424 761 419
+ Siège social : 2, rue Kellermann - 59100 Roubaix - France

+ SAS PulseHeberg
+ SAS au capital de 1 000 €
+ RCS Toulon 824 070 619
+ Code APE : 63.11Z
+ N° TVA : FR 29 824 070 619
+ Siège social : 9, Boulevard de Strasbourg - 83000 Toulon - France

+ Association Hivane
+ Association loi 1901 déclarée à la Préfecture de Police le 24 octobre 2007
+ N° Siret : 502 082 688 00016
+ Siège social : 9, rue Baillou - 75014 Paris 14 - France +

+
+
+
+ + + + \ No newline at end of file diff --git a/manifest.webmanifest b/manifest.webmanifest new file mode 100644 index 0000000..702f02d --- /dev/null +++ b/manifest.webmanifest @@ -0,0 +1,46 @@ +{ + "name": "club elec", + "short_name": "club elec", + "lang": "fr-FR", + "start_url": "/", + "icons": [{ + "src": "/assets/img/android-chrome-36x36.png", + "sizes": "36x36", + "type": "image/png", + "density": 0.75 + }, + { + "src": "/assets/img/android-chrome-48x48.png", + "sizes": "48x48", + "type": "image/png", + "density": 1 + }, + { + "src": "/assets/img/android-chrome-72x72.png", + "sizes": "72x72", + "type": "image/png", + "density": 1.5 + }, + { + "src": "/assets/img/android-chrome-96x96.png", + "sizes": "96x96", + "type": "image/png", + "density": 2 + }, + { + "src": "/assets/img/android-chrome-144x144.png", + "sizes": "144x144", + "type": "image/png", + "density": 3 + }, + { + "src": "/assets/img/android-chrome-192x192.png", + "sizes": "192x192", + "type": "image/png", + "density": 4 + } + ], + "theme_color": "#e1e0e2ff", + "background_color": "#1e1f1dff", + "display": "browser" +} \ No newline at end of file diff --git a/terms.html b/terms.html new file mode 100644 index 0000000..b3a2dda --- /dev/null +++ b/terms.html @@ -0,0 +1,705 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + Conditions générales d’utilisation • club elec collabore + + + + +
+
+ + + +
+
+
+
+
+

Conditions générales d'utilisation

+
+
+
+

Conditions du service

+
    +
  1. L’utilisation du service se fait à vos propres risques. Le service est fourni tel quel.
    2. +
  2. Vous ne devez pas modifier un autre site afin de signifier faussement qu’il est associé avec + ce service club elec.
    3. +
  3. Les comptes ne peuvent être créés et utilisés que par des humain·es. Les comptes créés par + les robots ou autres méthodes automatisées pourront être supprimés sans avertissement.
    4. +
  4. Vous êtes responsable de la sécurité de votre compte et de votre mot de passe.
    + club elec ne peut pas et ne sera pas responsable de toutes pertes ou dommages + résultant de votre non-respect de cette obligation de sécurité. +
    5. +
  5. Vous êtes responsable de tout contenu affiché et de l’activité qui se produit sous votre + compte.
    6. +
  6. Vous ne pouvez pas utiliser le service à des fins illégales ou non autorisées.
    + Vous ne devez pas transgresser les lois de votre pays.
    7. +
  7. Vous ne pouvez pas vendre, échanger, revendre, ou exploiter dans un but commercial non + autorisé un compte du service utilisé.
    8. +
+

La violation de l’un de ces accords entraînera la résiliation de votre compte.
+ Vous comprenez et acceptez que l’association club elec ne puisse être tenue responsable + pour les contenus publiés sur ce service.

+
    +
  1. Vous comprenez que la mise en ligne du service ainsi que de votre contenu implique une + transmission (en clair ou chiffrée, suivant les services) sur divers réseaux.
    2. +
  2. Vous ne devez pas transmettre des vers, des virus ou tout autre code de nature malveillante. +
    3. +
  3. club elec ne garantit pas que
      +
    • le service répondra à vos besoins spécifiques,
      • +
    • le service sera ininterrompu ou exempte de bugs,
      • +
    • que les erreurs dans le service seront corrigées.
      • +
    +
    4. +
  4. Vous comprenez et acceptez que club elec ne puisse être tenue responsable de tous + dommages directs, indirects, ou fortuits, comprenant les dommages pour perte de profits, de + clientèle, d’accès, de données ou d’autres pertes intangibles (même si club elec est + informé de la possibilité de tels dommages) et qui résulteraient de : +
      +
    1. l’utilisation ou de l’impossibilité d’utiliser le service ;
      2. +
    2. l’accès non autorisé ou altéré de la transmission des données ;
      3. +
    3. les déclarations ou les agissements d’un tiers sur le service ;
      4. +
    4. la résiliation de votre compte ;
      5. +
    5. toute autre question relative au service.
      6. +
    +
    5. +
  5. L’échec de club elec à exercer ou à appliquer tout droit ou disposition des + Conditions Générales d’Utilisation ne constitue pas une renonciation à ce droit ou à cette + disposition. Les Conditions d’utilisation constituent l’intégralité de l’accord entre vous + et club elec et régissent votre utilisation du service, remplaçant tous les accords + antérieurs entre vous et club elec (y compris les versions précédentes des Conditions + Générales d’Utilisation).
    6. +
  6. Les questions sur les conditions de service doivent être envoyées par + par courriel. +
    7. +
+

Modifications du service

+
    +
  1. club elec se réserve le droit, à tout moment de modifier ou d’interrompre, + temporairement ou définitivement, le service avec ou sans préavis.
    2. +
  2. club elec ne sera pas responsable envers vous ou tout tiers pour toute modification, + suspension ou interruption du service.
    3. +
+

Droit d’auteur sur le contenu

+
    +
  1. Vous ne pouvez pas envoyer, télécharger, distribuer, diffuser tout + contenu illégal, diffamatoire, harcelant, abusif, frauduleux, contrefait, obscène ou + autrement répréhensible.
    2. +
  2. Nous ne revendiquons aucun droit sur vos données : textes, images, son, vidéo, ou tout autre + élément, que vous téléchargez ou transmettez depuis votre compte.
    3. +
  3. Nous n’utiliserons pas votre contenu pour un autre usage que de vous fournir le service. +
    4. +
  4. Vous ne devez pas télécharger ou rendre disponible tout contenu qui porte atteinte aux + droits de quelqu’un d’autre.
    5. +
  5. Nous nous réservons le droit de supprimer tout contenu nous paraissant non pertinent pour + l’usage du service, selon notre seul jugement.
    6. +
  6. Nous pouvons, si nécessaire, supprimer ou empêcher la diffusion de tout contenu sur le + service qui ne respecterait pas les présentes conditions.
    7. +
+

Édition et partage de données

+
    +
  • Les fichiers que vous créez avec le service peuvent être – si vous le souhaitez – lus, + copiés, utilisés et redistribués par des gens que vous connaissez ou non.
    • +
  • En rendant publiques vos données, vous reconnaissez et acceptez que toute personne utilisant + ce site Web puisse les consulter sans restrictions.
    • +
  • Mais le service peut également vous proposer la possibilité d’autoriser l’accès et le + travail collaboratif sur ses documents de manière restreinte à un·e ou plusieurs autres + utilisateur·ices.
    • +
  • club elec ne peut être tenue responsable de tout problème résultant du partage ou de + la publication de données entre utilisateur·ices.
    • +
+

Résiliation

+

club elec, à sa seule discrétion, a le droit de suspendre ou de résilier votre compte et + de refuser toute utilisation actuelle ou future du service. Cette résiliation du service + entraînera la désactivation de l’accès à votre compte, et la restitution de tout le + contenu.
club elec se réserve le droit de refuser le service à n’importe qui pour + n’importe quelle raison à tout moment.

+

club elec se réserve également le droit de résilier votre compte si vous ne vous connectez + pas à votre compte pour une période supérieure à 6 mois.

+

Données personnelles

+

Conformément à l’article 34 de la loi « Informatique et Libertés », club elec garantit à + l’utilisateur·ice un droit d’opposition, d’accès et de rectification sur les données nominatives + le·la concernant. L’utilisateur·ice a la possibilité d’exercer ce droit en envoyant un courriel.

+
    +
  • Pour utiliser certains services club elec, vous devez créer un compte. club + elec demande certaines informations personnelles : une adresse de courriel valide et + un mot de passe qui est utilisé pour protéger votre compte contre tout accès non autorisé. + Les champs « Nom » et « Prénom » peuvent être requis pour le bon fonctionnement du logiciel, + mais il n’est pas nécessaire qu’ils révèlent votre véritable identité.
    • +
  • Tout comme d’autres services en ligne, club elec enregistre automatiquement certaines + informations concernant votre utilisation du service telles que l’activité du compte + (exemple : espace de stockage occupé, nombre d’entrées, mesures prises), les données + affichées ou cliquées (exemple : liens, éléments de l’interfaceutilisateur), et d’autres + informations pour vous identifier (exemple : type de navigateur, adresse IP, date et heure + de l’accès, URL de référence).
    • +
  • Nous utilisons ces informations en interne pour vous améliorer l’interface utilisateur·ice + des services club elec et maintenir une expérience utilisateur·ice cohérente et + fiable.
    • +
  • Ces données ne sont ni vendues, ni transmises à des tiers.
    • +
+
+
+
+
+ + + + \ No newline at end of file