Starting Front-end Stufs

kilerhg · Sep 7, 2021 · aad14f8 · aad14f8
1 parent 68de2d2
commit aad14f8
Show file tree

Hide file tree

Showing 21 changed files with 2,816 additions and 0 deletions.
diff --git a/boostrapstudio/Untitled.bsdesign b/boostrapstudio/Untitled.bsdesign
diff --git a/boostrapstudio/todobook.bsdesign b/boostrapstudio/todobook.bsdesign
diff --git a/imagens/background_livro.jpg b/imagens/background_livro.jpg
diff --git a/imagens/background_livro_2.jpg b/imagens/background_livro_2.jpg
diff --git a/imagens/pexels-wendy-van-zyl-1112048.jpg b/imagens/pexels-wendy-van-zyl-1112048.jpg
diff --git a/templates/assets/bootstrap/css/bootstrap.min.css b/templates/assets/bootstrap/css/bootstrap.min.css
diff --git a/templates/assets/bootstrap/js/bootstrap.min.js b/templates/assets/bootstrap/js/bootstrap.min.js
diff --git a/templates/assets/fonts/FontAwesome.otf b/templates/assets/fonts/FontAwesome.otf
diff --git a/templates/assets/fonts/font-awesome.min.css b/templates/assets/fonts/font-awesome.min.css
diff --git a/templates/assets/fonts/fontawesome-webfont.eot b/templates/assets/fonts/fontawesome-webfont.eot
diff --git a/templates/assets/fonts/fontawesome-webfont.svg b/templates/assets/fonts/fontawesome-webfont.svg
diff --git a/templates/assets/fonts/fontawesome-webfont.ttf b/templates/assets/fonts/fontawesome-webfont.ttf
diff --git a/templates/assets/fonts/fontawesome-webfont.woff b/templates/assets/fonts/fontawesome-webfont.woff
diff --git a/templates/assets/fonts/fontawesome-webfont.woff2 b/templates/assets/fonts/fontawesome-webfont.woff2
diff --git a/templates/assets/img/background_livro.jpg b/templates/assets/img/background_livro.jpg
diff --git a/templates/assets/img/background_livro_2.jpg b/templates/assets/img/background_livro_2.jpg
diff --git a/templates/assets/img/downloads-bg.jpg b/templates/assets/img/downloads-bg.jpg
diff --git a/templates/assets/img/intro-bg.jpg b/templates/assets/img/intro-bg.jpg
diff --git a/templates/assets/img/pexels-wendy-van-zyl-1112048.jpg b/templates/assets/img/pexels-wendy-van-zyl-1112048.jpg
diff --git a/templates/assets/js/grayscale.js b/templates/assets/js/grayscale.js
@@ -0,0 +1,43 @@
+(function() {
+  "use strict"; // Start of use strict
+
+  var mainNav = document.querySelector('#mainNav');
+
+  if (mainNav) {
+
+    var navbarCollapse = mainNav.querySelector('.navbar-collapse');
+
+    if (navbarCollapse) {
+
+      var collapse = new bootstrap.Collapse(navbarCollapse, {
+        toggle: false
+      });
+
+      var navbarItems = navbarCollapse.querySelectorAll('a');
+
+      // Closes responsive menu when a scroll trigger link is clicked
+      for (var item of navbarItems) {
+        item.addEventListener('click', function (event) {
+          collapse.hide();
+        });
+      }
+    }
+
+    // Collapse Navbar
+    var collapseNavbar = function() {
+
+      var scrollTop = (window.pageYOffset !== undefined) ? window.pageYOffset : (document.documentElement || document.body.parentNode || document.body).scrollTop;
+
+      if (scrollTop > 100) {
+        mainNav.classList.add("navbar-shrink");
+      } else {
+        mainNav.classList.remove("navbar-shrink");
+      }
+    };
+    // Collapse now if page is not at top
+    collapseNavbar();
+    // Collapse the navbar when page is scrolled
+    document.addEventListener("scroll", collapseNavbar);
+  }
+
+})(); // End of use strict
diff --git a/templates/index.html b/templates/index.html
@@ -0,0 +1,83 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
+    <title>Home - Brand</title>
+    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Cabin:700">
+    <link rel="stylesheet" href="assets/fonts/font-awesome.min.css">
+</head>
+
+<body id="page-top" data-bs-spy="scroll" data-bs-target="#mainNav" data-bs-offset="77">
+    <nav class="navbar navbar-light navbar-expand-md fixed-top" id="mainNav">
+        <div class="container"><a class="navbar-brand" href="#">to do book</a><button data-bs-toggle="collapse" class="navbar-toggler navbar-toggler-right" data-bs-target="#navbarResponsive" type="button" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation" value="Menu"><i class="fa fa-bars"></i></button>
+            <div class="collapse navbar-collapse" id="navbarResponsive">
+                <ul class="navbar-nav ms-auto">
+                    <li class="nav-item nav-link"><a class="nav-link active" href="#about">About</a></li>
+                    <li class="nav-item nav-link"><a class="nav-link" href="#contact">contact</a></li>
+                    <li class="nav-item nav-link"><a class="nav-link active" href="/register.html">sing up</a></li>
+                    <li class="nav-item nav-link"><a class="nav-link" href="/login.html">sing in</a></li>
+                </ul>
+            </div>
+        </div>
+    </nav>
+    <header class="masthead" style="background: url(&quot;assets/img/pexels-wendy-van-zyl-1112048.jpg&quot;) left / cover, #000000;">
+        <div class="intro-body" style="width: 1208px;">
+            <div class="container">
+                <div class="row">
+                    <div class="col-lg-8 mx-auto">
+                        <h1 class="brand-heading">WELCOME reader</h1>
+                        <p class="intro-text">Welcome to "to do book", a simple and awesome way to manage your books<br></p><a class="btn btn-link btn-circle" role="button" href="#about"><i class="fa fa-angle-double-down animated"></i></a>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </header>
+    <section class="text-center content-section" id="about">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-8 mx-auto">
+                    <h2>About to do book</h2>
+                    <p>To do book is a free and open source book manager, developed to be simple and eficient</p>
+                </div>
+            </div>
+        </div>
+    </section>
+    <section class="text-center download-section content-section" id="download" style="background-image:url('assets/img/downloads-bg.jpg');">
+        <div class="container">
+            <div class="col-lg-8 mx-auto">
+                <h1>Register OR LOGIN FOR FREE</h1>
+                <a href="https://github.com/kilerhg/TodoBook" target="_blank"><p>You can register and user for free, or even more. acess our Github!!</p><button class="btn btn-primary btn-lg btn-default" type="button">Visit OUR SORCE CODE REPOSITORY</button></a>
+            </div>
+        </div>
+    </section>
+    <section class="text-center content-section" id="contact">
+        <div class="container">
+            <div class="row">
+                <div class="col-3 col-lg-8 offset-xl-2 mx-auto">
+                    <h2>Contact us</h2>
+                    <p>Feel free to leave us a comment or feeback in github issues ;)</p>
+                    <p style="margin: 8px;">Lucas Nunes&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Leandro Alves</p>
+                    <ul class="list-inline banner-social-buttons">
+                        <li class="list-inline-item">&nbsp;</li>
+                        <li class="list-inline-item">&nbsp;</li>
+                        <a href="https://www.linkedin.com/in/lucasnunesdeassis/" target="_blank"><li class="list-inline-item"><button class="btn btn-primary btn-lg btn-default" type="button"><i class="fa fa-linkedin-square fa-fw"></i><span class="network-name">&nbsp;Linkedin</span></button></a>&nbsp;<a href="https://github.com/kilerhg" target="_blank"><button class="btn btn-primary btn-lg btn-default" type="button"><i class="fa fa-github fa-fw"></i><span class="network-name">&nbsp;github</span></button></a></li>
+                        <a href="https://www.linkedin.com/in/leandropinheiroalves/" target="_blank"><li class="list-inline-item"><button class="btn btn-primary btn-lg btn-default" type="button"><i class="fa fa-linkedin-square fa-fw"></i><span class="network-name">&nbsp;Linkedin</span></button></a>&nbsp;<a href="https://github.com/leandropinheiroalves" target="_blank"><button class="btn btn-primary btn-lg btn-default" type="button"><i class="fa fa-github fa-fw"></i><span class="network-name">&nbsp;github</span></button></a</li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </section>
+    <footer>
+        <div class="container text-center">
+            <p>Copyright ©&nbsp;Brand 2021</p>
+        </div>
+    </footer>
+    <script src="assets/bootstrap/js/bootstrap.min.js"></script>
+    <script src="assets/js/grayscale.js"></script>
+</body>
+
+</html>