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

Added initial cover page concept (also see JBorrow/minimal-cover-page)

parent 98385790
No related branches found
No related tags found
No related merge requests found
These files are only the original designs.
\ No newline at end of file
html, body {
height: 100%;
margin: 0;
}
.wrapper {
width: 100%;
height: 100%;
min-height: 100%;
display: flex;
flex-direction: column;
}
.nav {
align-self: flex-start;
}
.central {
align-self: center;
/* Parent properties for central-content */
display: flex;
flex: 1;
justify-content: center;
}
.central-content {
align-self: center;
}
.footer {
align-self: flex-end;
}
.nav, .central, .footer {
width: 100%;
}
/* Styles for navbar content */
.nav ul {
list-style: none;
float:right;
}
.nav ul li {
display: inline-block;
}
\ No newline at end of file
!!! html
%html
%head
%title SWIFT | Welcome
%link{:rel => :stylesheet, :type => :"text/css", :href => "home.css"}
%body
.wrapper
.nav
%ul
%li
%a{:href => "about.html"} About
%li
%a{:href => "pubs.html"} Publications
%li
%a{:href => "talks.html"} Talks
.central
.central-content
%h1 Hello World
.footer
Footer Information
<!DOCTYPE html>
<html>
<head>
<title>SWIFT | Welcome</title>
<link href='home.css' rel='stylesheet' type='text/css'>
</head>
<body>
<div class='wrapper'>
<div class='nav'>
<ul>
<li>
<a href='about.html'>About</a>
</li>
<li>
<a href='pubs.html'>Publications</a>
</li>
<li>
<a href='talks.html'>Talks</a>
</li>
</ul>
</div>
<div class='central'>
<div class='central-content'>
<h1>Hello World</h1>
</div>
</div>
<div class='footer'>
Footer Information
</div>
</div>
</body>
</html>
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment