Skip to content
Snippets Groups Projects
Commit 83119a55 authored by Josh Borrow's avatar Josh Borrow
Browse files

added navbar and header styling

parent 1c024965
No related branches found
No related tags found
No related merge requests found
......@@ -4,31 +4,69 @@ html, body {
.container {
max-width: 80em;
margin: auto;
margin: 1em auto;
}
/* Header Styles */
.header {
padding: 1em;
width: 100%;
color: white;
text-align: center;
background-image: url(cover.jpg);
background-size: cover;
}
.header-content img {
max-width: 80%;
max-height: 15%;
}
/* Navbar Styles */
.nav {
width: 100%;
padding: 0;
border-radius: 4px;
background-color: #222;
display: flex;
justify-content: space-between;
}
.nav ul {
list-style: none;
padding-left: 0;
padding: 0;
margin: 0;
}
.nav ul li {
display: inline-block;
padding: 1em;
margin: 0;
display: block;
float: left; /* Remove awful extra whitespace between ul items */
}
.nav ul li a {
color: white;
text-decoration: none;
}
/* We only want a border on all but the last element to act as a separator */
.rightborder {
border-right: 1px solid white;
}
.active {
font-weight: bold;
}
.code {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
/* Just in case flex is not working */
......
......@@ -4,25 +4,31 @@
%head
%link{:rel => :stylesheet, :type => :"text/css", :href => "stylesheet.css"}
%link{:rel => :stylesheet, :type => :"text/css", :href => "about.css"}
%link{href: "https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css", rel: "stylesheet", integrity: "sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN", crossorigin: "anonymous"}
%body
.header
.header-content
%h1 SWIFT
%h2 About SWIFT
%img{:src => "logo.svg"}
%h1.subhead <b>S</b>PH <b>W</b>ith <b>I</b>nter-dependent <b>F</b>ine-grained <b>T</b>asking
.container
.nav
.nav.mono
.left-nav
%ul
%li About
%li Papers
%li Talks
%li Contact
%li.rightborder.active
%a About
%li.rightborder
%a Papers
%li.rightborder
%a Talks
%li
%a Contact
.right-nav
%ul
%li Code
%li.btn-orange.code
%a <i class="fa fa-gitlab" aria-hidden="true"></i> Code
.cards
.card
......
......@@ -55,4 +55,34 @@ footer > a > img, .footer > a > img {
float:left;
padding: 1em;
padding-right: 0;
}
/* Font Styles */
body {
font-family: -apple-system, BlinkMacSystemFont,
'avenir next', avenir,
helvetica, 'helvetica neue',
ubuntu,
roboto, noto,
'segoe ui', arial,
sans-serif;
}
h1, h2, h3, h4, h5, h6 {
font-family: Inconsolata, monospace;
}
.mono {
font-family: Inconsolata, monospace;
}
.subhead {
font-weight: normal;
}
/* Shared navbar styles */
.nav ul li a:hover {
font-weight: bold;
}
\ No newline at end of file
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment