From 34f5644412e6880b9b4d7bef599bbe7118b5ec75 Mon Sep 17 00:00:00 2001 From: Josh Borrow <joshua.borrow@durham.ac.uk> Date: Fri, 11 Aug 2017 15:38:07 +0100 Subject: [PATCH] Added initial cover page concept (also see JBorrow/minimal-cover-page) --- design/README.rst | 1 + design/home.css | 48 +++++++++++++++++++++++++++++++++++++++++++++++ design/home.haml | 24 ++++++++++++++++++++++++ design/home.html | 32 +++++++++++++++++++++++++++++++ 4 files changed, 105 insertions(+) create mode 100644 design/README.rst create mode 100644 design/home.css create mode 100644 design/home.haml create mode 100644 design/home.html diff --git a/design/README.rst b/design/README.rst new file mode 100644 index 0000000..ba68a0e --- /dev/null +++ b/design/README.rst @@ -0,0 +1 @@ +These files are only the original designs. \ No newline at end of file diff --git a/design/home.css b/design/home.css new file mode 100644 index 0000000..ed43a4f --- /dev/null +++ b/design/home.css @@ -0,0 +1,48 @@ +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 diff --git a/design/home.haml b/design/home.haml new file mode 100644 index 0000000..5b7ad9a --- /dev/null +++ b/design/home.haml @@ -0,0 +1,24 @@ +!!! 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 diff --git a/design/home.html b/design/home.html new file mode 100644 index 0000000..13dac4a --- /dev/null +++ b/design/home.html @@ -0,0 +1,32 @@ +<!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> -- GitLab