More arcade cabinet photos

css/main.css

@@ -388,10 +388,13 @@ nav#top:hover, nav#top:active {
 #section-main article .cinema img, #section-main article .cinema video, #section-main article .cinema iframe {
   border-width: 1px;
   border-radius: 0;
-  margin: -1px 4px 0px -5px;
+  margin: 5px -5px;
   border-left: 5px solid #000;
   border-right: 5px solid #000;
 }
+#section-main article .cinema a {
+  margin: 0.5em;
+}
 #section-main article .cinema a img:hover, #section-main article .cinema a video:hover, #section-main article .cinema a iframe:hover {
   border-color: #333;
 }

pages/projects.md

@@ -4,6 +4,7 @@
 <p>
 	<label for="search-box">Keyword:</label>
 	<input id="search-box" type="text" name="search">
+	(regular expressions are allowed)
 	<div id="search-results" style="display: none">
 	Showing <span id="search-results-count"></span> projects:
 	<ul></ul>
@@ -145,6 +146,9 @@ Commits from the main repository can be quickly copied to each shard with a sing
 ### More
 - Source code: https://github.com/CromFr/git-shard
 
+<div style="display: none">
+Multiplatform Linux Git VCS
+</div>
 </article>
 
 
@@ -187,11 +191,15 @@ The smart build tool keep a list of all scripts, **creating and updating a depen
 - Python 3
 - Language-specific IDE features: auto completion, documentation, build system, ..
 - Software optimization (caching, multi-threading)
-- Multi-platform compatibility (mostly case sensitivity handling)
+- Multi-platform support (mostly case sensitivity handling)
 
 ### More
 - [Package statistics](https://packagecontrol.io/packages/Neverwinter%20Script%20syntax%20and%20build)
 - Source code: https://github.com/CromFr/STNeverwinterScript
+
+<div style="display: none">
+Multiplatform tool plugin
+</div>
 </article>
 
 
@@ -237,6 +245,9 @@ Nevertheless, the hackathon was very exciting and I really appreciated the exper
 - [Hackathon website (french)](https://lesdesordinateurs.org/index.php/code4climb/)
 - [PoC source code](https://framagit.org/lesdesordinateurs/audioxyz)
 
+<div style="display: none">
+Java Gradle
+</div>
 </article>
 
 
@@ -246,7 +257,7 @@ Nevertheless, the hackathon was very exciting and I really appreciated the exper
 <article>
 # Contributions to Matrix <img title="Personal project" src="/img/perso.svg"/>
 
-[Matrix](https://matrix.org) is a protocol for **secure decentralized communication**, that provides a fairly easy to use JSON/REST API for application developers. 
+[Matrix](https://matrix.org) is an open source protocol for **secure decentralized communication**, that provides a fairly easy to use JSON/REST API for application developers. 
 
 Currently it's **mainly used for chat** using [Riot](https://riot.im), but **the protocol is quite versatile** and can be used in many different ways like [blogging](https://github.com/lukebarnard1/journal), communicating with [home assistant](https://www.home-assistant.io/components/notify.matrix/), IOT control, [virtual reality](https://www.youtube.com/watch?v=mGDaQQlXrLA), ... 
 
@@ -262,6 +273,9 @@ You can find [my contributions here](https://github.com/search?q=is%3Apr+author%
 - Command-line client for logging messages: [matrix-logger](https://gitlab.com/CromFr/matrix-logger).
 - Joined room synchronization across two accounts: [matrix-autoinvite](https://gitlab.com/CromFr/matrix-autoinvite).
 
+<div style="display: none">
+Open-source Open Source
+</div>
 </article>
 
 
@@ -315,6 +329,9 @@ Since then I can barely hear my PC, even during intensive tasks :)
 ### More
 - Source code and PCB design: https://github.com/CromFr/fan-controller
 
+<div style="display: none">
+DIY soldering embedded systems
+</div>
 </article>
 
 
@@ -363,6 +380,10 @@ In 2017 I gave a 2-hour course in ISEN Brest with the Electronics Club, to intro
 
 ### More
 - All slides (English): https://cromfr.github.io/course-hardenyourcode
+
+<div style="display: none">
+course ISEN teaching CD CI
+</div>
 </article>
 
 <!-- ######################################################################### -->
@@ -479,6 +500,9 @@ In case of a disk failure, the server can be reinstalled in a __few hours__ (mos
 - __Optimized virtualization__, __Nested KVM debugging__
 - Windows server administration :( (We needed DLL injection support for the nwn2server, which isn't supported by either Wine or ReactOS)
 
+<div style="display: none">
+Linux Windows automation frontend backend web html css server admin
+</div>
 </article>
 
 
@@ -497,7 +521,7 @@ In case of a disk failure, the server can be reinstalled in a __few hours__ (mos
 
 A funny one-day project.
 
-I built a __conveyor belt__ actioned by a small reduced __DC motor__, controlled by a raspberry PI (with a H bridge for power separation). Every 3 hours, the bottles rotate for about _3 π / 4_, so my rum is gently blended and get a __better__ _taste_ __faster__ :)
+I built a __conveyor belt__ actioned by a small reduced __DC motor__, controlled by a Raspberry PI (with a H bridge for power separation). Every 3 hours, the bottles rotate for about _3 π / 4_, so my rum is gently blended and get a __better__ _taste_ __faster__ :)
 
 
 ### Skills
@@ -508,6 +532,9 @@ I built a __conveyor belt__ actioned by a small reduced __DC motor__, controlled
 - Not much source code, since it's mostly electronics
 - If you insist, here is the bash script: `echo 1 > /sys/class/gpio/gpio$PIN/value; sleep 10; echo 0 > /sys/class/gpio/gpio$PIN/value`
 
+<div style="display: none">
+arduino electronics contraptions
+</div>
 </article>
 
 <!-- ######################################################################### -->
@@ -622,6 +649,9 @@ Phobos is the standard library of the D language.
 
 I have fixed a few bugs in the library, and I am looking to fix more of them in the near future :).
 
+<div style="display: none">
+multiplatform linux frontend backend web html css open source contributions server admin
+</div>
 </article>
 
 <!-- ######################################################################### -->
@@ -656,8 +686,8 @@ How long will you resist ?
 <legend>Game pitch</legend>
 </blockquote>
 
-### Used skills
+### Skills
-- Unity 3D game engine
+- Unity engine
 - C#
 - 48 hours of intense game jam coding ♥
 
@@ -755,7 +785,7 @@ This project had many challenging (understand interesting) parts:
 	+ Cable jamming around the servo-motors.
 	+ Van design, placement and electronics.
 
-### Used skills
+### Skills
 
 - Interface sensors and actuators with the program
 - Defining sail boat intelligence
@@ -769,6 +799,9 @@ This project had many challenging (understand interesting) parts:
 - [Presentation slides (fr)](https://tcharles.fr/slides/voilierautonome-pres/index.html)
 - [Report (fr)](/res/tempest.pdf)
 
+<div style="display: none">
+embedded systems linux beaglebone electronics sensor data acquisition
+</div>
 </article>
 
 
@@ -794,13 +827,15 @@ This project had many challenging (understand interesting) parts:
 
 In 2013, I gave 3 courses of 2 hours on Git, a version control system (like Subversion, Mercurial, ...) at ISEN Brest, for voluntary students and teachers.
 
-
-
 This course aims teaching the use of Git in collaborative projects, from the basis (add, commit, push, pull, ...) to more complex things (branch, merge, conflicts, stash, ...).
 
 
 ### More:
 - [Material (fr)](https://tcharles.fr/coursgit/)
+
+<div style="display: none">
+course ISEN teaching
+</div>
 </article>
 
 
@@ -842,6 +877,22 @@ This course aims teaching the use of Git in collaborative projects, from the bas
 		href="/img/bornearcade-5.jpg"
 		title="Playing Flappisen, a FlappyBird clone written by a student">
 		![](/img/bornearcade-5.jpg)</a>
+	<br/>
+	<a
+		data-lightbox="bornearcade"
+		href="/img/bornearcade-6.jpg"
+		title="Second version, replaced the dead CRT TV to a LCD panel">
+		![](/img/bornearcade-6.jpg)</a>
+	<a
+		data-lightbox="bornearcade"
+		href="/img/bornearcade-7.jpg"
+		title="The screen is slightly too large">
+		![](/img/bornearcade-7.jpg)</a>
+	<a
+		data-lightbox="bornearcade"
+		href="/img/bornearcade-8.jpg"
+		title="Second version">
+		![](/img/bornearcade-8.jpg)</a>
 </div>
 
 
@@ -849,7 +900,7 @@ In 2014, I worked on an arcade gaming console with the Electronics Club of ISEN
 
 I worked on the 3D Design, structure cutting/assembling, Archlinux configuration and development of the game selector.
 
-### Used skills
+### Skills
 
 - DIY
 - Solidity-constrained design
@@ -859,6 +910,9 @@ I worked on the 3D Design, structure cutting/assembling, Archlinux configuration
 ### More
 - Game selection software (OpenAGS): https://github.com/Club-Elec/OpenAGS
 
+<div style="display: none">
+Linux system x11 arcade cabinet retro gaming
+</div>
 </article>
 
 
@@ -871,7 +925,7 @@ In 2013, I decided to put online a detailed personal presentation website in add
 
 It allows me to detail precisely each project I've done since I began programming.
 
-### Used skills
+### Skills
 - Website design (inspired from GNOME Shell 3)
 - HTML5, CSS3/SCSS, Javascript, PHP
 - Update 2015:
@@ -886,6 +940,9 @@ It allows me to detail precisely each project I've done since I began programmin
 ### More:
 - Source code: https://git.tcharles.fr/tcharles/cv-online
 
+<div style="display: none">
+frontend
+</div>
 </article>
 
 
@@ -907,11 +964,10 @@ Presentation video (fr):
 	</video>
 </div>
 
-### Used skills
+### Skills
 - DIY
 - Patience, rigor
 
-
 </article>
 
 
@@ -947,7 +1003,7 @@ In 2012, with the Electronics Club of ISEN Brest, started working on a radio-con
 This project implies everything from electronics and low-level programming to higher level software for the stabilization : we didn't want to build a kit, our goal was to build everything from scratch.
 
 
-### Used skills
+### Skills
 - DIY
 - Electronic card development
 - Brushless motors control
@@ -960,6 +1016,9 @@ This project implies everything from electronics and low-level programming to hi
 
 - [Source code](https://github.com/search?utf8=%E2%9C%93&q=Aerodrone_+user%3ACromFr&type=Repositories)
 
+<div style="display: none">
+Linux embedded systems compiler toolchain GUI
+</div>
 </article>
 
 
@@ -969,33 +1028,6 @@ This project implies everything from electronics and low-level programming to hi
 
 
 
-
-<!--
-<article>
-# ConfigFile Parser <img title="Personal project" src="/img/perso.svg"/>
-
-After having needed many times a C++ library to parse configuration files, I decided to write my own, using design advice from the [The Little Manual of API Design](https://www4.in.tum.de/~blanchet/api-design.pdf)
-
-The goal was to define an easy to use and extensive library, and post it to GitHub as a "real" project (readme, licencing, ...).
-
-### Used skills
-- C++ library design
-
-### More
-- Source code: https://github.com/CromFr/ConfigFile-parser
-
-
-</article>
--->
-
-
-
-
-
-
-
-
-
 <article>
 # 3D Engine <img title="Personal project" src="/img/perso.svg"/>
 
@@ -1017,12 +1049,15 @@ It only handles basic forms, like cubes and height maps (defined in text files),
 		![](/img/3dengine-2.jpg)</a>
 </div>
 
-### Used skills
+### Skills
 
 - Source code study of Irrlicht
 - OpenGL 2 API
 - C++ Dev.
 
+<div style="display: none">
+Multiplatform custom 3d engine
+</div>
 </article>
 
 
@@ -1055,7 +1090,7 @@ In 2012, I realized a web-site with another student, in order to play BurgerQuiz
 This project was realized after the courses on Apache/PHP/SQL in the second year at ISEN Brest.
 
 
-### Used skills
+### Skills
 
 - Development of a website (HTML5/CSS3, Javascript, PHP, MySQL)
 - Development of a user interface to edit the database in Java
@@ -1065,6 +1100,9 @@ This project was realized after the courses on Apache/PHP/SQL in the second year
 ### More
 - [Demo (French)](/redirect-burgerquizz)
 
+<div style="display: none">
+frontend backend GUI database
+</div>
 </article>
 
 
@@ -1105,7 +1143,7 @@ In-game video : Random tunnel generation, player movements and fire
 	</video>
 </div>
 
-### Used skills
+### Skills
 
 - Rigor in code writing, object-oriented model design
 - 3D engine use : Irrlicht
@@ -1118,7 +1156,9 @@ In-game video : Random tunnel generation, player movements and fire
 
 - Source code: https://github.com/CromFr/MatrixRun
 
-
+<div style="display: none">
+multiplatform game
+</div>
 </article>
 
 
@@ -1144,7 +1184,7 @@ In 2011, I realized a console battleship game with another student, written in C
 
 This project was my first software project as part of a team, and started my passion of computer sciences.
 
-### Used skills
+### Skills
 - Writing a program in a team
 - 5-day project with a deadline
 - AI design and implementation
@@ -1152,6 +1192,9 @@ This project was my first software project as part of a team, and started my pas
 ### More
 - Source code: https://github.com/CromFr/NavalWars
 
+<div style="display: none">
+CLI command line networking
+</div>
 </article>
 
 
@@ -1219,7 +1262,7 @@ _La Colère d'Aurile_ is a public persistent server, launched in Avril 26 2008.
 
 Since 2012, I am the administrator charged of development and integration.
 
-### Used skills
+### Skills
 
 - Team development of the server
 - Handling a non-professional development team (objective attribution, priorities, ...)

scss/section.scss

@@ -257,11 +257,12 @@ $ArticleFinalMargins: #{$ArticleBorderWidth + $ArticleBorderRadius};
 				border-width: 1px;
 				border-radius: 0;
 
-				margin: -1px 4px 0px -5px;
+				margin: 5px -5px;
 				border-left: 5px solid #000;
 				border-right: 5px solid #000;
 			}
 			a{
+				margin: 0.5em;
 				img:hover, video:hover, iframe:hover{
 					border-color: #333;
 				}