diff options
| author |  Gareth Coles <[email protected]> | 2018-02-21 12:06:43 +0000 |
|---|---|---|
| committer | Gareth Coles <[email protected]> | 2018-02-21 12:06:43 +0000 |
| commit | 46b18f441e547f7a690008a7125054bf44d96dda (patch) | |
| tree | 14ff70c69cf4f6292b9b3330da9538e94e1eaff9 | |
| parent | Better pre-release warning on index (diff) | |
Sample pushing dropbar nav
| -rw-r--r-- | static/style.css | 11 | ||||
| -rw-r--r-- | templates/main/base.html | 1 | ||||
| -rw-r--r-- | templates/main/index.html | 23 | ||||
| -rw-r--r-- | templates/main/navigation.html | 18 |
4 files changed, 42 insertions, 11 deletions
diff --git a/static/style.css b/static/style.css new file mode 100644 index 00000000..71d2d0a7 --- /dev/null +++ b/static/style.css @@ -0,0 +1,11 @@ +.uk-background-secondary .uk-navbar-dropdown-nav .uk-active a { + color: white !important; +} + +.uk-background-secondary .uk-navbar-dropdown-nav .uk-nav-header { + color: white !important; +} + +.uk-background-secondary .uk-navbar-dropbar { + background: #222222 !important; +}
\ No newline at end of file diff --git a/templates/main/base.html b/templates/main/base.html index a1372747..ead411c4 100644 --- a/templates/main/base.html +++ b/templates/main/base.html @@ -9,6 +9,7 @@ <script defer src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-beta.39/js/uikit.min.js"></script> <link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-beta.39/css/uikit.min.css" /> + <link rel="stylesheet" href="/static/style.css" /> {% endblock %} </head> <body> diff --git a/templates/main/index.html b/templates/main/index.html index 6c0f8e95..e498c761 100644 --- a/templates/main/index.html +++ b/templates/main/index.html @@ -1,16 +1,14 @@ {% extends "main/base.html" %} {% block title %}Home{% endblock %} {% block content %} -<div class="uk-section uk-section-primary"> +<div class="uk-section uk-section-primary" style="padding-top: 20px;"> + <div class="uk-container uk-container-expand" style="padding-bottom: 20px;"> + <a class="uk-button uk-button-default" href="">Page One</a> + <a class="uk-button uk-button-default" href="">Page Two</a> + <a class="uk-button uk-button-default" href="">Page Three</a> + </div> <div class="uk-container uk-text-center"> - <img src="/static/logos/logo_banner.png" style="height: 150px; margin: auto;" /> - <div class="uk-container uk-container-small uk-text-meta"> - <p> - Please note: this site is under construction. What you see now may be vastly different - from the final project state. Feel free to chat to us on Discord if you're curious! - </p> - </div> - <hr class="uk-divider-icon" /> +{# <img src="/static/logos/logo_banner.png" style="height: 150px; margin: auto;" />#} <p> Spicy jalapeno bacon ipsum dolor amet flank elit tri-tip swine reprehenderit tail nostrud biltong officia eu. Irure shankle cupidatat shank filet mignon drumstick @@ -20,6 +18,13 @@ landjaeger turducken exercitation. Shoulder adipisicing proident cow, short loin tail bacon sausage strip steak jerky short ribs tri-tip jowl rump. </p> + <hr class="uk-divider-icon" /> + <div class="uk-container uk-container-small uk-text-meta"> + <p> + Please note: this site is under construction. What you see now may be vastly different + from the final project state. Feel free to chat to us on Discord if you're curious! + </p> + </div> </div> </div> {% endblock %}
\ No newline at end of file diff --git a/templates/main/navigation.html b/templates/main/navigation.html index cbd6a36a..17a6b56b 100644 --- a/templates/main/navigation.html +++ b/templates/main/navigation.html @@ -1,5 +1,5 @@ -<div class="uk-container uk-container-expand uk-section-secondary"> - <nav data-uk-navbar class="uk-navbar-container uk-navbar-transparent"> +<div class="uk-container uk-container-expand uk-background-secondary uk-light"> + <nav data-uk-navbar class="uk-navbar-container uk-navbar-transparent" uk-navbar="dropbar: true; dropbar-mode: push"> <div class="uk-navbar-left"> <a href="/" class="uk-navbar-item uk-logo"> <img src="/static/logos/logo_banner.png" style="height: 50px;"/> @@ -13,6 +13,20 @@ <li><a href="/"><i class="uk-icon fas fa-home"></i> Home</a></li> {% endif %} <li><a href="/invite"><i class="uk-icon fab fa-discord"></i> Discord</a></li> + <li> + <a><i class="uk-icon fas fa-chevron-down"></i></a> + <div class="uk-navbar-dropdown uk-background-secondary"> + <ul class="uk-nav uk-navbar-dropdown-nav"> + <li class="uk-active"><a href="#">Active</a></li> + <li><a href="#">Item</a></li> + <li class="uk-nav-header">Header</li> + <li><a href="#">Item</a></li> + <li><a href="#">Item</a></li> + <li class="uk-nav-divider"></li> + <li><a href="#">Item</a></li> + </ul> + </div> + </li> </ul> </div> </nav> |