Restored website from broken emberJS

.gitignore

@@ -0,0 +1,6 @@
+
+/node_modules/
+/package-lock.json
+
+/css/*.map
+

Makefile

@@ -0,0 +1,3 @@
+all:
+	npm install sass
+	node_modules/sass/sass.js scss/main.scss css/main.css

css/lightbox.css

@@ -0,0 +1,212 @@
+/* line 7, ../sass/lightbox.sass */
+body:after {
+  content: url(../img/ui/close.png) url(../img/ui/loading.gif) url(../img/ui/prev.png) url(../img/ui/next.png);
+  display: none;
+}
+
+/* line 11, ../sass/lightbox.sass */
+.lightboxOverlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 9999;
+  background-color: black;
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
+  opacity: 0.8;
+  display: none;
+}
+
+/* line 20, ../sass/lightbox.sass */
+.lightbox {
+  position: fixed;
+  margin-top: auto;
+  margin-bottom: auto;
+  left: 0;
+  width: 100%;
+  z-index: 10000;
+  text-align: center;
+  line-height: 0;
+  font-weight: normal;
+}
+/* line 28, ../sass/lightbox.sass */
+.lightbox .lb-image {
+  display: block;
+  height: auto;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -ms-border-radius: 3px;
+  -o-border-radius: 3px;
+  border-radius: 3px;
+}
+/* line 32, ../sass/lightbox.sass */
+.lightbox a img {
+  border: none;
+}
+
+/* line 35, ../sass/lightbox.sass */
+.lb-outerContainer {
+  position: relative;
+  *zoom: 1;
+  width: 250px;
+  height: 250px;
+  margin: 0 auto;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  -ms-border-radius: 4px;
+  -o-border-radius: 4px;
+  border-radius: 4px;
+  
+  border-style: solid;
+  border-width: 1px;
+  border-color: #000000;
+  background-image: url(../img/ui/bgdark.png);
+  background-position: center;
+  
+}
+/* line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
+.lb-outerContainer:after {
+  content: "";
+  display: table;
+  clear: both;
+}
+
+/* line 44, ../sass/lightbox.sass */
+.lb-container {
+  padding: 4px;
+}
+
+/* line 47, ../sass/lightbox.sass */
+.lb-loader {
+  position: absolute;
+  top: 43%;
+  left: 0%;
+  height: 25%;
+  width: 100%;
+  text-align: center;
+  line-height: 0;
+}
+
+/* line 56, ../sass/lightbox.sass */
+.lb-cancel {
+  display: block;
+  width: 32px;
+  height: 32px;
+  margin: 0 auto;
+  background: url(../img/ui/loading.gif) no-repeat;
+}
+
+/* line 63, ../sass/lightbox.sass */
+.lb-nav {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%;
+  z-index: 10;
+}
+
+/* line 71, ../sass/lightbox.sass */
+.lb-container > .nav {
+  left: 0;
+}
+
+/* line 74, ../sass/lightbox.sass */
+.lb-nav a {
+  outline: none;
+}
+
+/* line 77, ../sass/lightbox.sass */
+.lb-prev, .lb-next {
+  width: 49%;
+  height: 100%;
+  cursor: pointer;
+  /* Trick IE into showing hover */
+  display: block;
+}
+
+/* line 84, ../sass/lightbox.sass */
+.lb-prev {
+  left: 0;
+  float: left;
+}
+/* line 87, ../sass/lightbox.sass */
+.lb-prev:hover {
+  background: url(../img/ui/prev.png) left 48% no-repeat;
+}
+
+/* line 90, ../sass/lightbox.sass */
+.lb-next {
+  right: 0;
+  float: right;
+}
+/* line 93, ../sass/lightbox.sass */
+.lb-next:hover {
+  background: url(../img/ui/next.png) right 48% no-repeat;
+}
+
+/* line 96, ../sass/lightbox.sass */
+.lb-dataContainer {
+  margin: 0 auto;
+  padding-top: 5px;
+  *zoom: 1;
+  width: 100%;
+  -moz-border-radius-bottomleft: 4px;
+  -webkit-border-bottom-left-radius: 4px;
+  border-bottom-left-radius: 4px;
+  -moz-border-radius-bottomright: 4px;
+  -webkit-border-bottom-right-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+/* line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
+.lb-dataContainer:after {
+  content: "";
+  display: table;
+  clear: both;
+}
+
+/* line 103, ../sass/lightbox.sass */
+.lb-data {
+  padding: 0 4px;
+  color: #bbbbbb;
+}
+/* line 106, ../sass/lightbox.sass */
+.lb-data .lb-details {
+  width: 85%;
+  float: left;
+  text-align: left;
+  line-height: 1.1em;
+}
+/* line 111, ../sass/lightbox.sass */
+.lb-data .lb-caption {
+  font-size: 13px;
+  font-weight: bold;
+  line-height: 1em;
+}
+/* line 115, ../sass/lightbox.sass */
+.lb-data .lb-number {
+  display: block;
+  clear: left;
+  padding-bottom: 1em;
+  font-size: 12px;
+  color: #999999;
+}
+/* line 121, ../sass/lightbox.sass */
+.lb-data .lb-close {
+  display: block;
+  float: right;
+  width: 30px;
+  height: 30px;
+  background: url(../img/ui/close.png) top right no-repeat;
+  text-align: right;
+  outline: none;
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
+  opacity: 0.7;
+}
+/* line 130, ../sass/lightbox.sass */
+.lb-data .lb-close:hover {
+  cursor: pointer;
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
+  opacity: 1;
+}

css/main.css

@@ -0,0 +1,714 @@
+@charset "UTF-8";
+nav#left {
+  position: fixed;
+  left: -210px;
+  width: 230px;
+  top: 0;
+  bottom: 0;
+  direction: rtl;
+  overflow-x: hidden;
+  overflow-y: auto;
+  z-index: 1;
+  border-style: solid;
+  border-width: 0 1px 0 0;
+  border-color: #000000;
+  background-image: url(../img/ui/bggray.png);
+  -webkit-box-shadow: -4px 0px 10px #202020 inset;
+  -moz-box-shadow: -4px 0px 10px #202020 inset;
+  -ms-box-shadow: -4px 0px 10px #202020 inset;
+  -o-box-shadow: -4px 0px 10px #202020 inset;
+  box-shadow: -4px 0px 10px #202020 inset;
+  text-align: center;
+  font-size: large;
+  -webkit-transition-property: left;
+  -moz-transition-property: left;
+  -ms-transition-property: left;
+  -o-transition-property: left;
+  transition-property: left;
+  -webkit-transition-duration: 0.2s;
+  -moz-transition-duration: 0.2s;
+  -ms-transition-duration: 0.2s;
+  -o-transition-duration: 0.2s;
+  transition-duration: 0.2s;
+  -webkit-transition-delay: 0.1s;
+  -moz-transition-delay: 0.1s;
+  -ms-transition-delay: 0.1s;
+  -o-transition-delay: 0.1s;
+  transition-delay: 0.1s;
+}
+nav#left .arrow {
+  position: absolute;
+  right: 0;
+  top: 50%;
+  height: 35px;
+  -webkit-transition-property: opacity;
+  -moz-transition-property: opacity;
+  -ms-transition-property: opacity;
+  -o-transition-property: opacity;
+  transition-property: opacity;
+  -webkit-transition-duration: 0.2s;
+  -moz-transition-duration: 0.2s;
+  -ms-transition-duration: 0.2s;
+  -o-transition-duration: 0.2s;
+  transition-duration: 0.2s;
+  -webkit-transition-delay: 0.1s;
+  -moz-transition-delay: 0.1s;
+  -ms-transition-delay: 0.1s;
+  -o-transition-delay: 0.1s;
+  transition-delay: 0.1s;
+}
+nav#left figure {
+  margin: 20px 0 10px 0;
+}
+nav#left figure figcaption {
+  color: #FAFAFA;
+  font-family: "Croissant One", cursive;
+  font-weight: bold;
+  font-style: italic;
+  font-size: 1.2em;
+  text-decoration: none;
+}
+nav#left a {
+  outline: none !important;
+  display: block;
+  padding: 5px;
+  margin: 7px 20px 7px 20px;
+  background-color: #303030;
+  border-style: solid;
+  border-width: 1px;
+  border-color: #000;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -ms-border-radius: 3px;
+  -o-border-radius: 3px;
+  border-radius: 3px;
+  color: #FAFAFA;
+  font-weight: bold;
+  text-decoration: none;
+  text-align: center;
+  font-size: 1.2em;
+  -webkit-transition-property: border-color background-color;
+  -moz-transition-property: border-color background-color;
+  -ms-transition-property: border-color background-color;
+  -o-transition-property: border-color background-color;
+  transition-property: border-color background-color;
+  -webkit-transition-duration: 0.1s;
+  -moz-transition-duration: 0.1s;
+  -ms-transition-duration: 0.1s;
+  -o-transition-duration: 0.1s;
+  transition-duration: 0.1s;
+}
+nav#left a:hover {
+  background-color: #383838;
+  border-color: #202020;
+}
+nav#left a:active, nav#left a.active {
+  background-color: #215D9C;
+}
+nav#left a.external:after {
+  content: "↳ ";
+}
+nav#left a.external:hover {
+  border-color: #013D6C;
+}
+nav#left a.logo {
+  display: inline-block;
+  border-style: none;
+  background: none;
+}
+nav#left a.logo img {
+  height: 48px;
+}
+nav#left footer {
+  margin-top: 20px;
+}
+
+nav#left:hover, nav#left:active {
+  left: 0px;
+}
+nav#left:hover .arrow, nav#left:active .arrow {
+  opacity: 0;
+}
+
+nav#top {
+  position: fixed;
+  display: inline-block;
+  top: 0px;
+  height: 190px;
+  width: 100%;
+  color: #5F5F5F;
+  padding: 4px 0px;
+  overflow: auto;
+  background-image: url(../img/ui/bgdark.png);
+  border-style: solid;
+  border-width: 0 1px 1px 1px;
+  border-color: #000000;
+  text-align: center;
+  white-space: nowrap;
+  -webkit-transition-property: top;
+  -moz-transition-property: top;
+  -ms-transition-property: top;
+  -o-transition-property: top;
+  transition-property: top;
+  -webkit-transition-duration: 0.1s;
+  -moz-transition-duration: 0.1s;
+  -ms-transition-duration: 0.1s;
+  -o-transition-duration: 0.1s;
+  transition-duration: 0.1s;
+}
+nav#top .arrow {
+  position: absolute;
+  left: calc(50% - 13px);
+  bottom: 3px;
+  width: 26px;
+}
+nav#top a {
+  outline: none !important;
+  width: auto;
+  height: auto;
+  padding: 5px;
+  margin: 4px 0px 4px 0px;
+  display: inline-block;
+  color: #FAFAFA;
+  font-family: "Croissant One", cursive;
+  font-size: 18px;
+  font-style: italic;
+  text-decoration: none;
+  -webkit-text-shadow: 0 0 5px #000000;
+  -moz-text-shadow: 0 0 5px #000000;
+  -ms-text-shadow: 0 0 5px #000000;
+  -o-text-shadow: 0 0 5px #000000;
+  text-shadow: 0 0 5px #000000;
+  text-align: center;
+}
+nav#top a img {
+  margin: 4px 4px 0 4px;
+  width: 128px;
+  height: 128px;
+  -webkit-border-radius: 10px;
+  -moz-border-radius: 10px;
+  -ms-border-radius: 10px;
+  -o-border-radius: 10px;
+  border-radius: 10px;
+  -webkit-box-shadow: 0px 0px 10px #000000;
+  -moz-box-shadow: 0px 0px 10px #000000;
+  -ms-box-shadow: 0px 0px 10px #000000;
+  -o-box-shadow: 0px 0px 10px #000000;
+  box-shadow: 0px 0px 10px #000000;
+}
+nav#top a figcaption {
+  width: 128px;
+}
+nav#top a:hover {
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  -ms-border-radius: 5px;
+  -o-border-radius: 5px;
+  border-radius: 5px;
+  background-color: rgba(255, 255, 255, 0.15);
+}
+
+nav#top:hover, nav#top:active {
+  top: 0px !important;
+}
+
+@keyframes UnwrapHeader {
+  from {
+    margin-left: 50%;
+    margin-right: 50%;
+  }
+  to {
+    margin-left: 40px;
+    margin-right: 40px;
+  }
+}
+#section-main {
+  position: absolute;
+  left: 20px;
+  right: 0px;
+  -webkit-transition-property: left;
+  -moz-transition-property: left;
+  -ms-transition-property: left;
+  -o-transition-property: left;
+  transition-property: left;
+  -webkit-transition-duration: 0.2s;
+  -moz-transition-duration: 0.2s;
+  -ms-transition-duration: 0.2s;
+  -o-transition-duration: 0.2s;
+  transition-duration: 0.2s;
+  -webkit-transition-delay: 0.1s;
+  -moz-transition-delay: 0.1s;
+  -ms-transition-delay: 0.1s;
+  -o-transition-delay: 0.1s;
+  transition-delay: 0.1s;
+}
+#section-main header {
+  margin: 30px 30px 60px 30px;
+  color: #FAFAFA;
+  font-family: "Noto Serif", serif;
+  font-style: italic;
+  font-size: 1.3em;
+  text-align: center;
+  text-shadow: 0 0 10px #000000;
+  border-style: solid;
+  border-width: 0 5px 0 5px;
+  border-color: #FAFAFA;
+  border-radius: 20px;
+  overflow: hidden;
+  animation: UnwrapHeader 1s;
+  white-space: nowrap;
+}
+#section-main article {
+  margin-left: auto;
+  margin-right: auto;
+  padding: 20px;
+  padding-top: 0;
+  margin-bottom: 10vh;
+  color: #202020;
+  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
+  border-style: solid;
+  border-width: 3px;
+  border-color: #FFFFFF;
+  border-radius: 20px;
+  background-color: #FAFAFA;
+  max-width: 800px;
+  font-size: 0.6em;
+  line-height: 1.3em;
+  -webkit-transition-property: border-radius;
+  -moz-transition-property: border-radius;
+  -ms-transition-property: border-radius;
+  -o-transition-property: border-radius;
+  transition-property: border-radius;
+  -webkit-transition-duration: 0.5s;
+  -moz-transition-duration: 0.5s;
+  -ms-transition-duration: 0.5s;
+  -o-transition-duration: 0.5s;
+  transition-duration: 0.5s;
+}
+#section-main article h1:first-child {
+  margin: 0;
+  margin-left: -23px;
+  width: 100%;
+  padding: 20px 23px;
+  margin-top: -23px;
+  border-radius: 18px 18px 0 0;
+  background-color: #215D9C;
+  background-image: url("../img/ui/stripes.png");
+  color: #FAFAFA;
+  font-family: "Croissant One", cursive;
+  font-weight: bold;
+  font-style: italic;
+  font-size: 1.7em;
+  text-align: left;
+  letter-spacing: -0.03em;
+  -webkit-transition-property: border-radius;
+  -moz-transition-property: border-radius;
+  -ms-transition-property: border-radius;
+  -o-transition-property: border-radius;
+  transition-property: border-radius;
+  -webkit-transition-duration: 0.5s;
+  -moz-transition-duration: 0.5s;
+  -ms-transition-duration: 0.5s;
+  -o-transition-duration: 0.5s;
+  transition-duration: 0.5s;
+}
+#section-main article h1:first-child img {
+  border: none;
+  float: right;
+  display: inline;
+  margin: auto;
+  height: 1em;
+}
+#section-main article h2 {
+  margin: 0 -23px;
+  padding: 10px 23px;
+  border-top: 1px solid #d5d5d5;
+  border-bottom: 1px solid #d5d5d5;
+  background-image: url("../img/ui/stripes.png");
+  color: #3A4145;
+  font-family: "Croissant One", cursive;
+  font-size: x-large;
+}
+#section-main article h2 a, #section-main article h2 a:visited {
+  color: #3A4145;
+}
+#section-main article h3 {
+  color: #3A4145;
+  font-family: "Croissant One", cursive;
+  padding-left: 10px;
+  font-size: large;
+}
+#section-main article hr {
+  margin-left: -23px;
+  width: calc(100% + 40px + 6px);
+  border-style: solid;
+  border-width: 5px;
+  border-color: rgba(0, 0, 0, 0.1);
+  border-radius: 1px;
+}
+#section-main article blockquote {
+  position: relative;
+  padding: 1px 20px;
+  margin: 10px;
+  background-color: #eee;
+  border-radius: 0.2em;
+  font-style: italic;
+}
+#section-main article blockquote:after {
+  display: block;
+  position: absolute;
+  content: "";
+  width: 0;
+  top: 20px;
+  left: -20px;
+  border-style: solid;
+  border-width: 15px 20px 15px 0;
+  border-color: transparent #eee;
+}
+#section-main article img:not(.raw), #section-main article video:not(.raw), #section-main article iframe:not(.raw) {
+  max-height: 150px;
+  width: auto;
+  vertical-align: middle;
+  margin: 5px;
+  border: 3px solid black;
+  border-radius: 2px;
+  transition-property: border-color;
+  transition-duration: 0.3s;
+}
+#section-main article video {
+  width: 80%;
+  height: auto;
+}
+#section-main article a {
+  color: #215D9C;
+}
+#section-main article a img:hover, #section-main article a video:hover, #section-main article a iframe:hover {
+  border-color: #808080;
+}
+#section-main article a:hover {
+  color: #2B7ACC;
+}
+#section-main article strong {
+  color: #2F3A45;
+}
+#section-main article img.nostyle {
+  height: auto;
+  border: 0;
+  border-radius: 0;
+}
+#section-main article img.fill {
+  width: 100%;
+  height: auto;
+}
+#section-main article .cinema {
+  margin: 0;
+  margin-left: -23px;
+  width: 100%;
+  padding: 10px 23px;
+  border-top: 1px solid #000;
+  border-bottom: 1px solid #000;
+  color: #FAFAFA;
+  background-image: url("../img/ui/bgdark.png");
+  -webkit-box-shadow: 0px 0px 10px #000 inset;
+  -moz-box-shadow: 0px 0px 10px #000 inset;
+  -ms-box-shadow: 0px 0px 10px #000 inset;
+  -o-box-shadow: 0px 0px 10px #000 inset;
+  box-shadow: 0px 0px 10px #000 inset;
+}
+#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;
+  border-left: 5px solid #000;
+  border-right: 5px solid #000;
+}
+#section-main article .cinema a img:hover, #section-main article .cinema a video:hover, #section-main article .cinema a iframe:hover {
+  border-color: #333;
+}
+#section-main article .cinema:first-child {
+  margin-top: -23px;
+  padding-top: 20px;
+  border-radius: 20px 20px 0 0;
+}
+#section-main article .cinema:last-child {
+  margin-bottom: -23px;
+  padding-bottom: 20px;
+  border-radius: 0 0 20px 20px;
+}
+#section-main article .markdown > div.content > pre {
+  margin: 0;
+  margin-left: -23px;
+  width: 100%;
+  padding: 10px 23px;
+  border-top: 1px solid #000;
+  border-bottom: 1px solid #000;
+  color: #FAFAFA;
+  background-image: url("../img/ui/bggray.png");
+  -webkit-box-shadow: 0px 0px 10px #000 inset;
+  -moz-box-shadow: 0px 0px 10px #000 inset;
+  -ms-box-shadow: 0px 0px 10px #000 inset;
+  -o-box-shadow: 0px 0px 10px #000 inset;
+  box-shadow: 0px 0px 10px #000 inset;
+}
+#section-main article .markdown > div.content > pre code, #section-main article .markdown > div.content > pre pre {
+  margin-bottom: 0px;
+}
+#section-main article figure {
+  margin-bottom: 15px;
+}
+#section-main article figure figcaption {
+  font-size: small;
+  font-style: italic;
+  text-decoration: none;
+}
+#section-main article ul {
+  margin-top: 5px;
+}
+#section-main article li {
+  margin-bottom: 5px;
+}
+#section-main article a.gototop {
+  display: block;
+  width: 100%;
+  height: 28px;
+  background-image: url(../img/ui/gototop.svg);
+  background-position: center;
+  background-size: contain;
+  background-repeat: no-repeat;
+}
+#section-main article .center {
+  text-align: center;
+}
+
+body[data-width=small] #section-main article {
+  max-width: 100%;
+  border-radius: 0;
+}
+body[data-width=small] #section-main article h1 {
+  border-radius: 0;
+}
+
+.spacer {
+  height: 60vh;
+}
+
+/*
+
+Monokai Sublime style. Derived from Monokai by noformnocontent http://nn.mit-license.org/
+
+*/
+.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 0.5em;
+  background: #23241f;
+  -webkit-text-size-adjust: none;
+}
+
+.hljs,
+.hljs-tag,
+.css .hljs-rule,
+.css .hljs-value,
+.aspectj .hljs-function,
+.css .hljs-function .hljs-preprocessor,
+.hljs-pragma {
+  color: #f8f8f2;
+}
+
+.hljs-strongemphasis,
+.hljs-strong,
+.hljs-emphasis {
+  color: #a8a8a2;
+}
+
+.hljs-bullet,
+.hljs-blockquote,
+.hljs-horizontal_rule,
+.hljs-number,
+.hljs-regexp,
+.alias .hljs-keyword,
+.hljs-literal,
+.hljs-hexcolor {
+  color: #ae81ff;
+}
+
+.hljs-tag .hljs-value,
+.hljs-code,
+.hljs-title,
+.css .hljs-class,
+.hljs-class .hljs-title:last-child {
+  color: #a6e22e;
+}
+
+.hljs-link_url {
+  font-size: 80%;
+}
+
+.hljs-strong,
+.hljs-strongemphasis {
+  font-weight: bold;
+}
+
+.hljs-emphasis,
+.hljs-strongemphasis,
+.hljs-class .hljs-title:last-child,
+.hljs-typename {
+  font-style: italic;
+}
+
+.hljs-keyword,
+.ruby .hljs-class .hljs-keyword:first-child,
+.ruby .hljs-function .hljs-keyword,
+.hljs-function,
+.hljs-change,
+.hljs-winutils,
+.hljs-flow,
+.nginx .hljs-title,
+.tex .hljs-special,
+.hljs-header,
+.hljs-attribute,
+.hljs-symbol,
+.hljs-symbol .hljs-string,
+.hljs-tag .hljs-title,
+.hljs-value,
+.alias .hljs-keyword:first-child,
+.css .hljs-tag,
+.css .unit,
+.css .hljs-important {
+  color: #f92672;
+}
+
+.hljs-function .hljs-keyword,
+.hljs-class .hljs-keyword:first-child,
+.hljs-aspect .hljs-keyword:first-child,
+.hljs-constant,
+.hljs-typename,
+.hljs-name,
+.css .hljs-attribute {
+  color: #66d9ef;
+}
+
+.hljs-variable,
+.hljs-params,
+.hljs-class .hljs-title,
+.hljs-aspect .hljs-title {
+  color: #f8f8f2;
+}
+
+.hljs-string,
+.css .hljs-id,
+.hljs-subst,
+.hljs-type,
+.ruby .hljs-class .hljs-parent,
+.hljs-built_in,
+.django .hljs-template_tag,
+.django .hljs-variable,
+.smalltalk .hljs-class,
+.django .hljs-filter .hljs-argument,
+.smalltalk .hljs-localvars,
+.smalltalk .hljs-array,
+.hljs-attr_selector,
+.hljs-pseudo,
+.hljs-addition,
+.hljs-stream,
+.hljs-envvar,
+.apache .hljs-tag,
+.apache .hljs-cbracket,
+.tex .hljs-command,
+.hljs-prompt,
+.hljs-link_label,
+.hljs-link_url {
+  color: #e6db74;
+}
+
+.hljs-comment,
+.hljs-annotation,
+.hljs-decorator,
+.hljs-pi,
+.hljs-doctype,
+.hljs-deletion,
+.hljs-shebang,
+.apache .hljs-sqbracket,
+.tex .hljs-formula {
+  color: #75715e;
+}
+
+.coffeescript .javascript,
+.javascript .xml,
+.tex .hljs-formula,
+.xml .javascript,
+.xml .vbscript,
+.xml .css,
+.xml .hljs-cdata,
+.xml .php,
+.php .xml {
+  opacity: 0.5;
+}
+
+body {
+  background-image: url(../img/ui/gnome3.jpg);
+  background-size: 100% 100vh;
+  background-attachment: fixed;
+  font-family: "Noto Serif", serif;
+  font-size: 1.8rem;
+  color: #3A4145;
+}
+
+/*
+=====================================================================
+	Spécifique aux pages
+ */
+body[data-page=home] #section-main {
+  left: 230px;
+}
+body[data-page=home] nav#left {
+  left: 0px;
+}
+body[data-page=home] nav#left .arrow {
+  opacity: 0;
+}
+
+@media screen and (min-width: 1100px) {
+  #section-main {
+    left: 230px;
+  }
+
+  nav#left {
+    left: 0px;
+  }
+  nav#left .arrow {
+    opacity: 0;
+  }
+}
+body.skills #section-main article .skillexcellent, body.skills #section-main article .skillgood, body.skills #section-main article .skillmed, body.skills #section-main article .skillknown, body.skills #section-main article .skillperso, body.skills #section-main article .skillstudy {
+  padding: 0 3px 0 3px;
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  -ms-border-radius: 5px;
+  -o-border-radius: 5px;
+  border-radius: 5px;
+}
+body.skills #section-main article .skillexcellent {
+  background: linear-gradient(#00C107, #00A806);
+}
+body.skills #section-main article .skillgood {
+  background: linear-gradient(#73C100, #64A800);
+}
+body.skills #section-main article .skillmed {
+  background: linear-gradient(#BAC100, #A2A800);
+}
+body.skills #section-main article .skillknown {
+  background: linear-gradient(#C18F00, #A87D00);
+}
+body.skills #section-main article .skillperso {
+  border-style: solid;
+  border-width: 2px;
+  border-color: #8000FF;
+}
+body.skills #section-main article .skillstudy {
+  border-style: solid;
+  border-width: 2px;
+  border-color: #9E9E9E;
+}
+
+/*# sourceMappingURL=css/main.css.map */

img/love.svg

@@ -0,0 +1,115 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   id="svg1"
+   sodipodi:version="0.32"
+   inkscape:version="0.46"
+   width="48"
+   height="48"
+   sodipodi:docbase="/home/luca/Artwork/blackwhite-icon-theme/scalable/emblems"
+   sodipodi:docname="emblem-favorite.svg"
+   version="1.0"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape">
+  <defs
+     id="defs3" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="15.895833"
+     inkscape:cx="23.999999"
+     inkscape:cy="23.999999"
+     inkscape:window-width="1274"
+     inkscape:window-height="944"
+     inkscape:window-x="0"
+     inkscape:window-y="26"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:current-layer="svg1"
+     inkscape:document-units="px"
+     width="48px"
+     height="48px"
+     inkscape:showpageshadow="false"
+     inkscape:grid-points="true">
+    <inkscape:grid
+       id="GridFromPre046Settings"
+       type="xygrid"
+       originx="0px"
+       originy="0px"
+       spacingx="1px"
+       spacingy="1px"
+       color="#0000ff"
+       empcolor="#0000ff"
+       opacity="0.2"
+       empopacity="0.4"
+       empspacing="5" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata4">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Favourites</dc:title>
+        <dc:date />
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Luca Ferretti</dc:title>
+          </cc:Agent>
+        </dc:creator>
+        <dc:source />
+        <dc:contributor>
+          <cc:Agent>
+            <dc:title />
+          </cc:Agent>
+        </dc:contributor>
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/LGPL/2.1/" />
+        <dc:subject>
+          <rdf:Bag>
+            <rdf:li>emblem favouries</rdf:li>
+          </rdf:Bag>
+        </dc:subject>
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/LGPL/2.1/">
+        <cc:permits
+           rdf:resource="http://web.resource.org/cc/Reproduction" />
+        <cc:permits
+           rdf:resource="http://web.resource.org/cc/Distribution" />
+        <cc:requires
+           rdf:resource="http://web.resource.org/cc/Notice" />
+        <cc:permits
+           rdf:resource="http://web.resource.org/cc/DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://web.resource.org/cc/ShareAlike" />
+        <cc:requires
+           rdf:resource="http://web.resource.org/cc/SourceCode" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <path
+     sodipodi:nodetypes="czczc"
+     id="path2201"
+     d="M 24,12 C 33.288673,2.7151975 44.083965,9.1945377 44,18 C 43.923241,26.049724 39.419303,27.68195 24,42 C 7.8606329,28.680116 3.9160346,27.550728 4,18 C 4.0839653,8.1135477 13.605704,3.0528803 24,12 z "
+     style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#ffffff;stroke-width:8;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+  <path
+     style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.99999988;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     d="M 24,12 C 33.288673,2.7151975 44.083965,9.1945377 44,18 C 43.923241,26.049724 39.419303,27.68195 24,42 C 7.8606329,28.680116 3.9160346,27.550728 4,18 C 4.0839653,8.1135477 13.605704,3.0528803 24,12 z "
+     id="path920"
+     sodipodi:nodetypes="czczc" />
+</svg>

img/matrixrun.svg

@@ -0,0 +1,286 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   version="1.2"
+   width="583.38751"
+   height="283.33749"
+   id="svg2">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient5451">
+      <stop
+         id="stop5453"
+         style="stop-color:#071918;stop-opacity:1"
+         offset="0" />
+      <stop
+         id="stop5455"
+         style="stop-color:#000e00;stop-opacity:1"
+         offset="1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient3897">
+      <stop
+         id="stop3899"
+         style="stop-color:#000000;stop-opacity:1"
+         offset="0" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient3825">
+      <stop
+         id="stop3827"
+         style="stop-color:#002800;stop-opacity:1"
+         offset="0" />
+      <stop
+         id="stop3829"
+         style="stop-color:#000a00;stop-opacity:1"
+         offset="1" />
+    </linearGradient>
+    <linearGradient
+       x1="19.23"
+       y1="219.86218"
+       x2="505.76999"
+       y2="219.86218"
+       id="linearGradient3915"
+       xlink:href="#linearGradient3825"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(115,-44.285714)" />
+    <linearGradient
+       x1="19.23016"
+       y1="402.36218"
+       x2="500.76984"
+       y2="402.36218"
+       id="linearGradient3923"
+       xlink:href="#linearGradient3825"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(115,-44.285714)" />
+    <linearGradient
+       x1="414.23016"
+       y1="312.36218"
+       x2="505.76984"
+       y2="312.36218"
+       id="linearGradient3925"
+       xlink:href="#linearGradient3825"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(115,-44.285714)" />
+    <filter
+       color-interpolation-filters="sRGB"
+       id="filter4371">
+      <feGaussianBlur
+         stdDeviation="1.3"
+         in="SourceGraphic"
+         result="result1"
+         id="feGaussianBlur4373" />
+      <feTurbulence
+         baseFrequency="0.034"
+         numOctaves="4"
+         result="result0"
+         id="feTurbulence4375" />
+      <feDisplacementMap
+         in2="result0"
+         scale="19.6"
+         xChannelSelector="R"
+         yChannelSelector="G"
+         in="result1"
+         result="result2"
+         id="feDisplacementMap4377" />
+      <feColorMatrix
+         result="result3"
+         values="2 0 0 0 0 0 2 0 0 0 0 0 2 0 0 0 0 0 0.7 0"
+         id="feColorMatrix4379" />
+      <feGaussianBlur
+         stdDeviation="1.1"
+         in="SourceGraphic"
+         result="result4"
+         id="feGaussianBlur4381" />
+      <feComposite
+         in2="result3"
+         in="result4"
+         id="feComposite4383" />
+    </filter>
+    <filter
+       color-interpolation-filters="sRGB"
+       id="filter4385">
+      <feGaussianBlur
+         stdDeviation="1.3"
+         in="SourceGraphic"
+         result="result1"
+         id="feGaussianBlur4387" />
+      <feTurbulence
+         baseFrequency="0.034"
+         numOctaves="4"
+         result="result0"
+         id="feTurbulence4389" />
+      <feDisplacementMap
+         in2="result0"
+         scale="19.6"
+         xChannelSelector="R"
+         yChannelSelector="G"
+         in="result1"
+         result="result2"
+         id="feDisplacementMap4391" />
+      <feColorMatrix
+         result="result3"
+         values="2 0 0 0 0 0 2 0 0 0 0 0 2 0 0 0 0 0 0.7 0"
+         id="feColorMatrix4393" />
+      <feGaussianBlur
+         stdDeviation="1.1"
+         in="SourceGraphic"
+         result="result4"
+         id="feGaussianBlur4395" />
+      <feComposite
+         in2="result3"
+         in="result4"
+         id="feComposite4397" />
+    </filter>
+    <filter
+       color-interpolation-filters="sRGB"
+       id="filter4399">
+      <feGaussianBlur
+         stdDeviation="1.3"
+         in="SourceGraphic"
+         result="result1"
+         id="feGaussianBlur4401" />
+      <feTurbulence
+         baseFrequency="0.034"
+         numOctaves="4"
+         result="result0"
+         id="feTurbulence4403" />
+      <feDisplacementMap
+         in2="result0"
+         scale="19.6"
+         xChannelSelector="R"
+         yChannelSelector="G"
+         in="result1"
+         result="result2"
+         id="feDisplacementMap4405" />
+      <feColorMatrix
+         result="result3"
+         values="2 0 0 0 0 0 2 0 0 0 0 0 2 0 0 0 0 0 0.7 0"
+         id="feColorMatrix4407" />
+      <feGaussianBlur
+         stdDeviation="1.1"
+         in="SourceGraphic"
+         result="result4"
+         id="feGaussianBlur4409" />
+      <feComposite
+         in2="result3"
+         in="result4"
+         id="feComposite4411" />
+    </filter>
+    <linearGradient
+       x1="495.3537"
+       y1="97.901367"
+       x2="621.28619"
+       y2="97.901367"
+       id="linearGradient5445"
+       xlink:href="#linearGradient5451"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.84453652,0,0,0.84453652,178.65341,-80.682315)" />
+    <linearGradient
+       x1="211.14069"
+       y1="440.11536"
+       x2="304.45428"
+       y2="440.11536"
+       id="linearGradient5447"
+       xlink:href="#linearGradient5451"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.89057746,0,0,0.89057746,138.12812,68.055516)" />
+    <linearGradient
+       x1="23.45829"
+       y1="313.46533"
+       x2="358.3645"
+       y2="313.46533"
+       id="linearGradient5449"
+       xlink:href="#linearGradient5451"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.94539039,0,0,0.94539039,124.85247,-28.238923)" />
+  </defs>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(-85.603125,-123.65937)"
+     id="layer1">
+    <flowRoot
+       id="flowRoot2985"
+       xml:space="preserve"
+       style="font-size:40px;font-style:normal;font-weight:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Sans"><flowRegion
+         id="flowRegion2987"><rect
+           width="282.59018"
+           height="91.418808"
+           x="139.90613"
+           y="301.56631"
+           id="rect2989" /></flowRegion><flowPara
+         id="flowPara2991" /></flowRoot>    <text
+       x="138.69571"
+       y="307.91968"
+       id="text2993"
+       xml:space="preserve"
+       style="font-size:111.38511658px;font-style:normal;font-weight:bold;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:url(#linearGradient5449);fill-opacity:1;stroke:#000000;stroke-width:3.78156161;stroke-linecap:butt;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;font-family:Sans;-inkscape-font-specification:Lohit Tamil Bold"><tspan
+         x="138.69571"
+         y="307.91968"
+         id="tspan2995"
+         style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;fill:url(#linearGradient5449);fill-opacity:1;stroke:#000000;stroke-width:3.78156161;stroke-linecap:butt;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;font-family:Lohit Tamil;-inkscape-font-specification:Lohit Tamil Bold">Mat R</tspan></text>
+    <text
+       x="592.85651"
+       y="28.672262"
+       transform="matrix(0.8660254,0.5,-0.5,0.8660254,0,0)"
+       id="text3001"
+       xml:space="preserve"
+       style="font-size:99.50259399px;font-style:normal;font-weight:bold;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:url(#linearGradient5445);fill-opacity:1;stroke:#000000;stroke-width:3.37814617;stroke-linecap:butt;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;font-family:Sans;-inkscape-font-specification:Sans Bold"><tspan
+         x="592.85651"
+         y="28.672262"
+         id="tspan3003"
+         style="font-size:74.6269455px;fill:url(#linearGradient5445);fill-opacity:1;stroke:#000000;stroke-width:3.37814617;stroke-linecap:butt;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none">uN</tspan></text>
+    <text
+       x="321.33722"
+       y="489.90732"
+       transform="matrix(0.8660254,-0.5,0.5,0.8660254,0,0)"
+       id="text2993-7"
+       xml:space="preserve"
+       style="font-size:104.92710114px;font-style:normal;font-weight:bold;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:url(#linearGradient5447);fill-opacity:1;stroke:#000000;stroke-width:3.56230998;stroke-linecap:butt;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;font-family:Sans;-inkscape-font-specification:Lohit Tamil Bold"><tspan
+         x="321.33722"
+         y="489.90732"
+         id="tspan2995-6"
+         style="font-size:78.69532776px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;fill:url(#linearGradient5447);fill-opacity:1;stroke:#000000;stroke-width:3.56230998;stroke-linecap:butt;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;font-family:Lohit Tamil;-inkscape-font-specification:Lohit Tamil Bold">iX</tspan></text>
+    <text
+       x="241.24564"
+       y="324.70203"
+       id="text2993-0"
+       xml:space="preserve"
+       style="font-size:40px;font-style:normal;font-weight:bold;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Sans;-inkscape-font-specification:Lohit Tamil Bold"><tspan
+         x="241.24564"
+         y="324.70203"
+         id="tspan2995-0"
+         style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:Lohit Tamil;-inkscape-font-specification:Lohit Tamil Bold" /></text>
+    <path
+       d="m 135,218.07647 330,0 155,-85 -485,0 z"
+       id="path3051"
+       style="fill:url(#linearGradient3915);fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1.53999996;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;filter:url(#filter4399)" />
+    <path
+       d="m 135,318.07647 340,0 140,80 -480,0 z"
+       id="path3053"
+       style="fill:url(#linearGradient3923);fill-opacity:1;stroke:#000000;stroke-width:1.53968263px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;filter:url(#filter4385)" />
+    <path
+       d="m 530,268.07647 90,-50 0,100 z"
+       id="path3055"
+       style="fill:url(#linearGradient3925);fill-opacity:1;stroke:#000000;stroke-width:1.53968263px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;filter:url(#filter4371)" />
+  </g>
+</svg>

img/perso.svg

@@ -0,0 +1,141 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="32.074791"
+   height="37.930748"
+   id="svg2160"
+   sodipodi:version="0.32"
+   inkscape:version="0.91 r13725"
+   sodipodi:modified="true"
+   version="1.1"
+   sodipodi:docname="perso.svg">
+  <defs
+     id="defs2162" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="10.636065"
+     inkscape:cx="-18.654627"
+     inkscape:cy="14.377015"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:document-units="px"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:grid-points="true"
+     inkscape:window-width="1920"
+     inkscape:window-height="1053"
+     inkscape:window-x="0"
+     inkscape:window-y="27"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:window-maximized="1">
+    <sodipodi:guide
+       orientation="horizontal"
+       position="-7.925209,-0.0138504"
+       id="guide2168" />
+    <sodipodi:guide
+       orientation="vertical"
+       position="-2.8725774,-5"
+       id="guide2170" />
+    <sodipodi:guide
+       orientation="vertical"
+       position="35.088641,-5"
+       id="guide2172" />
+    <sodipodi:guide
+       orientation="horizontal"
+       position="-7.925209,37.947368"
+       id="guide2174" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata2165">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>User</dc:title>
+        <dc:date>June 2007</dc:date>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Luca Ferretti &lt;elle.uca@libero.it&gt;</dc:title>
+          </cc:Agent>
+        </dc:creator>
+        <dc:subject>
+          <rdf:Bag>
+            <rdf:li>user</rdf:li>
+            <rdf:li>person</rdf:li>
+            <rdf:li>contact</rdf:li>
+          </rdf:Bag>
+        </dc:subject>
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/LGPL/2.1/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/LGPL/2.1/">
+        <cc:permits
+           rdf:resource="http://web.resource.org/cc/Reproduction" />
+        <cc:permits
+           rdf:resource="http://web.resource.org/cc/Distribution" />
+        <cc:requires
+           rdf:resource="http://web.resource.org/cc/Notice" />
+        <cc:permits
+           rdf:resource="http://web.resource.org/cc/DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://web.resource.org/cc/ShareAlike" />
+        <cc:requires
+           rdf:resource="http://web.resource.org/cc/SourceCode" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1"
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     transform="translate(-7.925209,-5.069252)">
+    <rect
+       style="opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect8007"
+       width="48"
+       height="48"
+       x="0"
+       y="0"
+       ry="0" />
+    <path
+       style="fill:#ffffff;fill-opacity:1;stroke:none"
+       d="m 20,23 8,0 c 6.651837,0 12,4.812153 12,11.46399 C 40,37 40,38 40,43 L 8,43 C 8,38 7.925209,38.457064 7.925209,34.46399 7.925209,27.812153 13.348163,23 20,23 Z"
+       id="rect2176"
+       sodipodi:nodetypes="ccsccsc"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:#215d9c;fill-opacity:1;fill-rule:evenodd;stroke:#215d9c;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 18,23 6,8 5.518006,-8 C 25.678671,23 21.839335,23 18,23"
+       id="path3156"
+       sodipodi:nodetypes="cccc"
+       inkscape:connector-curvature="0" />
+    <ellipse
+       style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none"
+       id="path3154"
+       transform="translate(1,2)"
+       cx="23"
+       cy="14"
+       rx="10.864266"
+       ry="10.930748" />
+  </g>
+</svg>

img/school.svg

@@ -0,0 +1,106 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="37.960629"
+   height="36"
+   id="svg3304"
+   sodipodi:version="0.32"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="school.svg"
+   version="1.1">
+  <defs
+     id="defs3306" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="11.22532"
+     inkscape:cx="-0.1711286"
+     inkscape:cy="17.338796"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:document-units="px"
+     inkscape:grid-points="true"
+     inkscape:window-width="1920"
+     inkscape:window-height="1053"
+     inkscape:window-x="0"
+     inkscape:window-y="27"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata3309">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1"
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     transform="translate(-5,-6)">
+    <rect
+       style="fill:none;fill-opacity:0.75;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       id="rect6296"
+       width="48"
+       height="48"
+       x="0"
+       y="0"
+       ry="0.0000000" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       id="rect3314"
+       width="37.960629"
+       height="26"
+       x="5"
+       y="16"
+       ry="4.9133859"
+       rx="4.9133859" />
+    <path
+       style="fill:none;fill-opacity:0.75;fill-rule:evenodd;stroke:#215d9c;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 7,24 34,0"
+       id="path4042"
+       sodipodi:nodetypes="cc"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:none;fill-opacity:0.75;fill-rule:evenodd;stroke:#215d9c;stroke-width:4;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 36,21 0,8"
+       id="path4772"
+       sodipodi:nodetypes="cc"
+       inkscape:connector-curvature="0" />
+    <path
+       style="color:#000000;display:block;overflow:visible;visibility:visible;opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.9999997;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none"
+       d="m 21,6 c -7,0 -9,4.173905 -9,11 l 24,0 C 36,10 34,6 27,6 l -6,0 z m 2,4.417323 2,0 C 32,10.417323 31,15 31,17 l -14,0 c 0,-2 -1,-6.582677 6,-6.582677 z"
+       id="path2086"
+       inkscape:r_cx="true"
+       inkscape:r_cy="true"
+       sodipodi:nodetypes="cccsccsccc"
+       inkscape:connector-curvature="0" />
+    <path
+       sodipodi:nodetypes="cc"
+       id="path7024"
+       d="m 12,21 0,8"
+       style="fill:none;fill-opacity:0.75;fill-rule:evenodd;stroke:#215d9c;stroke-width:4;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       inkscape:connector-curvature="0" />
+  </g>
+</svg>

img/ui/arrowleft.svg

@@ -0,0 +1,75 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="10"
+   height="20"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.48.4 r9939"
+   sodipodi:docname="arrow.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="11.2"
+     inkscape:cx="5.7081174"
+     inkscape:cy="4.1839788"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:window-width="1920"
+     inkscape:window-height="1014"
+     inkscape:window-x="0"
+     inkscape:window-y="27"
+     inkscape:window-maximized="1">
+    <inkscape:grid
+       type="xygrid"
+       id="grid2985"
+       empspacing="5"
+       visible="true"
+       enabled="true"
+       snapvisiblegridlinesonly="true"
+       originx="-510px"
+       originy="-670px" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Calque 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-510,-362.36218)">
+    <path
+       style="fill:#fcfcfc;fill-opacity:1;stroke:none"
+       d="m 510,382.36218 10,-10 -10,-10 0,4 7,6 -7,6 z"
+       id="path2987"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccccccc" />
+  </g>
+</svg>

img/ui/arrowtop.svg

@@ -0,0 +1,75 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="20"
+   height="10"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.48.4 r9939"
+   sodipodi:docname="arrowtop.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="11.2"
+     inkscape:cx="10.886689"
+     inkscape:cy="-0.8160212"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:window-width="1920"
+     inkscape:window-height="1014"
+     inkscape:window-x="0"
+     inkscape:window-y="27"
+     inkscape:window-maximized="1">
+    <inkscape:grid
+       type="xygrid"
+       id="grid2985"
+       empspacing="5"
+       visible="true"
+       enabled="true"
+       snapvisiblegridlinesonly="true"
+       originx="-505px"
+       originy="-675px" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Calque 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-505,-367.36218)">
+    <path
+       style="fill:#fcfcfc;fill-opacity:1;stroke:none"
+       d="m 505,367.36218 10,10 10,-10 -4,0 -6,7 -6,-7 z"
+       id="path2987"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccccccc" />
+  </g>
+</svg>

img/ui/download.svg

@@ -0,0 +1,112 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="38.086121"
+   height="41.301441"
+   id="svg1307"
+   sodipodi:version="0.32"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="download.svg"
+   version="1.1">
+  <defs
+     id="defs1309" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="10.69499"
+     inkscape:cx="-14.659053"
+     inkscape:cy="21.169261"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:document-units="px"
+     inkscape:grid-points="true"
+     inkscape:window-width="1920"
+     inkscape:window-height="1053"
+     inkscape:window-x="0"
+     inkscape:window-y="27"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     gridtype="false"
+     gridanglex="45px"
+     fit-margin-top="2"
+     fit-margin-left="2"
+     fit-margin-right="2"
+     fit-margin-bottom="2"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata1312">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Luca Ferretti</dc:title>
+          </cc:Agent>
+        </dc:creator>
+        <dc:subject>
+          <rdf:Bag>
+            <rdf:li>emblem download</rdf:li>
+          </rdf:Bag>
+        </dc:subject>
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/LGPL/2.1/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/LGPL/2.1/">
+        <cc:permits
+           rdf:resource="http://web.resource.org/cc/Reproduction" />
+        <cc:permits
+           rdf:resource="http://web.resource.org/cc/Distribution" />
+        <cc:requires
+           rdf:resource="http://web.resource.org/cc/Notice" />
+        <cc:permits
+           rdf:resource="http://web.resource.org/cc/DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://web.resource.org/cc/ShareAlike" />
+        <cc:requires
+           rdf:resource="http://web.resource.org/cc/SourceCode" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1"
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     transform="translate(-4.9238803,0.30576951)">
+    <path
+       style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:4;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="M 21,-0.30578512 21,14 l -8,0 11,9 11,-9 -8,0 0,-14.30578512"
+       id="path3940"
+       sodipodi:nodetypes="ccccccc"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:none;fill-opacity:0.75;fill-rule:evenodd;stroke:#000000;stroke-width:9.99031258;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 11.99018,34 23.953525,0"
+       id="path5688"
+       sodipodi:nodetypes="cc"
+       inkscape:connector-curvature="0" />
+    <path
+       sodipodi:nodetypes="cc"
+       id="path7494"
+       d="m 12,34 14,0"
+       style="fill:none;fill-opacity:0.75;fill-rule:evenodd;stroke:#ffffff;stroke-width:6;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       inkscape:connector-curvature="0" />
+  </g>
+</svg>

img/ui/gototop.svg

@@ -0,0 +1,75 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="20"
+   height="10"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.48.4 r9939"
+   sodipodi:docname="gototop.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="11.2"
+     inkscape:cx="-6.313405"
+     inkscape:cy="-7.9588783"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:window-width="960"
+     inkscape:window-height="1013"
+     inkscape:window-x="0"
+     inkscape:window-y="27"
+     inkscape:window-maximized="0">
+    <inkscape:grid
+       type="xygrid"
+       id="grid2985"
+       empspacing="5"
+       visible="true"
+       enabled="true"
+       snapvisiblegridlinesonly="true"
+       originx="-505px"
+       originy="-675px" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Calque 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-505,-367.36218)">
+    <path
+       style="fill:#3a4145;fill-opacity:1;stroke:none;stroke-opacity:1"
+       d="m 505,377.36218 10,-10 10,10 -4,0 -6,-7 -6,7 z"
+       id="path2987"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccccccc" />
+  </g>
+</svg>

index.html

@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<meta name="description" content="">
+	<meta name="viewport" content="width=device-width, initial-scale=0.5">
+
+	<title>Thibaut CHARLES - Portfolio</title>
+
+	<link rel="stylesheet" href="/css/main.css">
+	<link rel="stylesheet" href="/css/lightbox.css">
+	<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Noto+Serif:400,700,400italic|Open+Sans:700,400"/>
+    <link href='//fonts.googleapis.com/css?family=Croissant+One' rel='stylesheet' type='text/css'>
+
+	<!--
+
+	DISCLAIMER
+
+	Please don't judge me on this code, it's ugly as *** and was written is
+	few hours because the previous used framework (EmberJS) was full of bugs /
+	vulnerabilities and would require too much wasted work to upgrade, for
+	such a simple site (plus it's totally overkill to use it)
+
+
+	-->
+</head>
+<body>
+	<nav id="left">
+		<img class="arrow" src="img/ui/arrowleft.svg" alt=""/>
+		<figure>
+			<img class="photo" src="img/me.png" alt="Thibaut CHARLES"/>
+		</figure>
+
+		<a href="/">Home</a>
+		<a href="/skills">Skills</a>
+		<a href="/projects">Projects</a>
+		<a href="/experiences">Experiences</a>
+		<a href="/hobbies">Hobbies</a>
+
+		<a href="https://git.thibautcharles.net" class="external">Gitea</a>
+		<a href="http://blog.thibautcharles.net" class="external">Blog</a>
+	</nav>
+
+	<content id="section-main">
+		<header>Thibaut CHARLES<br>Engineer<br>Software-Linux-Robotics</header>
+		<div id="article-container"></div>
+	</content>
+
+    <script src="/js/marked.min.js"></script>
+	<script src="/js/jquery-1.10.2.min.js"></script>
+	<script src="/js/ChartNew.js"></script>
+	<script src="/js/lightbox-2.6.min.js"></script>
+	<script src="/js/main.js"></script>
+</body>
+</html>