-
Notifications
You must be signed in to change notification settings - Fork 2
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
feat: hubspot integration and visual improvements
* fix: make filter work correctly,video player and styling better * feat: add hubspot form for email subscription * feat: add gilroy font * refactor: changes related to filename, html tags --------- Co-authored-by: RohanSaeed <rohansaeed@a006-00968.home>
- Loading branch information
1 parent
cdeacde
commit 31105e7
Showing
89 changed files
with
543 additions
and
151 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 |
|---|---|---|
| @@ -1,95 +1,146 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
|
|
||
| <head> | ||
| <head> | ||
| <meta charset="UTF-8" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
| <title>Edly Academy</title> | ||
| <link rel="stylesheet" href="{{ URL_ROOT }}/static/font/fonts.css" /> | ||
| <link rel="icon" href="{{ URL_ROOT }}/static/images/favicon.png" /> | ||
| <link rel="stylesheet" href="{{ URL_ROOT }}/static/css/academy.css" /> | ||
| {% block css %}{% endblock%} | ||
| <link rel="preconnect" href="https://fonts.googleapis.com" /> | ||
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> | ||
| <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap" rel="stylesheet" /> | ||
| </head> | ||
| <link | ||
| href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap" | ||
| rel="stylesheet" | ||
| /> | ||
| </head> | ||
|
|
||
| <body> | ||
| <body> | ||
| <div class="container"> | ||
| <div class="navbar"> | ||
| <a href="#" class="mobile-menu-link"> | ||
| <img src="{{ URL_ROOT }}/static/images/bars-solid.svg" alt="menu" /> | ||
| </a> | ||
| <div class="edly-logo-item"> | ||
| <a class="edly-logo-link" href="{{ URL_ROOT }}"> | ||
| <img class="edly-logo" src="{{ URL_ROOT }}/static/images/edly_logo.png" alt="edly academy" /> | ||
| </a> | ||
| <div class="vertical-rule"></div> | ||
| </div> | ||
| <ul class="navbar-list"> | ||
| <li><a href="https://edly.io/why-edly/">About</a></li> | ||
| <li><a href="https://github.com/edly-io/academy">Contribute</a></li> | ||
| </ul> | ||
| <a href="https://github.com/edly-io/academy" class="github-link" target="_blank"> | ||
| <img class="github-image" src="{{ URL_ROOT }}/static/images/github_logo.png" alt="github" /> | ||
| <p class="github-text">Edit on GitHub</p> | ||
| </a> | ||
| <div class="navbar"> | ||
| <a href="#" class="mobile-menu-link"> | ||
| <img src="{{ URL_ROOT }}/static/images/bars-solid.svg" alt="menu" /> | ||
| </a> | ||
| <div class="edly-logo-item"> | ||
| <a class="edly-logo-link" href="{{ URL_ROOT }}"> | ||
| <img | ||
| class="edly-logo" | ||
| src="{{ URL_ROOT }}/static/images/edly_logo.png" | ||
| alt="edly academy" | ||
| /> | ||
| </a> | ||
| <div class="vertical-rule"></div> | ||
| </div> | ||
| <ul class="navbar-list"> | ||
| <li><a href="https://edly.io/why-edly/">About</a></li> | ||
| <li><a href="https://github.com/edly-io/academy">Contribute</a></li> | ||
| </ul> | ||
| <a | ||
| href="https://github.com/edly-io/academy" | ||
| class="github-link" | ||
| target="_blank" | ||
| > | ||
| <img | ||
| class="github-image" | ||
| src="{{ URL_ROOT }}/static/images/github_logo.png" | ||
| alt="github" | ||
| /> | ||
| <p class="github-text">Edit on GitHub</p> | ||
| </a> | ||
| </div> | ||
| <div class="mobile-menu"> | ||
| <div class="mobile-top"> | ||
| <a href="#" class="close-button"> | ||
| <img | ||
| class="close-image" | ||
| src="{{ URL_ROOT }}/static/images/xmark-solid.svg" | ||
| alt="cross" | ||
| /> | ||
| </a> | ||
| <a class="mobile-edly-logo-link" href="{{ URL_ROOT }}"> | ||
| <img | ||
| class="mobile-edly-logo" | ||
| src="{{ URL_ROOT }}/static/images/edly_logo.png" | ||
| alt="edly academy" | ||
| /> | ||
| </a> | ||
| </div> | ||
| <div class="mobile-main"> | ||
| <a href="https://edly.io/why-edly/">About </a> | ||
| <a href="https://github.com/edly-io/academy">Contribute </a> | ||
| </div> | ||
| <div class="mobile-menu"> | ||
| <div class="mobile-top"> | ||
| <a href="#" class="close-button"> | ||
| <img class="close-image" src="{{ URL_ROOT }}/static/images/xmark-solid.svg" alt="cross" /> | ||
| </a> | ||
| <a class="mobile-edly-logo-link" href="{{ URL_ROOT }}"> | ||
| <img class="mobile-edly-logo" src="{{ URL_ROOT }}/static/images/edly_logo.png" alt="edly academy" /> | ||
| </a> | ||
| </div> | ||
| <div class="mobile-main"> | ||
| <a href="https://edly.io/why-edly/">About </a> | ||
| <a href="https://github.com/edly-io/academy">Contribute </a> | ||
| </div> | ||
| <div class="mobile-bottom"> | ||
| <a href="https://github.com/edly-io/academy" class="mobile-github-link" target="_blank"> | ||
| <img class="mobile-github-image" src="{{ URL_ROOT }}/static/images/github_logo.png" alt="github" /> | ||
| <p class="mobile-github-text">Edit on GitHub</p> | ||
| </a> | ||
| </div> | ||
| <div class="mobile-bottom"> | ||
| <a | ||
| href="https://github.com/edly-io/academy" | ||
| class="mobile-github-link" | ||
| target="_blank" | ||
| > | ||
| <img | ||
| class="mobile-github-image" | ||
| src="{{ URL_ROOT }}/static/images/github_logo.png" | ||
| alt="github" | ||
| /> | ||
| <p class="mobile-github-text">Edit on GitHub</p> | ||
| </a> | ||
| </div> | ||
| </div> | ||
|
|
||
| {% block content %}{% endblock %} | ||
| {% block content %}{% endblock %} | ||
|
|
||
| <div class="footer"> | ||
| <div class="footer-content"> | ||
| <p class="email-label"> | ||
| Get the latest resources, tips, and best practices directly in your | ||
| inbox | ||
| </p> | ||
| <form class="email" action="" method="post"> | ||
| <input class="email-input" placeholder="Enter your email address" /> | ||
| <button class="email-button" type="submit">Subscribe</button> | ||
| </form> | ||
| <div class="footer-nav"> | ||
| <p>Edly 2024 All rights reserved</p> | ||
| <p><a href="/privacy-policy/"> Privacy Policy </a></p> | ||
| <p><a href="/terms-and-conditions/">Terms & Conditions</a></p> | ||
| </div> | ||
| <p class="footer-bottom-text">edX and Open edX are registered trademarks of edX Inc</p> | ||
| </div> | ||
| <div class="footer"> | ||
| <div class="footer-content"> | ||
| <p class="email-label"> | ||
| Get the latest resources, tips, and best practices directly in your | ||
| inbox | ||
| </p> | ||
|
|
||
| <div class="footer-nav"> | ||
| <p>Edly 2024 All rights reserved</p> | ||
| <p><a href="/privacy-policy/"> Privacy Policy </a></p> | ||
| <p><a href="/terms-and-conditions/">Terms & Conditions</a></p> | ||
| </div> | ||
| <p class="footer-bottom-text"> | ||
| edX and Open edX are registered trademarks of edX Inc | ||
| </p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| {% block js %}{% endblock%} | ||
|
|
||
| <script | ||
| charset="utf-8" | ||
| type="text/javascript" | ||
| src="//js.hsforms.net/forms/embed/v2.js" | ||
| ></script> | ||
| <script> | ||
| //mobile menu display toggles | ||
| const mobileMenu = document.querySelector(".mobile-menu"); | ||
| const closeButton = document.querySelector(".close-button"); | ||
| closeButton.addEventListener("click", (event) => { | ||
| mobileMenu.style.visibility = "hidden"; | ||
| }); | ||
| const menuButton = document.querySelector(".mobile-menu-link"); | ||
| menuButton.addEventListener("click", (event) => { | ||
| mobileMenu.style.visibility = "visible"; | ||
| }); | ||
| hbspt.forms.create({ | ||
| region: "na1", | ||
| portalId: "14529077", | ||
| formId: "8471b02a-3592-4672-a0cf-9c0bfeca7712", | ||
| }); | ||
| </script> | ||
| {% block footer %}{% endblock %} | ||
| </body> | ||
| <script> | ||
| //mobile menu display toggles | ||
| const mobileMenu = document.querySelector(".mobile-menu"); | ||
| const closeButton = document.querySelector(".close-button"); | ||
| closeButton.addEventListener("click", (event) => { | ||
| mobileMenu.style.visibility = "hidden"; | ||
| }); | ||
| const menuButton = document.querySelector(".mobile-menu-link"); | ||
| menuButton.addEventListener("click", (event) => { | ||
| mobileMenu.style.visibility = "visible"; | ||
| }); | ||
|
|
||
| // email subscription form placement in the footer | ||
| const hubspotForm = document.querySelector(".hbspt-form"); | ||
| const footerContent = document.querySelector(".footer-content"); | ||
| const footerNav = document.querySelector(".footer-nav"); | ||
| footerContent.insertBefore(hubspotForm, footerNav); | ||
|
|
||
| //set width of email subscription | ||
| hubspotForm.style.width = "80%"; | ||
| </script> | ||
| {% block footer %}{% endblock %} | ||
| </body> | ||
| </html> |
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
Oops, something went wrong.