lyontechhub/lyontechhub.github.io

Public web site that aggregates communication of group's communities.

Lyon Tech Hub Web Site

Public url: http://www.lyontechhub.org/

This is the public web site that aggregates communication of group's communities.
It consists of the following sections :

• Home page
• Calendar page
• Communities page
• About

Join Us

Send us a mail to [email protected] or even request to join the group, it is totally free.

If you have a tech/IT community in Lyon area, request to join Lyon Tech Hub to promote your exciting activity to the community, it is simple as :

• Request access to Google Calendar
• And submit a pull request to update web site (logo & JSON data).

Make sure you do a pull request on master branch including the following :

• your community details in file data/[key used in list].json
• your community logo in imgs in PNG format with a 100x100 minimum resolution

Contribute

Contact us on the Google Group, make pull-request, this web site must be managed by Lyon communities themselves.

Developers

This web site is done with plain HTML/CSS3/Javascript.

The website is hosted through GitHub pages at lyontechhub.github.io as Organization pages (cf. https://help.github.com/articles/user-organization-and-project-pages).
Note that GitHub uses master branch to deploy, that's why we have 'dev' branch as the default one, which contains source code, that is compiled through Gulp and pushed to master for deployment (see below).

Source code

It is built upon Bootstrap, with LESS files for theme customisation (see Dev & build environment).

JSON data & images

The following JSON files are used to provide content to dynamic views in 'data' directory:

• communities/[one per community].json

Images like community icons are in 'imgs' directory.

Dev & build environment

After cloning, just type the following commands to have a :

npm install
npm start

Nb : npm start is configured to start a local Node web server

Gulp is used to build assets (CSS & JS) and copy other assets (data & images) used by the site.

• 'build' task is used to build JS, CSS (from LESS) and HTML to 'public' directory ('npm start' launch 'build' task before running the local Node web server)
• 'watch' task is used to watch changes on source JS, LESS, HTML & assets files to trigger a build dynamically (never ending task)

Deployment

Automatically deployed via github action

lyontechhub.github.io's Issues

Sticky footer

Salut,

ca serait bien que le footer colle en bas lorsqu'il n'y a pas assez de contenu dans la page.

Afficher les événements à venir et passés d'une communauté

Récupérer les événements dans le Google Calendar avec l'API Google à partir d'un pattern de recherche spécifié dans le fichier json de la communauté. Par exemple, pour le MUG Lyon, le pattern serait "MUG Lyon -" qu'on utilise pour chaque événement créé dans le calendrier.

Add Google Analytics

Mettre en place Gulp pour la compilation JS/CSS

Les dépendances sont gérées via NPM/Bower. Le site étant hébergé sur Github.io, il doit être statique. Le site est dans un repo avec gh-pages de type Project (branche gh-pages orpheline pour le déploiement).

Il est donc nécessaire soit de committer, soit de référencer des URLs de CDN, dépendant si on a besoin ou non de spécificités.
Pour gérer cela, je propose de mettre en place RequireJS + Gulp (qui fera une compilation des fichiers JS/CSS spécifiques).
Pour Gulp, utiliser gulp-requirejs, gulp-uglify, gulp-less, gulp-gh-pages.

Les événements "journée entière" ne sont pas pris en compte

Le flux Google ne contient pas le champs startDate.dateTime, mais startDate.date pour ces cas...

Ajouter des liens et informations pour la côtisation

Consentement utilisateur pour l'usage de Google Analytics (conformité CNIL)

Un code d'exemple est fourni ici, à intégrer avec Angulartics...
http://www.cnil.fr/vos-obligations/sites-web-cookies-et-autres-traceurs/outils-et-codes-sources/la-mesure-daudience/

logo en 512×512

(c) @woecifaun

Onglet Communauté vide

En allant sur le site ici : https://www.lyontechhub.org/#!/communautes , l'onglet est actuellement vide.

Make `npm start` also `watch` the sources (or have `npm watch`)

It would be nice for developers working on the site to have a simple way to run both server.js and grunt watch
Either by changing the existing npm start command or by creating a npm watch command. I am completely unsure how to get that working and will continue using my workaround with background jobs for now but it feels klunky :(

Rajouter le lien du site sur Github

Bonjour,

Est-il possible de rajouter le lien du site sur Github ? Je ne l'ai trouvé nul part sur le repo malheureusement.

Merci d'avance 🙏

prerender server down ?

seems like http://mighty-waters-2486.herokuapp.com/ used to prerender the pages for SEO give back blank pages.

is http://mighty-waters-2486.herokuapp.com/?_escaped_fragment_=/communautes the kind of url I should use to test it ?

Ajouter le mur twitter sur la page de chaque communauté (si elle a un compte twitter)

A voir comment organiser la page (3 colonnes aujourd'hui) => 4 colonnes par exemple ?

Mettre en place un déploiement continue GitHub -> Heroku

A regarder de plus près
https://github.com/himynameisjonas/heroku-deployer

Prerender error: TypeError: parsedQuery.hasOwnProperty is not a function

I have this when trying to access a local npm start instance:

TypeError: parsedQuery.hasOwnProperty is not a function
at Function.prerender.shouldShowPrerenderedPage (/Users/stephane/Documents/GitHub/lyontechhub.github.io/node_modules/prerender-node/index.js:128:33)
at module.exports (/Users/stephane/Documents/GitHub/lyontechhub.github.io/node_modules/prerender-node/index.js:6:17)
at Layer.handle [as handle_request] (/Users/stephane/Documents/GitHub/lyontechhub.github.io/node_modules/express/lib/router/layer.js:95:5)
at trim_prefix (/Users/stephane/Documents/GitHub/lyontechhub.github.io/node_modules/express/lib/router/index.js:317:13)
at /Users/stephane/Documents/GitHub/lyontechhub.github.io/node_modules/express/lib/router/index.js:284:7
at Function.process_params (/Users/stephane/Documents/GitHub/lyontechhub.github.io/node_modules/express/lib/router/index.js:335:12)
at next (/Users/stephane/Documents/GitHub/lyontechhub.github.io/node_modules/express/lib/router/index.js:275:10)
at expressInit (/Users/stephane/Documents/GitHub/lyontechhub.github.io/node_modules/express/lib/middleware/init.js:40:5)
at Layer.handle [as handle_request] (/Users/stephane/Documents/GitHub/lyontechhub.github.io/node_modules/express/lib/router/layer.js:95:5)
at trim_prefix (/Users/stephane/Documents/GitHub/lyontechhub.github.io/node_modules/express/lib/router/index.js:317:13)
TypeError: parsedQuery.hasOwnProperty is not a function
at Function.prerender.shouldShowPrerenderedPage (/Users/stephane/Documents/GitHub/lyontechhub.github.io/node_modules/prerender-node/index.js:128:33)
at module.exports (/Users/stephane/Documents/GitHub/lyontechhub.github.io/node_modules/prerender-node/index.js:6:17)
at Layer.handle [as handle_request] (/Users/stephane/Documents/GitHub/lyontechhub.github.io/node_modules/express/lib/router/layer.js:95:5)
at trim_prefix (/Users/stephane/Documents/GitHub/lyontechhub.github.io/node_modules/express/lib/router/index.js:317:13)
at /Users/stephane/Documents/GitHub/lyontechhub.github.io/node_modules/express/lib/router/index.js:284:7
at Function.process_params (/Users/stephane/Documents/GitHub/lyontechhub.github.io/node_modules/express/lib/router/index.js:335:12)
at next (/Users/stephane/Documents/GitHub/lyontechhub.github.io/node_modules/express/lib/router/index.js:275:10)
at expressInit (/Users/stephane/Documents/GitHub/lyontechhub.github.io/node_modules/express/lib/middleware/init.js:40:5)
at Layer.handle [as handle_request] (/Users/stephane/Documents/GitHub/lyontechhub.github.io/node_modules/express/lib/router/layer.js:95:5)
at trim_prefix (/Users/stephane/Documents/GitHub/lyontechhub.github.io/node_modules/express/lib/router/index.js:317:13)

Environment:

• MacOS 10.12.5 + Chrome or Safari
• prerender 1.3.0
• node v6.11.0

Maybe that according to this a newer version of prerender should be used. WDYT?

Personnaliser le design du site

Actuellement thème Twitter de base
Installation Twitter avec sources Less -> personnalisation via variables + compilation via Gulp (autre issue pr mettre en place la compilation)

Permettre le référencement du site (SEO)

1. Utiliser Prerender.io s'utilise dans une application Node.js facilement https://prerender.io/server#customize-it
   => déployé sur Heroku

2. Héberger le site en NodeJS sur Heroku, AzureWebSites ou OpenShift (ou autre alternative gratuite).

• Heroku mis en place avec 2 applications, une pour le service Prerender et une pour le site
• AzureWebSite : peut se connecter au repo GitHub, limité à 165Mb/jour (certainement suffisant) http://azure.microsoft.com/en-us/documentation/articles/web-sites-nodejs-develop-deploy-mac/
• OpenShift :déploiement via Git push sur un autre remote https://www.openshift.com/developers/deploying-and-building-applications

Rechercher dans la liste des communautés

Recherche très simple faisant une recherche dans le nom et la description de la communauté.
Affiche les communautés correspondantes.

Remplacer le widget Google par un joli calendrier

Avec http://fullcalendar.io/docs/google_calendar/ et http://angular-ui.github.io/ui-calendar/
Ce calendrier permet de récupérer les événements d'un calendrier Google public.

socialLinks et image des user groups non affichés

Bonjour, les socialLinks et l'image ne sont pas affichés sur les pages des différents user groups.

Par exemple, pour le Lyon JUG :

• Données source : https://github.com/lyontechhub/lyontechhub.github.io/blob/dev/data/LyonJUG.json
• Résultat : https://www.lyontechhub.org/#!/communaute/LyonJUG

Possiblement lié aux changements qui ont mené à #109

Vérification automatique via Travis

Travis permet de déployer sur Heroku :
https://docs.travis-ci.com/user/deployment/heroku/

Ca permettrait d'alléger l'étape de déploiement suite au merge d'une PR

Wrong community event in Lyon Testing Community page

Despite using different keywords, we can see a Lyon.rb event in the Lyon Testing community page.

Nuage de tags pour filtrer les communautés

Afficher un nuage de tags sur la liste de tags (ds le communities.json) ou sur le résultat d'un filter (prendrait en compte tous les textes des communautés : name, description, tags...)...