-
Notifications
You must be signed in to change notification settings - Fork 52
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Feature 219 styling site landing page #221
Changes from all commits
92095ae
5b1eecc
eab932b
1564b70
72c30ef
a1e46d4
a6de077
04101dc
c514590
f409729
30a82b0
6679c32
18f779d
5cf612a
f9e29ec
68a2706
51305a9
8c6a35c
d07eb44
603523e
627ede5
5bf93be
2b8e0d3
be9216b
b096fbe
2b4e06b
f61ec8c
File filter
Filter by extension
Conversations
Jump to
Diff view
Diff view
There are no files selected for viewing
This file was deleted.
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,15 @@ | ||
from app.dependencies import templates | ||
from fastapi import APIRouter | ||
from starlette.requests import Request | ||
|
||
router = APIRouter( | ||
prefix="/404", | ||
tags=["404"], | ||
responses={404: {"description": "Not found"}}, | ||
) | ||
|
||
|
||
@router.get("/") | ||
async def not_implemented(request: Request): | ||
return templates.TemplateResponse("four_o_four.j2", | ||
{"request": request}) |
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -7,68 +7,72 @@ | |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
|
||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" | ||
integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous"> | ||
integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous"> | ||
<link rel="icon" href="{{ url_for('static', path='/images/icons/calendar-outline.svg') }}" /> | ||
<link href="{{ url_for('static', path='/style.css') }}" rel="stylesheet"> | ||
<script type="module" src="https://unpkg.com/ionicons@5.4.0/dist/ionicons/ionicons.esm.js"></script> | ||
<script nomodule="" src="https://unpkg.com/ionicons@5.4.0/dist/ionicons/ionicons.js"></script> | ||
|
||
<title>Calendar</title> | ||
{% endblock %} | ||
<title>PyLendar {% block title %}{% endblock %}</title> | ||
{% endblock %} | ||
</head> | ||
|
||
<body> | ||
<nav class="navbar navbar-expand-lg bg-transparent"> | ||
<div class="container-fluid"> | ||
<a class="navbar-brand" href="/">{{ gettext("Calendar") }}</a> | ||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarText" | ||
aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation"> | ||
<span class="navbar-toggler-icon"></span> | ||
</button> | ||
<div class="collapse navbar-collapse" id="navbarText"> | ||
<ul class="navbar-nav me-auto mb-2 mb-lg-0"> | ||
<li class="nav-item"> | ||
<a class="nav-link active" aria-current="page" href="{{ url_for('home') }}">{{ gettext("Home") }}</a> | ||
</li> | ||
<li class="nav-item"> | ||
<a class="nav-link active" aria-current="page" href="{{ url_for('profile') }}">{{ gettext("Profile") }}</a> | ||
</li> | ||
<li class="nav-item"> | ||
<a class="nav-link" href="#">{{ gettext("Sign in") }}</a> | ||
</li> | ||
<li class="nav-item"> | ||
<a class="nav-link" href="#">{{ gettext("Sign up") }}</a> | ||
</li> | ||
<li class="nav-item"> | ||
<!-- new button for the agenda page. should be available after login | ||
place will change later according to the web design --> | ||
<a class="nav-link" href="{{ url_for('agenda') }}">{{ gettext("Agenda") }}</a> | ||
</li> | ||
<li class="nav-item"> | ||
<a class="nav-link" href="{{ url_for('view_invitations') }}">Invitations</a> | ||
</li> | ||
<li class="nav-item"> | ||
<a class="nav-link" href="/search">Search</a> | ||
</li> | ||
<li class="nav-item"> | ||
<a class="nav-link" href="/celebrity">Celebrities Born Today</a> | ||
</li> | ||
<li class="nav-item"> | ||
<a class="nav-link" href="{{ url_for('salary_home') }}">Salary</a> | ||
</li> | ||
</ul> | ||
</div> | ||
</div> | ||
</nav> | ||
{% block content %} {% endblock %} | ||
<div class="bg-gradient2 top-line"></div> | ||
<div class="relative overflow-hidden"> | ||
<div class="relative pt-6 px-4 sm:px-6 lg:px-8"> | ||
<nav class="navbar navbar-expand-md navbar-light"> | ||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarToggler" | ||
aria-controls="navbarToggler" aria-expanded="false" aria-label="Toggle navigation"> | ||
<span class="navbar-toggler-icon"></span> | ||
</button> | ||
<div class="navbar-brand"> | ||
<a href="{{ url_for('home') }}" aria-label="Home"> | ||
<ion-icon name="calendar-outline"></ion-icon> | ||
</a> | ||
</div> | ||
<div class="collapse navbar-collapse" id="navbarToggler"> | ||
<ul class="navbar-nav mr-auto mb-2 mb-lg-0 "> | ||
<li class="nav-item"> | ||
<a class="nav-link" href="{{ url_for('profile') }}">Profile</a> | ||
</li> | ||
<li class="nav-item"> | ||
<a class="nav-link" href="{{ url_for('not_implemented') }}">Sign In</a> | ||
</li> | ||
<li class="nav-item"> | ||
<a class="nav-link" href="{{ url_for('not_implemented') }}">Sign Up</a> | ||
</li> | ||
<li class="nav-item"> | ||
<a class="nav-link" href="{{ url_for('agenda') }}">Agenda</a> | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Agenda is not needs to appear in landing page. There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Thanks for the comment. |
||
</li> | ||
<li class="nav-item"> | ||
<a class="nav-link" href="{{ url_for('view_invitations') }}">Invitations</a> | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Im not sure this sections needs to be in landing page. There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Thanks for the comment. There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Whatever you want ^^" |
||
</li> | ||
<li class="nav-item"> | ||
<a class="nav-link" href="{{ url_for('search') }}">Search</a> | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Search is not needs to appear in landing page. There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Thanks for the comment. There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. W/E you decide |
||
</li> | ||
</ul> | ||
</div> | ||
</nav> | ||
</div> | ||
|
||
<script defer src="https://use.fontawesome.com/releases/v5.0.8/js/all.js" | ||
{% block content %}{% endblock %} | ||
</div> | ||
<script defer src="https://use.fontawesome.com/releases/v5.0.8/js/all.js" | ||
integrity="sha384-SlE991lGASHoBfWbelyBPLsUlwY1GwNDJo3jSJO04KZ33K2bwfV9YBauFfnzvynJ" | ||
crossorigin="anonymous"></script> | ||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js" | ||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js" | ||
integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW" | ||
crossorigin="anonymous"></script> | ||
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.4/Chart.min.js" | ||
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.4/Chart.min.js" | ||
integrity="sha512-d9xgZrVZpmmQlfonhQUvTR7lMPtO7NkZMkA0ABN3PHCbKA5nqylQ/yWlFAyY6hYgdF1Qh6nYiuADWwKB4C2WSw==" | ||
crossorigin="anonymous"></script> | ||
<script type="text/javascript" src="{{ url_for('static', path='/popover.js') }}"></script> | ||
<script type="text/javascript" src="{{ url_for('static', path='/popover.js') }}"></script> | ||
<!-- This bootstrap version is needed here because of the toggler bug in the beta version--> | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Great job commenting about it |
||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha2/js/bootstrap.bundle.min.js" | ||
integrity="sha384-BOsAfwzjNJHrJ8cZidOg56tcQWfp6y72vEJ8xQ9w6Quywb24iOsW913URv1IS4GD" | ||
crossorigin="anonymous"></script> | ||
|
||
</body> | ||
|
||
</html> |
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,12 @@ | ||
{% extends "base.html" %} | ||
|
||
{% block title %} - 404{% endblock %} | ||
|
||
{% block content %} | ||
|
||
<div class="container"> | ||
<h2 class="fs-1"> | ||
Not implemented</h2> | ||
</div> | ||
|
||
{% endblock %} |
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,44 @@ | ||
{% extends "base.html" %} | ||
|
||
{% block content %} | ||
|
||
<div class="mx-auto"> | ||
<main class="d-flex justify-content-center"> | ||
<div> | ||
<h2 class="fs-1 fw-bold"> | ||
PyLendar | ||
<br> | ||
</h2> | ||
<p> | ||
Open Source Calendar built with Python | ||
</p> | ||
<div class="d-flex position-relative"> | ||
<div class="container mx-auto gap-3"> | ||
|
||
{% if quote %} | ||
{% if not quote.author%} | ||
<p><i>"{{ quote.text }}"</i></p> | ||
{% else %} | ||
<p><i>"{{ quote.text }}"</i> <span style="font-size: small;"> \ {{quote.author}}</span> | ||
</p> | ||
{% endif %} | ||
{% endif %} | ||
</div> | ||
</div> | ||
<div class="d-flex justify-content-center"> | ||
<div class="d-flex justify-content-center"> | ||
<a href="{{ url_for('calendar') }}" | ||
class="btn btn-lg btn-primary shadow-lg bg-body p-3 mb-5 bg-gradient2 landing-page-button" | ||
type="button"> | ||
<span>Get Started</span> | ||
</a> | ||
</div> | ||
</div> | ||
</div> | ||
</main> | ||
<div> | ||
<img class="d-block w-100" src="{{ url_for('static', path='/images/calendar.jpg') }}" alt="calendar image"> | ||
</div> | ||
</div> | ||
|
||
{% endblock %} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Link to ionicons and use icons elements and not svg files.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Thanks, sure, your wish is my command :)
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@aviadamar - I didn't manage to find a way to do it in the page's tab icon.
Do you know how to do it in the page's tab icon?