diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..364fdec --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +public/ diff --git a/config.toml b/config.toml index 8aa38a5..cb43450 100644 --- a/config.toml +++ b/config.toml @@ -1,3 +1,29 @@ -baseurl = "http://replace-this-with-your-hugo-site.com/" +baseurl = "https://akdillon.net" languageCode = "en-us" -title = "My New Hugo Site" +title = "AKDillon" +canonifyurls = true +SectionPagesMenu = "main" + +[[menu.main]] + name = "Home" + weight = 0 + identifier = "home" + url = "/" + +[[menu.main]] + name = "Audio" + weight = 50 + identifier = "audio" + url = "/audio/" + +[[menu.main]] + name = "About" + weight = 100 + identifier = "about" + url = "/about/" + +[[menu.main]] + name = "Contact" + weight = 150 + identifier = "contact" + url = "/contact/" diff --git a/content/audio.md b/content/audio.md new file mode 100644 index 0000000..d48934f --- /dev/null +++ b/content/audio.md @@ -0,0 +1,11 @@ ++++ +date = "2015-06-20T14:45:10-08:00" +draft = true +title = "audio" + ++++ + +MRD Audio +========= + +Words. diff --git a/data/meta.toml b/data/meta.toml new file mode 100644 index 0000000..2d8cfeb --- /dev/null +++ b/data/meta.toml @@ -0,0 +1 @@ +currentyear = 2015 diff --git a/layouts/index.html b/layouts/index.html new file mode 100644 index 0000000..c010125 --- /dev/null +++ b/layouts/index.html @@ -0,0 +1,45 @@ + + + + + + + + + {{ .Site.Title }} + + + + + + +
+

{{ .Site.Title }}

+ + +
+ +
+

Concise Starter Template

+ +

+ This is a starter template for the + Concise CSS framework that can be easily + copied and customized for projects. +

+
+ + + + + + + diff --git a/static/css/concise.css b/static/css/concise.css new file mode 100755 index 0000000..3df921b --- /dev/null +++ b/static/css/concise.css @@ -0,0 +1,2085 @@ +/** + * # Concise.CSS + * http://github.com/ConciseCSS/concise.css + * + * + * Copyright 2014 Contributors + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + */ +html { + font-size: 100%; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; + text-size-adjust: 100%; +} + +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +nav, +section, +summary { + display: block; +} + +audio, +canvas, +progress, +video { + display: inline-block; + vertical-align: baseline; +} + +audio:not([controls]) { + display: none; + height: 0; +} + +[hidden], +template { + display: none; +} + +a { + background: transparent; +} +a:focus { + outline: thin dotted; +} +a:active, a:hover { + outline: 0; +} + +abbr[title] { + border-bottom: 1px dotted; +} + +b, +strong { + font-weight: bold; +} + +dfn { + font-style: italic; +} + +mark { + background: #ff0; + color: #000; +} + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sup { + top: -0.5em; +} + +sub { + bottom: -0.25em; +} + +img { + border: 0; + -ms-interpolation-mode: bicubic; +} + +svg:not(:root) { + overflow: hidden; +} + +figure { + margin: 1em 40px; +} + +hr { + border: solid #eee; + border-width: 1px 0 0; + box-sizing: content-box; + clear: both; + height: 0; +} + +pre { + white-space: pre; + white-space: pre-wrap; + word-wrap: break-word; +} + +code, +kbd, +pre, +samp { + font-family: monospace, monospace; + font-size: 16px; + font-size: 1rem; + line-height: 1.5; +} + +q { + quotes: none; +} +q:before, q:after { + content: ''; + content: none; +} + +form { + margin: 0; +} + +button, +input, +optgroup, +select, +textarea { + color: inherit; + font: inherit; + margin: 0; + vertical-align: baseline; +} + +button { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; + cursor: pointer; +} + +button[disabled], +html input[disabled] { + cursor: default; +} + +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} + +input { + line-height: normal; +} +input[type="checkbox"], input[type="radio"] { + box-sizing: border-box; + padding: 0; +} +input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { + height: auto; +} +input[type="search"] { + box-sizing: content-box; + -webkit-appearance: textfield; +} +input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +fieldset { + margin: 0 2px; +} + +legend { + border: 0; + padding: 0; + white-space: normal; +} + +textarea { + overflow: auto; +} + +optgroup { + font-weight: bold; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +td, +th { + padding: 0; +} + +.clearfix:after { + content: ""; + display: table; + clear: both; +} + +*, *:before, *:after { + box-sizing: border-box; +} + +html, +body { + background-color: #ffffff; + color: #333333; + font: normal normal 1em/1.5 "Droid Sans", Helvetica, Arial, sans-serif; + margin: 0; + font-smooth: always; + -webkit-font-smoothing: antialiased; + -moz-font-smoothing: antialiased; +} + +html[dir="rtl"] { + direction: rtl; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6, +.giga, .mega, .kilo, +hgroup, +ul, ol, dl, +blockquote, p, address, +table, +fieldset, figure, +pre, +.row, .form-item { + margin-bottom: 24px; + margin-bottom: 1.5rem; +} + +hr { + margin-bottom: 22px; + margin-bottom: 1.375rem; +} + +ul, +ol, +dd { + margin-left: 48px; + margin-left: 3rem; +} + +*::-webkit-selection { + background-color: #666666; + color: #ffffff; +} +*::-moz-selection { + background-color: #666666; + color: #ffffff; +} +*::selection { + background-color: #666666; + color: #ffffff; +} + +a { + color: #62b3e7; +} +a:hover, a:visited { + color: #8ec8ee; + cursor: pointer; +} +p a, p a:visited { + line-height: inherit; +} + +small, +.small { + font-size: 12px; + font-size: 0.75rem; + line-height: 2; +} + +.micro { + font-size: 10px; + font-size: 0.625rem; + line-height: 2.4; +} + +address { + font-style: normal; +} + +abbr[title], abbr[data-original-title] { + cursor: help; + border-bottom: 1px dotted #999; +} + +acronym { + cursor: help; + border-bottom: 1px dashed #62b3e7; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6, +.giga, .mega, .kilo { + color: #181818; + font-family: "Droid Sans", Helvetica, Arial, sans-serif; + font-weight: normal; + text-rendering: optimizeLegibility; +} +h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, +.h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a, +.giga a, .mega a, .kilo a { + font-weight: inherit; +} +h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, +.h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, +.giga small, .mega small, .kilo small { + color: #808080; + font-size: 60%; + line-height: 1; +} + +h1, .h1 { + font-size: 24px; + font-size: 1.5rem; + line-height: 1; +} +@media (min-width: 48em) { + h1, .h1 { + font-size: 32px; + font-size: 2rem; + line-height: 1.5; + } +} +@media (min-width: 60em) { + h1, .h1 { + font-size: 36px; + font-size: 2.25rem; + line-height: 1.33333; + } +} + +h2, .h2 { + font-size: 20px; + font-size: 1.25rem; + line-height: 1.2; +} +@media (min-width: 48em) { + h2, .h2 { + font-size: 24px; + font-size: 1.5rem; + line-height: 1; + } +} +@media (min-width: 60em) { + h2, .h2 { + font-size: 30px; + font-size: 1.875rem; + line-height: 1.6; + } +} + +h3, .h3 { + font-size: 18px; + font-size: 1.125rem; + line-height: 1.33333; +} +@media (min-width: 48em) { + h3, .h3 { + font-size: 20px; + font-size: 1.25rem; + line-height: 1.2; + } +} +@media (min-width: 60em) { + h3, .h3 { + font-size: 24px; + font-size: 1.5rem; + line-height: 1; + } +} + +h4, .h4 { + font-size: 16px; + font-size: 1rem; + line-height: 1.5; +} +@media (min-width: 48em) { + h4, .h4 { + font-size: 18px; + font-size: 1.125rem; + line-height: 1.33333; + } +} +@media (min-width: 60em) { + h4, .h4 { + font-size: 20px; + font-size: 1.25rem; + line-height: 1.2; + } +} + +h5, .h5 { + font-size: 14px; + font-size: 0.875rem; + line-height: 1.71429; +} +@media (min-width: 48em) { + h5, .h5 { + font-size: 16px; + font-size: 1rem; + line-height: 1.5; + } +} +@media (min-width: 60em) { + h5, .h5 { + font-size: 18px; + font-size: 1.125rem; + line-height: 1.33333; + } +} + +h6, .h6 { + font-size: 12px; + font-size: 0.75rem; + line-height: 2; +} +@media (min-width: 48em) { + h6, .h6 { + font-size: 14px; + font-size: 0.875rem; + line-height: 1.71429; + } +} +@media (min-width: 60em) { + h6, .h6 { + font-size: 16px; + font-size: 1rem; + line-height: 1.5; + } +} + +.giga { + font-size: 48px; + font-size: 3rem; + line-height: 1; +} +@media (min-width: 48em) { + .giga { + font-size: 64px; + font-size: 4rem; + line-height: 1.125; + } +} +@media (min-width: 70em) { + .giga { + font-size: 80px; + font-size: 5rem; + line-height: 1.2; + } +} +@media (min-width: 80em) { + .giga { + font-size: 96px; + font-size: 6rem; + line-height: 1; + } +} + +.mega { + font-size: 40px; + font-size: 2.5rem; + line-height: 1.2; +} +@media (min-width: 48em) { + .mega { + font-size: 48px; + font-size: 3rem; + line-height: 1; + } +} +@media (min-width: 70em) { + .mega { + font-size: 64px; + font-size: 4rem; + line-height: 1.125; + } +} +@media (min-width: 80em) { + .mega { + font-size: 72px; + font-size: 4.5rem; + line-height: 1; + } +} + +.kilo { + font-size: 32px; + font-size: 2rem; + line-height: 1.5; +} +@media (min-width: 48em) { + .kilo { + font-size: 32px; + font-size: 2rem; + line-height: 1.5; + } +} +@media (min-width: 70em) { + .kilo { + font-size: 48px; + font-size: 3rem; + line-height: 1; + } +} +@media (min-width: 80em) { + .kilo { + font-size: 64px; + font-size: 4rem; + line-height: 1.125; + } +} + +.container { + margin: 0 auto; + width: 90%; +} +@media (min-width: 48em) { + .container { + width: 620px; + } +} +@media (min-width: 60em) { + .container { + width: 768px; + } +} +@media (min-width: 70em) { + .container { + width: 960px; + } +} +@media (min-width: 80em) { + .container { + width: 1140px; + } +} + +.row { + width: 100%; +} +.row:after { + clear: both; + content: " "; + display: table; +} + +[class*='column-'] { + background-clip: padding-box !important; +} +[class*='column-'].right { + float: right; +} +[class*='column-'] img { + max-width: 100%; +} + +@media (min-width: 48em) { + [class*='column-'] { + float: left; + } + + .gutters [class*='column-'] { + margin-left: 2%; + } + .gutters [class*='column-']:first-child { + margin-left: 0; + } + + .gutters-off [class*='column-'] { + margin-left: 0; + } + + .column-1, + .gutters .gutters-off .column-1 { + width: 6.25%; + } + + .gutters .column-1 { + width: 4.375%; + } + + .column-2, + .gutters .gutters-off .column-2 { + width: 12.5%; + } + + .gutters .column-2 { + width: 10.75%; + } + + .column-3, + .gutters .gutters-off .column-3 { + width: 18.75%; + } + + .gutters .column-3 { + width: 17.125%; + } + + .column-4, + .gutters .gutters-off .column-4 { + width: 25%; + } + + .gutters .column-4 { + width: 23.5%; + } + + .column-5, + .gutters .gutters-off .column-5 { + width: 31.25%; + } + + .gutters .column-5 { + width: 29.875%; + } + + .column-6, + .gutters .gutters-off .column-6 { + width: 37.5%; + } + + .gutters .column-6 { + width: 36.25%; + } + + .column-7, + .gutters .gutters-off .column-7 { + width: 43.75%; + } + + .gutters .column-7 { + width: 42.625%; + } + + .column-8, + .gutters .gutters-off .column-8 { + width: 50%; + } + + .gutters .column-8 { + width: 49%; + } + + .column-9, + .gutters .gutters-off .column-9 { + width: 56.25%; + } + + .gutters .column-9 { + width: 55.375%; + } + + .column-10, + .gutters .gutters-off .column-10 { + width: 62.5%; + } + + .gutters .column-10 { + width: 61.75%; + } + + .column-11, + .gutters .gutters-off .column-11 { + width: 68.75%; + } + + .gutters .column-11 { + width: 68.125%; + } + + .column-12, + .gutters .gutters-off .column-12 { + width: 75%; + } + + .gutters .column-12 { + width: 74.5%; + } + + .column-13, + .gutters .gutters-off .column-13 { + width: 81.25%; + } + + .gutters .column-13 { + width: 80.875%; + } + + .column-14, + .gutters .gutters-off .column-14 { + width: 87.5%; + } + + .gutters .column-14 { + width: 87.25%; + } + + .column-15, + .gutters .gutters-off .column-15 { + width: 93.75%; + } + + .gutters .column-15 { + width: 93.625%; + } + + .column-16, + .gutters .gutters-off .column-16 { + width: 100%; + } + + .gutters .column-16 { + width: 100%; + } + + [class*='push-'] { + position: relative; + } + + .push-1 { + left: 6.25%; + } + .gutters .push-1 { + left: 4.25%; + } + + .push-2 { + left: 12.5%; + } + .gutters .push-2 { + left: 10.5%; + } + + .push-3 { + left: 18.75%; + } + .gutters .push-3 { + left: 16.75%; + } + + .push-4 { + left: 25%; + } + .gutters .push-4 { + left: 23%; + } + + .push-5 { + left: 31.25%; + } + .gutters .push-5 { + left: 29.25%; + } + + .push-6 { + left: 37.5%; + } + .gutters .push-6 { + left: 35.5%; + } + + .push-7 { + left: 43.75%; + } + .gutters .push-7 { + left: 41.75%; + } + + .push-8 { + left: 50%; + } + .gutters .push-8 { + left: 48%; + } + + .push-9 { + left: 56.25%; + } + .gutters .push-9 { + left: 54.25%; + } + + .push-10 { + left: 62.5%; + } + .gutters .push-10 { + left: 60.5%; + } + + .push-11 { + left: 68.75%; + } + .gutters .push-11 { + left: 66.75%; + } + + .push-12 { + left: 75%; + } + .gutters .push-12 { + left: 73%; + } + + .push-13 { + left: 81.25%; + } + .gutters .push-13 { + left: 79.25%; + } + + .push-14 { + left: 87.5%; + } + .gutters .push-14 { + left: 85.5%; + } + + .push-15 { + left: 93.75%; + } + .gutters .push-15 { + left: 91.75%; + } + + [class*='pull-'] { + position: relative; + } + + .pull-1 { + right: 6.25%; + } + .gutters .pull-1 { + right: 4.25%; + } + + .pull-2 { + right: 12.5%; + } + .gutters .pull-2 { + right: 10.5%; + } + + .pull-3 { + right: 18.75%; + } + .gutters .pull-3 { + right: 16.75%; + } + + .pull-4 { + right: 25%; + } + .gutters .pull-4 { + right: 23%; + } + + .pull-5 { + right: 31.25%; + } + .gutters .pull-5 { + right: 29.25%; + } + + .pull-6 { + right: 37.5%; + } + .gutters .pull-6 { + right: 35.5%; + } + + .pull-7 { + right: 43.75%; + } + .gutters .pull-7 { + right: 41.75%; + } + + .pull-8 { + right: 50%; + } + .gutters .pull-8 { + right: 48%; + } + + .pull-9 { + right: 56.25%; + } + .gutters .pull-9 { + right: 54.25%; + } + + .pull-10 { + right: 62.5%; + } + .gutters .pull-10 { + right: 60.5%; + } + + .pull-11 { + right: 68.75%; + } + .gutters .pull-11 { + right: 66.75%; + } + + .pull-12 { + right: 75%; + } + .gutters .pull-12 { + right: 73%; + } + + .pull-13 { + right: 81.25%; + } + .gutters .pull-13 { + right: 79.25%; + } + + .pull-14 { + right: 87.5%; + } + .gutters .pull-14 { + right: 85.5%; + } + + .pull-15 { + right: 93.75%; + } + .gutters .pull-15 { + right: 91.75%; + } +} +.non-responsive [class*='column-'] { + float: left; + width: auto !important; +} +.non-responsive .gutters [class*='column-'], .non-responsive.gutters [class*='column-'] { + margin-left: 2%; +} +.non-responsive .gutters [class*='column-']:first-child, .non-responsive.gutters [class*='column-']:first-child { + margin-left: 0; +} + +ul, +ol { + margin-left: 20px; + padding-left: 0px; +} +ul li, +ol li { + line-height: 1.75em; +} +ul ul, +ol ul { + list-style-type: circle; + margin-bottom: auto; +} +ul ul ul, +ol ul ul { + list-style-type: square; +} +ul ul ol, +ol ul ol { + list-style-type: lower-roman; +} +@media (min-width: 48em) { + ul ul, + ol ul { + margin-left: 20px; + } +} +ul ol, +ol ol { + list-style-type: lower-latin; + margin-bottom: auto; +} +ul ol ol, +ol ol ol { + list-style-type: lower-roman; +} +ul ol ul, +ol ol ul { + list-style-type: square; +} + +.list-unstyled { + margin-left: 0px; + list-style: none; +} +.list-unstyled ul { + list-style: none; +} +.list-unstyled ul ul { + list-style: none; +} + +.list-inline { + margin-left: 0px; +} +.list-inline li { + border-bottom: none; + display: inline; + margin-right: 15px; +} +.list-inline li:last-child { + margin-right: 0px; +} +@media (min-width: 48em) { + .list-inline li { + margin-right: 15px; + } + .list-inline li:last-child { + margin-right: 0px; + } +} +@media (min-width: 60em) { + .list-inline li { + margin-right: 30px; + } + .list-inline li:last-child { + margin-right: 0px; + } +} + +dt { + font-weight: bold; +} + +dd { + margin-left: 0px; +} + +input[type="checkbox"], input[type="file"], input[type="image"], input[type="radio"] { + background: auto; + border: auto; + height: auto; + width: auto; +} + +input[disabled], +select[disabled], +textarea[disabled] { + background-color: #f6f6f6; + cursor: not-allowed; +} + +label { + display: block; +} + +textarea { + height: auto; +} + +.form input, +.form select, +.form textarea { + border: 1px solid #cccccc; + box-sizing: border-box; + height: 37px; + padding: 5px; + width: 100%; +} +@media (min-width: 30em) { + .form input, + .form select, + .form textarea { + width: 300px; + } +} +.form textarea { + height: auto; +} +@media (min-width: 30em) { + .form input[type="submit"] { + display: block; + width: auto; + } +} +.form input:focus, +.form select:focus, +.form textarea:focus, +.form button:focus, +.form [contenteditable="true"]:focus { + outline: 1px solid #a6a6a6; +} +.form fieldset { + border: 1px solid #cccccc; + padding: 10px 25px; +} +.form fieldset legend { + font-weight: bold; + font-size: 13px; + font-size: 0.8125rem; + line-height: 1.84615; + padding: 0 10px; +} + +.form-item { + display: block; +} + +.form-inline label { + width: auto; +} +@media (min-width: 48em) { + .form-inline label { + display: inline-block; + width: 100px; + } + .form-inline textarea { + width: auto; + } +} + +::-webkit-input-placeholder { + color: #bbbbbb; +} + +:-ms-input-placeholder { + color: #bbbbbb; +} + +::-moz-placeholder { + color: #bbbbbb; +} + +:-moz-placeholder { + color: #bbbbbb; +} + +table.table { + empty-cells: show; + width: 100%; +} +table.table caption { + color: #000; + font: italic 85%/1 arial, sans-serif; + padding: 1em 0; + text-align: center; +} +table.table thead { + border-bottom: 2px solid #cccccc; +} +table.table th, +table.table td { + padding: 12px 15px; +} +table.table td { + border-top: 1px solid #cccccc; +} +@media (min-width: 30em) { + table.table { + width: auto; + } + table.table th, + table.table td { + padding: 10px 50px 10px 25px; + } +} +table.table-full, table.table.table-full { + width: 100%; +} + +.table-responsive { + overflow: auto; + width: 100%; +} +.table-responsive table { + margin-bottom: 0; +} +.table-responsive::-webkit-scrollbar { + height: 14px; + width: 14px; + -webkit-appearance: none; +} +.table-responsive::-webkit-scrollbar-thumb { + background-color: rgba(50, 50, 50, 0.2); + border: 3px solid #fff; + border-radius: 8px; +} + +.bg-white { + background-color: #ffffff; +} + +.bg-black { + background-color: #222222; +} + +.bg-light-black { + background-color: #757575; +} + +.bg-gray { + background-color: #999999; +} + +.bg-light-gray { + background-color: #ececec; +} + +.bg-green { + background-color: #5cb85c; +} + +.bg-light-green { + background-color: #cfeacf; +} + +.bg-blue { + background-color: #5bc0de; +} + +.bg-light-blue { + background-color: #e5f5fa; +} + +.bg-yellow { + background-color: #ed9c28; +} + +.bg-light-yellow { + background-color: #fae2c1; +} + +.bg-red { + background-color: #d9534f; +} + +.bg-light-red { + background-color: #f6d8d7; +} + +.color-white { + color: #ffffff; +} + +.color-black { + color: #222222; +} + +.color-gray { + color: #999999; +} + +.color-green { + color: #468847; +} + +.color-blue { + color: #3a87ad; +} + +.color-yellow { + color: #c09853; +} + +.color-red { + color: #d2322d; +} + +.btn { + background-color: #cccccc; + border: 0; + color: #ffffff; + cursor: pointer; + display: inline-block; + font-family: inherit; + font-size: 100%; + line-height: 1; + padding: 0.5em 1em; + position: relative; + text-align: center; + text-decoration: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + vertical-align: baseline; + white-space: nowrap; +} +.btn::-moz-focus-inner { + padding: 0; + border: 0; +} +.btn:hover { + background-color: #b3b3b3; +} +.btn:active { + background-color: #bfbfbf; +} +.btn[disabled], .btn[disabled]:hover, .btn[disabled]:active, .btn[disabled]:focus { + background: #dededc !important; + border: none; + color: #b3b3b1; + cursor: not-allowed; +} +.btn a.btn, .btn a.btn:hover { + color: #ffffff; + text-decoration: none; +} +.btn a.btn:active { + outline: 0; +} +.btn input[type="submit"].btn { + color: #ffffff; + height: auto; + padding: 0.5em 1em; +} +.btn button.btn { + color: #ffffff; +} +.btn.bg-white { + background-color: #ffffff; +} +.btn.bg-white:hover { + background-color: #e6e6e6; +} +.btn.bg-white:active { + background-color: #f2f2f2; +} +.btn.bg-black { + background-color: #222222; +} +.btn.bg-black:hover { + background-color: #090909; +} +.btn.bg-black:active { + background-color: #151515; +} +.btn.bg-light-black { + background-color: #757575; +} +.btn.bg-gray { + background-color: #999999; +} +.btn.bg-gray:hover { + background-color: gray; +} +.btn.bg-gray:active { + background-color: #8c8c8c; +} +.btn.bg-light-gray { + background-color: #ececec; +} +.btn.bg-green { + background-color: #5cb85c; +} +.btn.bg-green:hover { + background-color: #449d44; +} +.btn.bg-green:active { + background-color: #4cae4c; +} +.btn.bg-light-green { + background-color: #cfeacf; +} +.btn.bg-blue { + background-color: #5bc0de; +} +.btn.bg-blue:hover { + background-color: #31b0d5; +} +.btn.bg-blue:active { + background-color: #46b8da; +} +.btn.bg-light-blue { + background-color: #e5f5fa; +} +.btn.bg-yellow { + background-color: #ed9c28; +} +.btn.bg-yellow:hover { + background-color: #d18211; +} +.btn.bg-yellow:active { + background-color: #e89113; +} +.btn.bg-light-yellow { + background-color: #fae2c1; +} +.btn.bg-red { + background-color: #d9534f; +} +.btn.bg-red:hover { + background-color: #c9302c; +} +.btn.bg-red:active { + background-color: #d43f3a; +} +.btn.bg-light-red { + background-color: #f6d8d7; +} + +.btn-collapse-full { + display: block; + margin: 12px 0; + width: 100%; +} +@media (min-width: 30em) { + .btn-collapse-full { + display: inline-block; + margin: 0; + width: auto; + } +} + +.btn-extra-small, +a.btn-extra-small, +p.btn-extra-small, +input.btn-extra-small { + font-size: 10px; + font-size: 0.625rem; + line-height: 2.4; + padding: 0.25em 0.75em; +} + +.btn-small, +a.btn-small, +p.btn-small, +input.btn-small { + font-size: 12px; + font-size: 0.75rem; + line-height: 2; +} + +.btn-large, +a.btn-large, +p.btn-large, +input.btn-large { + font-size: 18px; + font-size: 1.125rem; + line-height: 1.33333; + padding: 1em 2em; +} + +.btn-extra-large, +a.btn-extra-large, +p.btn-extra-large, +input.btn-extra-large { + font-size: 24px; + font-size: 1.5rem; + line-height: 1; + padding: 1em 2em; +} + +.btn.dropdown { + width: 100%; +} +.btn.dropdown .dropdown-menu { + margin-top: auto; + text-align: left; + top: 100%; + width: 100%; +} +.btn.dropdown[class*='dropdown-arrow-'] .dropdown-menu { + margin-top: 10px; +} +.btn.dropdown.up .dropdown-menu { + margin-bottom: 0px; + top: auto; +} +.btn.dropdown.up[class*='dropdown-arrow-'] .dropdown-menu { + margin-bottom: 10px; +} + +@media (min-width: 48em) { + .btn-extra-small .caret, + .btn-small .caret { + border-top: 4px solid; + border-right: 4px solid transparent; + border-left: 4px solid transparent; + } + + .btn.dropdown { + width: auto; + } + .btn.dropdown.extra-small .dropdown-menu { + margin-top: 6px; + } + .btn.dropdown.dropdown-small .dropdown-menu { + margin-top: 11px; + } + .btn.dropdown.dropdown-large .dropdown-menu { + margin-top: 21px; + } +} +.dropdown { + cursor: pointer; + outline: none; + position: relative; + width: auto; +} +.dropdown .dropdown-menu { + background-color: #ffffff; + border: 1px solid #ededed; + border-radius: inherit; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + font-weight: inherit; + left: 0; + margin-left: 0px; + opacity: 0; + pointer-events: none; + position: absolute; + right: 0; + text-transform: none; + transition: all 0.3s ease-in; + z-index: 99999; +} +.dropdown .dropdown-menu a { + text-decoration: none; +} +.dropdown .dropdown-menu p { + margin: 0; + padding: 10px 15px; +} +.dropdown .dropdown-menu span { + line-height: inherit; +} +.dropdown .dropdown-menu img { + padding: 15px; + width: 100%; +} +.dropdown .dropdown-menu iframe { + height: auto; + padding: 15px; + width: 100%; +} +.dropdown .dropdown-menu img + p, +.dropdown .dropdown-menu iframe + p { + padding-top: 0px; +} +.dropdown .dropdown-menu hr { + margin: 10px; +} +.dropdown .dropdown-menu li { + display: block; + padding: 5px 10px; + transition: all 0.3s ease-out; +} +.dropdown .dropdown-menu li:hover { + background-color: #f3f8f8; +} +.dropdown .dropdown-menu > .dropdown-header { + margin: 0; +} +.dropdown ul.dropdown-menu { + list-style-type: none; +} +.dropdown.dropdown-active .dropdown-menu { + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; + filter: alpha(opacity=100); + opacity: 1; + pointer-events: auto; +} +.dropdown .dropdown-header { + color: #aaaaaa; + cursor: default; + font-size: 14px; + font-size: 0.875rem; + line-height: 1.71429; + margin: 12px 0 0; + padding: 0 0 0 9px; +} +.dropdown.dropdown-collapse-full .dropdown-menu { + width: 100%; +} +@media (min-width: 48em) { + .dropdown .dropdown-menu { + width: 200px; + } + .dropdown.dropdown-small .dropdown-menu { + width: 150px; + } + .dropdown.dropdown-large .dropdown-menu { + width: 350px; + } + .dropdown.dropdown-full .dropdown-menu { + width: 100%; + } + .dropdown.dropdown-collapse-full .dropdown-menu { + width: 200px; + } +} +.dropdown .dropdown-header:hover, +.dropdown li.dropdown-header:hover { + background: none; +} +.dropdown[class*='dropdown-arrow-'] .dropdown-menu { + margin-top: 10px; +} +.dropdown[class*='dropdown-arrow-'] .dropdown-menu:before, .dropdown[class*='dropdown-arrow-'] .dropdown-menu:after { + border-color: #ffffff transparent; + border-style: solid; + bottom: 100%; + border-width: 0 6px 6px 6px; + content: ""; + height: 0; + position: absolute; + width: 0; +} +.dropdown[class*='dropdown-arrow-'] .dropdown-menu:before { + border: 8px rgba(0, 0, 0, 0.1); + border-right-color: transparent; + border-left-color: transparent; + border-top-width: 0; +} +.dropdown.dropdown-arrow-left .dropdown-menu:after { + left: 15px; +} +.dropdown.dropdown-arrow-left .dropdown-menu:before { + left: 13px; +} +.dropdown.dropdown-arrow-right .dropdown-menu:after { + right: 15px; +} +.dropdown.dropdown-arrow-right .dropdown-menu:before { + right: 13px; +} +.dropdown.up .dropdown-menu { + bottom: 100%; +} +.dropdown.up[class*='dropdown-arrow-'] .dropdown-menu { + margin-bottom: 10px; +} +.dropdown.up[class*='dropdown-arrow-'] .dropdown-menu:after, .dropdown.up[class*='dropdown-arrow-'] .dropdown-menu:before { + top: 100%; +} +.dropdown.up[class*='dropdown-arrow-'] .dropdown-menu:after { + border-width: 6px 6px 0 6px; +} +.dropdown.up[class*='dropdown-arrow-'] .dropdown-menu:before { + border-width: 8px 8px 0 8px; +} + +.nav-responsive.nav-responsive-text.naver .naver-container:before, .nav-responsive-left.nav-responsive-text.naver .naver-container:after, .nav-responsive-center.nav-responsive-text.naver .naver-container:after { + clear: both; + content: "."; + display: block; + height: 0; + line-height: 0; + text-align: center; + visibility: hidden; +} + +nav ul, +nav ol { + list-style: none; + margin: 0; +} +nav li { + cursor: pointer; + position: relative; +} +.dropdown nav li { + margin-right: 0px; +} + +.naver .naver-handle { + color: inherit; + cursor: pointer; + display: none; + font-size: 24px; + font-size: 1.5rem; + line-height: 1; + text-align: right; + text-transform: uppercase; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.naver .naver-wrapper { + height: auto; + width: 100%; +} +.naver.enabled .naver-handle { + display: block; +} +.naver.enabled .naver-wrapper { + height: 0px; + overflow: hidden; +} +.naver.enabled .naver-wrapper li { + display: block; + padding: 8px; + text-align: left; + width: 100%; +} +.naver.enabled .naver-wrapper li:hover { + background: #f9f9f9; +} + +.nav-responsive.naver .naver-handle:after { + content: "\2261"; + text-align: right; +} +.nav-responsive.nav-responsive-text.naver .naver-handle:after { + content: "\00a0 \2261"; +} + +.nav-responsive-left.naver .naver-handle { + text-align: left; +} +.nav-responsive-left.naver .naver-handle:before { + content: "\2261"; + text-align: left; +} +.nav-responsive-left.nav-responsive-text.naver .naver-handle:before { + content: "\2261 \00a0"; +} + +.nav-responsive-center.naver .naver-handle { + text-align: center; +} +.nav-responsive-center.naver .naver-handle:before { + content: "\2261"; + text-align: center; +} +.nav-responsive-center.nav-responsive-text.naver .naver-handle:before { + content: "\2261 \00a0"; +} + +.float-left { + float: left; +} + +.float-right { + float: right; +} + +.float-none { + float: none; +} + +.align-center { + display: block; + margin-left: auto; + margin-right: auto; +} + +.no-margin { + margin: 0; +} + +.inline { + display: inline; +} + +.show { + display: block; + visibility: visible; +} + +.hide { + display: none; + visibility: hidden; +} + +.screen-reader, +.text-hide { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; +} + +.full-width { + width: 100%; +} + +img.full-width { + max-width: 100%; + height: auto; + display: block; + width: auto; +} + +.text-left { + text-align: left; +} + +.text-right { + text-align: right; +} + +.text-center { + text-align: center; +} + +.text-justify { + text-align: justify; +} + +.weight-light { + font-weight: 300; +} + +.weight-normal { + font-weight: 400; +} + +.weight-semibold { + font-weight: 600; +} + +.text-uppercase { + text-transform: uppercase; +} + +.amp { + font: italic 110% Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif; +} + +.caret { + border-top: 5px solid; + border-right: 5px solid transparent; + border-left: 5px solid transparent; + display: inline-block; + margin: 0 0 3px 4px; + vertical-align: middle; + width: 0; +} + +.fluid { + max-width: 100%; + height: auto; +} + +.show-extra-small, +.hide-small, +.hide-medium, +.hide-large, +.hide-extra-large, +.hide-print, +.hide-hd { + display: block; + visibility: visible; +} + +.hide-extra-small, +.show-small, +.show-medium, +.show-large, +.show-extra-large, +.show-print, +.show-hd { + display: none; + visibility: hidden; +} + +@media (min-width: 48em) { + .show-small, + .hide-extra-small, + .hide-medium, + .hide-large, + .hide-extra-large { + display: block; + visibility: visible; + } + + .hide-small, + .show-extra-small, + .show-medium, + .show-large, + .show-extra-large { + display: none; + visibility: hidden; + } +} +@media (min-width: 60em) { + .show-medium, + .hide-small, + .hide-extra-small, + .hide-large, + .hide-extra-large { + display: block; + visibility: visible; + } + + .hide-medium, + .show-small, + .show-extra-small, + .show-large, + .show-extra-large { + display: none; + visibility: hidden; + } +} +@media (min-width: 70em) { + .show-large, + .hide-extra-small, + .hide-small, + .hide-medium, + .hide-extra-large { + display: block; + visibility: visible; + } + + .hide-large, + .show-extra-small, + .show-small, + .show-medium, + .show-extra-large { + display: none; + visibility: hidden; + } +} +@media (min-width: 80em) { + .show-extra-large, + .hide-extra-small, + .hide-small, + .hide-medium, + .hide-large { + display: block; + visibility: visible; + } + + .hide-extra-large, + .show-extra-small, + .show-small, + .show-medium, + .show-large { + display: none; + visibility: hidden; + } +} +@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { + .show-hd { + display: block; + visibility: visible; + } + + .hide-hd { + display: none; + visibility: hidden; + } +} +@media print { + @page { + margin: 0.5cm; + } + *, + *:before, + *:after { + background: transparent !important; + color: black !important; + -webkit-filter: none !important; + filter: none !important; + text-shadow: none !important; + } + + body { + background-color: #fff; + color: #000; + font: 0.57em/1.3 Georgia, "Times New Roman", Times, serif; + } + + img { + max-width: 100% !important; + } + + .show-print { + display: block; + visibility: visible; + } + + .hide-print, + video, + audio, + object, + embed, + nav, + footer, + a[href^="#"]:after { + display: none; + visibility: hidden; + } + + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + + h2, + h3 { + page-break-after: avoid; + } + + a, + a:visited { + color: #000; + text-decoration: underline; + word-wrap: break-word; + } + a[href]:after, + a:visited[href]:after { + content: " (" attr(href) ")"; + font-size: smaller; + } + + q:after { + content: " (Source: " attr(cite) ")"; + } + + abbr[title]:after { + content: " (" attr(title) ")"; + } + + a:after, a[href^="javascript:"]:after, a[href^="#"]:after { + content: ""; + } + + pre, + blockquote { + border: 1px solid #ededed; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, + img { + page-break-inside: avoid; + } + + ul { + list-style: none; + } + ul li { + content: "» "; + } +} diff --git a/static/css/concise.min.css b/static/css/concise.min.css new file mode 100755 index 0000000..37dd5c9 --- /dev/null +++ b/static/css/concise.min.css @@ -0,0 +1 @@ +html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:focus{outline:thin dotted}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}mark{background:#ff0;color:#000}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{border:solid #eee;border-width:1px 0 0;box-sizing:content-box;clear:both;height:0}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}code,kbd,pre,samp{font-family:monospace, monospace;font-size:16px;font-size:1rem;line-height:1.5}q{quotes:none}q:before,q:after{content:'';content:none}form{margin:0}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;vertical-align:baseline}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{box-sizing:content-box;-webkit-appearance:textfield}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{margin:0 2px}legend{border:0;padding:0;white-space:normal}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.clearfix:after{content:"";display:table;clear:both}*,*:before,*:after{box-sizing:border-box}html,body{background-color:#fff;color:#333;font:normal normal 1em/1.5 "Droid Sans",Helvetica,Arial,sans-serif;margin:0;font-smooth:always;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased}html[dir="rtl"]{direction:rtl}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.giga,.mega,.kilo,hgroup,ul,ol,dl,blockquote,p,address,table,fieldset,figure,pre,.row,.form-item{margin-bottom:24px;margin-bottom:1.5rem}hr{margin-bottom:22px;margin-bottom:1.375rem}ul,ol,dd{margin-left:48px;margin-left:3rem}*::-webkit-selection{background-color:#666;color:#fff}*::-moz-selection{background-color:#666;color:#fff}*::selection{background-color:#666;color:#fff}a{color:#62b3e7}a:hover,a:visited{color:#8ec8ee;cursor:pointer}p a,p a:visited{line-height:inherit}small,.small{font-size:12px;font-size:0.75rem;line-height:2}.micro{font-size:10px;font-size:0.625rem;line-height:2.4}address{font-style:normal}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #999}acronym{cursor:help;border-bottom:1px dashed #62b3e7}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.giga,.mega,.kilo{color:#181818;font-family:"Droid Sans",Helvetica,Arial,sans-serif;font-weight:normal;text-rendering:optimizeLegibility}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,.h1 a,.h2 a,.h3 a,.h4 a,.h5 a,.h6 a,.giga a,.mega a,.kilo a{font-weight:inherit}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,.giga small,.mega small,.kilo small{color:gray;font-size:60%;line-height:1}h1,.h1{font-size:24px;font-size:1.5rem;line-height:1}@media (min-width: 48em){h1,.h1{font-size:32px;font-size:2rem;line-height:1.5}}@media (min-width: 60em){h1,.h1{font-size:36px;font-size:2.25rem;line-height:1.33333}}h2,.h2{font-size:20px;font-size:1.25rem;line-height:1.2}@media (min-width: 48em){h2,.h2{font-size:24px;font-size:1.5rem;line-height:1}}@media (min-width: 60em){h2,.h2{font-size:30px;font-size:1.875rem;line-height:1.6}}h3,.h3{font-size:18px;font-size:1.125rem;line-height:1.33333}@media (min-width: 48em){h3,.h3{font-size:20px;font-size:1.25rem;line-height:1.2}}@media (min-width: 60em){h3,.h3{font-size:24px;font-size:1.5rem;line-height:1}}h4,.h4{font-size:16px;font-size:1rem;line-height:1.5}@media (min-width: 48em){h4,.h4{font-size:18px;font-size:1.125rem;line-height:1.33333}}@media (min-width: 60em){h4,.h4{font-size:20px;font-size:1.25rem;line-height:1.2}}h5,.h5{font-size:14px;font-size:0.875rem;line-height:1.71429}@media (min-width: 48em){h5,.h5{font-size:16px;font-size:1rem;line-height:1.5}}@media (min-width: 60em){h5,.h5{font-size:18px;font-size:1.125rem;line-height:1.33333}}h6,.h6{font-size:12px;font-size:0.75rem;line-height:2}@media (min-width: 48em){h6,.h6{font-size:14px;font-size:0.875rem;line-height:1.71429}}@media (min-width: 60em){h6,.h6{font-size:16px;font-size:1rem;line-height:1.5}}.giga{font-size:48px;font-size:3rem;line-height:1}@media (min-width: 48em){.giga{font-size:64px;font-size:4rem;line-height:1.125}}@media (min-width: 70em){.giga{font-size:80px;font-size:5rem;line-height:1.2}}@media (min-width: 80em){.giga{font-size:96px;font-size:6rem;line-height:1}}.mega{font-size:40px;font-size:2.5rem;line-height:1.2}@media (min-width: 48em){.mega{font-size:48px;font-size:3rem;line-height:1}}@media (min-width: 70em){.mega{font-size:64px;font-size:4rem;line-height:1.125}}@media (min-width: 80em){.mega{font-size:72px;font-size:4.5rem;line-height:1}}.kilo{font-size:32px;font-size:2rem;line-height:1.5}@media (min-width: 48em){.kilo{font-size:32px;font-size:2rem;line-height:1.5}}@media (min-width: 70em){.kilo{font-size:48px;font-size:3rem;line-height:1}}@media (min-width: 80em){.kilo{font-size:64px;font-size:4rem;line-height:1.125}}.container{margin:0 auto;width:90%}@media (min-width: 48em){.container{width:620px}}@media (min-width: 60em){.container{width:768px}}@media (min-width: 70em){.container{width:960px}}@media (min-width: 80em){.container{width:1140px}}.row{width:100%}.row:after{clear:both;content:" ";display:table}[class*='column-']{background-clip:padding-box !important}[class*='column-'].right{float:right}[class*='column-'] img{max-width:100%}@media (min-width: 48em){[class*='column-']{float:left}.gutters [class*='column-']{margin-left:2%}.gutters [class*='column-']:first-child{margin-left:0}.gutters-off [class*='column-']{margin-left:0}.column-1,.gutters .gutters-off .column-1{width:6.25%}.gutters .column-1{width:4.375%}.column-2,.gutters .gutters-off .column-2{width:12.5%}.gutters .column-2{width:10.75%}.column-3,.gutters .gutters-off .column-3{width:18.75%}.gutters .column-3{width:17.125%}.column-4,.gutters .gutters-off .column-4{width:25%}.gutters .column-4{width:23.5%}.column-5,.gutters .gutters-off .column-5{width:31.25%}.gutters .column-5{width:29.875%}.column-6,.gutters .gutters-off .column-6{width:37.5%}.gutters .column-6{width:36.25%}.column-7,.gutters .gutters-off .column-7{width:43.75%}.gutters .column-7{width:42.625%}.column-8,.gutters .gutters-off .column-8{width:50%}.gutters .column-8{width:49%}.column-9,.gutters .gutters-off .column-9{width:56.25%}.gutters .column-9{width:55.375%}.column-10,.gutters .gutters-off .column-10{width:62.5%}.gutters .column-10{width:61.75%}.column-11,.gutters .gutters-off .column-11{width:68.75%}.gutters .column-11{width:68.125%}.column-12,.gutters .gutters-off .column-12{width:75%}.gutters .column-12{width:74.5%}.column-13,.gutters .gutters-off .column-13{width:81.25%}.gutters .column-13{width:80.875%}.column-14,.gutters .gutters-off .column-14{width:87.5%}.gutters .column-14{width:87.25%}.column-15,.gutters .gutters-off .column-15{width:93.75%}.gutters .column-15{width:93.625%}.column-16,.gutters .gutters-off .column-16{width:100%}.gutters .column-16{width:100%}[class*='push-']{position:relative}.push-1{left:6.25%}.gutters .push-1{left:4.25%}.push-2{left:12.5%}.gutters .push-2{left:10.5%}.push-3{left:18.75%}.gutters .push-3{left:16.75%}.push-4{left:25%}.gutters .push-4{left:23%}.push-5{left:31.25%}.gutters .push-5{left:29.25%}.push-6{left:37.5%}.gutters .push-6{left:35.5%}.push-7{left:43.75%}.gutters .push-7{left:41.75%}.push-8{left:50%}.gutters .push-8{left:48%}.push-9{left:56.25%}.gutters .push-9{left:54.25%}.push-10{left:62.5%}.gutters .push-10{left:60.5%}.push-11{left:68.75%}.gutters .push-11{left:66.75%}.push-12{left:75%}.gutters .push-12{left:73%}.push-13{left:81.25%}.gutters .push-13{left:79.25%}.push-14{left:87.5%}.gutters .push-14{left:85.5%}.push-15{left:93.75%}.gutters .push-15{left:91.75%}[class*='pull-']{position:relative}.pull-1{right:6.25%}.gutters .pull-1{right:4.25%}.pull-2{right:12.5%}.gutters .pull-2{right:10.5%}.pull-3{right:18.75%}.gutters .pull-3{right:16.75%}.pull-4{right:25%}.gutters .pull-4{right:23%}.pull-5{right:31.25%}.gutters .pull-5{right:29.25%}.pull-6{right:37.5%}.gutters .pull-6{right:35.5%}.pull-7{right:43.75%}.gutters .pull-7{right:41.75%}.pull-8{right:50%}.gutters .pull-8{right:48%}.pull-9{right:56.25%}.gutters .pull-9{right:54.25%}.pull-10{right:62.5%}.gutters .pull-10{right:60.5%}.pull-11{right:68.75%}.gutters .pull-11{right:66.75%}.pull-12{right:75%}.gutters .pull-12{right:73%}.pull-13{right:81.25%}.gutters .pull-13{right:79.25%}.pull-14{right:87.5%}.gutters .pull-14{right:85.5%}.pull-15{right:93.75%}.gutters .pull-15{right:91.75%}}.non-responsive [class*='column-']{float:left;width:auto !important}.non-responsive .gutters [class*='column-'],.non-responsive.gutters [class*='column-']{margin-left:2%}.non-responsive .gutters [class*='column-']:first-child,.non-responsive.gutters [class*='column-']:first-child{margin-left:0}ul,ol{margin-left:20px;padding-left:0px}ul li,ol li{line-height:1.75em}ul ul,ol ul{list-style-type:circle;margin-bottom:auto}ul ul ul,ol ul ul{list-style-type:square}ul ul ol,ol ul ol{list-style-type:lower-roman}@media (min-width: 48em){ul ul,ol ul{margin-left:20px}}ul ol,ol ol{list-style-type:lower-latin;margin-bottom:auto}ul ol ol,ol ol ol{list-style-type:lower-roman}ul ol ul,ol ol ul{list-style-type:square}.list-unstyled{margin-left:0px;list-style:none}.list-unstyled ul{list-style:none}.list-unstyled ul ul{list-style:none}.list-inline{margin-left:0px}.list-inline li{border-bottom:none;display:inline;margin-right:15px}.list-inline li:last-child{margin-right:0px}@media (min-width: 48em){.list-inline li{margin-right:15px}.list-inline li:last-child{margin-right:0px}}@media (min-width: 60em){.list-inline li{margin-right:30px}.list-inline li:last-child{margin-right:0px}}dt{font-weight:bold}dd{margin-left:0px}input[type="checkbox"],input[type="file"],input[type="image"],input[type="radio"]{background:auto;border:auto;height:auto;width:auto}input[disabled],select[disabled],textarea[disabled]{background-color:#f6f6f6;cursor:not-allowed}label{display:block}textarea{height:auto}.form input,.form select,.form textarea{border:1px solid #ccc;box-sizing:border-box;height:37px;padding:5px;width:100%}@media (min-width: 30em){.form input,.form select,.form textarea{width:300px}}.form textarea{height:auto}@media (min-width: 30em){.form input[type="submit"]{display:block;width:auto}}.form input:focus,.form select:focus,.form textarea:focus,.form button:focus,.form [contenteditable="true"]:focus{outline:1px solid #a6a6a6}.form fieldset{border:1px solid #ccc;padding:10px 25px}.form fieldset legend{font-weight:bold;font-size:13px;font-size:0.8125rem;line-height:1.84615;padding:0 10px}.form-item{display:block}.form-inline label{width:auto}@media (min-width: 48em){.form-inline label{display:inline-block;width:100px}.form-inline textarea{width:auto}}::-webkit-input-placeholder{color:#bbb}:-ms-input-placeholder{color:#bbb}::-moz-placeholder{color:#bbb}:-moz-placeholder{color:#bbb}table.table{empty-cells:show;width:100%}table.table caption{color:#000;font:italic 85%/1 arial, sans-serif;padding:1em 0;text-align:center}table.table thead{border-bottom:2px solid #ccc}table.table th,table.table td{padding:12px 15px}table.table td{border-top:1px solid #ccc}@media (min-width: 30em){table.table{width:auto}table.table th,table.table td{padding:10px 50px 10px 25px}}table.table-full,table.table.table-full{width:100%}.table-responsive{overflow:auto;width:100%}.table-responsive table{margin-bottom:0}.table-responsive::-webkit-scrollbar{height:14px;width:14px;-webkit-appearance:none}.table-responsive::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,0.2);border:3px solid #fff;border-radius:8px}.bg-white{background-color:#fff}.bg-black{background-color:#222}.bg-light-black{background-color:#757575}.bg-gray{background-color:#999}.bg-light-gray{background-color:#ececec}.bg-green{background-color:#5cb85c}.bg-light-green{background-color:#cfeacf}.bg-blue{background-color:#5bc0de}.bg-light-blue{background-color:#e5f5fa}.bg-yellow{background-color:#ed9c28}.bg-light-yellow{background-color:#fae2c1}.bg-red{background-color:#d9534f}.bg-light-red{background-color:#f6d8d7}.color-white{color:#fff}.color-black{color:#222}.color-gray{color:#999}.color-green{color:#468847}.color-blue{color:#3a87ad}.color-yellow{color:#c09853}.color-red{color:#d2322d}.btn{background-color:#ccc;border:0;color:#fff;cursor:pointer;display:inline-block;font-family:inherit;font-size:100%;line-height:1;padding:0.5em 1em;position:relative;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:baseline;white-space:nowrap}.btn::-moz-focus-inner{padding:0;border:0}.btn:hover{background-color:#b3b3b3}.btn:active{background-color:#bfbfbf}.btn[disabled],.btn[disabled]:hover,.btn[disabled]:active,.btn[disabled]:focus{background:#dededc !important;border:none;color:#b3b3b1;cursor:not-allowed}.btn a.btn,.btn a.btn:hover{color:#fff;text-decoration:none}.btn a.btn:active{outline:0}.btn input[type="submit"].btn{color:#fff;height:auto;padding:0.5em 1em}.btn button.btn{color:#fff}.btn.bg-white{background-color:#fff}.btn.bg-white:hover{background-color:#e6e6e6}.btn.bg-white:active{background-color:#f2f2f2}.btn.bg-black{background-color:#222}.btn.bg-black:hover{background-color:#090909}.btn.bg-black:active{background-color:#151515}.btn.bg-light-black{background-color:#757575}.btn.bg-gray{background-color:#999}.btn.bg-gray:hover{background-color:gray}.btn.bg-gray:active{background-color:#8c8c8c}.btn.bg-light-gray{background-color:#ececec}.btn.bg-green{background-color:#5cb85c}.btn.bg-green:hover{background-color:#449d44}.btn.bg-green:active{background-color:#4cae4c}.btn.bg-light-green{background-color:#cfeacf}.btn.bg-blue{background-color:#5bc0de}.btn.bg-blue:hover{background-color:#31b0d5}.btn.bg-blue:active{background-color:#46b8da}.btn.bg-light-blue{background-color:#e5f5fa}.btn.bg-yellow{background-color:#ed9c28}.btn.bg-yellow:hover{background-color:#d18211}.btn.bg-yellow:active{background-color:#e89113}.btn.bg-light-yellow{background-color:#fae2c1}.btn.bg-red{background-color:#d9534f}.btn.bg-red:hover{background-color:#c9302c}.btn.bg-red:active{background-color:#d43f3a}.btn.bg-light-red{background-color:#f6d8d7}.btn-collapse-full{display:block;margin:12px 0;width:100%}@media (min-width: 30em){.btn-collapse-full{display:inline-block;margin:0;width:auto}}.btn-extra-small,a.btn-extra-small,p.btn-extra-small,input.btn-extra-small{font-size:10px;font-size:0.625rem;line-height:2.4;padding:0.25em 0.75em}.btn-small,a.btn-small,p.btn-small,input.btn-small{font-size:12px;font-size:0.75rem;line-height:2}.btn-large,a.btn-large,p.btn-large,input.btn-large{font-size:18px;font-size:1.125rem;line-height:1.33333;padding:1em 2em}.btn-extra-large,a.btn-extra-large,p.btn-extra-large,input.btn-extra-large{font-size:24px;font-size:1.5rem;line-height:1;padding:1em 2em}.btn.dropdown{width:100%}.btn.dropdown .dropdown-menu{margin-top:auto;text-align:left;top:100%;width:100%}.btn.dropdown[class*='dropdown-arrow-'] .dropdown-menu{margin-top:10px}.btn.dropdown.up .dropdown-menu{margin-bottom:0px;top:auto}.btn.dropdown.up[class*='dropdown-arrow-'] .dropdown-menu{margin-bottom:10px}@media (min-width: 48em){.btn-extra-small .caret,.btn-small .caret{border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.btn.dropdown{width:auto}.btn.dropdown.extra-small .dropdown-menu{margin-top:6px}.btn.dropdown.dropdown-small .dropdown-menu{margin-top:11px}.btn.dropdown.dropdown-large .dropdown-menu{margin-top:21px}}.dropdown{cursor:pointer;outline:none;position:relative;width:auto}.dropdown .dropdown-menu{background-color:#fff;border:1px solid #ededed;border-radius:inherit;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);font-weight:inherit;left:0;margin-left:0px;opacity:0;pointer-events:none;position:absolute;right:0;text-transform:none;transition:all 0.3s ease-in;z-index:99999}.dropdown .dropdown-menu a{text-decoration:none}.dropdown .dropdown-menu p{margin:0;padding:10px 15px}.dropdown .dropdown-menu span{line-height:inherit}.dropdown .dropdown-menu img{padding:15px;width:100%}.dropdown .dropdown-menu iframe{height:auto;padding:15px;width:100%}.dropdown .dropdown-menu img+p,.dropdown .dropdown-menu iframe+p{padding-top:0px}.dropdown .dropdown-menu hr{margin:10px}.dropdown .dropdown-menu li{display:block;padding:5px 10px;transition:all 0.3s ease-out}.dropdown .dropdown-menu li:hover{background-color:#f3f8f8}.dropdown .dropdown-menu>.dropdown-header{margin:0}.dropdown ul.dropdown-menu{list-style-type:none}.dropdown.dropdown-active .dropdown-menu{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1;pointer-events:auto}.dropdown .dropdown-header{color:#aaa;cursor:default;font-size:14px;font-size:0.875rem;line-height:1.71429;margin:12px 0 0;padding:0 0 0 9px}.dropdown.dropdown-collapse-full .dropdown-menu{width:100%}@media (min-width: 48em){.dropdown .dropdown-menu{width:200px}.dropdown.dropdown-small .dropdown-menu{width:150px}.dropdown.dropdown-large .dropdown-menu{width:350px}.dropdown.dropdown-full .dropdown-menu{width:100%}.dropdown.dropdown-collapse-full .dropdown-menu{width:200px}}.dropdown .dropdown-header:hover,.dropdown li.dropdown-header:hover{background:none}.dropdown[class*='dropdown-arrow-'] .dropdown-menu{margin-top:10px}.dropdown[class*='dropdown-arrow-'] .dropdown-menu:before,.dropdown[class*='dropdown-arrow-'] .dropdown-menu:after{border-color:#fff transparent;border-style:solid;bottom:100%;border-width:0 6px 6px 6px;content:"";height:0;position:absolute;width:0}.dropdown[class*='dropdown-arrow-'] .dropdown-menu:before{border:8px rgba(0,0,0,0.1);border-right-color:transparent;border-left-color:transparent;border-top-width:0}.dropdown.dropdown-arrow-left .dropdown-menu:after{left:15px}.dropdown.dropdown-arrow-left .dropdown-menu:before{left:13px}.dropdown.dropdown-arrow-right .dropdown-menu:after{right:15px}.dropdown.dropdown-arrow-right .dropdown-menu:before{right:13px}.dropdown.up .dropdown-menu{bottom:100%}.dropdown.up[class*='dropdown-arrow-'] .dropdown-menu{margin-bottom:10px}.dropdown.up[class*='dropdown-arrow-'] .dropdown-menu:after,.dropdown.up[class*='dropdown-arrow-'] .dropdown-menu:before{top:100%}.dropdown.up[class*='dropdown-arrow-'] .dropdown-menu:after{border-width:6px 6px 0 6px}.dropdown.up[class*='dropdown-arrow-'] .dropdown-menu:before{border-width:8px 8px 0 8px}.nav-responsive.nav-responsive-text.naver .naver-container:before,.nav-responsive-left.nav-responsive-text.naver .naver-container:after,.nav-responsive-center.nav-responsive-text.naver .naver-container:after{clear:both;content:".";display:block;height:0;line-height:0;text-align:center;visibility:hidden}nav ul,nav ol{list-style:none;margin:0}nav li{cursor:pointer;position:relative}.dropdown nav li{margin-right:0px}.naver .naver-handle{color:inherit;cursor:pointer;display:none;font-size:24px;font-size:1.5rem;line-height:1;text-align:right;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.naver .naver-wrapper{height:auto;width:100%}.naver.enabled .naver-handle{display:block}.naver.enabled .naver-wrapper{height:0px;overflow:hidden}.naver.enabled .naver-wrapper li{display:block;padding:8px;text-align:left;width:100%}.naver.enabled .naver-wrapper li:hover{background:#f9f9f9}.nav-responsive.naver .naver-handle:after{content:"\2261";text-align:right}.nav-responsive.nav-responsive-text.naver .naver-handle:after{content:"\00a0 \2261"}.nav-responsive-left.naver .naver-handle{text-align:left}.nav-responsive-left.naver .naver-handle:before{content:"\2261";text-align:left}.nav-responsive-left.nav-responsive-text.naver .naver-handle:before{content:"\2261 \00a0"}.nav-responsive-center.naver .naver-handle{text-align:center}.nav-responsive-center.naver .naver-handle:before{content:"\2261";text-align:center}.nav-responsive-center.nav-responsive-text.naver .naver-handle:before{content:"\2261 \00a0"}.float-left{float:left}.float-right{float:right}.float-none{float:none}.align-center{display:block;margin-left:auto;margin-right:auto}.no-margin{margin:0}.inline{display:inline}.show{display:block;visibility:visible}.hide{display:none;visibility:hidden}.screen-reader,.text-hide{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.full-width{width:100%}img.full-width{max-width:100%;height:auto;display:block;width:auto}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.weight-light{font-weight:300}.weight-normal{font-weight:400}.weight-semibold{font-weight:600}.text-uppercase{text-transform:uppercase}.amp{font:italic 110% Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif}.caret{border-top:5px solid;border-right:5px solid transparent;border-left:5px solid transparent;display:inline-block;margin:0 0 3px 4px;vertical-align:middle;width:0}.fluid{max-width:100%;height:auto}.show-extra-small,.hide-small,.hide-medium,.hide-large,.hide-extra-large,.hide-print,.hide-hd{display:block;visibility:visible}.hide-extra-small,.show-small,.show-medium,.show-large,.show-extra-large,.show-print,.show-hd{display:none;visibility:hidden}@media (min-width: 48em){.show-small,.hide-extra-small,.hide-medium,.hide-large,.hide-extra-large{display:block;visibility:visible}.hide-small,.show-extra-small,.show-medium,.show-large,.show-extra-large{display:none;visibility:hidden}}@media (min-width: 60em){.show-medium,.hide-small,.hide-extra-small,.hide-large,.hide-extra-large{display:block;visibility:visible}.hide-medium,.show-small,.show-extra-small,.show-large,.show-extra-large{display:none;visibility:hidden}}@media (min-width: 70em){.show-large,.hide-extra-small,.hide-small,.hide-medium,.hide-extra-large{display:block;visibility:visible}.hide-large,.show-extra-small,.show-small,.show-medium,.show-extra-large{display:none;visibility:hidden}}@media (min-width: 80em){.show-extra-large,.hide-extra-small,.hide-small,.hide-medium,.hide-large{display:block;visibility:visible}.hide-extra-large,.show-extra-small,.show-small,.show-medium,.show-large{display:none;visibility:hidden}}@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){.show-hd{display:block;visibility:visible}.hide-hd{display:none;visibility:hidden}}@media print{@page{margin:0.5cm}*,*:before,*:after{background:transparent !important;color:black !important;-webkit-filter:none !important;filter:none !important;text-shadow:none !important}body{background-color:#fff;color:#000;font:0.57em/1.3 Georgia,"Times New Roman",Times,serif}img{max-width:100% !important}.show-print{display:block;visibility:visible}.hide-print,video,audio,object,embed,nav,footer,a[href^="#"]:after{display:none;visibility:hidden}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}a,a:visited{color:#000;text-decoration:underline;word-wrap:break-word}a[href]:after,a:visited[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #ededed;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}ul{list-style:none}ul li{content:"» "}} diff --git a/static/js/concise.js b/static/js/concise.js new file mode 100755 index 0000000..6976839 --- /dev/null +++ b/static/js/concise.js @@ -0,0 +1,483 @@ +/** + * # Concise.js + * http://github.com/ConciseCSS/concise.css + * + * + * Copyright 2014 Contributors + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + */ +(function($){ + /** + * Powers the universal dropdown selector. + * + * @class DropDown + * @param {Object} el jQuery object + */ + function DropDown(el) { + this.dd = el; + this.initEvents(); + } + + DropDown.prototype = { + initEvents : function() { + // Toggle .dropdown-active on click + this.dd.on('click', function(event){ + $(this).toggleClass('dropdown-active'); + event.stopPropagation(); + }); + + // Toggle .dropdown-active on hover + $(".dropdown-hover").mouseenter(function(event) { + $(this).addClass("dropdown-active"); + event.stopPropagation(); + }); + } + } + + + /** + * Determine if responsive navigation text needs to be added. + * + * @method responsiveNav + * @return {Object} naver A naver plugin instantiation + */ + $.fn.responsiveNav = function() { + // Loop through each instance of responsive navigation + this.each(function(index) { + var labelState = $(this).hasClass( "nav-responsive-text" ); + + return $(this).naver({ + maxWidth: "768px", + label: labelState + }); + }); + }; + + + /** + * Calculate object width + */ + $.fn.calculateWidth = function() { + return $(this).width(); + }; + + + /** + * Calculates proper widths for non-responsive websites. + * + * @method nonResponsive + * @note Only necessary for non-responsive websites. + */ + $.fn.nonResponsive = function() { + + // Loop through each instance of the `.non-responsive` class + this.each(function(index) { + if ($(this).hasClass("non-responsive")) { + + // Get container width + var containerWidth = $(".container").width(), + i = 1, + max = 24; + + // Set pixel-based alternatives for grid styles + // But first we need to know if our row has class `gutters` + if($(this).hasClass("gutters")) { + for (; i <= max; i++ ) { + // Column width for row with gutters + var columnWidth = ($('.column-'+i).calculateWidth()), + gutterWidth = columnWidth * 0.02; + + $('.gutters .column-'+i).css("width", columnWidth - gutterWidth + "px"); + } + } else { + for (; i <= max ; i++ ) { + // Column width for normal row + var columnWidth = ($('.column-'+i).calculateWidth() - 1); + $('.column-'+i).css("width", columnWidth + "px"); + } + } + } + }); + }; + + $(function(){ + var dropdown = $('.dropdown'); + + new DropDown(dropdown); + + $(document).click(function() { + dropdown.removeClass('dropdown-active'); + }); + + $(".dropdown-menu").mouseleave(function() { + dropdown.removeClass("dropdown-active"); + }); + }); +}(jQuery)); + +jQuery(document).ready(function() { + jQuery(".nav-responsive, .nav-responsive-left, .nav-responsive-center").responsiveNav(); + jQuery("body, .row").nonResponsive(); +}); + + +/* + * Naver v3.0.8 - 2014-05-06 + * A jQuery plugin for responsive navigation. Part of the Formstone Library. + * http://formstone.it/naver/ + * + * Copyright 2014 Ben Plum; MIT Licensed + */ + +;(function ($, window) { + "use strict"; + + /** + * @options + * @param customClass [string] <''> "Class applied to instance" + * @param label [boolean] "Display handle width label" + * @param labels.closed [string] <'Navigation'> "Closed state text" + * @param labels.open [string] <'Close'> "Open state text" + * @param maxWidth [string] <'980px'> "Width at which to auto-disable plugin" + */ + var options = { + customClass: "", + label: true, + labels: { + closed: "Navigation", + open: "Close" + }, + maxWidth: "980px" + }; + + /** + * @events + * @event open.naver "Navigation opened" + * @event close.naver "Navigation closed" + */ + + var pub = { + + /** + * @method + * @name close + * @description Closes instance + * @example $(".target").naver("close"); + */ + close: function(e) { + return $(this).each(function(i, nav) { + var data = $(nav).data("naver"); + + if (data && data.$nav.hasClass("enabled")) { + data.$wrapper.css({ + height: 0 + }); + if (data.label) { + data.$handle.html(data.labels.closed); + } + data.$nav.removeClass("open") + .trigger("close.naver"); + } + }); + }, + + /** + * @method + * @name defaults + * @description Sets default plugin options + * @param opts [object] <{}> "Options object" + * @example $.naver("defaults", opts); + */ + defaults: function(opts) { + options = $.extend(true, options, opts || {}); + return $(this); + }, + + /** + * @method + * @name disable + * @description Disables instance + * @example $(".target").naver("disable"); + */ + disable: function() { + return $(this).each(function(i, nav) { + var data = $(nav).data("naver"); + + if (data) { + data.$nav.removeClass("enabled"); + data.$wrapper.css({ height: "" }); + } + }); + }, + + /** + * @method + * @name destroy + * @description Destroys instance + * @example $(".target").naver("destroy"); + */ + destroy: function() { + return $(this).each(function(i, nav) { + var data = $(nav).data("naver"); + + if (data) { + data.$handle.remove(); + data.$container.contents() + .unwrap() + .unwrap(); + + data.$nav.removeClass("enabled disabled naver " + data.customClass) + .off(".naver") + .removeData("naver"); + } + }); + }, + + /** + * @method + * @name enable + * @description Enables instance + * @example $(".target").naver("enable"); + */ + enable: function() { + return $(this).each(function(i, nav) { + var data = $(nav).data("naver"); + + if (data) { + data.$nav.addClass("enabled"); + pub.close.apply(data.$nav); + } + }); + }, + + /** + * @method + * @name open + * @description Opens instance + * @example $(".target").naver("open"); + */ + open: function() { + return $(this).each(function(i, nav) { + var data = $(nav).data("naver"); + + if (data && data.$nav.hasClass("enabled")) { + data.$wrapper.css({ + height: data.$container.outerHeight(true) + }); + if (data.label) { + data.$handle.html(data.labels.open); + } + data.$nav.addClass("open") + .trigger("open.naver"); + } + }); + } + }; + + /** + * @method private + * @name _init + * @description Initializes plugin + * @param opts [object] "Initialization options" + */ + function _init(opts) { + // Settings + opts = $.extend(true, {}, options, opts); + + // Apply to each element + var $items = $(this); + for (var i = 0, count = $items.length; i < count; i++) { + _build($items.eq(i), opts); + } + return $items; + } + + /** + * @method private + * @name _build + * @description Builds each instance + * @param $nav [jQuery object] "Target jQuery object" + * @param opts [object] <{}> "Options object" + */ + function _build($nav, opts) { + if (!$nav.data("naver")) { + // Extend Options + opts = $.extend(true, {}, opts, $nav.data("naver-options")); + + var $handle = $nav.find(".naver-handle").length ? $nav.find(".naver-handle").detach() : $(''); + + $nav.addClass("naver " + opts.customClass) + .wrapInner('
') + .wrapInner('
') + .prepend($handle); + + var data = $.extend(true, { + $nav: $nav, + $container: $nav.find(".naver-container"), + $wrapper: $nav.find(".naver-wrapper"), + $handle: $nav.find(".naver-handle") + }, opts); + + data.$handle.text((opts.label) ? opts.labels.closed : ''); + data.$nav.on("touchstart.naver", ".naver-handle", data, _onTouchStart) + .on("click.naver", ".naver-handle", data, _onClick) + .data("naver", data); + + + // Navtive MQ Support + if (window.matchMedia !== undefined) { + data.mediaQuery = window.matchMedia("(max-width:" + (data.maxWidth === Infinity ? "100000px" : data.maxWidth) + ")"); + // Make sure we stay in context + data.mediaQuery.addListener(function() { + _onRespond.apply(data.$nav); + }); + _onRespond.apply(data.$nav); + } + } + } + + /** + * @method private + * @name _onTouchStart + * @description Handles touchstart to selected item + * @param e [object] "Event data" + */ + function _onTouchStart(e) { + e.stopPropagation(); + + var data = e.data, + oe = e.originalEvent; + + _clearTimer(data.timer); + + data.touchStartX = oe.touches[0].clientX; + data.touchStartY = oe.touches[0].clientY; + + data.$nav.on("touchmove.naver", ".naver-handle", data, _onTouchMove) + .on("touchend.naver", ".naver-handle", data, _onTouchEnd); + } + + /** + * @method private + * @name _onTouchMove + * @description Handles touchmove to selected item + * @param e [object] "Event data" + */ + function _onTouchMove(e) { + var data = e.data, + oe = e.originalEvent; + + if (Math.abs(oe.touches[0].clientX - data.touchStartX) > 10 || Math.abs(oe.touches[0].clientY - data.touchStartY) > 10) { + data.$nav.off("touchmove.naver touchend.naver"); + } + } + + /** + * @method private + * @name _onTouchEnd + * @description Handles touchend to selected item + * @param e [object] "Event data" + */ + function _onTouchEnd(e) { + e.preventDefault(); + e.stopPropagation(); + + var data = e.data; + + data.$nav.off("touchmove.naver touchend.naver click.naver"); + + // prevent ghosty clicks + data.timer = _startTimer(data.timer, 1000, function() { + data.$nav.on("click.naver", ".naver-handle", data, _onClick); + }); + + _onClick(e); + } + + /** + * @method private + * @name _onClick + * @description Handles click nav click + * @param e [object] "Event data" + */ + function _onClick(e) { + e.preventDefault(); + e.stopPropagation(); + + var $target = $(e.currentTarget), + data = e.data; + + // Close other open instances + $(".naver").not(data.$nav) + .naver("close"); + + if (data.$nav.hasClass("open")) { + pub.close.apply(data.$nav); + } else { + pub.open.apply(data.$nav); + } + } + + /** + * @method private + * @name _onRespond + * @description Handles media query match change + */ + function _onRespond() { + var data = $(this).data("naver"); + + if (data.mediaQuery.matches) { + pub.enable.apply(data.$nav); + } else { + pub.disable.apply(data.$nav); + } + } + + /** + * @method private + * @name _startTimer + * @description Starts an internal timer + * @param timer [int] "Timer ID" + * @param time [int] "Time until execution" + * @param callback [int] "Function to execute" + * @param interval [boolean] "Flag for recurring interval" + */ + function _startTimer(timer, time, func, interval) { + _clearTimer(timer, interval); + if (interval === true) { + return setInterval(func, time); + } else { + return setTimeout(func, time); + } + } + + /** + * @method private + * @name _clearTimer + * @description Clears an internal timer + * @param timer [int] "Timer ID" + */ + function _clearTimer(timer) { + if (timer !== null) { + clearInterval(timer); + timer = null; + } + } + + $.fn.naver = function(method) { + if (pub[method]) { + return pub[method].apply(this, Array.prototype.slice.call(arguments, 1)); + } else if (typeof method === 'object' || !method) { + return _init.apply(this, arguments); + } + return this; + }; + + $.naver = function(method) { + if (method === "defaults") { + pub.defaults.apply(this, Array.prototype.slice.call(arguments, 1)); + } + }; +})(jQuery, window); diff --git a/static/js/concise.min.js b/static/js/concise.min.js new file mode 100755 index 0000000..fdc378d --- /dev/null +++ b/static/js/concise.min.js @@ -0,0 +1 @@ +!function($){function DropDown(el){this.dd=el,this.initEvents()}DropDown.prototype={initEvents:function(){this.dd.on("click",function(event){$(this).toggleClass("dropdown-active"),event.stopPropagation()}),$(".dropdown-hover").mouseenter(function(event){$(this).addClass("dropdown-active"),event.stopPropagation()})}},$.fn.responsiveNav=function(){this.each(function(){var labelState=$(this).hasClass("nav-responsive-text");return $(this).naver({maxWidth:"768px",label:labelState})})},$.fn.calculateWidth=function(){return $(this).width()},$.fn.nonResponsive=function(){this.each(function(){if($(this).hasClass("non-responsive")){var i=($(".container").width(),1),max=24;if($(this).hasClass("gutters"))for(;max>=i;i++){var columnWidth=$(".column-"+i).calculateWidth(),gutterWidth=.02*columnWidth;$(".gutters .column-"+i).css("width",columnWidth-gutterWidth+"px")}else for(;max>=i;i++){var columnWidth=$(".column-"+i).calculateWidth()-1;$(".column-"+i).css("width",columnWidth+"px")}}})},$(function(){var dropdown=$(".dropdown");new DropDown(dropdown),$(document).click(function(){dropdown.removeClass("dropdown-active")}),$(".dropdown-menu").mouseleave(function(){dropdown.removeClass("dropdown-active")})})}(jQuery),jQuery(document).ready(function(){jQuery(".nav-responsive, .nav-responsive-left, .nav-responsive-center").responsiveNav(),jQuery("body, .row").nonResponsive()}),function($,window){"use strict";function _init(opts){opts=$.extend(!0,{},options,opts);for(var $items=$(this),i=0,count=$items.length;count>i;i++)_build($items.eq(i),opts);return $items}function _build($nav,opts){if(!$nav.data("naver")){opts=$.extend(!0,{},opts,$nav.data("naver-options"));var $handle=$nav.find(".naver-handle").length?$nav.find(".naver-handle").detach():$('');$nav.addClass("naver "+opts.customClass).wrapInner('
').wrapInner('
').prepend($handle);var data=$.extend(!0,{$nav:$nav,$container:$nav.find(".naver-container"),$wrapper:$nav.find(".naver-wrapper"),$handle:$nav.find(".naver-handle")},opts);data.$handle.text(opts.label?opts.labels.closed:""),data.$nav.on("touchstart.naver",".naver-handle",data,_onTouchStart).on("click.naver",".naver-handle",data,_onClick).data("naver",data),void 0!==window.matchMedia&&(data.mediaQuery=window.matchMedia("(max-width:"+(1/0===data.maxWidth?"100000px":data.maxWidth)+")"),data.mediaQuery.addListener(function(){_onRespond.apply(data.$nav)}),_onRespond.apply(data.$nav))}}function _onTouchStart(e){e.stopPropagation();var data=e.data,oe=e.originalEvent;_clearTimer(data.timer),data.touchStartX=oe.touches[0].clientX,data.touchStartY=oe.touches[0].clientY,data.$nav.on("touchmove.naver",".naver-handle",data,_onTouchMove).on("touchend.naver",".naver-handle",data,_onTouchEnd)}function _onTouchMove(e){var data=e.data,oe=e.originalEvent;(Math.abs(oe.touches[0].clientX-data.touchStartX)>10||Math.abs(oe.touches[0].clientY-data.touchStartY)>10)&&data.$nav.off("touchmove.naver touchend.naver")}function _onTouchEnd(e){e.preventDefault(),e.stopPropagation();var data=e.data;data.$nav.off("touchmove.naver touchend.naver click.naver"),data.timer=_startTimer(data.timer,1e3,function(){data.$nav.on("click.naver",".naver-handle",data,_onClick)}),_onClick(e)}function _onClick(e){e.preventDefault(),e.stopPropagation();var data=($(e.currentTarget),e.data);$(".naver").not(data.$nav).naver("close"),data.$nav.hasClass("open")?pub.close.apply(data.$nav):pub.open.apply(data.$nav)}function _onRespond(){var data=$(this).data("naver");data.mediaQuery.matches?pub.enable.apply(data.$nav):pub.disable.apply(data.$nav)}function _startTimer(timer,time,func,interval){return _clearTimer(timer,interval),interval===!0?setInterval(func,time):setTimeout(func,time)}function _clearTimer(timer){null!==timer&&(clearInterval(timer),timer=null)}var options={customClass:"",label:!0,labels:{closed:"Navigation",open:"Close"},maxWidth:"980px"},pub={close:function(){return $(this).each(function(i,nav){var data=$(nav).data("naver");data&&data.$nav.hasClass("enabled")&&(data.$wrapper.css({height:0}),data.label&&data.$handle.html(data.labels.closed),data.$nav.removeClass("open").trigger("close.naver"))})},defaults:function(opts){return options=$.extend(!0,options,opts||{}),$(this)},disable:function(){return $(this).each(function(i,nav){var data=$(nav).data("naver");data&&(data.$nav.removeClass("enabled"),data.$wrapper.css({height:""}))})},destroy:function(){return $(this).each(function(i,nav){var data=$(nav).data("naver");data&&(data.$handle.remove(),data.$container.contents().unwrap().unwrap(),data.$nav.removeClass("enabled disabled naver "+data.customClass).off(".naver").removeData("naver"))})},enable:function(){return $(this).each(function(i,nav){var data=$(nav).data("naver");data&&(data.$nav.addClass("enabled"),pub.close.apply(data.$nav))})},open:function(){return $(this).each(function(i,nav){var data=$(nav).data("naver");data&&data.$nav.hasClass("enabled")&&(data.$wrapper.css({height:data.$container.outerHeight(!0)}),data.label&&data.$handle.html(data.labels.open),data.$nav.addClass("open").trigger("open.naver"))})}};$.fn.naver=function(method){return pub[method]?pub[method].apply(this,Array.prototype.slice.call(arguments,1)):"object"!=typeof method&&method?this:_init.apply(this,arguments)},$.naver=function(method){"defaults"===method&&pub.defaults.apply(this,Array.prototype.slice.call(arguments,1))}}(jQuery,window); diff --git a/static/starter.css b/static/starter.css new file mode 100644 index 0000000..06b58d3 --- /dev/null +++ b/static/starter.css @@ -0,0 +1,37 @@ +.siteHeader { + border-bottom: 1px solid #eee; +} + +.logo { + font-size: 22px; + margin-bottom: 0; +} +@media (min-width: 48em) { + .logo { + float: left; + } +} + +@media (min-width: 48em) { + .nav { + float: right; + } +} +.nav li { + display: inline; + line-height: 3.5; + margin-left: 25px; +} +.nav li:first-of-type { + margin-left: 0; +} + +.siteContent { + padding: 50px 0; + text-align: center; +} + +.siteFooter { + border-top: 1px solid #eee; + padding-top: 15px; +}