Commit f57cc350 authored by Mark Stenglein's avatar Mark Stenglein
Browse files

started work on UI

parent d3a06fc9
......@@ -5817,4 +5817,11 @@ button.close {
.hidden-print {
display: none !important; } }
.center-text {
text-align: center; }
.fill {
min-height: 100%;
height: 100%; }
/*# sourceMappingURL=main.css.map */
\ No newline at end of file
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -54,3 +54,6 @@
// Utility classes
@import "bootstrap/utilities";
@import "bootstrap/responsive-utilities";
// Custom Classes
@import "_custom.scss";
// Get the title from the rendering process
title= title
head
// Metadata
......@@ -9,5 +7,6 @@ head
// Scripts
script(src="/javascripts/jquery-2.2.4.min.js")
script(src='/javascripts/bootstrap.js')
script(src='/javascripts/load-bootstrap.js')
script(src="https://use.fontawesome.com/1c4cae8f2d.js")
link(href='/stylesheets/main.css', rel='stylesheet')
......@@ -6,33 +6,30 @@ block content
div.row
// Main site column
div.col-md-8
// Site branding row
div.row.center
center
// Font Awesome stack of circle and calendar for logo
span.fa-stack.fa-lg.fa-5x
i.fa.fa-circle-thin.fa-stack-2x(aria-hidden='true')
i.fa.fa-calendar.fa-stack-1x(aria-hidden='true')
// Title for the site
h1 #{config.siteName}
em #{config.siteDescription}
// Site title include
include main-title.jade
// Content div
div.row
// Left padding
div.col-md-1
// Content div
div.col-md-10
ul#search-type.nav.nav-tabs
li#search-tab(role='presentation')
a(href='#search' role='tab') Search for Classes
li#import-tab(role='presentation')
a(href='#import' role='tab') Batch Import
div#tab-contents.tab-content
div#search.tab-pane.fade(role='tabpanel')
p
This is the search tab.
div#import.tab-pane.fade(role='tabpanel')
p
This is the import tab.
// Tabbed navigation
div
ul.nav.nav-tabs.nav-justified(role='tablist')
li.active(role='presentation')
a(href='#search' aria-controls='search' role='tab' data-toggle='tab') Search for Classes
li(role='presentation')
a(href='#import' aria-controls='import' role='tab' data-toggle='tab') Batch Import
// Content within the tabs here
div.tab-content
div#search.tab-pane.active(role='tabpanel')
div#import.tab-pane(role='tabpanel')
p Import content
// Right padding
div.col-md-1
div#registered-classes.col-md-4(style='background-color: red;')
// Registration cart div
div.col-md-4(style='background-color: red;')
center
h1 Registered Classes
doctype html
html
include head
body(style='padding-top: 70px;')
body(style='padding-top: 50px;')
include nav
block content
......@@ -5,5 +5,6 @@ block content
div.row
div.col-lg-2
div.col-lg-8
include main-title
block docs-content
div.col-lg-2
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment