chore: add assets from quarante-douze current theme

data/dep/bootstrap/css/bootstrap-reboot.css

@@ -0,0 +1,331 @@
+/*!
+ * Bootstrap Reboot v4.3.1 (https://getbootstrap.com/)
+ * Copyright 2011-2019 The Bootstrap Authors
+ * Copyright 2011-2019 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
+ */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+html {
+  font-family: sans-serif;
+  line-height: 1.15;
+  -webkit-text-size-adjust: 100%;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
+  display: block;
+}
+
+body {
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 1.5;
+  color: #212529;
+  text-align: left;
+  background-color: #fff;
+}
+
+[tabindex="-1"]:focus {
+  outline: 0 !important;
+}
+
+hr {
+  box-sizing: content-box;
+  height: 0;
+  overflow: visible;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  margin-top: 0;
+  margin-bottom: 0.5rem;
+}
+
+p {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+
+abbr[title],
+abbr[data-original-title] {
+  text-decoration: underline;
+  -webkit-text-decoration: underline dotted;
+  text-decoration: underline dotted;
+  cursor: help;
+  border-bottom: 0;
+  -webkit-text-decoration-skip-ink: none;
+  text-decoration-skip-ink: none;
+}
+
+address {
+  margin-bottom: 1rem;
+  font-style: normal;
+  line-height: inherit;
+}
+
+ol,
+ul,
+dl {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+
+ol ol,
+ul ul,
+ol ul,
+ul ol {
+  margin-bottom: 0;
+}
+
+dt {
+  font-weight: 700;
+}
+
+dd {
+  margin-bottom: .5rem;
+  margin-left: 0;
+}
+
+blockquote {
+  margin: 0 0 1rem;
+}
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+small {
+  font-size: 80%;
+}
+
+sub,
+sup {
+  position: relative;
+  font-size: 75%;
+  line-height: 0;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -.25em;
+}
+
+sup {
+  top: -.5em;
+}
+
+a {
+  color: #007bff;
+  text-decoration: none;
+  background-color: transparent;
+}
+
+a:hover {
+  color: #0056b3;
+  text-decoration: underline;
+}
+
+a:not([href]):not([tabindex]) {
+  color: inherit;
+  text-decoration: none;
+}
+
+a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
+  color: inherit;
+  text-decoration: none;
+}
+
+a:not([href]):not([tabindex]):focus {
+  outline: 0;
+}
+
+pre,
+code,
+kbd,
+samp {
+  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  font-size: 1em;
+}
+
+pre {
+  margin-top: 0;
+  margin-bottom: 1rem;
+  overflow: auto;
+}
+
+figure {
+  margin: 0 0 1rem;
+}
+
+img {
+  vertical-align: middle;
+  border-style: none;
+}
+
+svg {
+  overflow: hidden;
+  vertical-align: middle;
+}
+
+table {
+  border-collapse: collapse;
+}
+
+caption {
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
+  color: #6c757d;
+  text-align: left;
+  caption-side: bottom;
+}
+
+th {
+  text-align: inherit;
+}
+
+label {
+  display: inline-block;
+  margin-bottom: 0.5rem;
+}
+
+button {
+  border-radius: 0;
+}
+
+button:focus {
+  outline: 1px dotted;
+  outline: 5px auto -webkit-focus-ring-color;
+}
+
+input,
+button,
+select,
+optgroup,
+textarea {
+  margin: 0;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+
+button,
+input {
+  overflow: visible;
+}
+
+button,
+select {
+  text-transform: none;
+}
+
+select {
+  word-wrap: normal;
+}
+
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+  -webkit-appearance: button;
+}
+
+button:not(:disabled),
+[type="button"]:not(:disabled),
+[type="reset"]:not(:disabled),
+[type="submit"]:not(:disabled) {
+  cursor: pointer;
+}
+
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+  padding: 0;
+  border-style: none;
+}
+
+input[type="radio"],
+input[type="checkbox"] {
+  box-sizing: border-box;
+  padding: 0;
+}
+
+input[type="date"],
+input[type="time"],
+input[type="datetime-local"],
+input[type="month"] {
+  -webkit-appearance: listbox;
+}
+
+textarea {
+  overflow: auto;
+  resize: vertical;
+}
+
+fieldset {
+  min-width: 0;
+  padding: 0;
+  margin: 0;
+  border: 0;
+}
+
+legend {
+  display: block;
+  width: 100%;
+  max-width: 100%;
+  padding: 0;
+  margin-bottom: .5rem;
+  font-size: 1.5rem;
+  line-height: inherit;
+  color: inherit;
+  white-space: normal;
+}
+
+progress {
+  vertical-align: baseline;
+}
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+
+[type="search"] {
+  outline-offset: -2px;
+  -webkit-appearance: none;
+}
+
+[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+::-webkit-file-upload-button {
+  font: inherit;
+  -webkit-appearance: button;
+}
+
+output {
+  display: inline-block;
+}
+
+summary {
+  display: list-item;
+  cursor: pointer;
+}
+
+template {
+  display: none;
+}
+
+[hidden] {
+  display: none !important;
+}
+/*# sourceMappingURL=bootstrap-reboot.css.map */

data/dep/bootstrap/css/bootstrap-reboot.min.css

@@ -0,0 +1,8 @@
+/*!
+ * Bootstrap Reboot v4.3.1 (https://getbootstrap.com/)
+ * Copyright 2011-2019 The Bootstrap Authors
+ * Copyright 2011-2019 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
+ */*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}
+/*# sourceMappingURL=bootstrap-reboot.min.css.map */

data/dep/fork-awesome/css/v5-compat.css

@@ -0,0 +1,446 @@
+/*!
+Fork Awesome 1.1.7
+License - https://forkaweso.me/Fork-Awesome/license
+
+Copyright 2018 Dave Gandy & Fork Awesome
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+.fas,
+.fab,
+.far {
+  display: inline-block;
+  font: normal normal normal 14px/1 ForkAwesome;
+  font-size: inherit;
+  text-rendering: auto;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+.fas.fa-chart-area:before {
+  content: "\f1fe";
+}
+.fas.fa-arrows-alt:before {
+  content: "\f047";
+}
+.fas.fa-expand-arrows-alt:before {
+  content: "\f0b2";
+}
+.fas.fa-arrows-alt-h:before {
+  content: "\f07e";
+}
+.fas.fa-arrows-alt-v:before {
+  content: "\f07d";
+}
+.fas.fa-calendar-alt:before {
+  content: "\f073";
+}
+.fas.fa-circle-notch:before {
+  content: "\f1ce";
+}
+.fas.fa-cloud-download-alt:before {
+  content: "\f0ed";
+}
+.fas.fa-cloud-upload-alt:before {
+  content: "\f0ee";
+}
+.fas.fa-credit-card:before {
+  content: "\f283";
+}
+.fas.fa-dollar-sign:before {
+  content: "\f155";
+}
+.fas.fa-euro-sign:before {
+  content: "\f153";
+}
+.fas.fa-exchange-alt:before {
+  content: "\f0ec";
+}
+.fas.fa-external-link-alt:before {
+  content: "\f08e";
+}
+.fas.fa-external-link-square-alt:before {
+  content: "\f14c";
+}
+.fas.fa-eye-dropper:before {
+  content: "\f1fb";
+}
+.fas.fa-pound-sign:before {
+  content: "\f154";
+}
+.fas.fa-glass-martini:before {
+  content: "\f000";
+}
+.fas.fa-shekel-sign:before {
+  content: "\f20b";
+}
+.fas.fa-rupee-sign:before {
+  content: "\f156";
+}
+.fas.fa-won-sign:before {
+  content: "\f159";
+}
+.fas.fa-level-down-alt:before {
+  content: "\f149";
+}
+.fas.fa-level-up-alt:before {
+  content: "\f148";
+}
+.fas.fa-chart-line:before {
+  content: "\f201";
+}
+.fas.fa-long-arrow-alt-down:before {
+  content: "\f175";
+}
+.fas.fa-long-arrow-alt-left:before {
+  content: "\f177";
+}
+.fas.fa-long-arrow-alt-right:before {
+  content: "\f178";
+}
+.fas.fa-long-arrow-alt-up:before {
+  content: "\f176";
+}
+.fas.fa-map-marker-alt:before {
+  content: "\f041";
+}
+.fas.fa-mobile-alt:before {
+  content: "\f10b";
+}
+.fas.fa-pencil-alt:before {
+  content: "\f040";
+}
+.fas.fa-pen-square:before {
+  content: "\f14b";
+}
+.fas.fa-chart-pie:before {
+  content: "\f200";
+}
+.fas.fa-yen-sign:before {
+  content: "\f157";
+}
+.fas.fa-ruble-sign:before {
+  content: "\f158";
+}
+.fas.fa-shield-alt:before {
+  content: "\f132";
+}
+.fas.fa-sign-in-alt:before {
+  content: "\f090";
+}
+.fas.fa-sign-out-alt:before {
+  content: "\f08b";
+}
+.fas.fa-sliders-h:before {
+  content: "\f1de";
+}
+.fas.fa-tablet-alt:before {
+  content: "\f10a";
+}
+.fas.fa-tachometer-alt:before {
+  content: "\f0e4";
+}
+.fas.fa-thumbtack:before {
+  content: "\f08d";
+}
+.fas.fa-ticket-alt:before {
+  content: "\f145";
+}
+.fas.fa-trash-alt:before {
+  content: "\f1f8";
+}
+.fas.fa-lira-sign:before {
+  content: "\f195";
+}
+.fab.fa-linkedin-in:before {
+  content: "\fe01";
+}
+.fab.fa-linkedin:before {
+  content: "\f08c";
+}
+.far.fa-address-book:before {
+  content: "\f2ba";
+}
+.far.fa-address-card:before {
+  content: "\f2bc";
+}
+.far.fa-arrow-alt-circle-down:before {
+  content: "\f01a";
+}
+.far.fa-arrow-alt-circle-left:before {
+  content: "\f190";
+}
+.far.fa-arrow-alt-circle-right:before {
+  content: "\f18e";
+}
+.far.fa-arrow-alt-circle-up:before {
+  content: "\f01b";
+}
+.far.fa-bell:before {
+  content: "\f0f3";
+}
+.far.fa-bell-slash:before {
+  content: "\f1f7";
+}
+.far.fa-bookmark:before {
+  content: "\f097";
+}
+.far.fa-building:before {
+  content: "\f0f7";
+}
+.far.fa-calendar-check:before {
+  content: "\f274";
+}
+.far.fa-calendar-minus:before {
+  content: "\f272";
+}
+.far.fa-calendar:before {
+  content: "\f133";
+}
+.far.fa-calendar-plus:before {
+  content: "\f271";
+}
+.far.fa-calendar-times:before {
+  content: "\f273";
+}
+.far.fa-caret-square-down:before {
+  content: "\f150";
+}
+.far.fa-caret-square-left:before {
+  content: "\f191";
+}
+.far.fa-caret-square-right:before {
+  content: "\f152";
+}
+.far.fa-caret-square-up:before {
+  content: "\f151";
+}
+.far.fa-check-circle:before {
+  content: "\f05d";
+}
+.far.fa-check-square:before {
+  content: "\f046";
+}
+.far.fa-circle:before {
+  content: "\f10c";
+}
+.far.fa-clock:before {
+  content: "\f017";
+}
+.far.fa-comment:before {
+  content: "\f0e5";
+}
+.far.fa-comment-dots:before {
+  content: "\f27b";
+}
+.far.fa-comments:before {
+  content: "\f0e6";
+}
+.far.fa-dot-circle:before {
+  content: "\f192";
+}
+.far.fa-id-card:before {
+  content: "\f2c3";
+}
+.far.fa-envelope:before {
+  content: "\f003";
+}
+.far.fa-envelope-open:before {
+  content: "\f2b7";
+}
+.far.fa-file-archive:before {
+  content: "\f1c6";
+}
+.far.fa-file-audio:before {
+  content: "\f1c7";
+}
+.far.fa-file-code:before {
+  content: "\f1c9";
+}
+.far.fa-file-excel:before {
+  content: "\f1c3";
+}
+.far.fa-file-image:before {
+  content: "\f1c5";
+}
+.far.fa-file-video:before {
+  content: "\f1c8";
+}
+.far.fa-copy:before,
+.far.fa-file:before {
+  content: "\f016";
+}
+.far.fa-file-pdf:before {
+  content: "\f1c1";
+}
+.far.fa-file-powerpoint:before {
+  content: "\f1c4";
+}
+.far.fa-file-alt:before {
+  content: "\f0f6";
+}
+.far.fa-file-word:before {
+  content: "\f1c2";
+}
+.far.fa-flag:before {
+  content: "\f11d";
+}
+.far.fa-save:before {
+  content: "\f0c7";
+}
+.far.fa-folder:before {
+  content: "\f114";
+}
+.far.fa-folder-open:before {
+  content: "\f115";
+}
+.far.fa-frown:before {
+  content: "\f119";
+}
+.far.fa-futbol:before {
+  content: "\f1e3";
+}
+.far.fa-hand-rock:before {
+  content: "\f255";
+}
+.far.fa-hand-lizard:before {
+  content: "\f258";
+}
+.far.fa-hand-point-down:before {
+  content: "\f0a7";
+}
+.far.fa-hand-point-left:before {
+  content: "\f0a5";
+}
+.far.fa-hand-point-right:before {
+  content: "\f0a4";
+}
+.far.fa-hand-point-up:before {
+  content: "\f0a6";
+}
+.far.fa-hand-paper:before {
+  content: "\256";
+}
+.far.fa-hand-pointer:before {
+  content: "\f25a";
+}
+.far.fa-hand-scissors:before {
+  content: "\f257";
+}
+.far.fa-hand-spock:before {
+  content: "\f259";
+}
+.far.fa-handshake:before {
+  content: "\f2b5";
+}
+.far.fa-hdd:before {
+  content: "\f0a0";
+}
+.far.fa-heart:before {
+  content: "\f08a";
+}
+.far.fa-hospital:before {
+  content: "\f0f8";
+}
+.far.fa-hourglass:before {
+  content: "\f250";
+}
+.far.fa-id-card:before {
+  content: "\f2c3";
+}
+.far.fa-keyboard:before {
+  content: "\f11c";
+}
+.far.fa-lemon:before {
+  content: "\f094";
+}
+.far.fa-lightbulb:before {
+  content: "\f0eb";
+}
+.far.fa-meh:before {
+  content: "\f11a";
+}
+.far.fa-minus-square:before {
+  content: "\f147";
+}
+.far.fa-money-bill-alt:before {
+  content: "\f0d6";
+}
+.far.fa-moon:before {
+  content: "\f186";
+}
+.far.fa-newspaper:before {
+  content: "\f1ea";
+}
+.far.fa-paper-plane:before {
+  content: "\f1d9";
+}
+.far.fa-pause-circle:before {
+  content: "\f28c";
+}
+.far.fa-edit:before {
+  content: "\f044";
+}
+.far.fa-image:before {
+  content: "\f03e";
+}
+.far.fa-play-circle:before {
+  content: "\f01d";
+}
+.far.fa-plus-square:before {
+  content: "\f196";
+}
+.far.fa-question-circle:before {
+  content: "\f92c";
+}
+.far.fa-share-square:before {
+  content: "\f045";
+}
+.far.fa-smile:before {
+  content: "\f118";
+}
+.far.fa-snowflake:before {
+  content: "\f2dc";
+}
+.far.fa-futbol:before {
+  content: "\f1e3";
+}
+.far.fa-star-half:before {
+  content: "\f089";
+}
+.far.fa-star:before {
+  content: "\f006";
+}
+.far.fa-sticky-note:before {
+  content: "\f24a";
+}
+.far.fa-stop-circle:before {
+  content: "\f28e";
+}
+.far.fa-sun:before {
+  content: "\f185";
+}
+.far.fa-thumbs-down:before {
+  content: "\f088";
+}
+.far.fa-thumbs-up:before {
+  content: "\f087";
+}
+.far.fa-times-circle:before {
+  content: "\f05c";
+}
+.far.fa-window-close:before {
+  content: "\f2d4";
+}
+.far.fa-trash-alt:before {
+  content: "\f014";
+}
+.far.fa-user-circle:before {
+  content: "\f2be";
+}
+.far.fa-user:before {
+  content: "\f2c0";
+}

data/dep/fork-awesome/css/v5-compat.min.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["v5-compat.css"],"names":[],"mappings":";;;;;;;;;;;AAaA,KACA,KAFA,KAGE,QAAA,aACA,KAAA,OAAA,OAAA,OAAA,KAAA,EAAA,YACA,UAAA,QACA,eAAA,KACA,uBAAA,YACA,wBAAA,UAEgB,0BAChB,QAAA,QAEgB,0BAChB,QAAA,QAEuB,iCACvB,QAAA,QAEkB,4BAClB,QAAA,QAEkB,4BAClB,QAAA,QAEkB,4BAClB,QAAA,QAEkB,4BAClB,QAAA,QAEwB,kCACxB,QAAA,QAEsB,gCACtB,QAAA,QAEiB,2BACjB,QAAA,QAEiB,2BACjB,QAAA,QAEe,yBACf,QAAA,QAEkB,4BAClB,QAAA,QAEuB,iCACvB,QAAA,QAE8B,wCAC9B,QAAA,QAEiB,2BACjB,QAAA,QAEgB,0BAChB,QAAA,QAEmB,6BACnB,QAAA,QAEiB,2BACjB,QAAA,QAEgB,0BAChB,QAAA,QAEc,wBACd,QAAA,QAEoB,8BACpB,QAAA,QAEkB,4BAClB,QAAA,QAEgB,0BAChB,QAAA,QAEyB,mCACzB,QAAA,QAEyB,mCACzB,QAAA,QAE0B,oCAC1B,QAAA,QAEuB,iCACvB,QAAA,QAEoB,8BACpB,QAAA,QAEgB,0BAChB,QAAA,QAEgB,0BAChB,QAAA,QAEgB,0BAChB,QAAA,QAEe,yBACf,QAAA,QAEc,wBACd,QAAA,QAEgB,0BAChB,QAAA,QAEgB,0BAChB,QAAA,QAEiB,2BACjB,QAAA,QAEkB,4BAClB,QAAA,QAEe,yBACf,QAAA,QAEgB,0BAChB,QAAA,QAEoB,8BACpB,QAAA,QAEe,yBACf,QAAA,QAEgB,0BAChB,QAAA,QAEe,yBACf,QAAA,QAEe,yBACf,QAAA,QAEiB,2BACjB,QAAA,QAEc,wBACd,QAAA,QAEkB,4BAClB,QAAA,QAEkB,4BAClB,QAAA,QAE2B,qCAC3B,QAAA,QAE2B,qCAC3B,QAAA,QAE4B,sCAC5B,QAAA,QAEyB,mCACzB,QAAA,QAEU,oBACV,QAAA,QAEgB,0BAChB,QAAA,QAEc,wBACd,QAAA,QAEc,wBACd,QAAA,QAEoB,8BACpB,QAAA,QAEoB,8BACpB,QAAA,QAEc,wBACd,QAAA,QAEmB,6BACnB,QAAA,QAEoB,8BACpB,QAAA,QAEuB,iCACvB,QAAA,QAEuB,iCACvB,QAAA,QAEwB,kCACxB,QAAA,QAEqB,+BACrB,QAAA,QAEkB,4BAClB,QAAA,QAEkB,4BAClB,QAAA,QAEY,sBACZ,QAAA,QAEW,qBACX,QAAA,QAEa,uBACb,QAAA,QAEkB,4BAClB,QAAA,QAEc,wBACd,QAAA,QAEgB,0BAChB,QAAA,QAEa,uBACb,QAAA,QAEc,wBACd,QAAA,QAEmB,6BACnB,QAAA,QAEkB,4BAClB,QAAA,QAEgB,0BAChB,QAAA,QAEe,yBACf,QAAA,QAEgB,0BAChB,QAAA,QAEgB,0BAChB,QAAA,QAEgB,0BAChB,QAAA,QAEU,oBACA,oBACV,QAAA,QAEc,wBACd,QAAA,QAEqB,+BACrB,QAAA,QAEc,wBACd,QAAA,QAEe,yBACf,QAAA,QAEU,oBACV,QAAA,QAEU,oBACV,QAAA,QAEY,sBACZ,QAAA,QAEiB,2BACjB,QAAA,QAEW,qBACX,QAAA,QAEY,sBACZ,QAAA,QAEe,yBACf,QAAA,QAEiB,2BACjB,QAAA,QAEqB,+BACrB,QAAA,QAEqB,+BACrB,QAAA,QAEsB,gCACtB,QAAA,QAEmB,6BACnB,QAAA,QAEgB,0BAChB,QAAA,OAEkB,4BAClB,QAAA,QAEmB,6BACnB,QAAA,QAEgB,0BAChB,QAAA,QAEe,yBACf,QAAA,QAES,mBACT,QAAA,QAEW,qBACX,QAAA,QAEc,wBACd,QAAA,QAEe,yBACf,QAAA,QAEa,uBACb,QAAA,QAEc,wBACd,QAAA,QAEW,qBACX,QAAA,QAEe,yBACf,QAAA,QAES,mBACT,QAAA,QAEkB,4BAClB,QAAA,QAEoB,8BACpB,QAAA,QAEU,oBACV,QAAA,QAEe,yBACf,QAAA,QAEiB,2BACjB,QAAA,QAEkB,4BAClB,QAAA,QAEU,oBACV,QAAA,QAEW,qBACX,QAAA,QAEiB,2BACjB,QAAA,QAEiB,2BACjB,QAAA,QAEqB,+BACrB,QAAA,QAEkB,4BAClB,QAAA,QAEW,qBACX,QAAA,QAEe,yBACf,QAAA,QAEY,sBACZ,QAAA,QAEe,yBACf,QAAA,QAEU,oBACV,QAAA,QAEiB,2BACjB,QAAA,QAEiB,2BACjB,QAAA,QAES,mBACT,QAAA,QAEiB,2BACjB,QAAA,QAEe,yBACf,QAAA,QAEkB,4BAClB,QAAA,QAEkB,4BAClB,QAAA,QAEe,yBACf,QAAA,QAEiB,2BACjB,QAAA,QAEU,oBACV,QAAA"}

scss/_blog.scss

@@ -0,0 +1,199 @@
+/*
+ *  6 - Blog Elements ( _blog.scss )
+ *  
+ *  All elements that are used for a blog (article previews, etc).
+ *  "Commons" elements will be in other parts
+*/
+
+/* 1.1 - Comment area */
+
+.comment {
+  margin-bottom: 1.333em;
+}
+
+/* 2.1 - Previews */
+
+.preview-container {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap; 
+  justify-content: space-between;
+  align-content: flex-start;
+  margin-bottom:1em;
+  padding: 0;
+  width:100%;
+  
+  .preview {
+    width: 48%;
+    height:220px;
+  }
+}
+
+.preview {
+  margin:auto;
+  margin-bottom: 1em;
+  &-link {
+    display:block;
+    width:100%;
+    height:100%;
+    padding:0;
+    margin:0;
+    text-decoration:none!important;
+    &:hover .preview-item {
+      background-size: 133% auto;
+	    background-position: center center;
+    }
+  }
+  
+  &-item {
+    height: 100%;
+	  width: 100%;
+	  background-size: 100% auto;
+	  background-position: center center;
+	  transition: background-size .5s;
+  }
+}
+
+.preview-overlay {
+	height: 100%;
+	width: 100%;
+	opacity: 1;
+	padding: 0;
+	transition: background .5s;
+	color: #FFF;
+	display: flex;
+	flex-direction: column;
+	justify-content: flex-end;
+	align-items: flex-start;
+	text-shadow: 1px 1px 3px rgba(0,0,0,0.7);
+	color: white!important;
+	
+	background: linear-gradient(to top, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 60%);
+	
+	&:hover {
+	  opacity: 1;
+	  
+	  h1, h2 {
+	    opacity: 1;
+	    color: #FFF;
+	  }
+	  
+	  .badge {
+	    background-color: lighten($color-category, 15%);
+	  }
+	}
+	
+	.badge {
+	  background-color: $color-category;
+	}
+  
+  h1, h2 {
+    max-width:100%;
+    margin:auto;
+    margin-bottom:0px;
+    text-align:left;
+    display:block;
+    font-size:2em;
+    transition: opacity .5s;
+    text-shadow: 1px 1px 0px rgba(0,0,0,1);
+    opacity: 0.6;
+    padding: 0.25em;
+	  color: #FFF;
+  }
+}
+
+.preview-item {
+  .preview-content {
+	  height: 100%;
+	  width: 100%;
+	  background-size: 100% auto;
+	  background-position: center center;
+	  transition: background-size .5s;
+  }
+  
+  &:hover .preview-content {
+    background-size: 133% auto;
+	  background-position: center center;
+  }
+}
+
+.preview-categories {
+  padding: 0.5em;
+  .badge {
+    font-size: 1em;
+    text-shadow: none;
+  }
+}
+
+/* 2.1.1 - Article list */
+
+.list-article {
+  display: flex;
+  flex-direction: row;
+  &-thumbnail {
+    display: block;
+    padding-top: 1.5em;
+    max-width: 200px;
+    img {
+      max-width: 100%;
+      height: auto;
+    }
+  }
+  
+  &-main {
+    width: 100%;
+    padding-left:1em;
+  }
+  &-title {
+    font-family: Teko;
+    font-weight: 600;
+    margin-bottom: 0em;
+    a {
+      color: #444;
+    }
+  }
+  &-metadata {
+    display:flex;
+    justify-content: space-between;
+  }
+  
+  &-content {
+    font-style: italic;
+  }
+}
+
+.navigation {
+  .pagination {
+    padding-top: 2em;
+    display:flex;
+    flex-direction: row;
+    justify-content: flex-end;
+  }
+}
+
+/* 3. Article mixts */
+
+.article-taxonomies {
+  display:flex;
+  flex-direction: row;
+  justify-content: space-between;
+  .badge:not(:last-child) {
+    margin-right:0.5em;
+  }
+}
+
+.wp-caption {
+  img {
+    max-width: 100%;
+    height: auto;
+  }
+  
+  &-text {
+    font-size: 0.9em;
+    font-style: italic;
+  }
+  
+  &.aligncenter {
+    margin: auto;
+  }
+}

scss/_buttons.scss

@@ -0,0 +1,188 @@
+/*
+ *  5 - Buttons ( _buttons.scss )
+ *  
+ *  This part of the (s)css handle the style of buttons-like and badges.
+ *
+*/
+
+@mixin button-lighten($background-color, $text-color) {
+  background-color: lighten($background-color, 15%); 
+  color:$text-color;
+}
+
+@mixin button-color($background-color, $text-color) {
+  background-color: $background-color;
+  color: $text-color;
+  &, &:not(.disabled):not(:disabled) {
+    &:hover, &:active, &:focus {
+      @include button-lighten($background-color, $text-color);
+    }
+  }
+}
+
+.btn {
+	@include borders();
+	@include border-radius();
+	box-shadow: $large-shadow, $inset-shadow;
+	text-shadow: 0px -1px 0px rgba(0,0,0,0.3);
+	@include button-color($color-light, #111);
+	font-weight: 600;
+  
+  &:hover {
+	box-shadow: $narrow-shadow, $inset-shadow;
+	@include borders();
+	text-decoration: none;
+  }
+  
+  &:active {
+	box-shadow: $inset-shadow-inverted;
+	@include borders();
+	text-decoration: none;
+  }
+}
+
+.btn {
+  &-blue { @include button-color($color-blue, #FFF); }
+  &-violet { @include button-color($color-violet, #FFF); }
+  &-purple { @include button-color($color-purple, #FFF); }
+  &-red { @include button-color($color-red, #FFF); }
+  &-orange { @include button-color($color-orange, #FFF); }
+  &-green { @include button-color($color-green, #FFF); }
+  &-skyblue { @include button-color($color-skyblue, #FFF); }
+  &-dark { @include button-color($color-dark, #FFF); }
+  &-light { @include button-color($color-light, #111); }
+  &-turquoise { @include button-color($color-turquoise, #FFF); }
+  &-yellow { @include button-color($color-yellow, #FFF); }
+  &-brown { @include button-color($color-brown, #FFF); }
+  &-grey { @include button-color($color-grey, #FFF); }
+  
+  &-primary { @include button-color($color-primary, #FFF); }
+  &-secondary { @include button-color($color-secondary, #FFF); }
+  &-warning { @include button-color($color-warning, #FFF); }
+  &-danger { @include button-color($color-danger, #FFF); }
+  &-info { @include button-color($color-info, #FFF); }
+  &-success { @include button-color($color-success, #FFF); }
+}
+
+.btn-group {
+	box-shadow: $large-shadow;
+}
+
+.btn-group .btn {
+	box-shadow: $inset-shadow;
+	@include border-radius();
+	&:not(:first-child) {
+	  border-top-left-radius: 0;
+	  border-bottom-left-radius: 0;
+	}
+	&:not(:last-child) {
+	  border-top-right-radius: 0;
+	  border-bottom-right-radius: 0;
+	}
+}
+
+.btn-group .btn:hover {
+	box-shadow: $inset-shadow;
+}
+
+.btn-group .btn:active, .btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active,
+.show > .btn.dropdown-toggle {
+	box-shadow: $inset-shadow-inverted!important;
+	@include borders();
+}
+
+.btn:focus, .btn-primary:focus, .btn-secondary:focus, .btn-danger:focus, .btn-warning:focus, .btn-success:focus, .btn-info:focus, .btn-dark:focus, .btn-light:focus {
+	box-shadow: $narrow-shadow, $inset-shadow, 0px 0px 0px 2px rgba(0, 0, 0, 0.3);
+  outline: none;
+}
+
+.page-numbers {
+  @extend .btn;
+  @extend .btn-grey;
+  padding: 0.5em 1em 0.5em 1em;
+  margin-top: 0.1em;
+  color: #FFF;
+  
+  &.dots {
+    border: none;
+    background-color: transparent!important;
+    box-shadow: none;
+    color: #444;
+    text-shadow: none;
+  }
+}
+
+/* 5.1 - Réseaux sociaux */
+
+.share-buttons {
+  margin:15px;
+}
+
+.reagir {
+  text-align:right;
+  .btn {
+    margin-right:0.5em; 
+  }
+}
+
+.btn {
+  &-facebook {@include button-color(#3B5998, #FFF);}
+  &-twitter {@include button-color(#55ACEE, #FFF);}
+  &-googleplus {@include button-color(#d34836, #FFF);}
+  &-diaspora {@include button-color(#313739, #FFF);}
+  &-mastodon {@include button-color(#282c37, #FFF);}
+  &-whatsapp {@include button-color(#43d854, #FFF);}
+  &-linkedin {@include button-color(#0074A1, #FFF);}
+  &-buffer {@include button-color(#444, #FFF);}
+  &-pinterest {@include button-color(#bd081c, #FFF);}
+}
+
+/* 5.2 - Badges */
+
+@mixin badge-color($background-color, $text-color) {
+  background-color: $background-color;
+  color: $text-color;
+    &, &:not(.disabled):not(:disabled) {
+    &:hover, &:active, &:focus, a:hover > &, a:active > &, a:focus > & {
+      @include button-lighten($background-color, $text-color);
+    }
+  }
+}
+
+.badge {
+  @include borders();
+  @include border-radius();
+  text-decoration: none!important;
+  
+  &-pill {
+    border-radius: 10rem;
+  }
+}
+
+.badge {
+  &-blue { @include badge-color($color-blue, #FFF); }
+  &-violet { @include badge-color($color-violet, #FFF); }
+  &-purple { @include badge-color($color-purple, #FFF); }
+  &-red { @include badge-color($color-red, #FFF); }
+  &-orange { @include badge-color($color-orange, #FFF); }
+  &-green { @include badge-color($color-green, #FFF); }
+  &-skyblue { @include badge-color($color-skyblue, #FFF); }
+  &-dark { @include badge-color($color-dark, #FFF); }
+  &-light { @include badge-color($color-light, #111); }
+  &-turquoise { @include badge-color($color-turquoise, #FFF); }
+  &-yellow { @include badge-color($color-yellow, #FFF); }
+  &-brown { @include badge-color($color-brown, #FFF); }
+  &-grey { @include badge-color($color-grey, #FFF); }
+  
+  &-primary { @include badge-color($color-primary, #FFF); }
+  &-secondary { @include badge-color($color-secondary, #FFF); }
+  &-warning { @include badge-color($color-warning, #FFF); }
+  &-danger { @include badge-color($color-danger, #FFF); }
+  &-info { @include badge-color($color-info, #FFF); }
+  &-success { @include badge-color($color-success, #FFF); }
+  
+  &-category { @include badge-color($color-category, #FFF); }
+  &-tag { @include badge-color($color-tag, #FFF); }
+  
+}
+

scss/_cards.scss

@@ -0,0 +1,235 @@
+/*
+ *  4 - Cards( _cards.scss )
+ *  
+ *  This part of the (s)css handle the style of cards-like elements,
+ *  elements that are supposed to handle contents inside a box.
+ *
+ *  Elements like alerts, breadcrumb… are considered as "card-like".
+ *
+*/
+
+@mixin card-color($background-color, $text-color) {
+  & > .card-header { background-color: $background-color; color:$text-color; }
+}
+
+.card {
+  @include border-radius();
+	box-shadow: $large-shadow;
+  border: none;
+  margin-bottom:1.2em;
+}
+
+.card {
+  &-blue { @include card-color($color-blue, #FFF); }
+  &-violet { @include card-color($color-violet, #FFF); }
+  &-purple { @include card-color($color-purple, #FFF); }
+  &-red { @include card-color($color-red, #FFF); }
+  &-orange { @include card-color($color-orange, #FFF); }
+  &-green { @include card-color($color-green, #FFF); }
+  &-skyblue { @include card-color($color-skyblue, #FFF); }
+  &-dark { @include card-color($color-dark, #FFF); }
+  &-light { @include card-color($color-light, #111); }
+  &-turquoise { @include card-color($color-turquoise, #FFF); }
+  &-yellow { @include card-color($color-yellow, #FFF); }
+  &-brown { @include card-color($color-brown, #FFF); }
+  &-grey { @include card-color($color-grey, #FFF); }
+  
+  &-primary { @include card-color($color-primary, #FFF); }
+  &-secondary { @include card-color($color-secondary, #FFF); }
+  &-warning { @include card-color($color-warning, #FFF); }
+  &-danger { @include card-color($color-danger, #FFF); }
+  &-info { @include card-color($color-info, #FFF); }
+  &-success { @include card-color($color-success, #FFF); }
+}
+
+.card-shadow {
+  box-shadow: $large-shadow, $inset-shadow;
+}
+
+/* 4.1 - Header and titles */
+
+.card-header {
+  @include borders();
+  font-size:1.1em;
+  box-shadow: $inset-relief;
+	text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
+  font-weight:600;
+  border-radius: 0;
+  
+  &:first-child {
+    @include border-radius();
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+  }
+  
+  &:last-child {
+    @include border-radius();
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+  }
+  
+  h1, h2, h3, h4, h5, h6, h7, h8, h9, h10  {
+    font-family: 'OpenSans';
+    font-size:1em;
+    text-shadow: 0px -1px 0px rgba(0,0,0,0.3);
+    padding:0px;
+    margin:0px;
+    color:#FFF;
+    font-weight:600;
+    line-height:1.5em;
+  }
+}
+
+/* 4.2 - Cards meta */
+
+.card-meta {
+  @include border-radius();
+	padding:1em;
+  box-shadow: $large-shadow, $inset-shadow;
+  border: 0;
+  background-color:#eeeeec;
+  margin-bottom:1.2em;
+  @include li-no-margin();
+  
+  &.media {
+    -ms-flex-align: center !important;
+    align-items: center !important;
+  }
+  
+  .media-left .media-object {
+	  height: 64px;
+	  width: 64px;
+	  border-radius: 100%;
+    margin-right:1em;
+  }
+  
+  img.avatar {
+    border-radius: 100%;
+    margin-right:1em;
+  }
+  
+  
+  author {
+	  display:block;
+	  font-weight:600;
+  }
+
+  time {
+  	display:block;
+  	font-style:italic;
+  }
+  
+  @include li-no-margin();
+}
+/* 4.3 - Cards list-groups */
+
+section.widget {
+  ul {
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    padding-left: 0;
+    margin-bottom: 0;
+    li {
+      list-style: none;
+      padding: 0;
+      margin: 0;
+      &.recentcomments {
+        position: relative;
+        display: block;
+        padding: .75rem 1.25rem;
+        margin-bottom: -1px;
+        background-color: #fff;
+        border: 0px solid rgba(0,0,0,.125);
+        list-style: none;
+      }
+      a {
+        position: relative;
+        display: block;
+        padding: .75rem 1.25rem;
+        margin-bottom: -1px;
+        background-color: #fff;
+        border: 0px solid rgba(0,0,0,.125);
+        list-style: none;
+        &:hover {
+          background-color: #eee;
+          text-decoration: none; 
+        }
+      }
+    }
+  }
+}
+
+.list-group-item {
+	border: none;
+	background-color:transparent;
+}
+
+a.list-group-item:hover {
+	border-style:none;
+	border-width:0px;
+	border-radius:0px;
+	background-color:rgba(0,0,0,0.1);
+}
+
+/* 4.4 - Cards list-groups */
+
+@mixin alert-color($background-color) {
+  background-color: lighten($background-color, 35%);
+  color: darken($background-color, 80%);
+}
+
+.alert {
+  @include borders();
+  @include border-radius();
+  color:rgba(0, 0, 0, 0.7);
+  box-shadow: $large-shadow;
+  &-flex {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    & > p {
+      padding-bottom: 0;
+    }
+  }
+}
+
+.alert {
+  &-blue { @include alert-color($color-blue); }
+  &-violet { @include alert-color($color-violet); }
+  &-purple { @include alert-color($color-purple); }
+  &-red { @include alert-color($color-red); }
+  &-orange { @include alert-color($color-orange); }
+  &-green { @include alert-color($color-green); }
+  &-skyblue { @include alert-color($color-skyblue); }
+  &-dark { @include alert-color($color-dark); }
+  &-light { @include alert-color($color-light); }
+  &-turquoise { @include alert-color($color-turquoise); }
+  &-yellow { @include alert-color($color-yellow); }
+  &-brown { @include alert-color($color-brown); }
+  &-grey { @include alert-color($color-grey); }  
+  
+  &-primary { @include alert-color($color-primary); }
+  &-secondary { @include alert-color($color-secondary); }
+  &-warning { @include alert-color($color-warning); }
+  &-danger { @include alert-color($color-danger); }
+  &-info { @include alert-color($color-info); }
+  &-success { @include alert-color($color-success); }
+}
+
+.alert a, .alert-link {
+  color:rgba(0, 0, 0, 0.7);
+  font-weight:bold;
+}
+
+/* 4.5 - Breadcrumbs */
+
+.breadcrumb {
+  @include border-radius();
+	box-shadow: $large-shadow, $inset-shadow;
+  border: 0;
+  background-color:#eeeeec;
+  margin-bottom:1.2em;
+  @include li-no-margin();
+}

scss/_definitions.scss

@@ -0,0 +1,137 @@
+/*
+ *  1 - Definitions
+ *  
+ *  This part of the (s)css contain every definitions, mixins,
+ *  and differents unilities that can be used everywhere in the code.
+ *
+*/
+
+
+$large-shadow: 0px 2px 10px rgba(0, 0, 0, 0);
+$narrow-shadow: 0px 2px 6px rgba(0, 0, 0, 0);
+$inset-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.2);
+$inset-shadow-inverted: inset 0px 2px 0px rgba(0, 0, 0, 0.2);
+$inset-relief: inset 0px 2px 0px rgba(255, 255, 255, 0.1);
+
+$border-radius: 0px;
+$border-size: 1px;
+
+$color-primary: $color-red;
+$color-secondary: $color-dark;
+$color-link: $color-blue;
+$color-selection: $color-blue;
+$color-mark: $color-yellow;
+
+$color-category: $color-blue;
+$color-tag: $color-grey;
+
+$color-font: #444;
+
+@mixin borders() {
+  border: $border-size solid rgba(0, 0, 0, 0.3)
+}
+
+@mixin border-radius() {
+  border-radius: $border-radius $border-radius $border-radius $border-radius;
+}
+
+@mixin li-no-margin() {
+  li {
+    margin: 0;
+  }
+}
+
+/* 1.1 - Utils */
+
+.no-pills {
+	list-style:none;
+}
+
+.align {
+  &-center, &center {text-align: center;}
+  &-left, &left {text-align: left;}
+  &-right, &right {text-align: right;}
+}
+
+/* 1.2 - Background colors */
+
+@mixin background-color($background-color, $text-color) {
+  background-color: $background-color!important;
+  color: $text-color;
+}
+
+.bg {
+  &-blue { @include background-color($color-blue, #FFF); }
+  &-violet { @include background-color($color-violet, #FFF); }
+  &-purple { @include background-color($color-purple, #FFF); }
+  &-red { @include background-color($color-red, #FFF); }
+  &-orange { @include background-color($color-orange, #FFF); }
+  &-green { @include background-color($color-green, #FFF); }
+  &-skyblue { @include background-color($color-skyblue, #FFF); }
+  &-dark { @include background-color($color-dark, #FFF); }
+  &-light { @include background-color($color-light, #111); }
+  &-turquoise { @include background-color($color-turquoise, #FFF); }
+  &-yellow { @include background-color($color-yellow, #FFF); }
+  &-brown { @include background-color($color-brown, #FFF); }
+  &-grey { @include background-color($color-grey, #FFF); }  
+  
+  &-primary { @include background-color($color-primary, #FFF); }
+  &-secondary { @include background-color($color-secondary, #FFF); }
+  &-warning { @include background-color($color-warning, #FFF); }
+  &-danger { @include background-color($color-danger, #FFF); }
+  &-info { @include background-color($color-info, #FFF); }
+  &-success { @include background-color($color-success, #FFF); }
+}
+
+/* 1.3 - Screen Reader */
+
+@media screen {
+  .screen-reader-text {
+    display: none;
+  }
+}
+
+/* 2. Forms elements */
+
+select {
+  @include borders();
+  @include border-radius();
+  
+  display: block;
+  width: 100%;
+  height: calc(2.25rem + 2px);
+  padding: .375rem .75rem;
+  font-size: 1rem;
+  line-height: 1.5em;
+  color: $color-font;
+  background-color: #fff;
+  background-clip: padding-box;
+  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
+  margin-top: 0.75rem;
+}
+
+.input-group {
+  border-color: $color-dark;
+  &-prepend {
+    background-color: $color-grey;
+    @include borders();
+    @include border-radius();
+  }
+  
+  &-text {
+    background-color: transparent;
+    color: #FFF;
+    border: none;
+    text-shadow: 0px -1px 0px rgba(0,0,0,0.3);
+  }
+  
+  .form-control {
+    @include borders();
+    @include border-radius();
+    
+    box-shadow: inset 0px 2px 0px rgba(0, 0, 0, 0.1);
+    &:focus {
+      box-shadow: inset 0px 2px 0px rgba(0, 0, 0, 0.1), inset 0px 0px 0px 2px lighten($color-primary, 20%) ;
+    }
+  }
+}

scss/_font-face.scss

@@ -0,0 +1,155 @@
+/* 2.1 - Font Face */
+
+/* 2.1.1 - OpenSans */
+
+@font-face {
+    font-family: 'OpenSans';
+    src: url('fonts/OpenSans-Light-webfont.eot');
+    src: url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
+         url('fonts/OpenSans-Light-webfont.woff2') format('woff2'),
+         url('fonts/OpenSans-Light-webfont.woff') format('woff'),
+         url('fonts/OpenSans-Light-webfont.ttf') format('truetype'),
+         url('fonts/OpenSans-Light-webfont.svg#open_sansbold') format('svg');
+    font-weight: 300;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'OpenSans';
+    src: url('fonts/OpenSans-LightItalic-webfont.eot');
+    src: url('fonts/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
+         url('fonts/OpenSans-LightItalic-webfont.woff2') format('woff2'),
+         url('fonts/OpenSans-LightItalic-webfont.woff') format('woff'),
+         url('fonts/OpenSans-LightItalic-webfont.ttf') format('truetype'),
+         url('fonts/OpenSans-LightItalic-webfont.svg#open_sansbold') format('svg');
+    font-weight: 300;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'OpenSans';
+    src: url('fonts/OpenSans-Regular-webfont.eot');
+    src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
+         url('fonts/OpenSans-Regular-webfont.woff2') format('woff2'),
+         url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
+         url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
+         url('fonts/OpenSans-Regular-webfont.svg#open_sansbold') format('svg');
+    font-weight: 400;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'OpenSans';
+    src: url('fonts/OpenSans-Italic-webfont.eot');
+    src: url('fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
+         url('fonts/OpenSans-Italic-webfont.woff2') format('woff2'),
+         url('fonts/OpenSans-Italic-webfont.woff') format('woff'),
+         url('fonts/OpenSans-Italic-webfont.ttf') format('truetype'),
+         url('fonts/OpenSans-Italic-webfont.svg#open_sansbold') format('svg');
+    font-weight: 400;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'OpenSans';
+    src: url('fonts/OpenSans-Semibold-webfont.eot');
+    src: url('fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
+         url('fonts/OpenSans-Semibold-webfont.woff2') format('woff2'),
+         url('fonts/OpenSans-Semibold-webfont.woff') format('woff'),
+         url('fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
+         url('fonts/OpenSans-Semibold-webfont.svg#open_sansbold') format('svg');
+    font-weight: 600;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'OpenSans';
+    src: url('fonts/OpenSans-SemiboldItalic-webfont.eot');
+    src: url('fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
+         url('fonts/OpenSans-SemiboldItalic-webfont.woff2') format('woff2'),
+         url('fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'),
+         url('fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
+         url('fonts/OpenSans-SemiboldItalic-webfont.svg#open_sansbold') format('svg');
+    font-weight: 600;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'OpenSans';
+    src: url('fonts/OpenSans-Bold-webfont.eot');
+    src: url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
+         url('fonts/OpenSans-Bold-webfont.woff2') format('woff2'),
+         url('fonts/OpenSans-Bold-webfont.woff') format('woff'),
+         url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
+         url('fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
+    font-weight: 700;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'OpenSans';
+    src: url('fonts/OpenSans-BoldItalic-webfont.eot');
+    src: url('fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
+         url('fonts/OpenSans-BoldItalic-webfont.woff2') format('woff2'),
+         url('fonts/OpenSans-BoldItalic-webfont.woff') format('woff'),
+         url('fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
+         url('fonts/OpenSans-BoldItalic-webfont.svg#open_sansbold') format('svg');
+    font-weight: 700;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'OpenSans';
+    src: url('fonts/OpenSans-ExtraBold-webfont.eot');
+    src: url('fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
+         url('fonts/OpenSans-ExtraBold-webfont.woff2') format('woff2'),
+         url('fonts/OpenSans-ExtraBold-webfont.woff') format('woff'),
+         url('fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
+         url('fonts/OpenSans-ExtraBold-webfont.svg#open_sansbold') format('svg');
+    font-weight: 800;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'OpenSans';
+    src: url('fonts/OpenSans-ExtraBoldItalic-webfont.eot');
+    src: url('fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
+         url('fonts/OpenSans-ExtraBoldItalic-webfont.woff2') format('woff2'),
+         url('fonts/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),
+         url('fonts/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'),
+         url('fonts/OpenSans-ExtraBoldItalic-webfont.svg#open_sansbold') format('svg');
+    font-weight: 800;
+    font-style: italic;
+}
+
+/* 2.1.2 - Teko */
+
+@font-face {
+    font-family: 'Teko';
+    src: url('fonts/teko-light-webfont.woff');
+    font-weight: 300;
+}
+
+@font-face {
+    font-family: 'Teko';
+    src: url('fonts/teko-regular-webfont.woff');
+    font-weight: 400;
+}
+
+@font-face {
+    font-family: 'Teko';
+    src: url('fonts/teko-medium-webfont.woff');
+    font-weight: 500;
+}
+
+@font-face {
+    font-family: 'Teko';
+    src: url('fonts/teko-semibold-webfont.woff');
+    font-weight: 600;
+}
+
+@font-face {
+    font-family: 'Teko';
+    src: url('fonts/teko-bold-webfont.woff');
+    font-weight: 700;
+}

scss/_global.scss

@@ -0,0 +1,123 @@
+/*
+ *  3 - Global elements ( _global.scss )
+ *  
+ *  This part of the (s)css handle the style of "global" elements
+ *  like the wrapper, the navbars, the header.
+ *
+*/
+
+body {
+  background: #666 url('img/background.png');
+  padding: 30px;
+  background-attachment: fixed;
+}
+
+@media (max-width: 767.98px) {
+  body {
+    background: none;
+    padding: 0;
+  }
+}
+
+#wrapper {
+  background-color: #FFF
+}
+
+/*  3.1 - Header */
+
+header {
+  background: #EEE url('img/background.png');
+  margin-bottom:30px;
+  h1 {
+	  border-style:none !important;
+	  font-weight:700;
+	  font-size:1em;
+    line-height:1em;
+	  padding-bottom:0px;
+	  padding:2.33333em;
+    margin:auto;
+    text-align:center;    
+    img {
+      max-width: 100%;
+      height: auto;
+    }
+  }
+}
+
+.navbar {
+  box-shadow: $large-shadow;
+  @include borders();
+  border-left: 0;
+  border-right: 0;
+  ul {
+    padding-bottom:0;
+  }
+  @include li-no-margin();
+  
+  .form-control {
+    opacity: 0.3;
+    background-color: rgba(0, 0, 0, 0.3);
+    color: white;
+    border: none;
+    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, background-color, opacity .15s ease-in-out, background-color .15s ease-in-out, color .15s ease-in-out;
+    @include border-radius();
+    &::placeholder {
+      color: #FFF;
+      transition: color .15s ease-in-out;
+    }
+    &:hover {
+      opacity: 0.7;
+      background-color: #FFF;
+      color: #444;
+      &::placeholder {
+      color: #444;
+      }
+    }
+    &:focus, &:hover:focus {
+      opacity: 1;
+      background-color: #FFF;
+      color: #444;
+      box-shadow: $inset-shadow-inverted;
+      &::placeholder {
+      color: #444;
+      }
+    }
+  }
+}
+
+.dropdown-menu {
+  box-shadow: $narrow-shadow, $inset-shadow;
+}
+
+/*  3.2 - Footer */
+
+footer {
+  margin-top:40px;
+}
+
+/* 3.2.1 - Social Network Buttons */
+
+ul.social {
+  font-size:1.5em;
+  padding-bottom:1em;
+  margin:auto;
+  text-align:center;
+  li {
+    margin:0;
+    list-style: none;
+    display: inline;
+    a {
+      color:#FFFFFF;
+      background-color:#000000;
+      padding:0.3em;
+      padding-left:0.36em;
+      padding-right:0.36em;
+      vertical-align:middle;
+      border-radius:100%;
+      &:hover {
+        color:#000;
+        background-color:#FFF
+      }
+    }
+  }
+}

scss/_palette.scss

@@ -0,0 +1,18 @@
+$color-blue: #4e63c9;
+$color-violet: #ce4dcd;
+$color-purple: #7951c0;
+$color-red: #e33d22;
+$color-orange: #eb790a;
+$color-green: #75b82d;
+$color-skyblue: #42a0f3;
+$color-dark: #2D2D2D;
+$color-light: #eeeeec;
+$color-turquoise: #46bd9e;
+$color-yellow: #f6d32d;
+$color-brown: #986a44;
+$color-grey: #77767b;
+
+$color-warning: $color-orange;
+$color-danger: $color-red;
+$color-info: $color-skyblue;
+$color-success: $color-green;

scss/_typography.scss

@@ -0,0 +1,289 @@
+/*
+ *  2 - Typography ( _typography.scss )
+ *  
+ *  This part of the (s)css handle everything related to the typography
+ *  like paragraphs, blockquote, etc.
+ *
+*/
+
+@import 'font-face';
+
+/* 2.2 - Global Typography */
+
+@mixin paragraph() {
+  padding:0;
+  padding-bottom:1.5em;
+  margin: 0;
+}
+
+body {
+	font-family: OpenSans, sans-serif;
+	text-align: left;
+	font-size:  4mm;
+	line-height: 1.5em; 
+	color: $color-font;
+	font-weight: 400;
+}
+
+.night-mode {
+  color:#BBB;
+}
+
+strong {
+	font-weight: 600;
+}
+
+em {
+	font-style: italic;
+}
+
+a {
+  color: $color-link;
+  text-decoration:none;
+  &:hover, &:active {
+    color: $color-link;
+  }
+}
+
+p {
+  @include paragraph();
+  &:last-child {
+    padding-bottom:0;
+  }
+}
+
+ul {
+  @include paragraph();
+  ul {
+    padding-bottom:0;
+  }
+  li {
+    margin-left:1.5em;
+  }
+}
+
+ol {
+  @include paragraph();
+  ol {
+    padding-bottom:0;
+  }
+  li {
+    margin-left:1.5em;
+  }
+}
+
+
+::selection { background: $color-selection; color: #fff; }
+::-moz-selection { background: $color-selection; color: #fff; }
+
+/* 2.2 - Text Wrapper */
+
+.article-content {
+  font-size: calc(4mm + 0.4vw);
+  line-height: 1.5em;
+  padding: 1em;
+  font-weight:300;
+  p, em, p em {
+    font-weight:300;
+  }
+  
+  img {
+    max-width: 100%;
+    height: auto;
+  }
+  
+  .article-thumbnail {
+    padding-bottom: 1em;
+    text-align: center;
+    img {
+      max-width: 100%;
+      height: auto;
+      
+    }
+  }
+  .article-excerpt {
+    padding: 0.5em 0.5em 0.5em 0.5em;
+    font-style: italic;
+    font-size: calc(3.5mm + 0.4vw);
+  }
+  .article-author {
+    margin:0;
+    padding:0;
+    .card-meta {
+      margin:0;
+    }
+  }
+  
+  .bypass-flex-fontsize {
+    font-size: 4mm;
+    line-height: 1.5em;
+  }
+}
+
+/* 2.3 - Titles */
+
+@mixin title($size, $height, $top, $bottom, $weight) {
+	font-size: $size; 
+	line-height: $height; 
+	padding: $top 0 $bottom 0;
+	font-weight: $weight;
+}
+
+h1, h2, h3, h4, h5, h6, h7 {
+  font-family: 'Teko';
+  text-align: left;
+	font-size: 1em; 
+	line-height: 1.5em; 
+	padding:0;
+	margin:0;
+	font-weight:400;
+	
+	&.page-title {
+    font-family: Teko;
+    color: $color-primary;
+    border-bottom: 3px solid $color-primary;
+    font-weight: 600;
+    text-shadow: 2px 2px 0px rgba(0,0,0,.2);
+    box-shadow: 0px 2px 0px rgba(0,0,0,.2);
+    margin-bottom: 0.5em; 
+    padding: 0;
+    i {
+      font-size: 0.55em;
+      position: relative;
+      top: -0.175em;
+    }
+    
+    &-flex {
+      display: flex;
+      flex-direction: row;
+      justify-content: space-between;
+      & > span, & > i, & > a {
+        display: block;
+      }
+      
+      & > a {
+        color: $color-primary;
+        &:hover, &:focus, &:active {
+          color: darken($color-primary, 10%);
+        }
+      }
+    }
+  }
+}
+
+h1 {
+  @include title(2.3333333em, 1em, 0.333333em, 0.6em, 700);
+}
+
+h2 {
+  @include title(2em, 1.5em, 0.333333em, 0.4em, 700);
+}
+
+h3 {
+  @include title(1.5em, 1em, 0em, 1em, 700);
+}
+
+h4 {
+  @include title(1.5em, 1em, 0em, 1em, 600);
+}
+
+h5 {
+  @include title(1.333333em, 1em, 0.1em, 1.133333em, 600);
+}
+
+h6 {
+  @include title(1.1em, 1.4em, 0.1em, 1.2em, 600);
+}
+
+/* 2.4 - hr */
+
+hr {
+	border-top: 0px;
+	border-left: 0px;
+	border-right: 0px;
+	border-bottom: 1px;
+	border-color: rgba(1,1,1,0.15);
+	border-style: solid;
+	margin: 1.5em;
+}
+
+/* 2.5 - Wells and quotes */
+
+@mixin well() {
+  border-width: 0 0 0 0.2em;
+	border-style: solid;
+	border-radius: 3px;
+	
+	margin: -0.75em -0.2em 0.75em -0.2em;
+	padding: 0.75em 1em 0.75em 1em;
+	
+	max-width: 100%;
+	border-color: $color-primary;
+}
+
+blockquote, .quote, .well {
+  @include well();
+}
+
+pre, .pre, .well-pre {
+  @include well();
+	background-color:#EEE;
+	overflow-x: scroll;
+	
+	.night-mode & {
+    background-color:#222;
+    border-color:rgba(255,255,255,0.20);
+  }
+}
+
+
+
+/* 2.6 - Special styling */
+
+mark {
+  border-radius: 0.2em;
+  padding:0 0.2em 0 0.2em;
+  
+  background-color: lighten($color-mark, 30%);
+  color: inherit;
+}
+
+.night-mode mark {
+  background-color: $color-primary;
+}
+
+.time {
+	font-style: italic;
+	text-align: right;
+	width: 100%;
+	display: block;
+}
+
+/* 2.6.1 - Colored texts */
+
+@mixin text-color($text-color) {
+  color: $text-color;
+}
+
+.text {
+  &-blue { @include text-color($color-blue); }
+  &-violet { @include text-color($color-violet); }
+  &-purple { @include text-color($color-purple); }
+  &-red { @include text-color($color-red); }
+  &-orange { @include text-color($color-orange); }
+  &-green { @include text-color($color-green); }
+  &-skyblue { @include text-color($color-skyblue); }
+  &-dark { @include text-color($color-dark); }
+  &-light { @include text-color($color-light); }
+  &-turquoise { @include text-color($color-turquoise); }
+  &-yellow { @include text-color($color-yellow); }
+  &-brown { @include text-color($color-brown); }
+  &-grey { @include text-color($color-grey); }  
+  
+  &-primary { @include text-color($color-primary); }
+  &-secondary { @include text-color($color-secondary); }
+  &-warning { @include text-color($color-warning); }
+  &-danger { @include text-color($color-danger); }
+  &-info { @include text-color($color-info); }
+  &-success { @include text-color($color-success); }
+}

scss/style.scss

@@ -0,0 +1,28 @@
+/*
+  Theme Name: Dimension Quarante-Douze
+  Theme URI: https://github.com/Quarante-Douze/qdouze-wordpress-theme
+  Author: Kazhnuz
+  Author URI: https://kazhnuz.space
+  Description: The default theme for Quarante-Douze, my tech blog. Made using bootstrap
+  Version: 0.1
+  License: GNU General Public License v2 or later
+  License URI: http://www.gnu.org/licenses/gpl-2.0.html
+  Tags: blog, two-columns, right-sidebar, magazine
+  Text Domain: qdouze-wordpress-theme
+
+  This theme is licensed under the GPLv3.
+*/
+
+@import 'palette';
+
+@import 'definitions';
+
+@import 'typography';
+
+@import 'global';
+
+@import 'cards';
+
+@import 'buttons';
+
+@import 'blog';

src/themes/quarante-douze/.gitignore

@@ -0,0 +1,3 @@
+.DS_Store
+node_modules
+tmp

src/themes/quarante-douze/Gruntfile.js

@@ -0,0 +1,46 @@
+module.exports = function(grunt){
+  grunt.initConfig({
+    gitclone: {
+      fontawesome: {
+        options: {
+          repository: 'https://github.com/FortAwesome/Font-Awesome.git',
+          directory: 'tmp/fontawesome'
+        },
+      },
+      fancybox: {
+        options: {
+          repository: 'https://github.com/fancyapps/fancyBox.git',
+          directory: 'tmp/fancybox'
+        }
+      }
+    },
+    copy: {
+      fontawesome: {
+        expand: true,
+        cwd: 'tmp/fontawesome/fonts/',
+        src: ['**'],
+        dest: 'source/css/fonts/'
+      },
+      fancybox: {
+        expand: true,
+        cwd: 'tmp/fancybox/source/',
+        src: ['**'],
+        dest: 'source/fancybox/'
+      }
+    },
+    _clean: {
+      tmp: ['tmp'],
+      fontawesome: ['source/css/fonts'],
+      fancybox: ['source/fancybox']
+    }
+  });
+
+  require('load-grunt-tasks')(grunt);
+
+  grunt.renameTask('clean', '_clean');
+
+  grunt.registerTask('fontawesome', ['gitclone:fontawesome', 'copy:fontawesome', '_clean:tmp']);
+  grunt.registerTask('fancybox', ['gitclone:fancybox', 'copy:fancybox', '_clean:tmp']);
+  grunt.registerTask('default', ['gitclone', 'copy', '_clean:tmp']);
+  grunt.registerTask('clean', ['_clean']);
+};

src/themes/quarante-douze/LICENSE

@@ -0,0 +1,7 @@
+Copyright (c) 2013 Tommy Chen
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

src/themes/quarante-douze/README.md

@@ -0,0 +1,112 @@
+# Landscape
+
+A brand new default theme for [Hexo].
+
+- [Preview](http://hexo.io/hexo-theme-landscape/)
+
+## Installation
+
+### Install
+
+``` bash
+$ git clone https://github.com/hexojs/hexo-theme-landscape.git themes/landscape
+```
+
+**Landscape requires Hexo 2.4 and above.** If you would like to enable the RSS, the [hexo-generate-feed] plugin is also required.
+
+### Enable
+
+Modify `theme` setting in `_config.yml` to `landscape`.
+
+### Update
+
+``` bash
+cd themes/landscape
+git pull
+```
+
+## Configuration
+
+``` yml
+# Header
+menu:
+  Home: /
+  Archives: /archives
+rss: /atom.xml
+
+# Content
+excerpt_link: Read More
+fancybox: true
+
+# Sidebar
+sidebar: right
+widgets:
+- category
+- tag
+- tagcloud
+- archives
+- recent_posts
+
+# Miscellaneous
+google_analytics:
+favicon: /favicon.png
+twitter:
+google_plus:
+```
+
+- **menu** - Navigation menu
+- **rss** - RSS link
+- **excerpt_link** - "Read More" link at the bottom of excerpted articles. `false` to hide the link.
+- **fancybox** - Enable [Fancybox]
+- **sidebar** - Sidebar style. You can choose `left`, `right`, `bottom` or `false`.
+- **widgets** - Widgets displaying in sidebar
+- **google_analytics** - Google Analytics ID
+- **favicon** - Favicon path
+- **twitter** - Twiiter ID
+- **google_plus** - Google+ ID
+
+## Features
+
+### Fancybox
+
+Landscape uses [Fancybox] to showcase your photos. You can use Markdown syntax or fancybox tag plugin to add your photos.
+
+```
+![img caption](img url)
+
+{% fancybox img_url [img_thumbnail] [img_caption] %}
+```
+
+### Sidebar
+
+You can put your sidebar in left side, right side or bottom of your site by editing `sidebar` setting.
+
+Landscape provides 5 built-in widgets:
+
+- category
+- tag
+- tagcloud
+- archives
+- recent_posts
+
+All of them are enabled by default. You can edit them in `widget` setting.
+
+## Development
+
+### Requirements
+
+- [Grunt] 0.4+
+- Hexo 2.4+
+
+### Grunt tasks
+
+- **default** - Download [Fancybox] and [Font Awesome].
+- **fontawesome** - Only download [Font Awesome].
+- **fancybox** - Only download [Fancybox].
+- **clean** - Clean temporarily files and downloaded files.
+
+[Hexo]: https://hexo.io/
+[Fancybox]: http://fancyapps.com/fancybox/
+[Font Awesome]: http://fontawesome.io/
+[Grunt]: http://gruntjs.com/
+[hexo-generate-feed]: https://github.com/hexojs/hexo-generator-feed

src/themes/quarante-douze/_config.yml

@@ -0,0 +1,37 @@
+# Header
+menu:
+  Home: /
+  Archives: /archives
+rss: /atom.xml
+
+# Content
+excerpt_link: Read More
+fancybox: true
+
+# Sidebar
+sidebar: right
+widgets:
+- category
+- tag
+- tagcloud
+- archive
+- recent_posts
+
+# display widgets at the bottom of index pages (pagination == 2)
+index_widgets:
+# - category
+# - tagcloud
+# - archive
+
+# widget behavior
+archive_type: 'monthly'
+show_count: false
+
+# Miscellaneous
+google_analytics:
+gauges_analytics:
+favicon: /favicon.png
+twitter:
+google_plus:
+fb_admins:
+fb_app_id:

src/themes/quarante-douze/languages/de.yml

@@ -0,0 +1,19 @@
+categories: Kategorien
+search: Suche
+tags: Tags
+tagcloud: Tag Cloud
+tweets: Tweets
+prev: zurück
+next: weiter
+comment: Kommentare
+archive_a: Archiv
+archive_b: "Archive: %s"
+page: Seite %d
+recent_posts: letzter Beitrag
+newer: Neuer
+older: Älter
+share: Teilen
+powered_by: Powered by
+rss_feed: RSS Feed
+category: Kategorie
+tag: Tag

src/themes/quarante-douze/languages/default.yml

@@ -0,0 +1,19 @@
+categories: Categories
+search: Search
+tags: Tags
+tagcloud: Tag Cloud
+tweets: Tweets
+prev: Prev
+next: Next
+comment: Comments
+archive_a: Archives
+archive_b: "Archives: %s"
+page: Page %d
+recent_posts: Recent Posts
+newer: Newer
+older: Older
+share: Share
+powered_by: Powered by
+rss_feed: RSS Feed
+category: Category
+tag: Tag

src/themes/quarante-douze/languages/es.yml

@@ -0,0 +1,19 @@
+categories: Categorías
+search: Buscar
+tags: Tags
+tagcloud: Nube de Tags
+tweets: Tweets
+prev: Previo
+next: Siguiente
+comment: Comentarios
+archive_a: Archivos
+archive_b: "Archivos: %s"
+page: Página %d
+recent_posts: Posts recientes
+newer: Nuevo
+older: Viejo
+share: Compartir
+powered_by: Construido por
+rss_feed: RSS
+category: Categoría
+tag: Tag

src/themes/quarante-douze/languages/fr.yml

@@ -0,0 +1,19 @@
+categories: Catégories
+search: Rechercher
+tags: Mot-clés
+tagcloud: Nuage de mot-clés
+tweets: Tweets
+prev: Précédent
+next: Suivant
+comment: Commentaires
+archive_a: Archives
+archive_b: "Archives: %s"
+page: Page %d
+recent_posts: Articles récents
+newer: Récent
+older: Ancien
+share: Partager
+powered_by: Propulsé par
+rss_feed: Flux RSS
+category: Catégorie
+tag: Mot-clé

src/themes/quarante-douze/languages/ja.yml

@@ -0,0 +1,19 @@
+categories: カテゴリ
+search: 検索
+tags: タグ
+tagcloud: タグクラウド
+tweets: ツイート
+prev: 戻る
+next: 次へ
+comment: コメント
+archive_a: アーカイブ
+archive_b: "アーカイブ: %s"
+page: ページ %d
+recent_posts: 最近の投稿
+newer: 次の記事
+older: 前の記事
+share: 共有
+powered_by: Powered by
+rss_feed: RSSフィード
+category: カテゴリ
+tag: タグ

src/themes/quarante-douze/languages/ko.yml

@@ -0,0 +1,19 @@
+categories: 카테고리
+search: 검색
+tags: 태그
+tagcloud: 태그 클라우드
+tweets: 트윗
+prev: 이전
+next: 다음
+comment: 댓글
+archive_a: 아카이브
+archive_b: "아카이브: %s"
+page: 페이지 %d
+recent_posts: 최근 포스트
+newer: 최신
+older: 이전
+share: 공유
+powered_by: Powered by
+rss_feed: RSS Feed
+category: 카테고리
+tag: 태그

src/themes/quarante-douze/languages/nl.yml

@@ -0,0 +1,20 @@
+
+categories: Categorieën
+search: Zoeken
+tags: Labels
+tagcloud: Tag Cloud
+tweets: Tweets
+prev: Vorige
+next: Volgende
+comment: Commentaren
+archive_a: Archieven
+archive_b: "Archieven: %s"
+page: Pagina %d
+recent_posts: Recente berichten
+newer: Nieuwer
+older: Ouder
+share: Delen
+powered_by: Powered by
+rss_feed: RSS Feed
+category: Categorie
+tag: Label

src/themes/quarante-douze/languages/no.yml

@@ -0,0 +1,19 @@
+categories: Kategorier
+search: Søk
+tags: Tags
+tagcloud: Tag Cloud
+tweets: Tweets
+prev: Forrige
+next: Neste
+comment: Kommentarer
+archive_a: Arkiv
+archive_b: "Arkiv: %s"
+page: Side %d
+recent_posts: Siste innlegg
+newer: Newer
+older: Older
+share: Share
+powered_by: Powered by
+rss_feed: RSS Feed
+category: Category
+tag: Tag

src/themes/quarante-douze/languages/pt.yml

@@ -0,0 +1,19 @@
+categories: Categorias
+search: Buscar
+tags: Tags
+tagcloud: Nuvem de Tags
+tweets: Tweets
+prev: Anterior
+next: Próximo
+comment: Comentários
+archive_a: Arquivos
+archive_b: "Arquivos: %s"
+page: Página %d
+recent_posts: Postagens Recentes
+newer: Mais Recente
+older: Mais Antigo
+share: Compartilhar
+powered_by: Desenvolvido por
+rss_feed: Feed RSS
+category: Categoria
+tag: Tag

src/themes/quarante-douze/languages/ru.yml

@@ -0,0 +1,19 @@
+categories: Категории
+search: Поиск
+tags: Метки
+tagcloud: Облако меток
+tweets: Твиты
+prev: Назад
+next: Вперед
+comment: Комментарии
+archive_a: Архив
+archive_b: "Архив: %s"
+page: Страница %d
+recent_posts: Недавние записи
+newer: Следующий
+older: Предыдущий
+share: Поделиться
+powered_by: Создано с помощью
+rss_feed: RSS-каналы
+category: Категория
+tag: Метка

src/themes/quarante-douze/languages/zh-CN.yml

@@ -0,0 +1,19 @@
+categories: 分类
+search: 搜索
+tags: 标签
+tagcloud: 标签云
+tweets: 推文
+prev: 上一页
+next: 下一页
+comment: 留言
+archive_a: 归档
+archive_b: 归档：%s
+page: 第 %d 页
+recent_posts: 最新文章
+newer: Newer
+older: Older
+share: Share
+powered_by: Powered by
+rss_feed: RSS Feed
+category: Category
+tag: Tag

src/themes/quarante-douze/languages/zh-TW.yml

@@ -0,0 +1,19 @@
+categories: 分類
+search: 搜尋
+tags: 標籤
+tagcloud: 標籤雲
+tweets: 推文
+prev: 上一頁
+next: 下一頁
+comment: 留言
+archive_a: 彙整
+archive_b: 彙整：%s
+page: 第 %d 頁
+recent_posts: 最新文章
+newer: Newer
+older: Older
+share: Share
+powered_by: Powered by
+rss_feed: RSS Feed
+category: Category
+tag: Tag

src/themes/quarante-douze/layout/_partial/after-footer.ejs

@@ -0,0 +1,25 @@
+<% if (config.disqus_shortname){ %>
+<script>
+  var disqus_shortname = '<%= config.disqus_shortname %>';
+  <% if (page.permalink){ %>
+  var disqus_url = '<%= page.permalink %>';
+  <% } %>
+  (function(){
+    var dsq = document.createElement('script');
+    dsq.type = 'text/javascript';
+    dsq.async = true;
+    dsq.src = '//' + disqus_shortname + '.disqus.com/<% if (page.comments) { %>embed.js<% } else { %>count.js<% } %>';
+    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
+  })();
+</script>
+<% } %>
+
+<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
+
+<% if (theme.fancybox){ %>
+  <%- css('fancybox/jquery.fancybox') %>
+  <%- js('fancybox/jquery.fancybox.pack') %>
+<% } %>
+
+<%- js('js/script') %>
+<%- partial('gauges-analytics') %>

src/themes/quarante-douze/layout/_partial/archive-post.ejs

@@ -0,0 +1,8 @@
+<article class="archive-article archive-type-<%= post.layout %>">
+  <div class="archive-article-inner">
+    <header class="archive-article-header">
+      <%- partial('post/date', {class_name: 'archive-article-date', date_format: 'MMM D'}) %>
+      <%- partial('post/title', {class_name: 'archive-article-title'}) %>
+    </header>
+  </div>
+</article>

src/themes/quarante-douze/layout/_partial/archive.ejs

@@ -0,0 +1,34 @@
+<% if (pagination == 2){ %>
+  <% page.posts.each(function(post){ %>
+    <%- partial('article', {post: post, index: true}) %>
+  <% }) %>
+<% } else { %>
+  <% var last; %>
+  <% page.posts.each(function(post, i){ %>
+    <% var year = post.date.year(); %>
+    <% if (last != year){ %>
+      <% if (last != null){ %>
+        </div></section>
+      <% } %>
+      <% last = year; %>
+      <section class="archives-wrap">
+        <div class="archive-year-wrap">
+          <a href="<%- url_for(config.archive_dir + '/' + year) %>" class="archive-year"><%= year %></a>
+        </div>
+        <div class="archives">
+    <% } %>
+    <%- partial('archive-post', {post: post, even: i % 2 == 0}) %>
+  <% }) %>
+  <% if (page.posts.length){ %>
+    </div></section>
+  <% } %>
+<% } %>
+<% if (page.total > 1){ %>
+  <nav id="page-nav">
+    <% var prev_text = "&laquo; " + __('prev');var next_text = __('next') + " &raquo;"%>
+    <%- paginator({
+      prev_text: prev_text,
+      next_text: next_text
+    }) %>
+  </nav>
+<% } %>

src/themes/quarante-douze/layout/_partial/article.ejs

@@ -0,0 +1,44 @@
+<article id="<%= post.layout %>-<%= post.slug %>" class="article article-type-<%= post.layout %>" itemscope itemprop="blogPost">
+  <div class="article-meta">
+    <%- partial('post/date', {class_name: 'article-date', date_format: null}) %>
+    <%- partial('post/category') %>
+  </div>
+  <div class="article-inner">
+    <%- partial('post/gallery') %>
+    <% if (post.link || post.title){ %>
+      <header class="article-header">
+        <%- partial('post/title', {class_name: 'article-title'}) %>
+      </header>
+    <% } %>
+    <div class="article-entry" itemprop="articleBody">
+      <% if (post.excerpt && index){ %>
+        <%- post.excerpt %>
+        <% if (theme.excerpt_link){ %>
+          <p class="article-more-link">
+            <a href="<%- url_for(post.path) %>#more"><%= theme.excerpt_link %></a>
+          </p>
+        <% } %>
+      <% } else { %>
+        <%- post.content %>
+      <% } %>
+    </div>
+    <footer class="article-footer">
+      <a data-url="<%- post.permalink %>" data-id="<%= post._id %>" class="article-share-link"><%= __('share') %></a>
+      <% if (post.comments && config.disqus_shortname){ %>
+        <a href="<%- post.permalink %>#disqus_thread" class="article-comment-link"><%= __('comment') %></a>
+      <% } %>
+      <%- partial('post/tag') %>
+    </footer>
+  </div>
+  <% if (!index){ %>
+    <%- partial('post/nav') %>
+  <% } %>
+</article>
+
+<% if (!index && post.comments && config.disqus_shortname){ %>
+<section id="comments">
+  <div id="disqus_thread">
+    <noscript>Please enable JavaScript to view the <a href="//disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
+  </div>
+</section>
+<% } %>

src/themes/quarante-douze/layout/_partial/footer.ejs

@@ -0,0 +1,11 @@
+<footer id="footer">
+  <% if (theme.sidebar === 'bottom'){ %>
+    <%- partial('_partial/sidebar') %>
+  <% } %>
+  <div class="outer">
+    <div id="footer-info" class="inner">
+      &copy; <%= date(new Date(), 'YYYY') %> <%= config.author || config.title %><br>
+      <%= __('powered_by') %> <a href="http://hexo.io/" target="_blank">Hexo</a>
+    </div>
+  </div>
+</footer>

src/themes/quarante-douze/layout/_partial/gauges-analytics.ejs

@@ -0,0 +1,18 @@
+<% if (theme.gauges_analytics){ %>
+<!-- Gaug.es Analytics -->
+<script type="text/javascript">
+  var _gauges = _gauges || [];
+  (function() {
+    var t   = document.createElement('script');
+    t.type  = 'text/javascript';
+    t.async = true;
+    t.id    = 'gauges-tracker';
+    t.setAttribute('data-site-id', '<%= theme.gauges_analytics %>');
+    t.setAttribute('data-track-path', 'https://track.gaug.es/track.gif');
+    t.src = 'https://d36ee2fcip1434.cloudfront.net/track.js';
+    var s = document.getElementsByTagName('script')[0];
+    s.parentNode.insertBefore(t, s);
+  })();
+</script>
+<!-- End Gaug.es Analytics -->
+<% } %>

src/themes/quarante-douze/layout/_partial/google-analytics.ejs

@@ -0,0 +1,14 @@
+<% if (theme.google_analytics){ %>
+<!-- Google Analytics -->
+<script type="text/javascript">
+(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+ga('create', '<%= theme.google_analytics %>', 'auto');
+ga('send', 'pageview');
+
+</script>
+<!-- End Google Analytics -->
+<% } %>

src/themes/quarante-douze/layout/_partial/head.ejs

@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <%- partial('google-analytics') %>
+  <%
+  var title = page.title;
+
+  if (is_archive()){
+    title = __('archive_a');
+
+    if (is_month()){
+      title += ': ' + page.year + '/' + page.month;
+    } else if (is_year()){
+      title += ': ' + page.year;
+    }
+  } else if (is_category()){
+    title = __('category') + ': ' + page.category;
+  } else if (is_tag()){
+    title = __('tag') + ': ' + page.tag;
+  }
+  %>
+  <title><% if (title){ %><%= title %> | <% } %><%= config.title %></title>
+  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+  <%- open_graph({twitter_id: theme.twitter, google_plus: theme.google_plus, fb_admins: theme.fb_admins, fb_app_id: theme.fb_app_id}) %>
+  <% if (theme.rss){ %>
+    <link rel="alternate" href="<%= url_for(theme.rss) %>" title="<%= config.title %>" type="application/atom+xml">
+  <% } %>
+  <% if (theme.favicon){ %>
+    <link rel="icon" href="<%- theme.favicon %>">
+  <% } %>
+  <% if (config.highlight.enable){ %>
+    <link href="//fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet" type="text/css">
+  <% } %>
+  <%- css('css/style') %>
+</head>

src/themes/quarante-douze/layout/_partial/header.ejs

@@ -0,0 +1,32 @@
+<header id="header">
+  <div id="banner"></div>
+  <div id="header-outer" class="outer">
+    <div id="header-title" class="inner">
+      <h1 id="logo-wrap">
+        <a href="<%- url_for() %>" id="logo"><%= config.title %></a>
+      </h1>
+      <% if (theme.subtitle){ %>
+        <h2 id="subtitle-wrap">
+          <a href="<%- url_for() %>" id="subtitle"><%= theme.subtitle %></a>
+        </h2>
+      <% } %>
+    </div>
+    <div id="header-inner" class="inner">
+      <nav id="main-nav">
+        <a id="main-nav-toggle" class="nav-icon"></a>
+        <% for (var i in theme.menu){ %>
+          <a class="main-nav-link" href="<%- url_for(theme.menu[i]) %>"><%= i %></a>
+        <% } %>
+      </nav>
+      <nav id="sub-nav">
+        <% if (theme.rss){ %>
+          <a id="nav-rss-link" class="nav-icon" href="<%- url_for(theme.rss) %>" title="<%= __('rss_feed') %>"></a>
+        <% } %>
+        <a id="nav-search-btn" class="nav-icon" title="<%= __('search') %>"></a>
+      </nav>
+      <div id="search-form-wrap">
+        <%- search_form({button: '&#xF002;'}) %>
+      </div>
+    </div>
+  </div>
+</header>

src/themes/quarante-douze/layout/_partial/mobile-nav.ejs

@@ -0,0 +1,5 @@
+<nav id="mobile-nav">
+  <% for (var i in theme.menu){ %>
+    <a href="<%- url_for(theme.menu[i]) %>" class="mobile-nav-link"><%= i %></a>
+  <% } %>
+</nav>

src/themes/quarante-douze/layout/_partial/post/category.ejs

@@ -0,0 +1,10 @@
+<% if (post.categories && post.categories.length){ %>
+  <div class="article-category">
+    <%- list_categories(post.categories, {
+      show_count: false,
+      class: 'article-category',
+      style: 'none',
+      separator: '►'
+    }) %>
+  </div>
+<% } %>

src/themes/quarante-douze/layout/_partial/post/date.ejs

@@ -0,0 +1,3 @@
+<a href="<%- url_for(post.path) %>" class="<%= class_name %>">
+  <time datetime="<%= date_xml(post.date) %>" itemprop="datePublished"><%= date(post.date, date_format) %></time>
+</a>

src/themes/quarante-douze/layout/_partial/post/gallery.ejs

@@ -0,0 +1,11 @@
+<% if (post.photos && post.photos.length){ %>
+<div class="article-gallery">
+  <div class="article-gallery-photos">
+    <% post.photos.forEach(function(photo, i){ %>
+      <a class="article-gallery-img fancybox" href="<%- url_for(photo) %>" rel="gallery_<%= post._id %>">
+        <img src="<%- url_for(photo) %>" itemprop="image">
+      </a>
+    <% }) %>
+  </div>
+</div>
+<% } %>

src/themes/quarante-douze/layout/_partial/post/nav.ejs

@@ -0,0 +1,22 @@
+<% if (post.prev || post.next){ %>
+<nav id="article-nav">
+  <% if (post.prev){ %>
+    <a href="<%- url_for(post.prev.path) %>" id="article-nav-newer" class="article-nav-link-wrap">
+      <strong class="article-nav-caption"><%= __('newer') %></strong>
+      <div class="article-nav-title">
+        <% if (post.prev.title){ %>
+          <%= post.prev.title %>
+        <% } else { %>
+          (no title)
+        <% } %>
+      </div>
+    </a>
+  <% } %>
+  <% if (post.next){ %>
+    <a href="<%- url_for(post.next.path) %>" id="article-nav-older" class="article-nav-link-wrap">
+      <strong class="article-nav-caption"><%= __('older') %></strong>
+      <div class="article-nav-title"><%= post.next.title %></div>
+    </a>
+  <% } %>
+</nav>
+<% } %>

src/themes/quarante-douze/layout/_partial/post/tag.ejs

@@ -0,0 +1,6 @@
+<% if (post.tags && post.tags.length){ %>
+  <%- list_tags(post.tags, {
+    show_count: false,
+    class: 'article-tag'
+  }) %>
+<% } %>

src/themes/quarante-douze/layout/_partial/post/title.ejs

@@ -0,0 +1,15 @@
+<% if (post.link){ %>
+  <h1 itemprop="name">
+    <a class="<%= class_name %>" href="<%- url_for(post.link) %>" target="_blank" itemprop="url"><%= post.title %></a>
+  </h1>
+<% } else if (post.title){ %>
+  <% if (index){ %>
+    <h1 itemprop="name">
+      <a class="<%= class_name %>" href="<%- url_for(post.path) %>"><%= post.title %></a>
+    </h1>
+  <% } else { %>
+    <h1 class="<%= class_name %>" itemprop="name">
+      <%= post.title %>
+    </h1>
+  <% } %>
+<% } %>

src/themes/quarante-douze/layout/_partial/sidebar.ejs

@@ -0,0 +1,5 @@
+<aside id="sidebar"<% if (theme.sidebar === 'bottom'){ %> class="outer"<% } %>>
+  <% theme.widgets.forEach(function(widget){ %>
+    <%- partial('_widget/' + widget) %>
+  <% }) %>
+</aside>

src/themes/quarante-douze/layout/_widget/archive.ejs

@@ -0,0 +1,8 @@
+<% if (site.posts.length){ %>
+  <div class="widget-wrap">
+    <h3 class="widget-title"><%= __('archive_a') %></h3>
+    <div class="widget">
+      <%- list_archives({show_count: theme.show_count, type: theme.archive_type}) %>
+    </div>
+  </div>
+<% } %>