Added some styles and a navbar

This commit is contained in:
Gregory Ballantine 2022-12-10 17:18:19 -05:00
parent 10c97edc70
commit dc25b68ec4
6 changed files with 43 additions and 2 deletions

3
.gitignore vendored
View File

@ -62,3 +62,6 @@ node_modules/
# Ignore compiled CSS and JS # Ignore compiled CSS and JS
public/css/ public/css/
public/js/ public/js/
# SASS compilation cache
.sass-cache/

View File

@ -1,2 +1,23 @@
body body
background: lightgrey background: lightgrey
#main-nav
position: fixed
top: 0
left: 0
width: 100%
height: 60px
background: #212121
clear: float
.nav-left
float: left
.nav-right
float: right
.nav-menu
ul
list-style: none
li
display: inline-block

View File

@ -1,2 +1,2 @@
body{background:#d3d3d3} body{background:#d3d3d3}#main-nav{position:fixed;top:0;left:0;width:100%;height:60px;background:#212121;clear:float}#main-nav .nav-left{float:left}#main-nav .nav-right{float:right}#main-nav .nav-menu ul{list-style:none}#main-nav .nav-menu li{display:inline-block}
/*# sourceMappingURL=darkmeyer.css.map */ /*# sourceMappingURL=darkmeyer.css.map */

View File

@ -1,6 +1,6 @@
{ {
"version": 3, "version": 3,
"mappings": "AAAA,IAAI,CACF,UAAU,CAAE,OAAS", "mappings": "AAAA,IAAI,CACF,UAAU,CAAE,OAAS,CAEvB,SAAS,CACP,QAAQ,CAAE,KAAK,CACf,GAAG,CAAE,CAAC,CACN,IAAI,CAAE,CAAC,CACP,KAAK,CAAE,IAAI,CACX,MAAM,CAAE,IAAI,CACZ,UAAU,CAAE,OAAO,CACnB,KAAK,CAAE,KAAK,CAEZ,mBAAS,CACP,KAAK,CAAE,IAAI,CACb,oBAAU,CACR,KAAK,CAAE,KAAK,CAGZ,sBAAE,CACA,UAAU,CAAE,IAAI,CAElB,sBAAE,CACA,OAAO,CAAE,YAAY",
"sources": ["../../assets/sass/darkmeyer.sass"], "sources": ["../../assets/sass/darkmeyer.sass"],
"names": [], "names": [],
"file": "darkmeyer.css" "file": "darkmeyer.css"

View File

@ -11,6 +11,8 @@
<script src="/js/meiyerditch.js"></script> <script src="/js/meiyerditch.js"></script>
</head> </head>
<body> <body>
<%= erb :'partials/navbar' %>
<div id="main-wrapper" class="container"> <div id="main-wrapper" class="container">
<%= yield %> <%= yield %>
</div> </div>

15
views/partials/navbar.erb Normal file
View File

@ -0,0 +1,15 @@
<nav id="main-nav">
<div class="nav-menu nav-left">
<ul>
<li>Webdap</li>
<li><a href="/">Home</a></li>
<li><a href="/account">Account</a></li>
</ul>
</div>
<div class="nav-menu nav-right">
<ul>
<li><a href="/auth/login">Login</a></li>
</ul>
</div>
</nav>