GithubHelp home page GithubHelp logo

osm-fr / sotmfr-website Goto Github PK

View Code? Open in Web Editor NEW
7.0 8.0 10.0 28.23 MB

Code du site web de l'événement State of the Map

Home Page: https://sotm2024.openstreetmap.fr/

CSS 27.79% CoffeeScript 1.62% JavaScript 5.24% HTML 58.46% SCSS 6.42% Python 0.30% Nunjucks 0.17%
css html nodejs openstreetmap sotm

sotmfr-website's Introduction

sotmfr-website

Lien site officiel : https://sotm2024.openstreetmap.fr/

Lien vers le site web hébergé par Github : https://osm-fr.github.io/sotmfr-website/

Configuration dépôt pour prévisualisation :

Repository Settings

Click on the Settings tab and scroll down to the GitHub Pages section.

Then select the master branch source and click on the Save button.

Lien des sites des sotm précédents:

sotmfr-website's People

Contributors

thomasg77 avatar bristow avatar jean-baptistec avatar marcelezd avatar baptistedixneuf avatar jacknumber avatar alketta avatar tomao44 avatar blemoineovh avatar harfeur avatar vinber avatar ciseur68 avatar vdct avatar jocelynj avatar

Stargazers

 avatar  avatar  avatar Donat ROBAUX avatar  avatar  avatar

Watchers

 avatar James Cloos avatar  avatar  avatar  avatar Antoine Riche avatar  avatar  avatar

sotmfr-website's Issues

Créer une visualisation agrégeant les meilleurs rendus

Je propose de remplacer la carte par défaut sur la page d'accueil d'openstreetmap.fr avec une carte custom qui déchire.

Son but :

  1. gagner en flexibilité pour s'adapter au contexte du moment
  2. mieux promouvoir la richesse des données au delà du rendu de base

Rendu vecto de base

Cette carte serait composée d'un rendu de base vectoriel, adaptatif en fonction du contexte, par exemple :

  • en ce moment on a des zones sous couvre-feu https://twitter.com/cq94/status/1319309566350397443 : je pense que ça devrait apparaître par défaut sur notre carte 
  • pareil pour les zones sinistrées par l’inondation dans le sud de la France : on pourrait afficher temporairement les bâtiments détruits, ceux qui sont touchés ... 
  • on a un projet du mois sur les défibrillateurs, on pourrait imaginer qu'ils s'affichent temporairement de manière plus proéminente avec un lien qui renvoi vers le site projetdumois.fr
  • en montagne on devrait afficher les éléments d'été en été, les éléments d'hiver en hiver
  • en période électorale on devrait afficher le découpage électoral et les bureaux de vote
  • ...

Je suis sûr que la communauté trouvera 1000 utilisations pour cette fonctionnalité

Rendus thématiques

En plus de cela, on devrait proposer de switcher vers des rendus thématiques selon le zoom et l'emplacement :

  • quand on zoome en bretagne, on devrait afficher la possibilité de switcher en breton, pareil pour l'Occitan en Occitanie
  • quand on zoome sur les alpes en hiver, ça devrait proposer de switcher sur openpistemap. En été, sur le rendu rando avec lignes de courbes.
  • près de la côte vers openseamap 
  • sur les gares vers le rendu indoor 
  • en ville vers les rendus vélo + transport
  • ...

Récap'

Vous l'avez compris, je vous propose de développer en combo :

  • un rendu générique qui nous apporterait la flexibilité qui nous manque actuellement sur osm.org

Aujourd'hui on est hyper réactifs avec umap, mais le lien n'est pas partagé au delà d'un cercle restreint de geeks. Si le lien devenait openstreetmap.fr, je suis sûr que cet URL pourrait devenir un bookmark important pour tous les journalistes de France de Navarre ...

  • un agrégat de rendus thématiques présentés intelligemment et contextuellement

En plus d'un formidable démonstrateur, ce nouvel outil pourrait palier à un problème récurrent : il ne faut pas mapper pour le rendu mais dans le même temps la donnée non-rendu est souvent beaucoup moins considérée. Afficher des rendus temporaires et contextuels boostera donc les contributions spécifiques.

Mise à jour des bibliothèques

Je suis en train de mettre à jour les bibliothèques et de mettre à jour les différentes pages déjà créé.

J'ai également fait un brin de ménage des bibliothèques, des fonts, des images.

J'ai créé un fichier main.css, il contient des variables et le css custom de l'application. Seule ce fichier de style devra être modifié à l'avenir.

J'ai refacto le code et j'ai mis à jour les class des balises html selon les bibliothèques utilisés et les class créé

Je finis d'integrer la nouvelle page de @BaptisteDixneuf et je mergérai #17 le mr si vous validez les modifications de texte.

erreur du logo jawg sur la page soutien

ils ont changé de logo, je n'ai pas vérifié et donc c'est pas le bon. Sur le site on peut changer, sur les kakemonos, plus difficile ...

jawgmaps-blue
jawgmaps-blue

Voici les bons logos !

Lien live

Voici le lien à mettre pour les live. A voir si on peut mettre en 1ère page sinon comme en 2019 https://sotm2019.openstreetmap.fr/video.html

<iframe title="State of the Map | Flux du direct | Live stream |
Université de Nantes - Campus du Tertre"
src="https://peertube.openstreetmap.fr/videos/embed/d2600cb0-d76b-43c0-997b-fc420b511cb1?warningTitle=0&amp;peertubeLink=0"
allowfullscreen="" sandbox="allow-same-origin allow-scripts
allow-popups" width="560" height="315" frameborder="0"></iframe>

Initialier le questionnaire framaform

Ne pas oublier de remettre à zéro le questionnaire, d'effacer les tests avant le déploiement du site (ce n'est pas non plus trés grave si ce n'est pas fait !!!).

L'appel à contributions est clos

Le formulaire intégré dans la page contribution.html est clos, et montre une erreur.
Remplacer l'iframe par le texte "L'appel à contributions est maintenant clos. Le programme sera publié prochainement".
Autre option : supprimer cette page de la navbar.

Ajout filtre

Salut les gars,

SI je peux abuser de votre gentillesse ;)

Est ce que ce serait possible de créer un filtre dans les thématiques qui s’appellerait Géocommuns et d'y affecter toutes les prez du vendredi en amphi 2, à partir de 11h30?

Actualiser le site pour SOTM FR 2022

  • Créer le sous-domaine sotm2022.openstreetmap.fr
  • Changer le visuel
  • Restaurer le menu
  • Intégrer le formulaire Framaforms pour l'appel à contribution

Précisions Infos pratiques

  • Texte à ajouter:

POINT DE RENCONTRE DU JEUDI SOIR
Pour les participants qui arrivent dès le jeudi soir, un point de rendez-vous informel a été fixé en centre ville sur la place du Bouffay à partir de 19h. En fonction du nombre de participants présents, on se répartira sur les différents restaurants qui entourent la place. Mettons nos anciens tee-shirt Sotm pour nous reconnaître. Un bon moment de convivialité pour lancer ce SotM France 2022 de la meilleure des façons !

  • Concernant les moyens d'accès, précisez que le WE le tram est gratuit (de x h à x h).

  • Reprendre le texte du programme:

DEPUIS LA GARE :
TRAM 1 (direction François Mitterand ou Jamet) --> descendez à l’arrêt Commerce
Rejoignez le TRAM 2 (direction Orvault Grand Val), situé en perpendiculaire du TRAM 1
–-> descendez à l’arrêt Facultés
! Arrêt Commerce Ne pas monter dans le Tram 3 qui passe sur le même quai que le Tram 2.

DEPUIS L’AÉROPORT :
Prenez la navette aéroport, elle vous déposera en centre-ville --> descendez à l’arrêt Commerce, TRAM 1
Rejoignez le TRAM 2 (direction Orvault Grand Val), situé en perpendiculaire du TRAM 1
–-> descendez à l’arrêt Facultés
! Arrêt Commerce Ne pas monter dans le Tram 3 qui passe sur le même quai que le Tram 2.

EN SORTANT DU TRAM 2 :
vous trouverez le Restaurant universitaire sur votre droite et une allée bordée d’arbres en face de vous.
Engagez-vous dans cette allée, dépassez le Théâtre universitaire (à votre droite) et continuez jusqu’à
atteindre le bâtiment Censive qui se situera sur votre droite également.

Maj du programme

J'ai détecté des coquilles mais je ne sais pas comment faire pour les corriger directement dans le code. Ca ne doit pas être compliqué de faire une PR là-dessus, mais...

  • Il n'y a pas de salle TBD. C'est dans l'Amphi 2. Donc à corriger sur toutes les conf du vendredi.
  • Pour la plénière_De la carte blanche à la carte arc-en-ciel !_ Capucine-Marin Dubroca-Voisin -Contributeurice aux projets Wikimédia depuis une dizaine d’années, Capucine-Marin est président·e de Wikimédia France.
  • Conf Données de marchabilité: coquille dans l'horaire

Il y aura d'autres corrections notamment sur la plénière, pour laquelle, je n'ai pas toutes les infos. Et pour les horaires.

En tout cas, c'est top ce que vous avez pu faire.
Merci ;)

Lien pour les inscriptions

Lien pour les inscriptions du SotmFR 2022 au choix selon le plus pratique:

  • https://openstreetmap.assoconnect.com/collect/description/225519-b-state-of-the-map-france-2022
  • <iframe id="iframe_assoconnect" src="https://openstreetmap.assoconnect.com/collect/description/225519-b-state-of-the-map-france-2022?iframe=1" width="100%" style="overflow: hidden; border: 0; max-height: none;" scrolling="no" onload="window.location.href='#iframe_assoconnect'"></iframe><script>window.addEventListener("message", function(event) {if(event.data.action === "iframe.height" && event.origin === "https://openstreetmap.assoconnect.com"){document.getElementById("iframe_assoconnect").height = event.data.height;}});</script><style>#iframe_assoconnect{border: 0}</style>

Page soutiens, engagement sur 3 ans

sans rien de pressé, le principal c'est la publication de la page de soutiens.

Certaines entreprises (cette année seulement magelium) s'engagent sur une convention de 3 ans à soutenir le sotm-fr (moins de paperasses, plus facile à gérer, beaucoup d'avantage pour tout le monde).

Je trouverais intéressant de pouvoir distinguer (genre un astérisque mais peut-être autre) qui renvoie une phrase du type "S'engage à soutenir l'évènement pendant 3 ans !"

avis ?

Mise en place du site pour 2023

C'est reparti :)

si vous êtes intéressé par donner un coup de main, n'hésitez pas à vous signaler ici.

On reprend ce qui fonctionne, on voit si on peut améliorer des choses

et plus si cela semble nécessaire.

SOTM -> SotM-FR

séquence typo :)
j'ai fait un changement (mais je ne suis pas sur que cela soit la bonne façon de faire), j'ai modifié et enregistrer et donc c'est mis à jour, sans faire de fork et PR. après coup, je me suis dit mais c'est pas bien cela !!!

Donc avant de continuer à mal faire, je note cette petite erreur !
SOTM est plutôt remplacé par SotM-FR pour être clair que c'est bien le State of the Map France (SotM-FR)

Amélioration code

Home : mettre en container à chaque section
Modifier column en 8 et 4 pour about
Fix exception footer home

Création catégorie

Bonjour,

Est-ce que c'est possible, sans trop de travail pour vous de créer une catégorie rassemblant les 3 niveaux des conf?

  • tout public
  • intermédiaire
  • expert

Actuellement c'est mélanger dans les thématiques.

Correction programme

Bonsoir les codeurs fous,

  • Coquille orthographique sur Wikimedia France. supprimer le 's'

  • A la place de Maël, prez vendredi 14h en amphi 2
    Titre: 61 - Mapillary dans les collectivités locales : état des lieux et perspectives
    Intervenant: AITF (Association des Ingénieurs Territoriaux de France)
    pas de résumé

  • A la place de Hugues OSM au Samu de Normandie; prez vendredj 16h30
    Titre: 60 - Ils sont fous ces normands ? des Centre 15 avec OSM !
    Hugues PARVILLIERS
    Chef de projets Aide Médicale Urgente
    Groupe de Coopération Sanitaire Normand-esanté
    Résumé:
    Début 2000 page blanche pour un SI SAMU régional avec téléphonie et cartographie intégrée
    Juin 2004 lancement en production d’un premier SAMU avec téléphonie et cartographie intégrée
    Vous avez dit géocodage ?
    Le RGE IGN, quand une tuile en cache une autre !
    Quand le gars du 15 met le feu à l’IGN
    L’Etat sait, et nous on est des nuls ; survie dans les tranchées
    Zoom sur l’existant et les projets
    Bonus : quelques états d’âmes J

  • Céline DURUPT ne pourra pas présenter. A supprimer donc du programme sur les pres 27 et 35

Merci les gars.
Normalement le programme ne bouge plus maintenant. C'était les derniers retours que j'attendais.

En PJ, tout ca mis à jour.

Programme SotmFR 2022.ods

Ouvrir un lien externe vers une nouvelle page

Ajouter un target="_blank" rel="noopener noreferrer" sur les liens vers les sites externes.
Exemples : la carte uMap, le site de l'office du tourisme, le camping 5 étoiles et Destinéo.

Page d'accueil

Capture d’écran de 2020-03-01 15-25-04

Titre à gauche
State of the Map -> State Of The Map France

Partie à droite
Où ? -> Où ?
STATE OF THE MAP FRANCE 2020 -> Quand ?
Juin 12 - 14, 2020 -> 12 - 14 juin 2020
VOLONTAIRES -> Volontaires
Merci à tous les volontaires du SotM 2020 -> Merci aux volontaires du SotM-Fr 2020

Maj mentions légales

A corriger:
c/o Maison des Associations du 2ème Arrondissement
23 rue Greneta
75002 Paris

SIRET : 841 037 583 00017

Bonne version:
c/o Maison des Associations Paris Centre
5 bis rue du Louvre
75001 PARIS
SIRET: 841 037 583 00025

Programme / Ajout des intervenants et résumé pour la plénière

9h30-10h
De la carte blanche à la carte arc-en-ciel !
Capucine-Marin Dubroca-Voisin
Contributeurice aux projets Wikimédia depuis une dizaine d’années, Capucine-Marin est président·e de Wikimédia France

10h-10h30
Carte blanche
Olivier Ertzscheid
Enseignant-chercheur français en sciences de l'information, Olivier Ertzscheid documente depuis plus de 17 ans les évolutions du web et de notre rapport à la connaissance au travers de son blog affordance.info et de ses ouvrages et articles.

Visibilité du dépot Github

Pour plus de visibilité du dépot Github il pourrait être intéressant de mettre un lien sur le site (en bas de page par exemple).

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.