-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
styling home page, and navbar according to user
- Loading branch information
Showing
5 changed files
with
96 additions
and
33 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,22 @@ | ||
| body { | ||
| background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), | ||
| url("https://source.unsplash.com/HTVUiryU9eo"); | ||
| background-size: auto; | ||
| background-position: 50% 5%; | ||
| ; | ||
| ; | ||
| text-shadow: 0 0.05rem 0.1rem rgba(0, 0, 0, 0.5); | ||
| box-shadow: inset 0 0 5rem rgba(0, 0, 0, 0.5); | ||
| } | ||
|
|
||
| .home-text { | ||
| color: white | ||
| } | ||
|
|
||
| a { | ||
| text-decoration: none; | ||
| } | ||
|
|
||
| a:hover { | ||
| color: #2e86c1; | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,27 +1,29 @@ | ||
| <% layout('layouts/boilerplate') %> | ||
| <div class="d-flex flex-row justify-content-between"> | ||
| <div> | ||
| <h2>Meerkat</h2> | ||
| <p>Meerkat is an app to test node, mongodb(Mongoose), express, ejs, and | ||
| other aspects of development. In this scenario, this application is developed to | ||
| enable the user to save its favorite Audiovisuals. This category gathers movies, series, documentaries | ||
| and others type of productions similar to these ones. Also the user can make reviews about these | ||
| audiovisuals in the application. </p> | ||
| <% if(currentUser){ %> | ||
| <% layout('layouts/boilerplate') %> | ||
| <%- include('./partials/home.ejs')%> | ||
| <%} else {%> | ||
| <p> | ||
| The app is the result of a course in Udemy, which is | ||
| taught by Colt Steele. The name of the course is <strong>The Web Developer Bootcamp 2024.</strong> | ||
| </p> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>Meerkat</title> | ||
| <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" | ||
| rel="stylesheet" | ||
| integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" | ||
| crossorigin="anonymous"> | ||
| <link rel="stylesheet" href="/stylesheets/home.css"> | ||
| </head> | ||
| <p> | ||
| The influence for the name of the app is from the animal found in souther Africa, which can be also | ||
| called suricate. | ||
| Moreover, the choose was because of Timon from The Lion King. | ||
| <a href="https://en.wikipedia.org/wiki/Meerkat"> More information of this animal in Wikipedia</a> | ||
| </p> | ||
| </div> | ||
|
|
||
| <div class="ms-3 my-5"> | ||
| <img class="img-fluid" src="https://source.unsplash.com/HTVUiryU9eo"> | ||
| </div> | ||
| </div> | ||
| <body> | ||
| <div class="flex-column"> | ||
| <div class="home-text"> | ||
| <%- include('./partials/home.ejs')%> | ||
| </div> | ||
| <div class="col-6 offset-3 d-inline-flex justify-content-around mt-3 mb-3"> | ||
| <% if (!currentUser)%> | ||
| <a class="home-text lead" href="/signin">Sign in</a> | ||
| <a class="home-text lead" href="/signup">Sign up</a> | ||
| </div> | ||
| </div> | ||
| </body> | ||
| <% } %> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,27 @@ | ||
| <div class="d-flex flex-row justify-content-between col-6 offset-3 align-self-center"> | ||
| <div class="mt-5"> | ||
| <h3>Meerkat</h3> | ||
| <p class="lead">Meerkat is an app to test node, mongodb(Mongoose), express, ejs, and | ||
| other aspects of development. In this scenario, this application is developed to | ||
| enable the user to save its favorite Audiovisuals. This category gathers movies, series, documentaries | ||
| and others type of productions similar to these ones. Also the user can make reviews about these | ||
| audiovisuals in the application. </p> | ||
|
|
||
| <p class="lead"> | ||
| The app is the result of a course in Udemy, which is | ||
| taught by Colt Steele. The name of the course is <strong>The Web Developer Bootcamp 2024.</strong> | ||
| </p> | ||
|
|
||
| <p class="lead"> | ||
| The influence for the name of the app is from the animal found in souther Africa, which can be also | ||
| called suricate. | ||
| Moreover, the choose was because of Timon from The Lion King. | ||
| <a href="https://en.wikipedia.org/wiki/Meerkat"> More information of this animal in Wikipedia</a> | ||
| </p> | ||
| </div> | ||
| <%if(currentUser) {%> | ||
| <div class="ms-3 mt-5"> | ||
| <img class="img-fluid" src="https://source.unsplash.com/HTVUiryU9eo"> | ||
| </div> | ||
| <%}%> | ||
| </div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters