Add MixTeen page

Fixes #202
mixitconf · Apr 2, 2017 · f5af50b · f5af50b
1 parent fc4cce8
commit f5af50b
Show file tree

Hide file tree

Showing 7 changed files with 49 additions and 0 deletions.
diff --git a/src/main/images/png/mxt-logo-mixteen.png b/src/main/images/png/mxt-logo-mixteen.png
diff --git a/src/main/kotlin/mixit/web/WebsiteRoutes.kt b/src/main/kotlin/mixit/web/WebsiteRoutes.kt
@@ -38,6 +38,7 @@ class WebsiteRoutes(val adminHandler: AdminHandler,
             GET("/news", newsHandler::newsView)
             GET("/ticketing", ticketingHandler::ticketing)
             GET("/sponsors") { sponsorHandler.viewWithSponsors("sponsors", "sponsors.title", it) }
+            GET("/mixteen", globalHandler::mixteenView)
 
             // Authentication
             GET("/login", authenticationHandler::loginView)

diff --git a/src/main/kotlin/mixit/web/handler/GlobalHandler.kt b/src/main/kotlin/mixit/web/handler/GlobalHandler.kt
@@ -20,5 +20,7 @@ class GlobalHandler(val userRepository: UserRepository,
         ok().render("about", mapOf(Pair("staff", users), Pair("title", "about.title")))
     }
 
+    fun mixteenView(req: ServerRequest) = ok().render("mixteen")
+
 }
 
diff --git a/src/main/resources/messages_en.properties b/src/main/resources/messages_en.properties
@@ -21,6 +21,7 @@ header.menu.where=Where
 header.menu.archives=Archives
 header.menu.sponsors=Sponsors
 header.menu.about=About
+header.menu.mixteen=MixTeen
 header.menu.admin=Admin
 
 home.wrapper.title=The conference from Lyon with crêpes and love
@@ -181,6 +182,13 @@ login.title=Login
 login.error.text=Login or password invalid.
 login.error.back=Back to the form
 
+mixteen.title=MixTeen
+mixteen.intro=TODO
+mixteen.how.title=TODO
+mixteen.how.text=TODO
+mixteen.story.title=TODO
+mixteen.story.text=TODO
+
 admin.title=Admin
 admin.link=Go to this module
 

diff --git a/src/main/resources/messages_fr.properties b/src/main/resources/messages_fr.properties
@@ -21,6 +21,7 @@ header.menu.where=Venir
 header.menu.archives=Archives
 header.menu.sponsors=Sponsors
 header.menu.about=À propos
+header.menu.mixteen=MixTeen
 header.menu.admin=Admin
 
 home.wrapper.title=La conférence Lyonnaise avec des crêpes et du cœur
@@ -177,6 +178,13 @@ login.title=Authentifcation
 login.error.text=Identifiant ou mot de passe non valide.
 login.error.back=Retour vers le formulaire
 
+mixteen.title=MixTeen
+mixteen.intro=Les enfants, on fait quoi pendant les vacances ? On programme !\nPas besoin d’être un geek en herbe, pas besoin de passer son temps devant un ordinateur...\nAvec de la créativité et de la curiosité, il est possible de réaliser des programmes informatiques tout en s’amusant.\nPour les parents : Proposez à vos enfants de comprendre l’informatique de façon ludique, avec des outils qui leur sont adaptés. Nous leur ferons découvrir les clés de la programmation.\nPour les enfants : apprenez à créer vos mini-jeux, mini-films sur un ordinateur en venant programmer avec nous !
+mixteen.how.title=Comment ca se passe ?
+mixteen.how.text=<ul><li>Les inscriptions se feront exclusivement via la billeterie (ouverture très prochainement)</li>\n<li>Plusieurs activités seront proposées:<ul><li>Pour tous : <a href="http://scratch.mit.edu/">Scratch</a></li><li>Ateliers de découverte des principes de l'informatique : jeux pour découvrir le binaire, le codage d'images...</li><li>Les plus courageux installeront à l'avance les outils nécessaires: pour Scratch installer l'application <a href="https://scratch.mit.edu/scratch2download/">en version 2.0</a></li></ul></li><li>Puis rendez-vous le vendredi 21 avril à 14h00 à l'école CPE (<a href="/about">même endroit que MiXiT</a>)</li> <li>L'enfant peut venir avec son ordinateur portable</li><li>Une première série d'ateliers en binômes démarre</li><li>Un petit gouter</li><li>Deuxième série d'ateliers, on fait tourner sur les activités</li><li>Vers 17h, les enfants présentent leurs réalisations aux autres enfants et aux parents ébahis de tant de prouesses technologiques ;)</li><li>Fin vers 18h00</li></ul>Une question ? <a href="mailto:[email protected]" target="_top">Contactez-nous</a>!
+mixteen.story.title=L'histoire de MixTeen
+mixteen.story.text=<ul><li>Lors de la keynote finale de de Mix-IT 2012, Pamela Fox imaginait un monde où l'on apprend à coder dès notre plus jeune âge et fixe à chacun de nous un objectif : enseigner la programmation à une personne.</li><li>Lors de l'édition Mix-IT 2013, Audrey Neveu et Aline Paponaud nous ont présenté l'initiative Programatoo qu'elles mènent avec d'autres passionés.</li><li>En octobre 2013, ce fut le cas lors d'un premier atelier le 5 octobre 2013, avec la participation essentielle d'Audrey Neveu. Les enfants purent découvrir Scratch et les premières joies du code ainsi que Lego Mindstorms et l'apprentissage des bases de la robotique.</li><li>En 2014, on lance notre propre atelier de programmation dans le cadre de Mix-IT, c'est la naissance de Mix-TeeN !</li></ul>
+
 admin.title=Admin
 admin.link=Ouvrir ce module
 

diff --git a/src/main/resources/templates/header.mustache b/src/main/resources/templates/header.mustache
@@ -41,6 +41,7 @@
             <li><a href="{{localePrefix}}/ticketing" class="mxt-menu__item--nav">{{#i18n}}header.menu.ticketing{{/i18n}}</a></li>-->
             {{#admin}}<li><a href="{{localePrefix}}/admin" class="mxt-menu__item--nav">{{#i18n}}header.menu.admin{{/i18n}}</a></li>{{/admin}}
             <li><a href="{{localePrefix}}/2017" class="mxt-menu__item--nav">{{#i18n}}header.menu.talks{{/i18n}}</a></li>
+            <li><a href="{{localePrefix}}/mixteen" class="mxt-menu__item--nav">{{#i18n}}header.menu.mixteen{{/i18n}}</a></li>
             <li><a href="{{localePrefix}}/sponsors" class="mxt-menu__item--nav">{{#i18n}}header.menu.sponsors{{/i18n}}</a></li>
             <li><a href="{{localePrefix}}/blog" class="mxt-menu__item--nav">{{#i18n}}header.menu.blog{{/i18n}}</a></li>
             <li><a href="{{localePrefix}}/about" class="mxt-menu__item--nav">{{#i18n}}header.menu.about{{/i18n}}</a></li>

diff --git a/src/main/resources/templates/mixteen.mustache b/src/main/resources/templates/mixteen.mustache
@@ -0,0 +1,29 @@
+{{> header}}
+
+<div class="mxt-wrapper--page-title">
+    <div class="row">
+        <div class="columns large-8 large-offset-2">
+            <h1 class="text-center">{{#i18n}}mixteen.title{{/i18n}}</h1>
+        </div>
+    </div>
+</div>
+
+<div class="mxt-wrapper--page-content">
+    <div class="row">
+        <div class="column large-8 large-offset-2">
+            <div class="callout">
+
+                <p>{{#i18n}}mixteen.intro{{/i18n}}</p>
+                <div>
+                    <img src="/images/png/mxt-logo-mixteen.png" />
+                </div>
+                <h2>{{#i18n}}mixteen.how.title{{/i18n}}</h2>
+                <p>{{#i18n}}mixteen.how.text{{/i18n}}</p>
+                <h2>{{#i18n}}mixteen.story.title{{/i18n}}</h2>
+                <p>{{#i18n}}mixteen.story.text{{/i18n}}</p>
+
+            </div>
+        </div>
+    </div>
+
+{{> footer}}
-Original file line number
+Diff line change
@@ Expand Up / @@ -20,5 +20,7 @@ class GlobalHandler(val userRepository: UserRepository, @@
             ok().render("about", mapOf(Pair("staff", users), Pair("title", "about.title")))
         }
+        fun mixteenView(req: ServerRequest) = ok().render("mixteen")
     }