diff options
| author |  Leon Sandøy <[email protected]> | 2018-04-10 19:39:29 +0200 |
|---|---|---|
| committer | Leon Sandøy <[email protected]> | 2018-04-10 19:39:29 +0200 |
| commit | dd6835dfd6a7f8fb6baea76a0cddd8289e43130f (patch) | |
| tree | e433366cf41977d0a9aa554721a649a15cfb355d /templates | |
| parent | Forces the sidebar and the rest of that container div to fill the page (diff) | |
Flash of Unstyled Content fix
Diffstat (limited to 'templates')
| -rw-r--r-- | templates/main/base.html | 9 | ||||
| -rw-r--r-- | templates/main/navigation.html | 2 | ||||
| -rw-r--r-- | templates/wiki/base.html | 8 |
3 files changed, 16 insertions, 3 deletions
diff --git a/templates/main/base.html b/templates/main/base.html index edd79fb5..cbdd937b 100644 --- a/templates/main/base.html +++ b/templates/main/base.html @@ -5,8 +5,15 @@ <title>Python Discord | {% block title %}{% endblock %}</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> - <script defer src="https://pro.fontawesome.com/releases/v5.0.9/js/all.js" integrity="sha384-DtPgXIYsUR6lLmJK14ZNUi11aAoezQtw4ut26Zwy9/6QXHH8W3+gjrRDT+lHiiW4" crossorigin="anonymous"></script> + + <!-- Prevent Flash of Unstyled Content --> + <script src="{{ static_file('js/fouc.js') }}"></script> + + <!-- Other JS loads --> +<!-- <script defer src="https://pro.fontawesome.com/releases/v5.0.9/js/all.js" integrity="sha384-DtPgXIYsUR6lLmJK14ZNUi11aAoezQtw4ut26Zwy9/6QXHH8W3+gjrRDT+lHiiW4" crossorigin="anonymous"></script>--> <script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-beta.39/js/uikit.min.js"></script> + + <!-- Stylesheets --> <link rel="shortcut icon" href="{{ static_file('favicon.ico') }}"> <link rel="stylesheet" href="{{ static_file('uikit_blurple.css') }}"/> <link rel="stylesheet" href="{{ static_file('style.css') }}"/> diff --git a/templates/main/navigation.html b/templates/main/navigation.html index 47c20d56..5dc78cc6 100644 --- a/templates/main/navigation.html +++ b/templates/main/navigation.html @@ -3,7 +3,7 @@ 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"> +<div class="navbar-padding uk-background-secondary uk-light" uk-sticky="sel-target: .uk-navbar-container; cls-active: uk-navbar-sticky; animation: uk-animation-slide-top; top: 400; bottom: #animation"> <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="{{ url_for('main.index') }}" class="uk-navbar-item uk-logo uk-padding-remove-left"> diff --git a/templates/wiki/base.html b/templates/wiki/base.html index 4dce58d6..02ab1b55 100644 --- a/templates/wiki/base.html +++ b/templates/wiki/base.html @@ -5,8 +5,14 @@ <title>Python Discord | {% block title %}{% endblock %}</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> - <script defer src="https://pro.fontawesome.com/releases/v5.0.9/js/all.js" integrity="sha384-DtPgXIYsUR6lLmJK14ZNUi11aAoezQtw4ut26Zwy9/6QXHH8W3+gjrRDT+lHiiW4" crossorigin="anonymous"></script> + + <!-- Prevent Flash of Unstyled Content --> + <script src="{{ static_file('js/fouc.js') }}"></script> + + <!-- Other JS loads --> <script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-beta.39/js/uikit.min.js"></script> + + <!-- Static stuff --> <link rel="shortcut icon" href="{{ static_file('favicon.ico') }}"> <link rel="stylesheet" href="{{ static_file('uikit_blurple.css') }}"/> <link rel="stylesheet" href="{{ static_file('style.css') }}"/> |