Coder Social home page Coder Social logo

ronnix / codeursenseine-site Goto Github PK

View Code? Open in Web Editor NEW

This project forked from codeursenseine/codeursenseine-site

0.0 1.0 0.0 230.54 MB

Site des Codeurs en Seine

Home Page: http://www.codeursenseine.com/

HTML 59.01% CSS 24.83% JavaScript 16.14% Ruby 0.03%

codeursenseine-site's Introduction

Site pour la conférence Codeurs en seine

Logotype de Codeurs en Seine

Codeurs en Seine est une journée de conférences gratuite qui se déroule à Rouen, pour découvrir, apprendre et partager autour du monde du développement.

Contribution

Vous trouvez que quelque chose manque au site ? ➡️ les pull requests sont les bienvenues !

Execution en local

Via Docker

  • docker run -p 4000:4000 --rm --volume="$PWD:/srv/jekyll" -it jekyll/jekyll:latest jekyll serve --watch

Via installation complète sur le système

Requis

Pour installer jekyll sur Ubuntu : https://jekyllrb.com/docs/installation/#ubuntu Installation des dépendances requises :

  • gem install bundler
  • bundle

Démarrage du site en local

  • jekyll serve --watch

ou

  • bundle exec jekyll serve --watch

Essayez cette commande si vous n'arrivez pas à lancer le site : bundle update

Ajout de nouveaux orgas

  • Pull la dernière version du git (branche gh-pages)
  • Modifier le fichier `_data/edition2018/organisateurs.yml
  • Ajouter la photo (même nom que défini avant dans le yml) en 100x100px dans images/edition2018/organisateurs
  • Puis commit et push sur la branche

Ajout d'un meetup

  • Pull la dernière version du git (branche gh-pages)
  • Créer un fichier a la date du jour (important pour voir la publication) dans _posts/meetups en copiant/collant le fichier 2001-01-01-example-meetup.md.
    Exemple: 2018-12-25-meetup.md
  • Modifier ce fichier .md avec les bonnes informations
  • Ajouter la photo du speaker dans images/meetups/speakers
  • Puis commit et push sur la branche

Créer une version du site pour une nouvelle année

Chaque année on archive l'ancien site (toujours dispo en ligne) et on met en place une nouvelle version du site.

Dans les étapes suivantes, le [prevYear] et [newYear] sont à remplacer par l'année précédente et la nouvelle année. Exemple pour créer le site 2019, [prevYear] est à remplacer par 2018 et [newYear] par 2019.

Créer le nouveau layout
  • Dupliquer le fichier _layouts/edition[prevYear].html avec le nom edition[newYear].html.
  • Dupliquer le fichier _layouts/edition[prevYear]-with-sponsors.html avec le nom edition[newYear]-with-sponsors.html.
  • Remplacer [prevYear] par [newYear] dans les fichiers suivants :
    • _layouts/edition[newYear].html
    • _layouts/edition[newYear]-with-sponsors.html
    • _layouts/devoxx4kids.html
    • _layouts/meetups.html

Dupliquer les données

  • Dupliquer les dossier edition[prevYear] avec le nom edition[newYear] dans les dossiers suivants _data, _includes, css, images, js, pages
  • Remplacer [prevYear] par [newYear] dans les fichiers suivants :
    • _includes/edition[newYear]/talks-panels.html
    • _includes/edition[newYear]/layout/navbar.html
    • _includes/edition[newYear]/layout/page-header.html
    • _includes/edition[newYear]/layout/topbar.html
    • css/edition[newYear]/billetweb.scss
    • css/edition[newYear]/style.scss
    • pages/edition[newYear]/*.html

Editer la configuration

  • Dans le fichier _config.yml, éditer l'url :
...
url: https://www.codeursenseine.com/[newYear]
...
  • Dans le fichier _config.yml, ajouter l'édition [newYear] :
edition[newYear]:
  pretitle: "Rencontre de codeuses & codeurs à Rouen"
  title: "Édition [newYear]"
  • Editer le fichier index.html avec la ligne suivante :
<meta http-equiv="refresh" content="0; url=/[newYear]">

Ajouter le lien vers la version précédente

  • Dans le fichier _includes/edition[newYear]/layout/navbar.html ajouter le lien vers la version [prevYear] dans la navigation.
<a href="/[prevYear]/" target="_blank">
  [prevYear]
</a>

Ajouter une information dans la version précédente du site

  • Dans le ficher _includes/edition[prevYear]/layout/page-header.html ajouter à la fin du fichier :
<div class="ces-c-card is-danger ces-h-mb-md">
  <div class="ces-l-grid is-middle is-auto">
    <div class="ces-l-grid__item">
      Vous visitez le site d'une <strong>édition précédente</strong>.
    </div>
    <div class="ces-l-grid__item is-push">
      <a href="/[newYear]" class="ces-c-button is-block">
        Voir l'édition [newYear]
      </a>
    </div>
  </div>
</div>

Nettoyer le nouveau site

  • Masquer les pages non à jour en ajoutant published: false dans le header des pages suivantes :

    • pages/edition[newYear]/agenda.html
    • pages/edition[newYear]/inscription.html
    • pages/edition[newYear]/speakers.html
    • pages/edition[newYear]/where.html
  • Mettre à jour la page d'accueil pages/edition[newYear]/home.html

  • Supprimer les anciens sponsors dans le fichier _data/edition[newYear]/sponsors.yml

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.