BitGoblin/Leviathan
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Started working on updating styles

Browse Source
This commit is contained in:
Gregory Ballantine 2023-11-26 01:23:30 -05:00
parent a57bcb9c2f
commit df2a96c3b4
4 changed files with 77 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
nodemon.json
View File

@ -1,4 +1,5 @@
{
"ext": "js,twig",
"verbose": true,
"ignore": ["*.test.js", "node_modules/*"]
}

71
public/css/eye.css Normal file
View File

@ -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;
}

3
views/layouts/default.twig
View File

@ -6,12 +6,13 @@
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>{% block title %}{% endblock %} | Leviathan</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.min.css">
<link rel="stylesheet" href="/css/eye.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js" charset="utf-8"></script>
</head>
<body>
{% include 'partials/navbar.twig' %}
<div class="container">
<div id="main-content" class="container">
{% block content %}{% endblock %}
</div>

6
views/partials/footer.twig
View File

@ -1,4 +1,4 @@
<nav id="main-footer" class="container fluid">
<p>Leviathan version {{ app_version }}</p>
<p>Running node.js version {{ node_version }}</p>
<nav id="main-footer">
<p>Leviathan version v{{ app_version }}</p>
<p>Running node.js version v{{ node_version }}</p>
</nav>