Initial commit

static/css/latolatinfonts.css

@@ -0,0 +1,216 @@
+/* Webfont: LatoLatin-Black */@font-face {
+    font-family: 'LatoLatinWebBlack';
+    src: url('../font/LatoLatin-Black.eot'); /* IE9 Compat Modes */
+    src: url('../font/LatoLatin-Black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+         url('../font/LatoLatin-Black.woff2') format('woff2'), /* Modern Browsers */
+         url('../font/LatoLatin-Black.woff') format('woff'), /* Modern Browsers */
+         url('../font/LatoLatin-Black.ttf') format('truetype');
+    font-style: normal;
+    font-weight: normal;
+    text-rendering: optimizeLegibility;
+}
+
+/* Webfont: LatoLatin-BlackItalic */@font-face {
+    font-family: 'LatoLatinWebBlack';
+    src: url('../font/LatoLatin-BlackItalic.eot'); /* IE9 Compat Modes */
+    src: url('../font/LatoLatin-BlackItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+         url('../font/LatoLatin-BlackItalic.woff2') format('woff2'), /* Modern Browsers */
+         url('../font/LatoLatin-BlackItalic.woff') format('woff'), /* Modern Browsers */
+         url('../font/LatoLatin-BlackItalic.ttf') format('truetype');
+    font-style: italic;
+    font-weight: normal;
+    text-rendering: optimizeLegibility;
+}
+
+/* Webfont: LatoLatin-Bold */@font-face {
+    font-family: 'LatoLatinWeb';
+    src: url('../font/LatoLatin-Bold.eot'); /* IE9 Compat Modes */
+    src: url('../font/LatoLatin-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+         url('../font/LatoLatin-Bold.woff2') format('woff2'), /* Modern Browsers */
+         url('../font/LatoLatin-Bold.woff') format('woff'), /* Modern Browsers */
+         url('../font/LatoLatin-Bold.ttf') format('truetype');
+    font-style: normal;
+    font-weight: bold;
+    text-rendering: optimizeLegibility;
+}
+
+/* Webfont: LatoLatin-BoldItalic */@font-face {
+    font-family: 'LatoLatinWeb';
+    src: url('../font/LatoLatin-BoldItalic.eot'); /* IE9 Compat Modes */
+    src: url('../font/LatoLatin-BoldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+         url('../font/LatoLatin-BoldItalic.woff2') format('woff2'), /* Modern Browsers */
+         url('../font/LatoLatin-BoldItalic.woff') format('woff'), /* Modern Browsers */
+         url('../font/LatoLatin-BoldItalic.ttf') format('truetype');
+    font-style: italic;
+    font-weight: bold;
+    text-rendering: optimizeLegibility;
+}
+
+/* Webfont: LatoLatin-Hairline */@font-face {
+    font-family: 'LatoLatinWebHairline';
+    src: url('../font/LatoLatin-Hairline.eot'); /* IE9 Compat Modes */
+    src: url('../font/LatoLatin-Hairline.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+         url('../font/LatoLatin-Hairline.woff2') format('woff2'), /* Modern Browsers */
+         url('../font/LatoLatin-Hairline.woff') format('woff'), /* Modern Browsers */
+         url('../font/LatoLatin-Hairline.ttf') format('truetype');
+    font-style: normal;
+    font-weight: normal;
+    text-rendering: optimizeLegibility;
+}
+
+/* Webfont: LatoLatin-HairlineItalic */@font-face {
+    font-family: 'LatoLatinWebHairline';
+    src: url('../font/LatoLatin-HairlineItalic.eot'); /* IE9 Compat Modes */
+    src: url('../font/LatoLatin-HairlineItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+         url('../font/LatoLatin-HairlineItalic.woff2') format('woff2'), /* Modern Browsers */
+         url('../font/LatoLatin-HairlineItalic.woff') format('woff'), /* Modern Browsers */
+         url('../font/LatoLatin-HairlineItalic.ttf') format('truetype');
+    font-style: italic;
+    font-weight: normal;
+    text-rendering: optimizeLegibility;
+}
+
+/* Webfont: LatoLatin-Heavy */@font-face {
+    font-family: 'LatoLatinWebHeavy';
+    src: url('../font/LatoLatin-Heavy.eot'); /* IE9 Compat Modes */
+    src: url('../font/LatoLatin-Heavy.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+         url('../font/LatoLatin-Heavy.woff2') format('woff2'), /* Modern Browsers */
+         url('../font/LatoLatin-Heavy.woff') format('woff'), /* Modern Browsers */
+         url('../font/LatoLatin-Heavy.ttf') format('truetype');
+    font-style: normal;
+    font-weight: normal;
+    text-rendering: optimizeLegibility;
+}
+
+/* Webfont: LatoLatin-HeavyItalic */@font-face {
+    font-family: 'LatoLatinWebHeavy';
+    src: url('../font/LatoLatin-HeavyItalic.eot'); /* IE9 Compat Modes */
+    src: url('../font/LatoLatin-HeavyItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+         url('../font/LatoLatin-HeavyItalic.woff2') format('woff2'), /* Modern Browsers */
+         url('../font/LatoLatin-HeavyItalic.woff') format('woff'), /* Modern Browsers */
+         url('../font/LatoLatin-HeavyItalic.ttf') format('truetype');
+    font-style: italic;
+    font-weight: normal;
+    text-rendering: optimizeLegibility;
+}
+
+/* Webfont: LatoLatin-Italic */@font-face {
+    font-family: 'LatoLatinWeb';
+    src: url('../font/LatoLatin-Italic.eot'); /* IE9 Compat Modes */
+    src: url('../font/LatoLatin-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+         url('../font/LatoLatin-Italic.woff2') format('woff2'), /* Modern Browsers */
+         url('../font/LatoLatin-Italic.woff') format('woff'), /* Modern Browsers */
+         url('../font/LatoLatin-Italic.ttf') format('truetype');
+    font-style: italic;
+    font-weight: normal;
+    text-rendering: optimizeLegibility;
+}
+
+/* Webfont: LatoLatin-Light */@font-face {
+    font-family: 'LatoLatinWebLight';
+    src: url('../font/LatoLatin-Light.eot'); /* IE9 Compat Modes */
+    src: url('../font/LatoLatin-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+         url('../font/LatoLatin-Light.woff2') format('woff2'), /* Modern Browsers */
+         url('../font/LatoLatin-Light.woff') format('woff'), /* Modern Browsers */
+         url('../font/LatoLatin-Light.ttf') format('truetype');
+    font-style: normal;
+    font-weight: normal;
+    text-rendering: optimizeLegibility;
+}
+
+/* Webfont: LatoLatin-LightItalic */@font-face {
+    font-family: 'LatoLatinWebLight';
+    src: url('../font/LatoLatin-LightItalic.eot'); /* IE9 Compat Modes */
+    src: url('../font/LatoLatin-LightItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+         url('../font/LatoLatin-LightItalic.woff2') format('woff2'), /* Modern Browsers */
+         url('../font/LatoLatin-LightItalic.woff') format('woff'), /* Modern Browsers */
+         url('../font/LatoLatin-LightItalic.ttf') format('truetype');
+    font-style: italic;
+    font-weight: normal;
+    text-rendering: optimizeLegibility;
+}
+
+/* Webfont: LatoLatin-Medium */@font-face {
+    font-family: 'LatoLatinWebMedium';
+    src: url('../font/LatoLatin-Medium.eot'); /* IE9 Compat Modes */
+    src: url('../font/LatoLatin-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+         url('../font/LatoLatin-Medium.woff2') format('woff2'), /* Modern Browsers */
+         url('../font/LatoLatin-Medium.woff') format('woff'), /* Modern Browsers */
+         url('../font/LatoLatin-Medium.ttf') format('truetype');
+    font-style: normal;
+    font-weight: normal;
+    text-rendering: optimizeLegibility;
+}
+
+/* Webfont: LatoLatin-MediumItalic */@font-face {
+    font-family: 'LatoLatinWebMedium';
+    src: url('../font/LatoLatin-MediumItalic.eot'); /* IE9 Compat Modes */
+    src: url('../font/LatoLatin-MediumItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+         url('../font/LatoLatin-MediumItalic.woff2') format('woff2'), /* Modern Browsers */
+         url('../font/LatoLatin-MediumItalic.woff') format('woff'), /* Modern Browsers */
+         url('../font/LatoLatin-MediumItalic.ttf') format('truetype');
+    font-style: italic;
+    font-weight: normal;
+    text-rendering: optimizeLegibility;
+}
+
+/* Webfont: LatoLatin-Regular */@font-face {
+    font-family: 'LatoLatinWeb';
+    src: url('../font/LatoLatin-Regular.eot'); /* IE9 Compat Modes */
+    src: url('../font/LatoLatin-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+         url('../font/LatoLatin-Regular.woff2') format('woff2'), /* Modern Browsers */
+         url('../font/LatoLatin-Regular.woff') format('woff'), /* Modern Browsers */
+         url('../font/LatoLatin-Regular.ttf') format('truetype');
+    font-style: normal;
+    font-weight: normal;
+    text-rendering: optimizeLegibility;
+}
+
+/* Webfont: LatoLatin-Semibold */@font-face {
+    font-family: 'LatoLatinWebSemibold';
+    src: url('../font/LatoLatin-Semibold.eot'); /* IE9 Compat Modes */
+    src: url('../font/LatoLatin-Semibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+         url('../font/LatoLatin-Semibold.woff2') format('woff2'), /* Modern Browsers */
+         url('../font/LatoLatin-Semibold.woff') format('woff'), /* Modern Browsers */
+         url('../font/LatoLatin-Semibold.ttf') format('truetype');
+    font-style: normal;
+    font-weight: normal;
+    text-rendering: optimizeLegibility;
+}
+
+/* Webfont: LatoLatin-SemiboldItalic */@font-face {
+    font-family: 'LatoLatinWebSemibold';
+    src: url('../font/LatoLatin-SemiboldItalic.eot'); /* IE9 Compat Modes */
+    src: url('../font/LatoLatin-SemiboldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+         url('../font/LatoLatin-SemiboldItalic.woff2') format('woff2'), /* Modern Browsers */
+         url('../font/LatoLatin-SemiboldItalic.woff') format('woff'), /* Modern Browsers */
+         url('../font/LatoLatin-SemiboldItalic.ttf') format('truetype');
+    font-style: italic;
+    font-weight: normal;
+    text-rendering: optimizeLegibility;
+}
+
+/* Webfont: LatoLatin-Thin */@font-face {
+    font-family: 'LatoLatinWebThin';
+    src: url('../font/LatoLatin-Thin.eot'); /* IE9 Compat Modes */
+    src: url('../font/LatoLatin-Thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+         url('../font/LatoLatin-Thin.woff2') format('woff2'), /* Modern Browsers */
+         url('../font/LatoLatin-Thin.woff') format('woff'), /* Modern Browsers */
+         url('../font/LatoLatin-Thin.ttf') format('truetype');
+    font-style: normal;
+    font-weight: normal;
+    text-rendering: optimizeLegibility;
+}
+
+/* Webfont: LatoLatin-ThinItalic */@font-face {
+    font-family: 'LatoLatinWebThin';
+    src: url('../font/LatoLatin-ThinItalic.eot'); /* IE9 Compat Modes */
+    src: url('../font/LatoLatin-ThinItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+         url('../font/LatoLatin-ThinItalic.woff2') format('woff2'), /* Modern Browsers */
+         url('../font/LatoLatin-ThinItalic.woff') format('woff'), /* Modern Browsers */
+         url('../font/LatoLatin-ThinItalic.ttf') format('truetype');
+    font-style: italic;
+    font-weight: normal;
+    text-rendering: optimizeLegibility;
+}
+

static/css/style.css

@@ -0,0 +1,81 @@
+body {
+    font-family: 'LatoLatinWeb', Avenir, HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
+    color: #3A3B3C;
+    font-size: 1.125rem;
+    line-height: 1.5;
+    margin: 0;
+    padding: 0;
+}
+p {
+    margin: 1.5rem 0;
+}
+b,
+strong {
+    font-family: 'LatoLatinWebHeavy';
+    font-weight: normal
+}
+img {
+    width: 100%;
+    height: auto
+}
+.content-container {
+    margin: 0 auto;
+    padding: 0 20px;
+}
+.article-body {
+    max-width: 700px;
+    width: 100%;
+    margin: 0 auto;
+}
+blockquote {
+    border-left: 5px solid #D1D1D1;
+    margin: 1.5em 20px;
+    padding: .5em 10px;
+    font-style: italic;
+}
+blockquote p {
+    display: inline
+}
+ul,
+ol {
+     padding-left: 35px 
+}
+li > p {
+    margin: 0px;
+}
+code {
+    font-family: monospace;
+    padding: .2em .5em;
+    font-size: 0.95em;
+    border-radius: 3px;
+    background-color: #f3f3f3;
+}
+hr {
+    border: 0;
+    border-bottom: 1px solid #D1D1D1;
+    margin-top: 3.125rem 0;
+}
+table {
+    color: #3A3B3C;
+    border-collapse: collapse;
+    border-spacing: 0;
+    margin: 1.5rem 0;
+}
+td,
+th {
+    padding: 7px 15px;
+    border: 1px solid #D1D1D1
+}
+th {
+    font-family: 'LatoLatinWebHeavy';
+    font-weight: normal
+}
+tr:nth-child(even) td {
+    background: #f3f3f3;
+}
+
+@media (max-width: 768px) {
+    body {
+        font-size: 1rem;
+    }
+}

static/css/xcode.css

@@ -0,0 +1,91 @@
+/*
+XCode style (c) Angel Garcia <angelgarcia.mail@gmail.com>
+*/
+
+.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 0.5em;
+  background: #f3f3f3;
+  color: black;
+}
+
+.hljs-comment,
+.hljs-quote {
+  color: #006a00;
+}
+
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-literal {
+  color: #aa0d91;
+}
+
+.hljs-name {
+  color: #008;
+}
+
+.hljs-variable,
+.hljs-template-variable {
+  color: #660;
+}
+
+.hljs-string {
+  color: #c41a16;
+}
+
+.hljs-regexp,
+.hljs-link {
+  color: #080;
+}
+
+.hljs-title,
+.hljs-tag,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-number,
+.hljs-meta {
+  color: #1c00cf;
+}
+
+.hljs-section,
+.hljs-class .hljs-title,
+.hljs-type,
+.hljs-attr,
+.hljs-built_in,
+.hljs-builtin-name,
+.hljs-params {
+  color: #5c2699;
+}
+
+.hljs-attribute,
+.hljs-subst {
+  color: #000;
+}
+
+.hljs-formula {
+  background-color: #eee;
+  font-style: italic;
+}
+
+.hljs-addition {
+  background-color: #baeeba;
+}
+
+.hljs-deletion {
+  background-color: #ffc8bd;
+}
+
+.hljs-selector-id,
+.hljs-selector-class {
+  color: #9b703f;
+}
+
+.hljs-doctag,
+.hljs-strong {
+  font-weight: bold;
+}
+
+.hljs-emphasis {
+  font-style: italic;
+}