Merge branch 'master' of gitlab.deep-nope.me:mnivoliez/deep-blog

_includes/_post-card.liquid

 <article class="post-card">
   <a class="post-title" href="{{ post.permalink }}"><strong><h2>{{ post.title }}</h2></strong></a>
-  <div class="post-meta"><time datetime="{{ post.published_date }}">{{ post.published_date | date: '%b %-d, %Y' }}</time> / {{ post.data.author }}</div>
+  <div class="post-meta">
+    {%if post.published_date %}
+      <time datetime="{{ post.published_date }}">{{ post.published_date | date: '%b %-d, %Y' }}</time> / 
+    {%endif%}
+    {{ post.data.author }}</div>
   {{ post.excerpt }}
   <a class="post-readmore" href="{{ post.permalink }}">Read more<i style="vertical-align: bottom;" class="material-icons">chevron_right</i></a>
 </article>

_includes/_reading-time.liquid

@@ -9,4 +9,5 @@
   {% else %}								
     {% assign phrase = " minutes." | prepend: reading_time %}
 {% endcase %}
-<div class="post-meta"><time pubdate="pubdate">{{ page.published_date | date: "%b %d, %Y" }} - Reading time: {{ phrase }}</time></div><br />
+<div class="post-meta"><time pubdate="pubdate">
+    {% if page.published_date %}{{ page.published_date | date: "%b %d, %Y" }} - {%endif%}Reading time: {{ phrase }}</time></div><br />

about.liquid

@@ -11,7 +11,7 @@ data:
   <h2>I am looking for a job in game programming!</h2>
   <p>I am currently studying for a master's degree in game engineering at Gamagora. In order to graduate, I am searching for a position where I could fulfill my pedagogical objectives. It can be an internship or a full time position.</p>
   <p>You will find my resume just here: <a href=/documents/resume.pdf>resume.pdf</a></p>
-  <p>Contact me at <a href="mailto:mathieu.nivoliez@laposte.net">mathieu.nivoliez@laposte.net</a> or through social network: 
+  <p>Contact me at <a href="mailto:pro@mathieu-nivoliez.com">pro@mathieu-nivoliez.com</a> or through social network: 
     <a href="https://github.com/mnivoliez"><i class="fab fa-github-square"></i></a> 
     <a href="https://gitlab.deep-nope.me/mnivoliez"><i class="fab fa-gitlab"></i></a> 
     <a href="https://www.linkedin.com/in/mnivoliez"><i class="fab fa-linkedin"></i></a>

posts/2018-04-01-getting-started-with-rust-enum-on-steroids.md

@@ -30,8 +30,8 @@ We are now able to use it as this:
 fn take_care_of_dog(kind: DogKind) {
   match kind {
     DogKind::Doggo => take_care_of_doggo(),
-    DogKind::Doge => take_care_of_doggo(),
-    DogKind::Pupper => take_care_of_doggo(),
+    DogKind::Doge => take_care_of_doge(),
+    DogKind::Pupper => take_care_of_pupper(),
   }
 }
 ```

posts/2018-04-04-koda-the-importance-of-testing.md

+title: "Koda: the importance of testing"
+published_date: "2018-04-04 15:09:17 +0000"
+layout: post.liquid
+is_draft: false
+data:
+  comments: true
+  author: Mathieu Nivoliez
+  img_cover: images/rust_logo.png
+  lang: en
+  dsq_thread_id: ""
+---
+Hello everyone! Today we are going to talk about the importance of testing in a game project.
+
+## "Are you going to speak about Koda?"
+That’s right, I will speak about our experience in developing *Koda Kiyomori’s guardian*.
+![Koda Title](/images/KodaTitle.png)
+
+I will scope a little the subject, I will speak about play test or testing in real condition.
+## "What do you mean by test in real condition?"
+What I call test in real condition is when you test how well is received, or how behave, the thing you are building into an environment close or identical to the production one.
+In our case, we develop a game, so we put people to test it.
+
+## "How did you do?"
+That’s actually a really great question. We got the chance to have a team member who had worked inside a community center and we were able to go there to put our game to the test with the kids.
+To do that, we established a ‘test protocol’.
+1. Children answered a first survey revealing their sensibility toward video games.
+2. We observed children playing the game, noting their behaviors and reactions to the game.
+3. Children took a second survey to get their direct individual feedback.
+4. We organized discussion with children to get deeper into what was globally well received or not.
+![Play test](/images/playtest_koda.jpg)
+
+## "Was it successful?"
+Yes, it was. We were able to determine several bugs and flaws in our game design. And we validated that the global direction of the game was the right one.
+
+More specifically, we got several feedback about the camera behavior and the difficulty of the different zones of the game.
+
+And everybody loved our mascot Koda :p
+![Koda](/images/koda.png)
+
+## "So it was perfect?"
+No, absolutely not! First we were very stressed. We had never done that before. Here the biggest elements we could (and will) improve for next time:
+* The survey design made it difficult to fill it quickly, we should maybe have used something like Google form from the start instead of word document.
+* We roughly knew the number of children, we should have known the exact number and established test groups beforehand instead of doing it on the fly.
+* We planned to record test sessions but the camera was not well centred, so many record was difficult to exploit afterwards.
+
+There is certainly a pile of elements I forgot here, but I think it is a pretty good list already.
+
+## "Will you do it again?"
+Yes, actually, we organise play test on a daily basis to enhance our game. And as for play test at the scale I described, we already have a new appointment with the kids. :)
+
+Overall, making tests like that is really important to at least *validate* what you are building. The sooner you do it, the sooner you will know if your idea works or not.
+In our case, we significantly improved gameplay and mechanics. We also, and that is really important, gain more confidence in our project. It helps us to trust in our project and in our capacity to deliver something at the level of our expectations. And that is the crux of everything, if your team is confident and motivate, you will have better chance of success.
+
+Before you leave this post, I got some news! The team *Koda* will be present at the [Japan Touch](http://japantouch-haru.com/2018/) in Lyon the 7th and 8th of April, so if you are there, come test our game! More on our [Twitter](https://twitter.com/Kodamagora) and our [Facebook](https://www.facebook.com/Kodamagora/)!
+
+-- Mathieu

style.css

@@ -35,7 +35,6 @@ header {
   right: 0;
   position: fixed;
   padding: 5px;
-  height: 90px;
   background-color: var(--header-background-color);
   box-shadow:rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px;
   display: flex;
@@ -44,6 +43,10 @@ header {
   align-items: baseline;
 }
 
+code, pre, samp, tfoot, thead {
+	background-color: rgb(197, 195, 195);
+}
+
 nav ul {
   list-style-type: none;
   display: flex;
@@ -69,10 +72,19 @@ nav a h2:hover {
 }
 
 @media (max-width: 41em) {
+  header {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    position: relative;
+  }
   header nav {
     max-width: 100%;
     overflow: hidden;
   }
+  .pages-menu {
+    flex-direction: column;
+  }
 }
 
 @media (min-width: 41em) {