diff --git a/nodemon.json b/nodemon.json index 370dab4..e0540f3 100644 --- a/nodemon.json +++ b/nodemon.json @@ -1,4 +1,5 @@ { + "ext": "js,twig", "verbose": true, "ignore": ["*.test.js", "node_modules/*"] } diff --git a/public/css/eye.css b/public/css/eye.css new file mode 100644 index 0000000..d0a91bd --- /dev/null +++ b/public/css/eye.css @@ -0,0 +1,71 @@ +html, +body{ + width: 100%; + height: 100%; + margin: 0; + padding: 0; +} + +body{ + padding-top: 80px; + padding-bottom: 80px; + background: #eee; +} + +.container{ + max-width: 1024px; +} + +#main-nav{ + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 64px; + background: teal; + color: white; +} + +#main-nav ul{ + list-style: none; + display: inline-block; +} +#main-nav h4{ + display: inline-block; + margin-left: 25px; + line-height: 64px; +} +#main-nav ul li{ + display: inline-block; + margin-left: 15px; +} + +#main-nav a{ + color: white; + font-size: 2.25rem; + line-height: 64px; + transition: all 200ms ease-in-out; +} +#main-nav a:hover{ + color: #eee; + font-size: 2.5rem; +} + +#main-content{ + padding: 14px 20px; + background: white; + border-radius: 8px; +} + +#main-footer{ + position: fixed; + bottom: 0; + left: 0; + width: 100%; + height: 64px; +} + +#main-footer p{ + margin-bottom: 5px; + text-align: center; +} diff --git a/views/layouts/default.twig b/views/layouts/default.twig index 253b1a2..0b73282 100644 --- a/views/layouts/default.twig +++ b/views/layouts/default.twig @@ -6,12 +6,13 @@ {% block title %}{% endblock %} | Leviathan + {% include 'partials/navbar.twig' %} -
+
{% block content %}{% endblock %}
diff --git a/views/partials/footer.twig b/views/partials/footer.twig index 7170e12..217b698 100644 --- a/views/partials/footer.twig +++ b/views/partials/footer.twig @@ -1,4 +1,4 @@ -