diff --git a/ofu_app/static/css/nav.css b/ofu_app/static/css/nav.css new file mode 100644 index 0000000..d656d66 --- /dev/null +++ b/ofu_app/static/css/nav.css @@ -0,0 +1,52 @@ +#main-nav { + display: table; + position: fixed; + left: -200px; + top: 0; + background-color: transparent; + z-index: 5000; + height: 100%; + width: 200px; + -webkit-transition: left 0.5s; /* For Safari 3.1 to 6.0 */ + transition: left 0.5s; +} + +#main-nav .nav-wrapper { + display: table-cell; + vertical-align: middle; +} + +#main-nav .inner-nav .menu-item { + padding: 10px; + padding-left: 20px; + width: 100%; + display: block; + background-color: #ffffff; + border: 1px solid #b1b1b1; +} + +#main-nav .inner-nav .menu-item:last-child { + border-bottom-right-radius: 5px; +} + +#main-nav .inner-nav .menu-item:hover { + background-color: #b1b1b1; +} + +#main-nav .inner-nav .menu-head { + border-top-right-radius: 5px; + border: 1px solid #b1b1b1; + background-color: #ffffff; + display: block; + padding: 10px; + padding-left: 20px; + margin-bottom: 0; + text-transform: uppercase; + font-weight: bold; +} + +#menu-button:hover #main-nav { + left: 0; +} + + diff --git a/ofu_app/templates/base.jinja b/ofu_app/templates/base.jinja index 985df21..99d760d 100644 --- a/ofu_app/templates/base.jinja +++ b/ofu_app/templates/base.jinja @@ -1,3 +1,4 @@ +{% import '/macros/nav.jinja' as nav %} {# ===== HTML ===== #} @@ -12,13 +13,24 @@ + {% block css_extra %}{% endblock %} {# ===== Body ===== #} + {% block body %} - {% block headline %}{% endblock %} +
+
+ +
+
+ {% block headline %}{% endblock %}
+
+
{% block content %}{% endblock %}
diff --git a/ofu_app/templates/macros/nav.jinja b/ofu_app/templates/macros/nav.jinja new file mode 100644 index 0000000..8beacb6 --- /dev/null +++ b/ofu_app/templates/macros/nav.jinja @@ -0,0 +1,13 @@ +{% macro main_nav() -%} + +{% endmacro %} \ No newline at end of file diff --git a/ofu_app/templates/nav.jinja b/ofu_app/templates/nav.jinja deleted file mode 100644 index 65c678b..0000000 --- a/ofu_app/templates/nav.jinja +++ /dev/null @@ -1,5 +0,0 @@ -{% block nav %} - -{% endblock %} \ No newline at end of file