Added some styles and a navbar
This commit is contained in:
parent
10c97edc70
commit
dc25b68ec4
3
.gitignore
vendored
3
.gitignore
vendored
@ -62,3 +62,6 @@ node_modules/
|
||||
# Ignore compiled CSS and JS
|
||||
public/css/
|
||||
public/js/
|
||||
|
||||
# SASS compilation cache
|
||||
.sass-cache/
|
||||
|
@ -1,2 +1,23 @@
|
||||
body
|
||||
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
|
||||
|
@ -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 */
|
||||
|
@ -1,6 +1,6 @@
|
||||
{
|
||||
"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"],
|
||||
"names": [],
|
||||
"file": "darkmeyer.css"
|
||||
|
@ -11,6 +11,8 @@
|
||||
<script src="/js/meiyerditch.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<%= erb :'partials/navbar' %>
|
||||
|
||||
<div id="main-wrapper" class="container">
|
||||
<%= yield %>
|
||||
</div>
|
||||
|
15
views/partials/navbar.erb
Normal file
15
views/partials/navbar.erb
Normal 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>
|
Loading…
Reference in New Issue
Block a user