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
|
# Ignore compiled CSS and JS
|
||||||
public/css/
|
public/css/
|
||||||
public/js/
|
public/js/
|
||||||
|
|
||||||
|
# SASS compilation cache
|
||||||
|
.sass-cache/
|
||||||
|
@ -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
|
||||||
|
@ -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 */
|
||||||
|
@ -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"
|
||||||
|
@ -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
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