From df2a96c3b423bbad8d8fc5386ef6f6fd0681ab6c Mon Sep 17 00:00:00 2001 From: Gregory Ballantine Date: Sun, 26 Nov 2023 01:23:30 -0500 Subject: [PATCH] Started working on updating styles --- nodemon.json | 1 + public/css/eye.css | 71 ++++++++++++++++++++++++++++++++++++++ views/layouts/default.twig | 3 +- views/partials/footer.twig | 6 ++-- 4 files changed, 77 insertions(+), 4 deletions(-) create mode 100644 public/css/eye.css 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 @@ -