xebia-functional · AntonioMateoGomez · Sep 10, 2019 · Jul 1, 2019 · Jul 2, 2019 · Jul 3, 2019
diff --git a/.gitignore b/.gitignore
@@ -4,4 +4,6 @@ _site/*
 docs/src/jekyll/_site/
 docs/src/jekyll/*.md
 /secring.gpg
+.sass-cache
+.DS_Store
 
diff --git a/.travis.yml b/.travis.yml
@@ -1,12 +1,11 @@
+dist: xenial
 language: scala
 
 scala:
 - 2.11.12
 - 2.12.8
 
 jdk:
-- oraclejdk9
-- oraclejdk8
 - openjdk8
 
 before_install:

diff --git a/docs/src/main/resources/microsite/_data/commons.yml b/docs/src/main/resources/microsite/_data/commons.yml
@@ -0,0 +1,7 @@
+repoUrl: "https://github.com/47deg/fetch"
+organizationUrl: "https://www.47deg.com"
+organization: "47 Degrees"
+description: "Simple & Efficient data fetching"
+keywords: "functional-programming, kotlin, kotlin-library, scala, scala-js, cats, monads, monix, data, data-fetching, parallelism, concurrency, sequencing, for-comprehension, category-theory"
+owner: "47 Degrees"
+repo: "fetch"
diff --git a/docs/src/main/resources/microsite/_data/features.yml b/docs/src/main/resources/microsite/_data/features.yml
@@ -0,0 +1,12 @@
+content:
+    - title: Define
+      description: Tell Fetch how your data is fetched and define your data-fetching functions using functional combinators.
+      icon: img/icon-feature-first.svg
+
+    - title: Run
+      description: Fetch can run your data-fetching code and apply multiple optimizations such as baching, caching and deduplication.
+      icon: img/icon-feature-second.svg
+
+    - title: Inspect
+      description: The execution log of a Fetch can be inspected and it contains information about fetch scheduling, results and timings.
+      icon: img/icon-feature-third.svg
diff --git a/docs/src/main/resources/microsite/_data/menu.yml b/docs/src/main/resources/microsite/_data/menu.yml
@@ -0,0 +1,9 @@
+nav:
+    - title: Documentation
+      url: /docs
+
+    - title: Github
+      url: https://github.com/47deg/fetch
+
+    - title: License
+      url: https://github.com/47deg/fetch/blob/master/LICENSE
diff --git a/docs/src/main/resources/microsite/_includes/_fetch-footer.html b/docs/src/main/resources/microsite/_includes/_fetch-footer.html
@@ -0,0 +1,18 @@
+<footer id="site-footer">
+    <div class="wrapper">
+        <div class="footer-flex">
+            <div class="footer-dev">
+                <p>{{ site.name }} is designed and developed by <a href="{{site.data.commons.organizationUrl}}" target="_blank">{{site.data.commons.organization}}</a></p>
+            </div>
+            <ul class="footer-menu">
+              {% for item in site.data.menu.nav %}
+                    <li class="footer-menu-item">
+                      <a href={% if item.title == "Documentation" %}"{{site.url}}{{site.baseurl}}{{ item.url }}"{% else %}"{{ item.url }}"{% endif %} title="{{ item.title }}">
+                        {{ item.title }}
+                      </a>
+                    </li>
+              {% endfor %}
+            </ul>
+        </div>
+    </div>
+</footer>
diff --git a/docs/src/main/resources/microsite/_includes/_fetch-head.html b/docs/src/main/resources/microsite/_includes/_fetch-head.html
@@ -0,0 +1,33 @@
+<head>
+    <title>{{site.name}}</title>
+
+    <meta charset="utf-8">
+    <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+    <meta name="description" content="{{site.description}}">
+    <meta name="keywords" content="{{site.data.commons.keywords}}">
+
+    <meta property="og:title" content="{{site.name}}">
+    <meta property="og:description" content="{{site.description}}">
+    <meta property="og:image" content="{{organizationUrl}}/img/twitter-card.png">
+    <meta property="og:url" content="{{organizationUrl}}">
+    <meta property="og:site_name" content="{{site.name}}">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="{{organizationUrl}}/img/twitter-card.png">
+    <meta name="twitter:image:alt" content="{{site.description}}">
+    <meta name="twitter:site" content="@47deg">
+    <meta name="twitter:creator" content="@47deg">
+    <meta name="twitter:title" content="{{site.name}}">
+    <meta name="twitter:text:description" content="{{site.description}}" />
+
+    <link rel="shortcut icon" type="image/png" href="{{ '/img/favicon.png' | relative_url }}">
+
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
+    <link href="./css/style.css" rel="stylesheet">
+    <link href="./css/palette.css" rel="stylesheet">
+    <link href="./css/custom.css" rel="stylesheet">
+
+    <script defer src="{{ '/js/main.js' | relative_url }}"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.5.6/lottie.min.js" type="text/javascript"></script>
+</head>
diff --git a/docs/src/main/resources/microsite/_includes/_fetch-header.html b/docs/src/main/resources/microsite/_includes/_fetch-header.html
@@ -0,0 +1,11 @@
+<header id="site-header">
+    <div class="wrapper">
+        <div class="header-container">
+              <div class="header-text">
+                  <h1 class="title" id="content" data-github-owner="{{site.data.commons.owner}}" data-github-repo="{{site.data.commons.repo}}">{{site.data.commons.description}}</h1>
+                  <a href="{{site.url}}{{site.baseurl}}/docs" class="header-button">Learn more</a>
+              </div>
+              <div id="fetch-animation"></div>
+        </div>
+    </div>
+</header>
diff --git a/docs/src/main/resources/microsite/_includes/_fetch-main.html b/docs/src/main/resources/microsite/_includes/_fetch-main.html
@@ -0,0 +1,13 @@
+<div id="site-main">
+    <div class="wrapper">
+        <div class="main-flex">
+           {% for item in site.data.features.content %}
+            <div class="main-item">
+                <img src="{{ item.icon }}" alt="{{ item.title }}">
+                <h2>{{ item.title }}</h2>
+                <p>{{ item.description }}</p>
+            </div>
+            {% endfor %}
+        </div>
+    </div>
+</div>
diff --git a/docs/src/main/resources/microsite/_includes/_fetch-navigation.html b/docs/src/main/resources/microsite/_includes/_fetch-navigation.html
@@ -0,0 +1,32 @@
+<nav id="navigation">
+  <div class="wrapper">
+    <div class="nav-flex">
+        <a class="nav-brand" title="Fetch" href="{{site.data.commons.repoUrl}}">
+            <img src="img/navbar_brand.svg" title="{{ site.name }}">
+            <span>{{site.name}}</span>
+        </a>
+        <div class="nav-menu">
+          <button
+            class="button nav-icon-close"
+            title="Close"
+            onClick="toggleClass('.nav-menu', 'open');">
+              <img src="img/nav-icon-close.svg" alt="Close">
+          </button>
+            <ul>
+              {% for item in site.data.menu.nav%}
+              <li class="nav-menu-item">
+                  <a href={% if item.title == "Documentation" %}"{{site.url}}{{site.baseurl}}{{ item.url }}"{% else %}"{{ item.url }}"{% endif %} title="{{ item.title }}">{{ item.title }}</a>
+              </li>
+              {% endfor %}
+            </ul>
+        </div>
+
+        <button
+          class="button nav-icon-open"
+          title="Open"
+          onClick="toggleClass('.nav-menu', 'open');">
+            <img src="img/nav-icon-open.svg" alt="Open">
+        </button>
+    </div>
+  </div>
+</nav>
diff --git a/docs/src/main/resources/microsite/_layouts/fetch-home.html b/docs/src/main/resources/microsite/_layouts/fetch-home.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+    {% include _fetch-head.html %}
+    <body id="fetch-home">
+    {% include _fetch-navigation.html %}
+    {% include _fetch-header.html %}
+    {% include _fetch-main.html %}
+    {% include _fetch-footer.html %}
+    </body>
+
+</html>
diff --git a/docs/src/main/resources/microsite/_sass/_breakpoint.scss b/docs/src/main/resources/microsite/_sass/_breakpoint.scss
@@ -0,0 +1,28 @@
+// Breakpoint
+// -----------------------------------------------
+// -----------------------------------------------
+@mixin bp($point) {
+  @if $point==xlarge {
+    @media (max-width: $bp-xlarge) {
+      @content;
+    }
+  }
+
+  @if $point==large {
+    @media (max-width: $bp-large) {
+      @content;
+    }
+  }
+
+  @if $point==medium {
+    @media (max-width: $bp-medium) {
+      @content;
+    }
+  }
+
+  @if $point==small {
+    @media (max-width: $bp-small) {
+      @content;
+    }
+  }
+}
diff --git a/docs/src/main/resources/microsite/_sass/_components.scss b/docs/src/main/resources/microsite/_sass/_components.scss
@@ -0,0 +1,53 @@
+// COMPONENTS
+// -----------------------------------------------
+// -----------------------------------------------
+
+body {
+  color: $brand-secondary;
+  font-family: $font-family-poppins;
+}
+
+#fetch-home {
+  background-image: url('../img/pattern-background.svg');
+  background-repeat: no-repeat;
+ }
+
+ ol,
+ ul {
+    list-style: none;
+ }
+
+// Buttons
+
+.btn {
+  padding: 12px 40px;
+  border-radius: 0;
+
+  &:hover {
+    background: $brand-secondary;
+  }
+}
+
+.wrapper {
+    padding: 0 ($base-point * 3);
+    margin: 0 auto;
+    box-sizing: border-box;
+    max-width: $container-width;
+}
+
+.button {
+  display: block;
+  background: none;
+  border: none;
+  outline: none;
+  text-decoration: none;
+  position: relative;
+
+  &:hover {
+    cursor: pointer;
+  }
+
+  > img {
+    vertical-align: bottom;
+  }
+}
diff --git a/docs/src/main/resources/microsite/_sass/_docs.scss b/docs/src/main/resources/microsite/_sass/_docs.scss
@@ -0,0 +1,95 @@
+// Docs
+// -----------------------------------------------
+// -----------------------------------------------
+#sidebar-wrapper {
+    background-color: $white-color;
+    border-right: 1px solid #CED8DC;
+
+    #sidebar {
+      .sidebar-brand {
+        .brand {
+          .brand-wrapper {
+            span {
+                margin-top: 0;
+              letter-spacing: $base-point / 2;
+              font-size: $base-point * 2;
+              padding-left: $base-point * 2;
+            }
+          }
+        }
+      }
+    }
+}
+
+.sidebar-nav {
+  background-color: $white-color;
+  > li {
+    > a {
+          color: $brand-secondary;
+        &.active {
+                  background: $brand-tertiary;
+                  border-left: 3px solid $brand-primary;
+                  color: $brand-secondary;
+        }
+        &:hover {
+                  background: $brand-tertiary;
+                  color: $brand-secondary;
+        }
+        > span {
+            display: none;
+        }
+    }
+    ul {
+        li {
+            font-size: 14px;
+            a {
+                background: $brand-tertiary;
+                color: darken($brand-tertiary, 50%);
+                line-height: normal;
+                padding-bottom: $base-point * 2;
+                padding-top: $base-point * 2;
+                &:hover,
+                &:active {
+                    color: $brand-secondary;
+                }
+            }
+        }
+    }
+  }
+  > .sidebar-brand {
+      a {
+          background-color: $white-color;
+          border-bottom: 1px solid $line-color;
+          color: $brand-secondary;
+          text-transform: uppercase;
+
+          &:hover {
+                    background: $brand-tertiary;
+                    color: $brand-secondary;
+          }
+      }
+  }
+}
+
+.container-fluid {;
+    padding-bottom: 1px;
+  border-bottom: 1px solid $line-color;
+}
+
+#page-content-wrapper {
+  background: $white-color;
+
+  .nav {
+    max-height: $docs-brand-height;
+  }
+
+    section{
+        margin: 0;
+    }
+
+    pre .hljs {
+    background-color: $brand-tertiary;
+  }
+
+
+}