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>