diff options
Diffstat (limited to 'templates/main')
| -rw-r--r-- | templates/main/base.html | 3 | ||||
| -rw-r--r-- | templates/main/index.html | 12 | ||||
| -rw-r--r-- | templates/main/navigation.html | 30 |
3 files changed, 28 insertions, 17 deletions
diff --git a/templates/main/base.html b/templates/main/base.html index d231c073..7e58fa97 100644 --- a/templates/main/base.html +++ b/templates/main/base.html @@ -15,7 +15,8 @@ <meta property="og:title" content="Python Discord"> <meta property="og:description" content="We're a large, friendly community focused around the Python programming language. Our community is open to those who wish to learn the language, as well as those looking to help others."> <meta content="/static/logos/logo_discord.png" property="og:image"> - + {% endblock %} + {% block extra_head %} {% endblock %} </head> diff --git a/templates/main/index.html b/templates/main/index.html index d8c5febc..1f39e7ad 100644 --- a/templates/main/index.html +++ b/templates/main/index.html @@ -16,18 +16,10 @@ available to assist around the clock. Whether you're looking to learn the language or working on a complex project, we've got someone who can help you if you get stuck. </p> - <div uk-grid class="uk-child-width-expand uk-grid-large"> - <div> - - </div> - <div> - <a href="/invite" class="uk-button uk-button-default uk-button-large uk-width-1-1"> + <div class="uk-container uk-align-center"> + <a href="/invite" class="uk-button uk-button-default uk-button-large "> Join us on <i class="uk-icon fab fa-discord"></i> </a> - </div> - <div> - - </div> </div> <hr class="uk-divider-icon" /> <div class="uk-container uk-container-small uk-text-meta"> diff --git a/templates/main/navigation.html b/templates/main/navigation.html index 09b4f91f..cce5c540 100644 --- a/templates/main/navigation.html +++ b/templates/main/navigation.html @@ -1,11 +1,17 @@ +<style> + .uk-navbar-nav:first-child { + margin-left: -20px; + } +</style> <div class="uk-container uk-container-expand uk-background-secondary uk-light" uk-sticky="sel-target: .uk-navbar-container; cls-active: uk-navbar-sticky"> - <nav data-uk-navbar class="uk-navbar-container uk-navbar-transparent" uk-navbar="boundary-align: true; align: right"> - <div class="uk-navbar-left"> - <a href="/" class="uk-navbar-item uk-logo"> - <img src="/static/logos/logo_banner.png" style="height: 50px;"/> + <nav data-uk-navbar class="uk-navbar-container uk-navbar-transparent" uk-navbar="boundary-align: true"> + <div class="uk-navbar-left uk-padding-remove-left"> + <a href="/" class="uk-navbar-item uk-logo uk-padding-remove-left"> + <img src="/static/logos/logo_banner.png" style="margin-left: -10px; padding-left: 3px; height: 50%"/> </a> </div> - <div class="uk-navbar-right"> + + <div class="uk-navbar-right uk-visible@m"> <ul class="uk-navbar-nav"> {% if current_page == "index" %} <li class="uk-active"><a href="/"><i class="uk-icon fas fa-home"></i> Home</a></li> @@ -28,5 +34,17 @@ </li> </ul> </div> + + <div class="uk-navbar-right uk-hidden@m"> + <button class="uk-button" style="font-size: 2em;"><i class="uk-icon fas fa-angle-down"></i></button> +<div uk-dropdown> + <ul class="uk-nav uk-dropdown-nav"> + <li class="uk-nav-item"><a href="/"><i class="uk-icon fas fa-home"></i> Home</a></li> + <li class="uk-nav-item"><a href="/invite"><i class="uk-icon fab fa-discord"></i> Discord</a></li> + <li class="uk-nav-item"><a href="/info/help"><i class="uk-icon fas fa-question"></i> Getting Help</a></li> + </ul> +</div> + </div> + </nav> -</div>
\ No newline at end of file +</div> |