Frontend/about us page #275
There are no files selected for viewing
This file contains hidden or 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
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains hidden or 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,13 @@ | ||
| from fastapi import APIRouter, Request | ||
|
|
||
| from app.dependencies import templates | ||
|
|
||
|
|
||
| router = APIRouter() | ||
|
|
||
|
|
||
| @router.get("/about") | ||
| def about(request: Request): | ||
| return templates.TemplateResponse("about_us.html", { | ||
| "request": request, | ||
| }) |
This file contains hidden or 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,56 @@ | ||
| body { | ||
| margin: 0; | ||
PureDreamer marked this conversation as resolved.
Outdated
Show resolved
Hide resolved
|
||
| padding: 0; | ||
| justify-content: center; | ||
| align-items: center; | ||
| height: 100vh; | ||
| background-color: #F7F7F7; | ||
| } | ||
|
|
||
| .moving-words { | ||
| font-family: "Assistant", "Ariel", sans-serif; | ||
PureDreamer marked this conversation as resolved.
Outdated
Show resolved
Hide resolved
|
||
| text-transform: uppercase; | ||
| font-size: 6em; | ||
PureDreamer marked this conversation as resolved.
Outdated
Show resolved
Hide resolved
|
||
| letter-spacing: 4px; | ||
PureDreamer marked this conversation as resolved.
Outdated
Show resolved
Hide resolved
|
||
| overflow: hidden; | ||
| background: linear-gradient(90deg, #000, #fff, #000); | ||
| background-repeat: no-repeat; | ||
| background-size: 80%; | ||
| animation: animate 4s linear infinite; | ||
| -webkit-background-clip: text; | ||
| background-clip: text; | ||
| -webkit-text-fill-color: rgba(255, 255, 255, 0); | ||
| } | ||
|
|
||
| @keyframes animate { | ||
| 0% { | ||
| background-position: -500%; | ||
| } | ||
| 100% { | ||
| background-position: 500%; | ||
| } | ||
| } | ||
|
|
||
|
|
||
| /* credit for the animation goes to FrankieDoodie */ | ||
|
|
||
| .infographic { | ||
| display: block; | ||
| margin-left: auto; | ||
| margin-right: auto; | ||
| width: 100%; | ||
| } | ||
|
|
||
| .abouttext { | ||
| font-size: 1.2em; | ||
| text-align: justify; | ||
| } | ||
|
|
||
| a { | ||
PureDreamer marked this conversation as resolved.
Outdated
Show resolved
Hide resolved
|
||
| text-decoration: none; | ||
| color: inherit; | ||
| } | ||
|
|
||
| .course { | ||
| width: 50%; | ||
| } | ||
This file contains hidden or 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,101 @@ | ||
| <!DOCTYPE html> | ||
|
||
| <html lang="en"> | ||
|
|
||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
| <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"> | ||
| <link href="{{ url_for('static', path='/about.css') }}" rel="stylesheet"> | ||
| <title>About Us</title> | ||
| </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"> | ||
| <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> | ||
| <br> | ||
PureDreamer marked this conversation as resolved.
Outdated
Show resolved
Hide resolved
|
||
| <div class="container"> | ||
| <h1 class="moving-words">About The Project</h1> | ||
| <!-- credit for the animation goes to FrankieDoodie --> | ||
| <div> | ||
| <h3>Do you have a dream? How will you make it come true?</h3> | ||
| <p class="abouttext"> | ||
PureDreamer marked this conversation as resolved.
Outdated
Show resolved
Hide resolved
|
||
| My dream will require some hard work. I know I MUST be:</p> | ||
| <ul> | ||
| <li> Organized</li> | ||
| <li>Well prepared</li> | ||
| <li>Plan ahead</li> | ||
| </ul> | ||
|
|
||
| <p class="abouttext">We started this project as a course project. Step by step it became our dream, this calendar is built by programmers. One of its many traits is the ability to add features.</p> | ||
| <ul> | ||
| <li> Want to monitor your expenses? We got it.</li> | ||
| <li>Want to organize a zoom meeting while still under quarantine? We got it.</li> | ||
| </ul> | ||
| <p class="abouttext">Even better - you got it! Develop your own feature and add it to the calendar. This calendar is open source developed mostly in Python as the finale to an extraordinary course. For the calendar development we selected features, aiming at required | ||
| and unique. Then each of us began the journey to implement it in the calendar. We worked collaboratively to put it together. | ||
| <br> if you like what you just read, please <a href="sign_in">sign in.</a> | ||
| </p> | ||
| </div> | ||
| <br><br><br><br> | ||
PureDreamer marked this conversation as resolved.
Outdated
Show resolved
Hide resolved
|
||
| <blockquote class="blockquote text-center"> | ||
| <p class="mb-0"><i>“If you want to go fast, go alone. If you want to go far, go together.”</i></p><br> | ||
| <footer class="blockquote-footer"><cite title="Source Title">African proverb</cite></footer> | ||
| </blockquote> | ||
| <br><br><br><br> | ||
PureDreamer marked this conversation as resolved.
Outdated
Show resolved
Hide resolved
|
||
| <h1 class="moving-words">Our Story</h1> | ||
| <div> | ||
| <p class="abouttext"> When this online course started, we did not know what <em>"Hello World"</em>?meant.<br> Now, we have created this calendar. This project was created as our concluding project in the online “python free and for all” course by <a href="https://www.linkedin.com/in/mesicka/">Yam Mesicka</a>, | ||
| a course that has helped us set foot in the world of programming. The course took us from complete newbies to decent programmers. The course curriculum can be found in the attached infographic.</p><br> <br><br> | ||
| <p class="abouttext">The materials of the first half of the course can be found on GitHub, you can take a look right <a href="https://github.com/PythonFreeCourse/Notebooks">here.</a></p> | ||
| </div> | ||
| <div> | ||
| <img class="infographic" src="{{ url_for('media', path='free-python-course-4k.png') }}" alt="Course infographic"> | ||
| </div> | ||
|
|
||
| <div> | ||
| <h2> We thank you for letting us share our story and hope you will enjoy our project.</h2> | ||
| <p>If you enjoy it please consider giving us a star in our <a href="https://github.com/PythonFreeCourse/calendar">GitHub repository.</a></p> | ||
PureDreamer marked this conversation as resolved.
Outdated
Show resolved
Hide resolved
|
||
| </div> | ||
| </div> | ||
| </body> | ||
|
|
||
| </html> | ||
This file contains hidden or 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 hidden or 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,21 @@ | ||
| {% for week in weeks_block %} | ||
| <div class="week"> | ||
| {% for day in week.days %} | ||
| <div class="{{day.css['day_container']}}" id="{{day.set_id()}}"> | ||
| <div class="month-day-header"> | ||
| <div class="{{day.css['date']}}">{{day}}</div> | ||
| <div><a href="#" class="add-small">+</a></div> | ||
| </div> | ||
| {% for devent in day.dailyevents %} | ||
| <div class="{{day.css['daily_event']}}"> | ||
| <div class="{{day.css['daily_event_front']}}">{{devent[0]}}</div> | ||
| <div class="{{day.css['daily_event_back']}}">{{devent[1]}}</div> | ||
| </div> | ||
| {% endfor %} | ||
| {% for event in day.events %} | ||
| <div class="{{day.css['event']}}"><b>{{event[0]}}</b> {{event[1]}}</div> | ||
| {% endfor %} | ||
| </div> | ||
| {% endfor %} | ||
| </div> | ||
| {% endfor %} |
This file contains hidden or 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,19 @@ | ||
| {% extends 'calendar/layout.html' %} | ||
|
|
||
| {% block main %} | ||
| <div class="calendar"> | ||
| <div class="calender-days-titles"> | ||
| {% for d in week_days %} | ||
| {% if d == day.sday %} | ||
| <div class="day-title underline-yellow"><b>{{ d.upper() }}</b></div> | ||
| {% else %} | ||
| <div class="day-title"> {{ d.upper() }}</div> | ||
| {% endif %} | ||
| {% endfor %} | ||
| </div> | ||
| <div id="calender-grid"> | ||
| {% include 'calendar/add_week.html' %} | ||
| </div> | ||
| </div> | ||
| <div id="day-view"></div> | ||
| {% endblock %} |
This file contains hidden or 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,78 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
|
|
||
| <head> | ||
| <!-- Meta --> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
|
|
||
| <!-- Fonts --> | ||
| <link href="https://fonts.googleapis.com/css2?family=Assistant:wght@200;300;400;500;600;700;800&display=swap" | ||
| rel="stylesheet"> | ||
|
|
||
| <!-- CSS --> | ||
| <link href="{{ url_for('static', path='/grid_style.css') }}" rel="stylesheet" type="text/css"> | ||
|
|
||
| <!-- Scripts --> | ||
| <script src="{{ url_for('static', path='/js/grid_scripts.js') }}"></script> | ||
| <script src="https://unpkg.com/ionicons@5.2.3/dist/ionicons.js"></script> | ||
PureDreamer marked this conversation as resolved.
Show resolved
Hide resolved
|
||
| <title>Calendar</title> | ||
| </head> | ||
|
|
||
| <body> | ||
| <div class="container"> | ||
| <nav class="text-lightgray background-darkblue"> | ||
| <div class="menu"> | ||
| <div class="fixed-features"> | ||
| <div> | ||
| <a href="/profile"> | ||
| <ion-icon name="person-circle-outline"></ion-icon> | ||
| </a> | ||
| </div> | ||
| <div> | ||
| <ion-icon name="search" alt="Search icon"></ion-icon> | ||
| </div> | ||
| <div> | ||
| <ion-icon name="settings-outline"></ion-icon> | ||
| </div> | ||
| <div> | ||
| <ion-icon name="calendar-outline"></ion-icon> | ||
| </div> | ||
| <div> | ||
| <ion-icon name="cube-outline"></ion-icon> | ||
| </div> | ||
PureDreamer marked this conversation as resolved.
Show resolved
Hide resolved
|
||
| </div> | ||
| <div class="user-features"> | ||
| <div class="feature" name="feather01"> | ||
| <ion-icon name="chatbox"></ion-icon> | ||
| </div> | ||
| </div> | ||
| <div id="open-features"> | ||
| <ion-icon name="ellipsis-vertical"></ion-icon> | ||
| </div> | ||
| </div> | ||
| </nav> | ||
| <div class="background-lightgray" id="feature-settings"> | ||
| <div class="title"> FEATURE NAME </div> | ||
| </div> | ||
| <div> | ||
| <header> | ||
| <div> | ||
| <div class="title"> {{day.display()}}</div> | ||
| <div class="sec-title"> Location 0<sup>o</sup>c 00:00</div> | ||
| </div> | ||
| <div id="logo-div"> | ||
| <a href="/calendar/month"> | ||
| <h1 class="title"> PYLENDAR </h1> | ||
| </a> | ||
| </div> | ||
| </header> | ||
| <main> | ||
| {% block main %} | ||
| {% endblock %} | ||
| </main> | ||
| </div> | ||
| </div> | ||
| </body> | ||
|
|
||
| </html> | ||
This file contains hidden or 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
Oops, something went wrong.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Uh oh!
There was an error while loading. Please reload this page.