Unify css style sheets. Improve documentation style.
<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">
<!-- 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">
<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>
</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>
<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>
+++ /dev/null
-<!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>
+++ /dev/null
-@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 */
+++ /dev/null
-/** {
- 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;
-}
-
-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
---
title: Home
-layout: home
---
# {{ page.title }}
-$(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');
}
});
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');
- })
-
-
});
projects / thirdparty / FORT-validator.git / commitdiff
