From c33694ba01d70b89e4748327685390e1cc24453c Mon Sep 17 00:00:00 2001
From: gbaamonde <gusvodesign@gmail.com>
Date: Fri, 22 Mar 2019 15:51:52 -0300
Subject: [PATCH 1/5] feat: add links in pages

---
 assets/templates/footer.html          | 2 ++
 assets/templates/header.html          | 3 ++-
 assets/templates/index.html           | 3 ++-
 assets/templates/messages-header.html | 5 +++--
 assets/templates/modal.html           | 3 ++-
 assets/templates/reports-filters.html | 3 ++-
 6 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/assets/templates/footer.html b/assets/templates/footer.html
index 6630aaea..b8d5fac7 100644
--- a/assets/templates/footer.html
+++ b/assets/templates/footer.html
@@ -38,7 +38,9 @@
         <li class="nav-item"><a href="footer.html" class="nav-link active">Footer</a></li>
         <li class="nav-item"><a href="messages-header.html" class="nav-link">Messages header</a></li>
         <li class="nav-item"><a href="modal.html" class="nav-link">Modals</a></li>
+        <li class="nav-item"><a href="signup.html" class="nav-link">Sign Up</a></li>
         <li class="nav-item"><a href="reports-filters.html" class="nav-link">Reports filters</a></li>
+        <li class="nav-item"><a href="loading-page.html" class="nav-link">Loading page</a></li>
       </ul><!-- nav -->
     </section><!-- section-module -->
     <footer class="footer-main">
diff --git a/assets/templates/header.html b/assets/templates/header.html
index 06924cd3..c7a60a24 100644
--- a/assets/templates/header.html
+++ b/assets/templates/header.html
@@ -39,7 +39,8 @@
         <li class="nav-item"><a href="messages-header.html" class="nav-link">Messages header</a></li>
         <li class="nav-item"><a href="modal.html" class="nav-link">Modals</a></li>
         <li class="nav-item"><a href="reports-filters.html" class="nav-link">Reports filters</a></li>
-        <li class="nav-item"><a href="signup.html" class="nav-link">SignUp</a></li>
+        <li class="nav-item"><a href="signup.html" class="nav-link">Sign Up</a></li>
+        <li class="nav-item"><a href="loading-page.html" class="nav-link">Loading page</a></li>
       </ul><!-- nav -->
     </section><!-- section-module -->
     <header class="header-main">
diff --git a/assets/templates/index.html b/assets/templates/index.html
index b992c771..37288f88 100644
--- a/assets/templates/index.html
+++ b/assets/templates/index.html
@@ -40,7 +40,8 @@
           <li class="nav-item"><a href="messages-header.html" class="nav-link">Messages header</a></li>
           <li class="nav-item"><a href="modal.html" class="nav-link">Modals</a></li>
           <li class="nav-item"><a href="reports-filters.html" class="nav-link">Reports filters</a></li>
-          <li class="nav-item"><a href="signup.html" class="nav-link">SignUp</a></li>
+          <li class="nav-item"><a href="signup.html" class="nav-link">Sign Up</a></li>
+          <li class="nav-item"><a href="loading-page.html" class="nav-link">Loading page</a></li>
         </ul><!-- nav -->
         <h1>Doppler Styles Guides</h1>
         <h2>Colores</h2>
diff --git a/assets/templates/messages-header.html b/assets/templates/messages-header.html
index abb99734..b06d3259 100644
--- a/assets/templates/messages-header.html
+++ b/assets/templates/messages-header.html
@@ -38,8 +38,9 @@
         <li class="nav-item"><a href="footer.html" class="nav-link">Footer</a></li>
         <li class="nav-item"><a href="messages-header.html" class="nav-link active">Messages header</a></li>
         <li class="nav-item"><a href="modal.html" class="nav-link">Modals</a></li>
-        <li class="nav-item"><a href="reports-filters.html" class="nav-link">Reports filters</a></li>
-        <li class="nav-item"><a href="signup.html" class="nav-link">SignUp</a></li>
+        <li class="nav-item"><a href="reports-filters.html" class="nav-link">Reports filters</a></li> 
+        <li class="nav-item"><a href="signup.html" class="nav-link">Sign Up</a></li>
+        <li class="nav-item"><a href="loading-page.html" class="nav-link">Loading page</a></li>
       </ul><!-- nav -->
     </section><!-- section-module -->
     <!-- rojo -->
diff --git a/assets/templates/modal.html b/assets/templates/modal.html
index 64ad3528..c69ac0e7 100644
--- a/assets/templates/modal.html
+++ b/assets/templates/modal.html
@@ -40,7 +40,8 @@
           <li class="nav-item"><a href="messages-header.html" class="nav-link">Messages header</a></li>
           <li class="nav-item"><a href="modal.html" class="nav-link active">Modals</a></li>
           <li class="nav-item"><a href="reports-filters.html" class="nav-link">Reports filters</a></li>
-          <li class="nav-item"><a href="signup.html" class="nav-link">SignUp</a></li>
+          <li class="nav-item"><a href="signup.html" class="nav-link">Sign Up</a></li>
+          <li class="nav-item"><a href="loading-page.html" class="nav-link">Loading page</a></li>
         </ul><!-- nav -->
       </section><!-- section-module -->
       <ul class="list-modal">
diff --git a/assets/templates/reports-filters.html b/assets/templates/reports-filters.html
index 11b68970..ca7aeb7d 100644
--- a/assets/templates/reports-filters.html
+++ b/assets/templates/reports-filters.html
@@ -39,7 +39,8 @@
         <li class="nav-item"><a href="messages-header.html" class="nav-link">Messages header</a></li>
         <li class="nav-item"><a href="modal.html" class="nav-link">Modals</a></li>
         <li class="nav-item"><a href="reports-filters.html" class="nav-link active">Reports filters</a></li>
-        <li class="nav-item"><a href="signup.html" class="nav-link">SignUp</a></li>
+        <li class="nav-item"><a href="signup.html" class="nav-link">Sign Up</a></li>
+        <li class="nav-item"><a href="loading-page.html" class="nav-link">Loading page</a></li>
       </ul><!-- nav -->
     </section>
     <header class="report-filters">

From cfa9c2dc60bb018a77efd608ebaa66d116289ef3 Mon Sep 17 00:00:00 2001
From: gbaamonde <gusvodesign@gmail.com>
Date: Fri, 22 Mar 2019 15:53:40 -0300
Subject: [PATCH 2/5] feat: create preload page and animation

---
 assets/scss/modules/_preload.scss | 37 +++++++++++++++++++++++++++++++
 1 file changed, 37 insertions(+)

diff --git a/assets/scss/modules/_preload.scss b/assets/scss/modules/_preload.scss
index 20a116a5..4f7b1fe2 100644
--- a/assets/scss/modules/_preload.scss
+++ b/assets/scss/modules/_preload.scss
@@ -14,3 +14,40 @@
     transform: rotate(360deg);
   }
 }
+
+.wrapper-loading{
+  margin: auto;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 8em;
+  height: 8em;
+
+  .loading-page {
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color:$dp-color-darkyellow;
+
+    &:before {
+      @include dp-preloader($dp-color-darkyellow, 6em);
+    }
+  }
+  @keyframes flash {
+    from,
+    50%,
+    to {
+      opacity: 1;
+    }
+
+    25%,
+    75% {
+      opacity: 0;
+    }
+  }
+
+  .flash {
+    animation: flash 2s infinite linear;
+  }
+}

From bde044497dfd9d632149d4d27200e76b45dc7547 Mon Sep 17 00:00:00 2001
From: gbaamonde <gusvodesign@gmail.com>
Date: Fri, 22 Mar 2019 15:54:08 -0300
Subject: [PATCH 3/5] feat: create html for preload

---
 assets/templates/loading-page.html | 57 ++++++++++++++++++++++++++++++
 1 file changed, 57 insertions(+)
 create mode 100644 assets/templates/loading-page.html

diff --git a/assets/templates/loading-page.html b/assets/templates/loading-page.html
new file mode 100644
index 00000000..2f83e1f2
--- /dev/null
+++ b/assets/templates/loading-page.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html lang="en">
+
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <title>Doppler UI Team</title>
+    <meta name="keywords" content="">
+    <meta name="description" content="">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="canonical" href="" />
+    <!-- Open Graph metatags -->
+    <meta property="og:title" content="" />
+    <meta property="og:type" content="article" />
+    <meta property="og:image" content="" />
+    <meta property="og:url" content="" />
+    <meta property="og:description" content="" />
+    <meta property="og:site_name" content="" />
+    <!-- Stylesheets and polyfills -->
+    <link rel="stylesheet" type="text/css" href="./css/styles.css">
+    <!-- Favicons -->
+    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="https://www.fromdoppler.com/apple-touch-icon-144x144-precomposed.png" />
+    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://www.fromdoppler.com/apple-touch-icon-114x114-precomposed.png" />
+    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://www.fromdoppler.com/apple-touch-icon-72x72-precomposed.png" />
+    <link rel="apple-touch-icon-precomposed" sizes="57x57" href="https://www.fromdoppler.com/apple-touch-icon-57x57-precomposed.png" />
+    <link rel="apple-touch-icon-precomposed" href="https://www.fromdoppler.com/apple-touch-icon-precomposed.png" />
+    <link rel="apple-touch-icon" href="https://www.fromdoppler.com/apple-touch-icon.png" />
+    <link rel="icon" type="image/x-icon" href="https://www.fromdoppler.com/favicon.ico" />
+    <link rel="shortcut icon" type="image/x-icon" href="https://www.fromdoppler.com/favicon.ico" />
+  </head>
+
+  <body>
+    <main role="main">
+      <section class="section-module">
+        <ul class="nav">
+          <li class="nav-item"><span class="ms-icon icon-doppler-logo"></span></li>
+          <li class="nav-item"><a href="index.html" class="nav-link">Doppler UI</a></li>
+          <li class="nav-item"><a href="header.html" class="nav-link">Header</a></li>
+          <li class="nav-item"><a href="footer.html" class="nav-link">Footer</a></li>
+          <li class="nav-item"><a href="messages-header.html" class="nav-link">Messages header</a></li>
+          <li class="nav-item"><a href="modal.html" class="nav-link">Modals</a></li>
+          <li class="nav-item"><a href="signup.html" class="nav-link">Sign Up</a></li>
+          <li class="nav-item"><a href="reports-filters.html" class="nav-link">Reports filters</a></li>
+          <li class="nav-item"><a href="loading-page.html" class="nav-link active">Loading page</a></li>
+        </ul><!-- nav -->
+          <div class="wrapper-loading">
+            <div class="loading-page">
+              <p class="flash">Loading...</p>
+            </div>
+          </div><!-- wrapper-loading -->
+      </section><!-- section-module -->
+    </main>
+    <!-- build:js:dist js/app.js -->
+    <script src="./js/main.js"></script>
+    <!-- /build -->
+  </body>
+</html>

From d08a50d343522eedc7d96d33b0d6e6a1251f1501 Mon Sep 17 00:00:00 2001
From: gbaamonde <gusvodesign@gmail.com>
Date: Fri, 22 Mar 2019 15:55:06 -0300
Subject: [PATCH 4/5] feat: the font size of the menu was modified

---
 assets/scss/templates/_guidelines.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/assets/scss/templates/_guidelines.scss b/assets/scss/templates/_guidelines.scss
index 84a5a5d8..d8d2aed3 100644
--- a/assets/scss/templates/_guidelines.scss
+++ b/assets/scss/templates/_guidelines.scss
@@ -20,7 +20,7 @@
   text-decoration: none;
   position: relative;
   color: $dp-color-darkgrey;
-  font-size: $dp-headers-h5-font-size;
+  font-size: $dp-font-size-15;
   font-weight: $dp-font-weight-bold;
   font-family: $dp-font-family-proximanova;
   display: block;

From 10100dc3f9311ad9182f475467ffddb721bb0cab Mon Sep 17 00:00:00 2001
From: gbaamonde <gusvodesign@gmail.com>
Date: Fri, 22 Mar 2019 16:52:36 -0300
Subject: [PATCH 5/5] feat: remove line break

---
 assets/templates/messages-header.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/assets/templates/messages-header.html b/assets/templates/messages-header.html
index b06d3259..ba19a958 100644
--- a/assets/templates/messages-header.html
+++ b/assets/templates/messages-header.html
@@ -38,7 +38,7 @@
         <li class="nav-item"><a href="footer.html" class="nav-link">Footer</a></li>
         <li class="nav-item"><a href="messages-header.html" class="nav-link active">Messages header</a></li>
         <li class="nav-item"><a href="modal.html" class="nav-link">Modals</a></li>
-        <li class="nav-item"><a href="reports-filters.html" class="nav-link">Reports filters</a></li> 
+        <li class="nav-item"><a href="reports-filters.html" class="nav-link">Reports filters</a></li>
         <li class="nav-item"><a href="signup.html" class="nav-link">Sign Up</a></li>
         <li class="nav-item"><a href="loading-page.html" class="nav-link">Loading page</a></li>
       </ul><!-- nav -->