From: Gerardo Pias <gerardo.pias@matesoft.com.uy>
Date: Tue, 9 Jul 2019 03:13:52 +0000 (-0300)
Subject: Unify _layouts code. Adjust default layout design, add index menu to documentation.
X-Git-Tag: v1.0.0~1
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=14a32c8a97e728f16d71126a906e71fb343f6b1d;p=thirdparty%2FFORT-validator.git

Unify _layouts code. Adjust default layout design, add index menu to documentation.
Unify css style sheets. Improve documentation style.
---

diff --git a/docs/_layouts/default.html b/docs/_layouts/default.html
index 8260e472..28c70181 100644
--- a/docs/_layouts/default.html
+++ b/docs/_layouts/default.html
@@ -10,9 +10,7 @@
 	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
 
 	<!-- Styles -->
-	<link href="../css/screen.css" rel="stylesheet" type="text/css">
-	<link href="../css/fort_project.css" rel="stylesheet" type="text/css">
-	<link href="../css/fort_validator.css" rel="stylesheet" type="text/css">
+	<link href="{% if page.url == '/' %}./css/screen.css{% else %}../css/screen.css{% endif %}" rel="stylesheet" type="text/css">
 
 	<!-- Site is still under construction, so don't index it -->
 	<meta name="robots" content="noindex,nofollow">
@@ -22,12 +20,18 @@
 <!-- Header -->
 <header class="site-header">
 	<div class="container">
-		<div class="row align-items-end">
+		<div class="row align-items-center">
 			<div class="col">
 				<div class="logo">
-					<a href="../index.html" title="" class="d-flex">
-						<img src="../img/logo_validador_fort.svg" alt="Fort">
-					</a>
+					{% if page.url == '/' %}
+						<a href="./index.html" title="" class="d-flex">
+							<img src="./img/logo_validador_fort.svg" alt="Fort" width="125px">
+						</a>
+					{% else %}
+						<a href="../index.html" title="" class="d-flex">
+							<img src="../img/logo_validador_fort.svg" alt="Fort" width="125px">
+						</a>
+					{% endif %}
 				</div>
 			</div>
 			<div class="col-auto">
@@ -39,14 +43,21 @@
 				<div class="navigation">
 					<nav class="site-nav">
 						<ul>
-							<li>
-								<a class="" href="../index.html">
-									Home
-								</a>
-							</li>
-							<li><a href="./index.html">
-								Documentation
-							</a></li>
+							{% if page.url == '/' %}
+								<li>
+									<a class="active-item" href="./index.html">Home</a>
+								</li>
+								<li>
+									<a href="./doc/index.html">Documentation</a>
+								</li>
+							{% else %}
+								<li>
+									<a href="../index.html">Home</a>
+								</li>
+								<li><a class="active-item" href="./index.html">Documentation</a>
+								</li>
+							{% endif %}
+
 						</ul>
 					</nav>
 
@@ -56,19 +67,54 @@
 	</div>
 </header>
 
-<section class="site-section">
+<section class="site-section section-h-full">
 	<div class="container">
+		<div class="row">
+			{% if (page.url.size} > 5 %}
+			<div class="col-lg-3">
+				<aside class="site-aside">
+					<ul class="list-bullet">
 
-		{{ content }}
+						<li>
+							<a class="item-menu{% if page.url == '/doc/intro-rpki.html' %} active{% endif %}" href="intro-rpki.html">Introduction to RPKI</a>
+						</li>
+						<li>
+							<a class="item-menu{% if page.url == '/doc/intro-fort.html' %} active{% endif %}" href="intro-fort.html">Introduction to Fort</a>
+						</li>
+						<li>
+							<a class="item-menu{% if page.url == '/doc/installation.html' %} active{% endif %}" href="installation.html">Compilation and Installation</a>
+						</li>
+						<li>
+							<a class="item-menu{% if page.url == '/doc/run.html' %} active{% endif %}" href="run.html">Running Fort</a>
+						</li>
+						<li>
+							<a class="item-menu{% if page.url == '/doc/usage.html' %} active{% endif %}" href="usage.html">Fort usage</a>
+						</li>
+						<li>
+							<a class="item-menu{% if page.url == '/doc/slurm.html' %} active{% endif %}" href="slurm.html">SLURM</a>
+						</li>
+						<li>
+							<a class="item-menu{% if page.url == '/doc/incidence.html' %} active{% endif %}" href="incidence.html">Incidences</a>
+						</li>
+					</ul>
+				</aside>
+			</div>
+			{% endif %}
+			<div class="col">
+				<article class="article-section">
+				{{ content }}
+				</article>
+			</div>
+		</div>
 	</div>
 </section>
 <!-- Footer -->
 <footer class="site-footer">
 	<div class="container">
 		<div class="row">
-			<div class="col justify-content-center">
-				<a href="https://github.com/NICMx/FORT-validator" target="_blank" title="" class="d-flex">
-					<img src="../img/GitHub-Mark-Light-120px-plus.png" alt="Git">
+			<div class="col">
+				<a href="https://github.com/NICMx/FORT-validator" target="_blank" title="" class="d-flex justify-content-center">
+					<img src="{% if page.url == '/' %}./img/GitHub-Mark-Light-120px-plus.png{% else %}../img/GitHub-Mark-Light-120px-plus.png{% endif %}" alt="Git" width="40">
 				</a>
 			</div>
 		</div>
@@ -83,7 +129,7 @@
 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
 
 <!-- APP JS -->
-<script src="../js/metodos.js" type="text/javascript"></script>
+<script src="{% if page.url == '/' %}./js/metodos.js{% else %}../js/metodos.js{% endif %}" type="text/javascript"></script>
 
 
 </body>
diff --git a/docs/_layouts/home.html b/docs/_layouts/home.html
deleted file mode 100644
index a94d9fe8..00000000
--- a/docs/_layouts/home.html
+++ /dev/null
@@ -1,90 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
-	<title>{{ page.title }}</title>
-	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-
-	<!-- Bootstrap CSS -->
-	<!--<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">-->
-	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
-
-	<!-- Styles -->
-	<link href="./css/screen.css" rel="stylesheet" type="text/css">
-	<link href="./css/fort_project.css" rel="stylesheet" type="text/css">
-	<link href="./css/fort_validator.css" rel="stylesheet" type="text/css">
-
-	<!-- Site is still under construction, so don't index it -->
-	<meta name="robots" content="noindex,nofollow">
-</head>
-
-<body>
-<!-- Header -->
-<header class="site-header">
-	<div class="container">
-		<div class="row align-items-end">
-			<div class="col">
-				<div class="logo">
-					<a href="./index.html" title="" class="d-flex">
-						<img src="./img/logo_validador_fort.svg" alt="Fort">
-					</a>
-				</div>
-			</div>
-			<div class="col-auto">
-				<div class="menu-open">
-					<span></span>
-					<span></span>
-					<span></span>
-				</div>
-				<div class="navigation">
-					<nav class="site-nav">
-						<ul>
-							<li>
-								<a class="" href="./index.html">
-									Home
-								</a>
-							</li>
-							<li><a href="./doc/index.html">
-								Documentation
-							</a></li>
-						</ul>
-					</nav>
-
-				</div>
-			</div>
-		</div>
-	</div>
-</header>
-
-<section class="site-section">
-	<div class="container">
-
-		{{ content }}
-	</div>
-</section>
-<!-- Footer -->
-<footer class="site-footer">
-	<div class="container">
-		<div class="row">
-			<div class="col justify-content-center">
-				<a href="https://github.com/NICMx/FORT-validator" target="_blank" title="" class="d-flex">
-					<img src="./img/GitHub-Mark-Light-120px-plus.png" alt="Git">
-				</a>
-			</div>
-		</div>
-	</div>
-</footer>
-
-<div class="js-overlay overlay-content"></div>
-
-<!-- Bootstrap js -->
-<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
-<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
-
-<!-- APP JS -->
-<script src="./js/metodos.js" type="text/javascript"></script>
-
-
-</body>
-</html>
diff --git a/docs/css/fort_project.css b/docs/css/fort_project.css
deleted file mode 100644
index f63bbf62..00000000
--- a/docs/css/fort_project.css
+++ /dev/null
@@ -1,401 +0,0 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,700,900");
-.bg-grey {
-	background: #f5f5f5; }
-
-.bg-blue-dark {
-	background: #10242d; }
-
-.site-nav ul,
-.site-nav ul li {
-	margin: 0;
-	padding: 0;
-	list-style-type: none; }
-ul.list-bullet li,
-ul li.list-bullet li {
-	margin-bottom: 5px; }
-ul.list-bullet li:before,
-ul li.list-bullet li:before {
-	content: "•";
-	color: #3389ff;
-	margin-right: 5px;
-	margin-left: 10px;
-	font-size: 16px; }
-
-.text-white,
-.text-white * {
-	color: white; }
-
-.text-blue-light,
-.text-blue-light * {
-	color: #3389ff !important; }
-
-.text-blue-dark,
-.text-blue-dark * {
-	color: #10242d !important; }
-
-figure img {
-	max-width: 100%; }
-
-* {
-	color: white;
-	font-family: "Roboto", sans-serif;
-}
-
-h1, h2, h3, h4,
-h1 *, h2 *, h3 *, h4 * {
-	color: white;
-	font-weight: 300;
-	margin-bottom: .5rem;}
-
-h2.text-blue-light, h2.text-blue-light * {
-	font-size: 4.4rem; }
-
-strong {
-	font-weight: 700; }
-
-.text-high,
-.text-high * {
-	font-size: 1.38rem;
-	font-weight: 300;
-	line-height: normal; }
-@media (max-width: 768px) {
-	.text-high,
-	.text-high * {
-		font-size: 1rem; } }
-
-.text-high {
-	margin: 40px 0; }
-@media (max-width: 768px) {
-	.text-high {
-		margin: 20px 0; } }
-
-@media (max-width: 1024px) {
-	.text-right {
-		text-align: left !important; } }
-
-a , a*{
-	color: #3389ff;
-	transition: all 0.5s ease;
-	-moz-transition: all 0.5s ease;
-	-ms-transition: all 0.5s ease;
-	-webkit-transition: all 0.5s ease; }
-a:hover, a:focus {
-	text-decoration: none; }
-
-body {
-	background: #152c38;
-	padding-top: 120px;
-	margin: 0;
-	margin-bottom: 120px;}
-@media (max-width: 768px) {
-	body {
-		padding-top: 60px; } }
-
-.site-header {
-	position: fixed;
-	top: 0;
-	right: 0;
-	height: 120px;
-	width: 100%;
-	background-color: #152c38;
-	transition: all 0.5s ease;
-	-moz-transition: all 0.5s ease;
-	-ms-transition: all 0.5s ease;
-	-webkit-transition: all 0.5s ease;
-	z-index: 2;
-	padding: 40px 0; }
-.site-header .logo a {
-	align-items: flex-end; }
-.site-header .logo a img {
-	margin-right: 20px;
-	/*width: 150px; }*/
-		height: 70px;}
-.site-header .logo a h1 {
-	margin: 0; }
-.site-header.small-header {
-	background: #10242d;
-	height: 80px;
-	padding: 10px 0; }
-.site-header.small-header .logo a img {
-	/*width: 100px;*/
-	height: 60px;}
-.site-header.small-header .small-nav {
-	margin-bottom: 0; }
-@media (max-width: 768px) {
-	.site-header {
-		background: #10242d;
-		height: 80px;
-		padding: 20px 0; }
-	.site-header .logo a img {
-		/*width: 100px; }*/
-		height: 60px;}
-	.site-header .small-nav {
-		margin-bottom: 0; }
-	.site-header.small-header {
-		padding: 20px 0; } }
-
-.site-footer {
-	position: absolute;
-	bottom: 0;
-	width: 100%;
-	height: 120px;
-	background: #09181e;
-	padding: 30px 0; }
-.site-footer p {
-	margin: 0; }
-
-.site-section {
-	padding: 80px 0; }
-@media (max-width: 768px) {
-	.site-section {
-		padding: 40px 0; } }
-
-.site-aside {
-	background: #10242d;
-	padding: 40px;
-}
-.site-aside a {
-	color: white; }
-@media (min-width: 1024px) {
-	.site-aside{position: fixed;}
-}
-.box {
-	border: 3px solid #3389ff;
-	border-radius: 15px;
-	-moz-border-radius: 15px;
-	-ms-border-radius: 15px;
-	-webkit-border-radius: 15px;
-	height: 320px;
-	padding: 40px; }
-.box h3, .box h3 * {
-	font-size: 14px;
-	font-weight: 700;
-	text-transform: uppercase; }
-.box h4, .box h4 * {
-	color: #3389ff; }
-@media (max-width: 1024px) {
-	.box {
-		border: none;
-		border-bottom: 3px solid #3389ff;
-		border-radius: 0;
-		padding: 0 0 20px 0;
-		height: auto;
-		margin: 20px 0; }
-	.box.last {
-		border: none;
-		padding: 0; } }
-
-.site-nav ul {
-	display: flex; }
-.site-nav ul li a {
-	color: white;
-	font-size: 16px;
-	font-weight: 400;
-	letter-spacing: 1px;
-	padding: 0 15px;
-	text-transform: uppercase; }
-.site-nav ul li a:hover, .site-nav ul li a:focus {
-	color: #3389ff; }
-.site-nav ul li a.active-item {
-	position: relative; }
-.site-nav ul li a.active-item:after {
-	background: #3389ff;
-	content: "";
-	position: absolute;
-	bottom: -10px;
-	left: 50%;
-	height: 2px;
-	width: 30px;
-	transform: translateX(-50%); }
-
-.small-nav {
-	margin-right: 10px;
-	margin-bottom: 30px; }
-.small-nav ul li a, .small-nav ul li a * {
-	color: rgba(245, 245, 245, 0.5);
-	font-size: 12px;
-	font-weight: 300;
-	padding: 0 3px; }
-.small-nav ul li a.active-item, .small-nav ul li a *.active-item {
-	color: #3389ff; }
-.small-nav ul li a.active-item:after, .small-nav ul li a *.active-item:after {
-	display: none; }
-
-@media (max-width: 1024px) {
-	.navigation {
-		display: none;
-		background: #10242d;
-		padding: 40px;
-		position: fixed;
-		top: 0;
-		left: 0;
-		height: 100%;
-		width: 100%;
-		z-index: 2; }
-	.navigation ul {
-		flex-direction: column; }
-	.navigation ul li {
-		border-bottom: 1px solid rgba(51, 137, 255, 0.2); }
-	.navigation ul li a {
-		display: block;
-		font-size: 18px;
-		text-align: center;
-		padding: 20px 0; }
-	.navigation ul li a.active-item {
-		color: #3389ff; }
-	.navigation ul li a.active-item:after {
-		display: none; }
-	.navigation ul li:last-child {
-		border: none; }
-	.navigation .small-nav ul {
-		flex-direction: row; }
-	.navigation .small-nav ul li {
-		border: none; }
-	.navigation .small-nav ul li a {
-		font-size: 12px;
-		padding: 0 3px; } }
-
-.menu-open {
-	display: none; }
-@media (max-width: 1024px) {
-	.menu-open {
-		display: block;
-		cursor: pointer;
-		position: fixed;
-		top: 35px;
-		right: 20px;
-		height: 25px;
-		width: 25px;
-		transform: rotate(0deg);
-		-moz-transform: rotate(0deg);
-		-ms-transform: rotate(0deg);
-		-webkit-transform: rotate(0deg);
-		transition: 0.5s ease-in-out;
-		-moz-transition: 0.5s ease-in-out;
-		-ms-transition: 0.5s ease-in-out;
-		-webkit-transition: 0.5s ease-in-out;
-		z-index: 20; }
-	.menu-open span {
-		background: white;
-		display: block;
-		opacity: 1;
-		position: absolute;
-		top: 0;
-		left: 0;
-		height: 3px;
-		width: 100%;
-		transition: 0.25s ease-in-out;
-		-moz-transition: 0.25s ease-in-out;
-		-ms-transition: 0.25s ease-in-out;
-		-webkit-transition: 0.25s ease-in-out;
-		transform: rotate(0deg);
-		-moz-transform: rotate(0deg);
-		-ms-transform: rotate(0deg);
-		-webkit-transform: rotate(0deg); }
-	.menu-open span:nth-child(1), .menu-open span:nth-child(2), .menu-open span:nth-child(3) {
-		transform-origin: left center;
-		-moz-transform-origin: left center;
-		-ms-transform-origin: left center;
-		-webkit-transform-origin: left center; }
-	.menu-open span:nth-child(1) {
-		top: 0px; }
-	.menu-open span:nth-child(2) {
-		top: 6px; }
-	.menu-open span:nth-child(3) {
-		top: 12px; }
-	.menu-open span:hover, .menu-open span:focus {
-		background: #006cff; }
-	.menu-open.clic span:nth-child(1) {
-		transform: rotate(45deg);
-		-moz-transform: rotate(45deg);
-		-ms-transform: rotate(45deg);
-		-webkit-transform: rotate(45deg);
-		position: absolute;
-		top: 0;
-		left: 0; }
-	.menu-open.clic span:nth-child(2) {
-		width: 0%;
-		opacity: 0; }
-	.menu-open.clic span:nth-child(3) {
-		transform: rotate(-45deg);
-		-moz-transform: rotate(-45deg);
-		-ms-transform: rotate(-45deg);
-		-webkit-transform: rotate(-45deg);
-		position: absolute;
-		top: 17px;
-		left: 0; } }
-
-.container {
-	max-width: 1250px;
-	padding-left: 30px;
-	padding-right: 30px; }
-
-.btn {
-	background: #66d394;
-	border-radius: 30px;
-	-moz-border-radius: 30px;
-	-ms-border-radius: 30px;
-	-webkit-border-radius: 30px;
-	color: white;
-	padding: 10px 30px;
-	text-transform: uppercase;
-	font-size: 13px;
-	font-weight: 700;
-	letter-spacing: 1px; }
-.btn:hover, .btn:focus {
-	background: #3ec878;
-	color: white; }
-.btn * {
-	font-size: 13px;
-	font-weight: 700;
-	text-transform: uppercase; }
-
-.i-black {
-	background: #5b5b5b; }
-
-.i-white {
-	background: white; }
-
-.sponsor{
-	display: flex;
-	align-items: center;}
-
-.sponsor a img{
-	max-height: 100px;
-	max-width: 224px;
-}
-
-html {
-	min-height: 100%;
-	position: relative;
-}
-
-footer figure img {
-	max-width: 22rem; }
-
-.alert-fort {
-	color: #383d41;
-	background-color: #b1b3b7;
-	border-color: #d6d8db;
-}
-
-.card-team {
-	background-color: unset;
-}
-
-ul.list-bullet-top > li,
-ul li.list-bullet-top >li {
-	margin-bottom: 10px; }
-ul.list-bullet-top > li:before,
-ul li.list-bullet-top > li:before {
-	content: "o";
-	color: #3389ff;
-	margin-right: 5px;
-	font-size: 16px; }
-
-.about-section{
-	margin-top: -120px;
-	padding-top: 120px;
-}
-
-/*# sourceMappingURL=app.css.map */
diff --git a/docs/css/fort_validator.css b/docs/css/fort_validator.css
deleted file mode 100644
index 813673e8..00000000
--- a/docs/css/fort_validator.css
+++ /dev/null
@@ -1,81 +0,0 @@
-/** {
-	font-size: 1rem;
-}*/
-
-body {
-	margin-bottom: 80px;
-}
-
-.site-footer {
-	height: 80px;
-	padding: 20px 0; }
-
-
-blockquote {
-	background-color: #b1b3b7;
-	margin: 0 1.5em 1.5em 1.5em;
-}
-
-code, code span {
-	color: white;
-	font-family: monospace;
-	font-size: inherit;
-	background-color: unset;
-}
-
-pre code{
-	color: white;
-	background-color: black;
-	font-size: 1rem;
-}
-pre code.terminal {
-	color: white;
-}
-
-.language-bash > .nb {
-	color: white;
-}
-
-p img {
-	background-color: #b1b3b7;
-}
-
-.site-footer a img {
-	margin: auto;
-	max-height: 40px;
-}
-
-
-h2{
-	margin-top: 2.5rem;
-}
-h3{
-	margin-top: 2.5rem;
-}
-h4{
-	margin-top: 1.5rem;
-}
-p{
-	margin-bottom: 0.5rem;
-}
-
-td, th {
-	text-align: center;
-	border-width: 1px;
-	border-style: solid;
-	border-color: #b1b3b7;
-	border-image: initial;
-	padding: 0.5rem;
-}
-
-pre code a{
-	color: #00bfFF;
-}
-
-figure {
-	margin-block-start: 1em;
-	margin-block-end: 1em;
-	margin-inline-start: 1.5em;
-	margin-inline-end: 1.5em;
-}
-
diff --git a/docs/css/screen.css b/docs/css/screen.css
index 3349377b..bde9bee0 100644
--- a/docs/css/screen.css
+++ b/docs/css/screen.css
@@ -1,32 +1,547 @@
-blockquote {
-	padding: 1em;
-	border-radius: 3px;
-	border: 1px solid #ddd;
-	color: #404040;
-	background-color: #f0f6ff;
-	margin-left: 3em;
-	margin-right: 3em;
+@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,400i,700,900|Roboto+Mono:400,500&display=swap");
+* {
+	color: white;
+	font-family: "Roboto", sans-serif;
+	font-size: 16px; }
+
+h1, h2, h3, h4,
+h1 *, h2 *, h3 *, h4 * {
+	color: white;
+	font-weight: 400;}
+
+h1, h1 * {
+	font-size: 35px;
+	margin-bottom: 20px; }
+@media (max-width: 768px) {
+	h1, h1 * {
+		font-size: 30px; } }
+h1.title-big, h1.title-big *, h1 *.title-big, h1 *.title-big * {
+	margin: 0;
+	font-size: 70px;
+	font-weight: 300; }
+h1.title-big strong, h1.title-big * strong, h1 *.title-big strong, h1 *.title-big * strong {
+	font-weight: 700; }
+@media (max-width: 768px) {
+	h1.title-big, h1.title-big *, h1 *.title-big, h1 *.title-big * {
+		font-size: 30px; } }
+
+h2, h2 * {
+	font-size: 26px;
 }
+@media (max-width: 768px) {
+	h2, h2 * {
+		font-size: 22px; } }
 
-code {
-	background-color: #f8f8f8;
+h3, h3 * {
+	font-size: 20px;
+}
+@media (max-width: 768px) {
+	h3, h3 * {
+		font-size: 18px; } }
+
+h4, h4 * {
+	font-size: 18px; }
+
+strong {
+	font-weight: 700; }
+
+.text-high,
+.text-high * {
+	font-size: 22px;
+	font-weight: 300;
+	line-height: normal; }
+@media (max-width: 768px) {
+	.text-high,
+	.text-high * {
+		font-size: 16px; } }
+
+.text-high {
+	margin: 40px 0; }
+@media (max-width: 768px) {
+	.text-high {
+		margin: 20px 0; } }
+
+@media (max-width: 1024px) {
+	.text-right {
+		text-align: left !important; } }
+
+a {
+	color: #009DCB;
+	transition: all 0.5s ease;
+	-moz-transition: all 0.5s ease;
+	-ms-transition: all 0.5s ease;
+	-webkit-transition: all 0.5s ease; }
+a:hover, a:focus {
+	text-decoration: none; }
+
+body {
+	background: #152c38;
+	padding-top: 120px; }
+@media (max-width: 768px) {
+	body {
+		padding-top: 60px; } }
+
+.site-header {
+	background: #10242d;
+	position: fixed;
+	top: 0;
+	right: 0;
+	height: 100px;
+	width: 100%;
+	transition: all 0.5s ease;
+	-moz-transition: all 0.5s ease;
+	-ms-transition: all 0.5s ease;
+	-webkit-transition: all 0.5s ease;
+	z-index: 2;
+	padding: 20px 0; }
+.site-header .logo a {
+	align-items: flex-end; }
+.site-header .logo a img {
+	margin-right: 20px;
+	height: 60px; }
+.site-header .logo a h1 {
+	margin: 0; }
+.site-header.small-header {
+	background: #10242d;
+	height: 80px;
+	padding: 10px 0; }
+.site-header.small-header .small-nav {
+	margin-bottom: 0; }
+@media (max-width: 768px) {
+	.site-header {
+		background: #10242d;
+		height: 80px;
+		padding: 20px 0; }
+	.site-header .logo a img {
+		height: 40px; }
+	.site-header .small-nav {
+		margin-bottom: 0; }
+	.site-header.small-header {
+		padding: 20px 0; } }
+
+.site-footer {
+	background: #09181e;
+	height: 100px;
+	padding: 20px 0; }
+.site-footer p {
+	margin: 0; }
+.site-footer .logos-fort {
+	max-width: 300px; }
+@media (max-width: 768px) {
+	.site-footer {
+		height: auto;
+		text-align: center; }
+	.site-footer .text-right {
+		text-align: center !important; } }
+.site-footer a.d-flex {
+	margin: 15px 0 10px 0; }
+
+.site-section {
+	padding: 80px 0; }
+@media (max-width: 768px) {
+	.site-section {
+		padding: 40px 0; } }
+@media (min-width: 768px) {
+	.site-section.section-h-full {
+		min-height: calc(100vh - (120px + 100px)); } }
+
+.article-section {
+	margin-bottom: 40px;
 }
+.article-section .about-section {
+	margin: 40px 0; }
+.article-section .about-section:last-child {
+	margin: 0; }
+
+.site-aside {
+	background: #10242d;
+	padding: 40px;
+	position: sticky;
+	top: 120px;
+	margin-bottom: 20px; }
+.site-aside a {
+	color: white; }
+.site-aside a.active , .site-aside a.active * {
+	color: #009DCB; }
+
+.box {
+	border: 3px solid #009DCB;
+	border-radius: 15px;
+	-moz-border-radius: 15px;
+	-ms-border-radius: 15px;
+	-webkit-border-radius: 15px;
+	height: 330px;
+	padding: 40px; }
+.box h3, .box h3 * {
+	color: white;
+	margin: 0;
+	font-size: 14px;
+	font-weight: 700;
+	text-transform: uppercase; }
+.box h4, .box h4 * {
+	color: #009DCB;
+	margin: 10px 0; }
+@media (max-width: 1024px) {
+	.box {
+		border: none;
+		border-radius: 0;
+		padding: 0 0 20px 0;
+		height: auto;
+		margin: 40px 0; }
+	.box.last {
+		border: none;
+		padding: 0; } }
+
+.sponsor {
+	display: flex;
+	align-items: center; }
+@media (max-width: 460px) {
+	.sponsor a img {
+		max-width: 150px; } }
+
+.card {
+	background: transparent; }
+
+.site-nav ul {
+	display: flex; }
+.site-nav ul li a {
+	color: white;
+	font-size: 14px;
+	font-weight: 400;
+	letter-spacing: 1px;
+	padding: 0 10px;
+	text-transform: uppercase; }
+.site-nav ul li a:hover, .site-nav ul li a:focus {
+	color: #009DCB; }
+.site-nav ul li a.active-item {
+	position: relative; }
+.site-nav ul li a.active-item:after {
+	background: #009DCB;
+	content: "";
+	position: absolute;
+	bottom: -10px;
+	left: 50%;
+	height: 2px;
+	width: 30px;
+	transform: translateX(-50%); }
+
+.small-nav {
+	margin: 0 10px 10px 0; }
+.small-nav ul li a, .small-nav ul li a * {
+	color: rgba(245, 245, 245, 0.5);
+	font-size: 12px;
+	font-weight: 300;
+	padding: 0 3px; }
+.small-nav ul li a.active-item, .small-nav ul li a *.active-item {
+	color: #009DCB; }
+.small-nav ul li a.active-item:after, .small-nav ul li a *.active-item:after {
+	display: none; }
+
+@media (max-width: 1024px) {
+	.navigation {
+		background: #10242d;
+		display: none;
+		padding: 40px;
+		position: fixed;
+		top: 0;
+		left: 0;
+		height: 100%;
+		width: 100%;
+		z-index: 2; }
+	.navigation ul {
+		flex-direction: column; }
+	.navigation ul li {
+		border-bottom: 1px solid rgba(51, 137, 255, 0.2); }
+	.navigation ul li a {
+		display: block;
+		font-size: 18px;
+		text-align: center;
+		padding: 20px 0; }
+	.navigation ul li a.active-item {
+		color: #009DCB; }
+	.navigation ul li a.active-item:after {
+		display: none; }
+	.navigation ul li:last-child {
+		border: none; }
+	.navigation .small-nav ul {
+		flex-direction: row; }
+	.navigation .small-nav ul li {
+		border: none; }
+	.navigation .small-nav ul li a {
+		font-size: 12px;
+		padding: 0 3px; } }
+
+.menu-open {
+	display: none; }
+@media (max-width: 1024px) {
+	.menu-open {
+		display: block;
+		cursor: pointer;
+		position: fixed;
+		top: 35px;
+		right: 20px;
+		height: 25px;
+		width: 25px;
+		transform: rotate(0deg);
+		-moz-transform: rotate(0deg);
+		-ms-transform: rotate(0deg);
+		-webkit-transform: rotate(0deg);
+		transition: 0.5s ease-in-out;
+		-moz-transition: 0.5s ease-in-out;
+		-ms-transition: 0.5s ease-in-out;
+		-webkit-transition: 0.5s ease-in-out;
+		z-index: 20; }
+	.menu-open span {
+		background: white;
+		display: block;
+		opacity: 1;
+		position: absolute;
+		top: 0;
+		left: 0;
+		height: 3px;
+		width: 100%;
+		transition: 0.25s ease-in-out;
+		-moz-transition: 0.25s ease-in-out;
+		-ms-transition: 0.25s ease-in-out;
+		-webkit-transition: 0.25s ease-in-out;
+		transform: rotate(0deg);
+		-moz-transform: rotate(0deg);
+		-ms-transform: rotate(0deg);
+		-webkit-transform: rotate(0deg); }
+	.menu-open span:nth-child(1), .menu-open span:nth-child(2), .menu-open span:nth-child(3) {
+		transform-origin: left center;
+		-moz-transform-origin: left center;
+		-ms-transform-origin: left center;
+		-webkit-transform-origin: left center; }
+	.menu-open span:nth-child(1) {
+		top: 0px; }
+	.menu-open span:nth-child(2) {
+		top: 6px; }
+	.menu-open span:nth-child(3) {
+		top: 12px; }
+	.menu-open span:hover, .menu-open span:focus {
+		background: #006cff; }
+	.menu-open.clic span:nth-child(1) {
+		transform: rotate(45deg);
+		-moz-transform: rotate(45deg);
+		-ms-transform: rotate(45deg);
+		-webkit-transform: rotate(45deg);
+		position: absolute;
+		top: 0;
+		left: 0; }
+	.menu-open.clic span:nth-child(2) {
+		width: 0%;
+		opacity: 0; }
+	.menu-open.clic span:nth-child(3) {
+		transform: rotate(-45deg);
+		-moz-transform: rotate(-45deg);
+		-ms-transform: rotate(-45deg);
+		-webkit-transform: rotate(-45deg);
+		position: absolute;
+		top: 17px;
+		left: 0; } }
+
+pre {
+	background: #10242d;
+	border-radius: 5px;
+	-moz-border-radius: 5px;
+	-ms-border-radius: 5px;
+	-webkit-border-radius: 5px;
+	padding: 20px;
+	margin: 0 0 1rem 0;
+	max-width: 800px;}
+
 pre code {
+	color: white; }
+
+
+code {
+	color: white;
+	font-family: "Roboto Mono", monospace;}
+code span {
+	color: white;
+	font-family: "Roboto Mono", monospace;
+	font-size: inherit;
+	background-color: unset; }
+code a {
+	color: #00bfFF; }
+
+blockquote {
+	background: rgba(51, 137, 255, 0.2);
+	border-radius: 5px;
+	-moz-border-radius: 5px;
+	-ms-border-radius: 5px;
+	-webkit-border-radius: 5px;
+	padding: 20px;
+	margin-bottom: 20px; }
+blockquote p, blockquote p em {
+	font-size: 90%;
+	margin: 0; }
+
+.language-bash > .c {
+	color: #3CB371; }
+
+.language-bash > .nt {
+	color: #DDA0DD; }
+
+.language-bash > .s2 {
+	color: #00bfFF; }
+
+.language-bash > .nb {
+	color: white; }
+
+.highlighter-rouge {
+	border: solid 1px rgba(51, 137, 255, 0.2);
+	font-size: 80%;
+	padding: 1px 5px;
+	background: #10242d;
+}
+
+a > .highlighter-rouge{
+	color: #009DCB;
+}
+
+
+.container {
+	max-width: 1180px;
+	padding-left: 30px;
+	padding-right: 30px; }
+
+.btn {
+	background: #66d394;
+	border-radius: 30px;
+	-moz-border-radius: 30px;
+	-ms-border-radius: 30px;
+	-webkit-border-radius: 30px;
+	color: white;
+	padding: 10px 30px;
+	text-transform: uppercase;
+	font-size: 13px;
+	font-weight: 700;
+	letter-spacing: 1px; }
+.btn:hover, .btn:focus {
+	background: #3ec878;
+	color: white; }
+.btn * {
+	font-size: 13px;
+	font-weight: 700;
+	text-transform: uppercase; }
+
+.i-black {
+	background: #5b5b5b; }
+
+.i-white {
+	background: white; }
+
+.bg-grey {
+	background: #f5f5f5; }
+
+.bg-blue-dark {
+	background: #10242d; }
+
+ul,
+ul li {
+	margin: 0;
+	padding: 0;
+	list-style-type: none; }
+ul.list-bullet li,
+ul li.list-bullet li {
+	margin-bottom: 10px; }
+ul.list-bullet li:before,
+ul li.list-bullet li:before {
+	content: "o";
+	color: #009DCB;
+	margin-right: 10px;
+	font-size: 16px; }
+ul.list-bullet li ul,
+ul li.list-bullet li ul {
+	margin: 20px 0 20px 20px; }
+ul.list-bullet li ul li,
+ul li.list-bullet li ul li {
+	margin: 0; }
+ul.list-bullet li ul li:before,
+ul li.list-bullet li ul li:before {
+	content: "-";
+	color: #009DCB;
+	margin-right: 5px;
+	font-size: 16px; }
+
+.text-white,
+.text-white * {
+	color: white; }
+
+.text-blue-light,
+.text-blue-light * {
+	color: #009DCB !important; }
+
+.text-blue-dark,
+.text-blue-dark * {
+	color: #10242d !important; }
+
+figure img {
+	max-width: 100%; }
+
+/*# sourceMappingURL=app.css.map */
+
+.article-section > p > img {
+	background-color: rgba(51, 137, 255, 0.2);
+	max-width: 100%;
+}
+
+h3{
+	font-size: 20px;
+	padding: 115px 0 0px 0;
+	margin-bottom: -80px;
 	display: block;
-	overflow: auto;
-	padding: 1em;
+	position: relative;
+	top: -90px;
+	z-index: -1;
 }
-pre code.terminal {
-	color: lightgray;
-	background-color: black;
+
+h2{
+	padding: 130px 0 0px 0;
+	margin-bottom: -100px;
+	display: block;
+	position: relative;
+	top: -110px;
+	z-index: -1;
 }
 
-.language-bash > .c {
-	color: #3CB371;
+h4{
+	padding: 115px 0 0px 0;
+	margin-bottom: -100px;
+	display: block;
+	position: relative;
+	top: -110px;
+	z-index: -1;
 }
-.language-bash > .nt {
-	color: #DDA0DD;
+
+a:hover {
+	color: #3389ff;
 }
-.language-bash > .s2 {
-	color: #00bfFF;
+
+.article-section ul,
+.article-section ul li{
+	margin: 0 0 5px 10px;
+	list-style-type: circle; }
+
+ol{
+	padding-inline-start: 20px;}
+
+td, th {
+	text-align: center;
+	border-width: 1px;
+	border-style: solid;
+	border-color: #b1b3b7;
+	border-image: initial;
+	padding: 0.5rem;
+}
+
+div.highlighter-rouge{
+	margin-bottom: 1rem;
+	border: none;
 }
+
+table {
+	margin-bottom: 1rem;
+}
\ No newline at end of file
diff --git a/docs/index.md b/docs/index.md
index a3d70661..ad35e3ed 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -1,6 +1,5 @@
 ---
 title: Home
-layout: home
 ---
 
 # {{ page.title }}
diff --git a/docs/js/metodos.js b/docs/js/metodos.js
index 026bc157..d613c6b8 100644
--- a/docs/js/metodos.js
+++ b/docs/js/metodos.js
@@ -1,43 +1,31 @@
-$(document).ready(function () {
+$(document).ready(function() {
 
 	//  Show nav + overlay-content
-	$('.menu-open').click(function () {
-		if ($(this).hasClass('clic')) {
+	$('.menu-open').click(function() {
+		if($(this).hasClass('clic')){
 			closeNavigation();
-		} else {
+		}else{
 			openNavigation();
 		}
 		$(this).toggleClass('clic');
 	});
 
-	// $('.overlay-content').click(function() {
-	//     closeNavigation();
-	// });
-
-	// $('.menu-close').click(function() {
-	// 	closeNav();
-	// });
-
-	function openNavigation() {
-		// $('body').addClass('nav-fixed');
+	function openNavigation(){
 		$('.navigation').fadeIn();
-		// $('.js-overlay').fadeIn();
 	}
 
-	function closeNavigation() {
-		// $('body').removeClass('nav-fixed');
+	function closeNavigation(){
 		$('.navigation').fadeOut();
-		// $('.js-overlay').fadeOut();
 	}
 
 	// Header fixed
-	$(function () {
+	$(function(){
 		var shrinkHeader = 80;
-		$(window).scroll(function () {
+		$(window).scroll(function() {
 			var scroll = getCurrentScroll();
-			if (scroll >= shrinkHeader) {
+			if ( scroll >= shrinkHeader ) {
 				$('.site-header').addClass('small-header');
-			} else {
+			}else {
 				$('.site-header').removeClass('small-header');
 			}
 		});
@@ -47,13 +35,4 @@ $(document).ready(function () {
 		return window.pageYOffset || document.documentElement.scrollTop;
 	}
 
-	$(document).ready(function() { var pathname = window.location.pathname;
-		pathname = pathname.replace('/FORT-validator/doc', '.');
-		pathname = pathname.replace('/FORT-validator', '.');
-
-		//get the path of current page
-		$('.site-nav > ul > li > a[href="'+pathname+'"]').addClass('active-item');
-	})
-
-
 });