Skip to content
This repository has been archived by the owner on Apr 6, 2023. It is now read-only.

Commit

Permalink
Merge pull request #62 from GusBaamonde/loading_page
Browse files Browse the repository at this point in the history 
Loading page
  • Loading branch information
@GusBaamonde
GusBaamonde committed Mar 22, 2019
2 parents a674856 + 10100dc commit 696ed8c
Show file tree
Hide file tree
Showing 9 changed files with 107 additions and 6 deletions.
37 changes: 37 additions & 0 deletions assets/scss/modules/_preload.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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;
}
}
2 changes: 1 addition & 1 deletion assets/scss/templates/_guidelines.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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;
Expand Down
2 changes: 2 additions & 0 deletions assets/templates/footer.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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">
Expand Down
3 changes: 2 additions & 1 deletion assets/templates/header.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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">
Expand Down
3 changes: 2 additions & 1 deletion assets/templates/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
57 changes: 57 additions & 0 deletions assets/templates/loading-page.html
View file
Original file line number Diff line number Diff line change
@@ -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>
3 changes: 2 additions & 1 deletion assets/templates/messages-header.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -39,7 +39,8 @@
<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="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 -->
Expand Down
3 changes: 2 additions & 1 deletion assets/templates/modal.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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">
Expand Down
3 changes: 2 additions & 1 deletion assets/templates/reports-filters.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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">
Expand Down

0 comments on commit 696ed8c

Please sign in to comment.