diff --git a/.brackets.json b/.brackets.json index 3a33a00..c1a10ac 100644 --- a/.brackets.json +++ b/.brackets.json @@ -1,32 +1,36 @@ { - "sass.enabled": false, - "path": { - "assets/scss/*": { - "sass.enabled": true, - "sass.options": { - "outputDir": "../css/", - "includePaths": [], - "sourceComments": true, - "outputStyle": "nested" - } - }, - "assets/scss/templates/*": { - "sass.enabled": true, - "sass.options": { - "outputDir": "../../css/templates", - "includePaths": [], - "sourceComments": true, - "outputStyle": "nested" - } - }, - "assets/vendors/bootstrap/scss/*": { - "sass.enabled": true, - "sass.options": { - "outputDir": "../../../css/twbs/", - "includePaths": [], - "sourceComments": true, - "outputStyle": "nested" - } + "sass.enabled": false, + "path": { + "assets/scss/*": { + "sass.enabled": true, + "sass.options": { + "outputDir": "../css/", + "includePaths": [ + "../vendors/bootstrap/scss/" + ], + "sourceComments": false, + "outputStyle": "nested" + } + }, + "assets/scss/templates/*": { + "sass.enabled": true, + "sass.options": { + "outputDir": "../../css/templates", + "includePaths": [ + "../../vendors/bootstrap/scss/" + ], + "sourceComments": false, + "outputStyle": "nested" + } + }, + "assets/vendors/bootstrap/scss/*": { + "sass.enabled": true, + "sass.options": { + "outputDir": "../../../css/twbs/", + "includePaths": [], + "sourceComments": false, + "outputStyle": "nested" + } + } } - } -} +} \ No newline at end of file diff --git a/assets/css/blog.css b/assets/css/blog.css new file mode 100644 index 0000000..04c094d --- /dev/null +++ b/assets/css/blog.css @@ -0,0 +1,83 @@ +/* STYLE for jannikbeyerstedt.de + * for specific template + */ +h2 { + margin-bottom: 5px; } + +a:hover, a:active, a:focus { + text-decoration: none; } + +figure { + text-align: center; } + figure img { + max-width: 100%; } + +main.blog .container { + max-width: 700px; } + +main.blog h1 a { + color: inherit; } + +main.blog article div.meta { + color: #a6a6a6; + font-size: 0.85em; } + main.blog article div.meta span.tags { + margin-left: 5px; + border-left: 1px solid #a6a6a6; + padding-left: 6px; } + main.blog article div.meta span.tags a { + color: inherit; } + main.blog article div.meta span.tags a:after { + content: ','; } + main.blog article div.meta span.tags a:last-child:after { + content: ''; } + +main.blog article.excerpt { + font-size: 1.05em; + padding-bottom: 30px; + margin-top: 25px; + border-bottom: 1px solid #a6a6a6; + margin-bottom: 20px; } + main.blog article.excerpt a.more { + font-size: 1.7em; + line-height: 1rem; + position: relative; + top: 0.03em; } + +main.blog article.blogarticle { + font-size: 1.15em; + margin-top: 30px; + padding-bottom: 15px; + border-bottom: 2px solid silver; + margin-bottom: 50px; } + main.blog article.blogarticle h1 { + margin-bottom: 0; } + main.blog article.blogarticle div.meta.title { + margin-bottom: 20px; } + main.blog article.blogarticle div.meta.bottom { + margin-top: 45px; } + +main.blog div.teasers article.excerpt:last-child { + border-bottom: none; } + +nav.pagination { + float: none; + text-align: center; + height: 45px; + color: #a6a6a6; } + nav.pagination a.button { + display: inline-block; + padding: 5px 14px; + background-color: #fff; + border: 1px solid #d9d9d9; + border-radius: 10px; + color: inherit; } + nav.pagination a.button.older { + float: left; } + nav.pagination a.button.newer { + float: right; } + nav.pagination span.num-pages { + position: relative; + top: 0.5em; } + +/*# sourceMappingURL=blog.css.map */ \ No newline at end of file diff --git a/assets/css/blog.css.map b/assets/css/blog.css.map new file mode 100644 index 0000000..ac7b8fc Binary files /dev/null and b/assets/css/blog.css.map differ diff --git a/assets/css/foundation.css b/assets/css/foundation.css new file mode 100644 index 0000000..7fc0d0f --- /dev/null +++ b/assets/css/foundation.css @@ -0,0 +1,2324 @@ +/* STYLE for jannikbeyerstedt.de + * used parts of bootstrap + */ +@media print { + *, + *::before, + *::after, + *::first-letter, + *::first-line { + text-shadow: none !important; + box-shadow: none !important; } + a, + a:visited { + text-decoration: underline; } + abbr[title]::after { + content: " (" attr(title) ")"; } + pre, + blockquote { + border: 1px solid #999; + page-break-inside: avoid; } + thead { + display: table-header-group; } + tr, + img { + page-break-inside: avoid; } + p, + h2, + h3 { + orphans: 3; + widows: 3; } + h2, + h3 { + page-break-after: avoid; } + .navbar { + display: none; } + .btn > .caret, + .dropup > .btn > .caret { + border-top-color: #000 !important; } + .tag { + border: 1px solid #000; } + .table { + border-collapse: collapse !important; } + .table td, + .table th { + background-color: #fff !important; } + .table-bordered th, + .table-bordered td { + border: 1px solid #ddd !important; } } + +html { + box-sizing: border-box; } + +*, +*::before, +*::after { + box-sizing: inherit; } + +@-ms-viewport { + width: device-width; } + +html { + font-size: 16px; + -ms-overflow-style: scrollbar; + -webkit-tap-highlight-color: transparent; } + +body { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif; + font-size: 1rem; + line-height: 1.5; + color: #373a3c; + background-color: #fff; } + +[tabindex="-1"]:focus { + outline: none !important; } + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: .5rem; } + +p { + margin-top: 0; + margin-bottom: 1rem; } + +abbr[title], +abbr[data-original-title] { + cursor: help; + border-bottom: 1px dotted #818a91; } + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; } + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; } + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; } + +dt { + font-weight: bold; } + +dd { + margin-bottom: .5rem; + margin-left: 0; } + +blockquote { + margin: 0 0 1rem; } + +a { + color: #0275d8; + text-decoration: none; } + a:focus, + a:hover { + color: #014c8c; + text-decoration: underline; } + a:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; } + +a:not([href]) { + color: inherit; + text-decoration: none; } + a:not([href]):focus, + a:not([href]):hover { + color: inherit; + text-decoration: none; } + a:not([href]):focus { + outline: none; } + +pre { + margin-top: 0; + margin-bottom: 1rem; } + +figure { + margin: 0 0 1rem; } + +img { + vertical-align: middle; } + +[role="button"] { + cursor: pointer; } + +a, +area, +button, +[role="button"], +input, +label, +select, +summary, +textarea { + touch-action: manipulation; } + +table { + background-color: transparent; } + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #818a91; + text-align: left; + caption-side: bottom; } + +th { + text-align: left; } + +label { + display: inline-block; + margin-bottom: .5rem; } + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; } + +input, +button, +select, +textarea { + margin: 0; + line-height: inherit; + border-radius: 0; } + +textarea { + resize: vertical; } + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; } + +legend { + display: block; + width: 100%; + padding: 0; + margin-bottom: .5rem; + font-size: 1.5rem; + line-height: inherit; } + +input[type="search"] { + -webkit-appearance: none; } + +output { + display: inline-block; } + +[hidden] { + display: none !important; } + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-family: inherit; + font-weight: 500; + line-height: 1.1; + color: inherit; } + +h1, .h1 { + font-size: 2.5rem; } + +h2, .h2 { + font-size: 2rem; } + +h3, .h3 { + font-size: 1.75rem; } + +h4, .h4 { + font-size: 1.5rem; } + +h5, .h5 { + font-size: 1.25rem; } + +h6, .h6 { + font-size: 1rem; } + +.lead { + font-size: 1.25rem; + font-weight: 300; } + +.display-1 { + font-size: 6rem; + font-weight: 300; } + +.display-2 { + font-size: 5.5rem; + font-weight: 300; } + +.display-3 { + font-size: 4.5rem; + font-weight: 300; } + +.display-4 { + font-size: 3.5rem; + font-weight: 300; } + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(0, 0, 0, 0.1); } + +small, +.small { + font-size: 80%; + font-weight: normal; } + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; } + +.list-unstyled { + padding-left: 0; + list-style: none; } + +.list-inline { + padding-left: 0; + list-style: none; } + +.list-inline-item { + display: inline-block; } + .list-inline-item:not(:last-child) { + margin-right: 5px; } + +.initialism { + font-size: 90%; + text-transform: uppercase; } + +.blockquote { + padding: 0.5rem 1rem; + margin-bottom: 1rem; + font-size: 1.25rem; + border-left: 0.25rem solid #eceeef; } + +.blockquote-footer { + display: block; + font-size: 80%; + color: #818a91; } + .blockquote-footer::before { + content: "\2014 \00A0"; } + +.blockquote-reverse { + padding-right: 1rem; + padding-left: 0; + text-align: right; + border-right: 0.25rem solid #eceeef; + border-left: 0; } + +.blockquote-reverse .blockquote-footer::before { + content: ""; } + +.blockquote-reverse .blockquote-footer::after { + content: "\00A0 \2014"; } + +dl.row > dd + dt { + clear: left; } + +.container { + margin-left: auto; + margin-right: auto; + padding-left: 15px; + padding-right: 15px; } + .container::after { + content: ""; + display: table; + clear: both; } + @media (min-width: 544px) { + .container { + max-width: 576px; } } + @media (min-width: 768px) { + .container { + max-width: 720px; } } + @media (min-width: 992px) { + .container { + max-width: 940px; } } + @media (min-width: 1200px) { + .container { + max-width: 1140px; } } + +.container-fluid { + margin-left: auto; + margin-right: auto; + padding-left: 15px; + padding-right: 15px; } + .container-fluid::after { + content: ""; + display: table; + clear: both; } + +.row { + margin-left: -15px; + margin-right: -15px; } + .row::after { + content: ""; + display: table; + clear: both; } + +.col-xs-1 { + position: relative; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; + float: left; + width: 8.33333%; } + +.col-xs-2 { + position: relative; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; + float: left; + width: 16.66667%; } + +.col-xs-3 { + position: relative; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; + float: left; + width: 25%; } + +.col-xs-4 { + position: relative; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; + float: left; + width: 33.33333%; } + +.col-xs-5 { + position: relative; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; + float: left; + width: 41.66667%; } + +.col-xs-6 { + position: relative; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; + float: left; + width: 50%; } + +.col-xs-7 { + position: relative; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; + float: left; + width: 58.33333%; } + +.col-xs-8 { + position: relative; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; + float: left; + width: 66.66667%; } + +.col-xs-9 { + position: relative; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; + float: left; + width: 75%; } + +.col-xs-10 { + position: relative; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; + float: left; + width: 83.33333%; } + +.col-xs-11 { + position: relative; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; + float: left; + width: 91.66667%; } + +.col-xs-12 { + position: relative; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; + float: left; + width: 100%; } + +.pull-xs-0 { + right: auto; } + +.pull-xs-1 { + right: 8.33333%; } + +.pull-xs-2 { + right: 16.66667%; } + +.pull-xs-3 { + right: 25%; } + +.pull-xs-4 { + right: 33.33333%; } + +.pull-xs-5 { + right: 41.66667%; } + +.pull-xs-6 { + right: 50%; } + +.pull-xs-7 { + right: 58.33333%; } + +.pull-xs-8 { + right: 66.66667%; } + +.pull-xs-9 { + right: 75%; } + +.pull-xs-10 { + right: 83.33333%; } + +.pull-xs-11 { + right: 91.66667%; } + +.pull-xs-12 { + right: 100%; } + +.push-xs-0 { + left: auto; } + +.push-xs-1 { + left: 8.33333%; } + +.push-xs-2 { + left: 16.66667%; } + +.push-xs-3 { + left: 25%; } + +.push-xs-4 { + left: 33.33333%; } + +.push-xs-5 { + left: 41.66667%; } + +.push-xs-6 { + left: 50%; } + +.push-xs-7 { + left: 58.33333%; } + +.push-xs-8 { + left: 66.66667%; } + +.push-xs-9 { + left: 75%; } + +.push-xs-10 { + left: 83.33333%; } + +.push-xs-11 { + left: 91.66667%; } + +.push-xs-12 { + left: 100%; } + +.offset-xs-1 { + margin-left: 8.33333%; } + +.offset-xs-2 { + margin-left: 16.66667%; } + +.offset-xs-3 { + margin-left: 25%; } + +.offset-xs-4 { + margin-left: 33.33333%; } + +.offset-xs-5 { + margin-left: 41.66667%; } + +.offset-xs-6 { + margin-left: 50%; } + +.offset-xs-7 { + margin-left: 58.33333%; } + +.offset-xs-8 { + margin-left: 66.66667%; } + +.offset-xs-9 { + margin-left: 75%; } + +.offset-xs-10 { + margin-left: 83.33333%; } + +.offset-xs-11 { + margin-left: 91.66667%; } + +@media (min-width: 544px) { + .col-sm-1 { + position: relative; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; + float: left; + width: 8.33333%; } + .col-sm-2 { + position: relative; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; + float: left; + width: 16.66667%; } + .col-sm-3 { + position: relative; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; + float: left; + width: 25%; } + .col-sm-4 { + position: relative; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; + float: left; + width: 33.33333%; } + .col-sm-5 { + position: relative; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; + float: left; + width: 41.66667%; } + .col-sm-6 { + position: relative; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; + float: left; + width: 50%; } + .col-sm-7 { + position: relative; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; + float: left; + width: 58.33333%; } + .col-sm-8 { + position: relative; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; + float: left; + width: 66.66667%; } + .col-sm-9 { + position: relative; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; + float: left; + width: 75%; } + .col-sm-10 { + position: relative; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; + float: left; + width: 83.33333%; } + .col-sm-11 { + position: relative; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; + float: left; + width: 91.66667%; } + .col-sm-12 { + position: relative; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; + float: left; + width: 100%; } + .pull-sm-0 { + right: auto; } + .pull-sm-1 { + right: 8.33333%; } + .pull-sm-2 { + right: 16.66667%; } + .pull-sm-3 { + right: 25%; } + .pull-sm-4 { + right: 33.33333%; } + .pull-sm-5 { + right: 41.66667%; } + .pull-sm-6 { + right: 50%; } + .pull-sm-7 { + right: 58.33333%; } + .pull-sm-8 { + right: 66.66667%; } + .pull-sm-9 { + right: 75%; } + .pull-sm-10 { + right: 83.33333%; } + .pull-sm-11 { + right: 91.66667%; } + .pull-sm-12 { + right: 100%; } + .push-sm-0 { + left: auto; } + .push-sm-1 { + left: 8.33333%; } + .push-sm-2 { + left: 16.66667%; } + .push-sm-3 { + left: 25%; } + .push-sm-4 { + left: 33.33333%; } + .push-sm-5 { + left: 41.66667%; } + .push-sm-6 { + left: 50%; } + .push-sm-7 { + left: 58.33333%; } + .push-sm-8 { + left: 66.66667%; } + .push-sm-9 { + left: 75%; } + .push-sm-10 { + left: 83.33333%; } + .push-sm-11 { + left: 91.66667%; } + .push-sm-12 { + left: 100%; } + .offset-sm-0 { + margin-left: 0%; } + .offset-sm-1 { + margin-left: 8.33333%; } + .offset-sm-2 { + margin-left: 16.66667%; } + .offset-sm-3 { + margin-left: 25%; } + .offset-sm-4 { + margin-left: 33.33333%; } + .offset-sm-5 { + margin-left: 41.66667%; } + .offset-sm-6 { + margin-left: 50%; } + .offset-sm-7 { + margin-left: 58.33333%; } + .offset-sm-8 { + margin-left: 66.66667%; } + .offset-sm-9 { + margin-left: 75%; } + .offset-sm-10 { + margin-left: 83.33333%; } + .offset-sm-11 { + margin-left: 91.66667%; } } + +@media (min-width: 768px) { + .col-md-1 { + position: relative; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; + float: left; + width: 8.33333%; } + .col-md-2 { + position: relative; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; + float: left; + width: 16.66667%; } + .col-md-3 { + position: relative; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; + float: left; + width: 25%; } + .col-md-4 { + position: relative; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; + float: left; + width: 33.33333%; } + .col-md-5 { + position: relative; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; + float: left; + width: 41.66667%; } + .col-md-6 { + position: relative; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; + float: left; + width: 50%; } + .col-md-7 { + position: relative; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; + float: left; + width: 58.33333%; } + .col-md-8 { + position: relative; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; + float: left; + width: 66.66667%; } + .col-md-9 { + position: relative; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; + float: left; + width: 75%; } + .col-md-10 { + position: relative; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; + float: left; + width: 83.33333%; } + .col-md-11 { + position: relative; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; + float: left; + width: 91.66667%; } + .col-md-12 { + position: relative; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; + float: left; + width: 100%; } + .pull-md-0 { + right: auto; } + .pull-md-1 { + right: 8.33333%; } + .pull-md-2 { + right: 16.66667%; } + .pull-md-3 { + right: 25%; } + .pull-md-4 { + right: 33.33333%; } + .pull-md-5 { + right: 41.66667%; } + .pull-md-6 { + right: 50%; } + .pull-md-7 { + right: 58.33333%; } + .pull-md-8 { + right: 66.66667%; } + .pull-md-9 { + right: 75%; } + .pull-md-10 { + right: 83.33333%; } + .pull-md-11 { + right: 91.66667%; } + .pull-md-12 { + right: 100%; } + .push-md-0 { + left: auto; } + .push-md-1 { + left: 8.33333%; } + .push-md-2 { + left: 16.66667%; } + .push-md-3 { + left: 25%; } + .push-md-4 { + left: 33.33333%; } + .push-md-5 { + left: 41.66667%; } + .push-md-6 { + left: 50%; } + .push-md-7 { + left: 58.33333%; } + .push-md-8 { + left: 66.66667%; } + .push-md-9 { + left: 75%; } + .push-md-10 { + left: 83.33333%; } + .push-md-11 { + left: 91.66667%; } + .push-md-12 { + left: 100%; } + .offset-md-0 { + margin-left: 0%; } + .offset-md-1 { + margin-left: 8.33333%; } + .offset-md-2 { + margin-left: 16.66667%; } + .offset-md-3 { + margin-left: 25%; } + .offset-md-4 { + margin-left: 33.33333%; } + .offset-md-5 { + margin-left: 41.66667%; } + .offset-md-6 { + margin-left: 50%; } + .offset-md-7 { + margin-left: 58.33333%; } + .offset-md-8 { + margin-left: 66.66667%; } + .offset-md-9 { + margin-left: 75%; } + .offset-md-10 { + margin-left: 83.33333%; } + .offset-md-11 { + margin-left: 91.66667%; } } + +@media (min-width: 992px) { + .col-lg-1 { + position: relative; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; + float: left; + width: 8.33333%; } + .col-lg-2 { + position: relative; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; + float: left; + width: 16.66667%; } + .col-lg-3 { + position: relative; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; + float: left; + width: 25%; } + .col-lg-4 { + position: relative; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; + float: left; + width: 33.33333%; } + .col-lg-5 { + position: relative; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; + float: left; + width: 41.66667%; } + .col-lg-6 { + position: relative; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; + float: left; + width: 50%; } + .col-lg-7 { + position: relative; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; + float: left; + width: 58.33333%; } + .col-lg-8 { + position: relative; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; + float: left; + width: 66.66667%; } + .col-lg-9 { + position: relative; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; + float: left; + width: 75%; } + .col-lg-10 { + position: relative; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; + float: left; + width: 83.33333%; } + .col-lg-11 { + position: relative; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; + float: left; + width: 91.66667%; } + .col-lg-12 { + position: relative; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; + float: left; + width: 100%; } + .pull-lg-0 { + right: auto; } + .pull-lg-1 { + right: 8.33333%; } + .pull-lg-2 { + right: 16.66667%; } + .pull-lg-3 { + right: 25%; } + .pull-lg-4 { + right: 33.33333%; } + .pull-lg-5 { + right: 41.66667%; } + .pull-lg-6 { + right: 50%; } + .pull-lg-7 { + right: 58.33333%; } + .pull-lg-8 { + right: 66.66667%; } + .pull-lg-9 { + right: 75%; } + .pull-lg-10 { + right: 83.33333%; } + .pull-lg-11 { + right: 91.66667%; } + .pull-lg-12 { + right: 100%; } + .push-lg-0 { + left: auto; } + .push-lg-1 { + left: 8.33333%; } + .push-lg-2 { + left: 16.66667%; } + .push-lg-3 { + left: 25%; } + .push-lg-4 { + left: 33.33333%; } + .push-lg-5 { + left: 41.66667%; } + .push-lg-6 { + left: 50%; } + .push-lg-7 { + left: 58.33333%; } + .push-lg-8 { + left: 66.66667%; } + .push-lg-9 { + left: 75%; } + .push-lg-10 { + left: 83.33333%; } + .push-lg-11 { + left: 91.66667%; } + .push-lg-12 { + left: 100%; } + .offset-lg-0 { + margin-left: 0%; } + .offset-lg-1 { + margin-left: 8.33333%; } + .offset-lg-2 { + margin-left: 16.66667%; } + .offset-lg-3 { + margin-left: 25%; } + .offset-lg-4 { + margin-left: 33.33333%; } + .offset-lg-5 { + margin-left: 41.66667%; } + .offset-lg-6 { + margin-left: 50%; } + .offset-lg-7 { + margin-left: 58.33333%; } + .offset-lg-8 { + margin-left: 66.66667%; } + .offset-lg-9 { + margin-left: 75%; } + .offset-lg-10 { + margin-left: 83.33333%; } + .offset-lg-11 { + margin-left: 91.66667%; } } + +@media (min-width: 1200px) { + .col-xl-1 { + position: relative; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; + float: left; + width: 8.33333%; } + .col-xl-2 { + position: relative; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; + float: left; + width: 16.66667%; } + .col-xl-3 { + position: relative; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; + float: left; + width: 25%; } + .col-xl-4 { + position: relative; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; + float: left; + width: 33.33333%; } + .col-xl-5 { + position: relative; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; + float: left; + width: 41.66667%; } + .col-xl-6 { + position: relative; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; + float: left; + width: 50%; } + .col-xl-7 { + position: relative; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; + float: left; + width: 58.33333%; } + .col-xl-8 { + position: relative; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; + float: left; + width: 66.66667%; } + .col-xl-9 { + position: relative; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; + float: left; + width: 75%; } + .col-xl-10 { + position: relative; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; + float: left; + width: 83.33333%; } + .col-xl-11 { + position: relative; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; + float: left; + width: 91.66667%; } + .col-xl-12 { + position: relative; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; + float: left; + width: 100%; } + .pull-xl-0 { + right: auto; } + .pull-xl-1 { + right: 8.33333%; } + .pull-xl-2 { + right: 16.66667%; } + .pull-xl-3 { + right: 25%; } + .pull-xl-4 { + right: 33.33333%; } + .pull-xl-5 { + right: 41.66667%; } + .pull-xl-6 { + right: 50%; } + .pull-xl-7 { + right: 58.33333%; } + .pull-xl-8 { + right: 66.66667%; } + .pull-xl-9 { + right: 75%; } + .pull-xl-10 { + right: 83.33333%; } + .pull-xl-11 { + right: 91.66667%; } + .pull-xl-12 { + right: 100%; } + .push-xl-0 { + left: auto; } + .push-xl-1 { + left: 8.33333%; } + .push-xl-2 { + left: 16.66667%; } + .push-xl-3 { + left: 25%; } + .push-xl-4 { + left: 33.33333%; } + .push-xl-5 { + left: 41.66667%; } + .push-xl-6 { + left: 50%; } + .push-xl-7 { + left: 58.33333%; } + .push-xl-8 { + left: 66.66667%; } + .push-xl-9 { + left: 75%; } + .push-xl-10 { + left: 83.33333%; } + .push-xl-11 { + left: 91.66667%; } + .push-xl-12 { + left: 100%; } + .offset-xl-0 { + margin-left: 0%; } + .offset-xl-1 { + margin-left: 8.33333%; } + .offset-xl-2 { + margin-left: 16.66667%; } + .offset-xl-3 { + margin-left: 25%; } + .offset-xl-4 { + margin-left: 33.33333%; } + .offset-xl-5 { + margin-left: 41.66667%; } + .offset-xl-6 { + margin-left: 50%; } + .offset-xl-7 { + margin-left: 58.33333%; } + .offset-xl-8 { + margin-left: 66.66667%; } + .offset-xl-9 { + margin-left: 75%; } + .offset-xl-10 { + margin-left: 83.33333%; } + .offset-xl-11 { + margin-left: 91.66667%; } } + +.btn { + display: inline-block; + font-weight: normal; + line-height: 1.25; + text-align: center; + white-space: nowrap; + vertical-align: middle; + cursor: pointer; + user-select: none; + border: 1px solid transparent; + padding: 0.5rem 1rem; + font-size: 1rem; + border-radius: 0.25rem; } + .btn:focus, + .btn.focus, + .btn:active:focus, + .btn:active.focus, + .btn.active:focus, + .btn.active.focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; } + .btn:focus, + .btn:hover { + text-decoration: none; } + .btn.focus { + text-decoration: none; } + .btn:active, + .btn.active { + background-image: none; + outline: 0; } + .btn.disabled, + .btn:disabled { + cursor: not-allowed; + opacity: .65; } + +a.btn.disabled, +fieldset[disabled] a.btn { + pointer-events: none; } + +.btn-primary { + color: #fff; + background-color: #0275d8; + border-color: #0275d8; } + .btn-primary:hover { + color: #fff; + background-color: #025aa5; + border-color: #01549b; } + .btn-primary:focus, + .btn-primary.focus { + color: #fff; + background-color: #025aa5; + border-color: #01549b; } + .btn-primary:active, + .btn-primary.active, + .open > .btn-primary.dropdown-toggle { + color: #fff; + background-color: #025aa5; + border-color: #01549b; + background-image: none; } + .btn-primary:active:hover, + .btn-primary:active:focus, + .btn-primary:active.focus, + .btn-primary.active:hover, + .btn-primary.active:focus, + .btn-primary.active.focus, + .open > .btn-primary.dropdown-toggle:hover, + .open > .btn-primary.dropdown-toggle:focus, + .open > .btn-primary.dropdown-toggle.focus { + color: #fff; + background-color: #014682; + border-color: #01315a; } + .btn-primary.disabled:focus, + .btn-primary.disabled.focus, + .btn-primary:disabled:focus, + .btn-primary:disabled.focus { + background-color: #0275d8; + border-color: #0275d8; } + .btn-primary.disabled:hover, + .btn-primary:disabled:hover { + background-color: #0275d8; + border-color: #0275d8; } + +.btn-secondary { + color: #373a3c; + background-color: #fff; + border-color: #ccc; } + .btn-secondary:hover { + color: #373a3c; + background-color: #e6e6e6; + border-color: #adadad; } + .btn-secondary:focus, + .btn-secondary.focus { + color: #373a3c; + background-color: #e6e6e6; + border-color: #adadad; } + .btn-secondary:active, + .btn-secondary.active, + .open > .btn-secondary.dropdown-toggle { + color: #373a3c; + background-color: #e6e6e6; + border-color: #adadad; + background-image: none; } + .btn-secondary:active:hover, + .btn-secondary:active:focus, + .btn-secondary:active.focus, + .btn-secondary.active:hover, + .btn-secondary.active:focus, + .btn-secondary.active.focus, + .open > .btn-secondary.dropdown-toggle:hover, + .open > .btn-secondary.dropdown-toggle:focus, + .open > .btn-secondary.dropdown-toggle.focus { + color: #373a3c; + background-color: #d4d4d4; + border-color: #8c8c8c; } + .btn-secondary.disabled:focus, + .btn-secondary.disabled.focus, + .btn-secondary:disabled:focus, + .btn-secondary:disabled.focus { + background-color: #fff; + border-color: #ccc; } + .btn-secondary.disabled:hover, + .btn-secondary:disabled:hover { + background-color: #fff; + border-color: #ccc; } + +.btn-info { + color: #fff; + background-color: #5bc0de; + border-color: #5bc0de; } + .btn-info:hover { + color: #fff; + background-color: #31b0d5; + border-color: #2aabd2; } + .btn-info:focus, + .btn-info.focus { + color: #fff; + background-color: #31b0d5; + border-color: #2aabd2; } + .btn-info:active, + .btn-info.active, + .open > .btn-info.dropdown-toggle { + color: #fff; + background-color: #31b0d5; + border-color: #2aabd2; + background-image: none; } + .btn-info:active:hover, + .btn-info:active:focus, + .btn-info:active.focus, + .btn-info.active:hover, + .btn-info.active:focus, + .btn-info.active.focus, + .open > .btn-info.dropdown-toggle:hover, + .open > .btn-info.dropdown-toggle:focus, + .open > .btn-info.dropdown-toggle.focus { + color: #fff; + background-color: #269abc; + border-color: #1f7e9a; } + .btn-info.disabled:focus, + .btn-info.disabled.focus, + .btn-info:disabled:focus, + .btn-info:disabled.focus { + background-color: #5bc0de; + border-color: #5bc0de; } + .btn-info.disabled:hover, + .btn-info:disabled:hover { + background-color: #5bc0de; + border-color: #5bc0de; } + +.btn-success { + color: #fff; + background-color: #5cb85c; + border-color: #5cb85c; } + .btn-success:hover { + color: #fff; + background-color: #449d44; + border-color: #419641; } + .btn-success:focus, + .btn-success.focus { + color: #fff; + background-color: #449d44; + border-color: #419641; } + .btn-success:active, + .btn-success.active, + .open > .btn-success.dropdown-toggle { + color: #fff; + background-color: #449d44; + border-color: #419641; + background-image: none; } + .btn-success:active:hover, + .btn-success:active:focus, + .btn-success:active.focus, + .btn-success.active:hover, + .btn-success.active:focus, + .btn-success.active.focus, + .open > .btn-success.dropdown-toggle:hover, + .open > .btn-success.dropdown-toggle:focus, + .open > .btn-success.dropdown-toggle.focus { + color: #fff; + background-color: #398439; + border-color: #2d672d; } + .btn-success.disabled:focus, + .btn-success.disabled.focus, + .btn-success:disabled:focus, + .btn-success:disabled.focus { + background-color: #5cb85c; + border-color: #5cb85c; } + .btn-success.disabled:hover, + .btn-success:disabled:hover { + background-color: #5cb85c; + border-color: #5cb85c; } + +.btn-warning { + color: #fff; + background-color: #f0ad4e; + border-color: #f0ad4e; } + .btn-warning:hover { + color: #fff; + background-color: #ec971f; + border-color: #eb9316; } + .btn-warning:focus, + .btn-warning.focus { + color: #fff; + background-color: #ec971f; + border-color: #eb9316; } + .btn-warning:active, + .btn-warning.active, + .open > .btn-warning.dropdown-toggle { + color: #fff; + background-color: #ec971f; + border-color: #eb9316; + background-image: none; } + .btn-warning:active:hover, + .btn-warning:active:focus, + .btn-warning:active.focus, + .btn-warning.active:hover, + .btn-warning.active:focus, + .btn-warning.active.focus, + .open > .btn-warning.dropdown-toggle:hover, + .open > .btn-warning.dropdown-toggle:focus, + .open > .btn-warning.dropdown-toggle.focus { + color: #fff; + background-color: #d58512; + border-color: #b06d0f; } + .btn-warning.disabled:focus, + .btn-warning.disabled.focus, + .btn-warning:disabled:focus, + .btn-warning:disabled.focus { + background-color: #f0ad4e; + border-color: #f0ad4e; } + .btn-warning.disabled:hover, + .btn-warning:disabled:hover { + background-color: #f0ad4e; + border-color: #f0ad4e; } + +.btn-danger { + color: #fff; + background-color: #d9534f; + border-color: #d9534f; } + .btn-danger:hover { + color: #fff; + background-color: #c9302c; + border-color: #c12e2a; } + .btn-danger:focus, + .btn-danger.focus { + color: #fff; + background-color: #c9302c; + border-color: #c12e2a; } + .btn-danger:active, + .btn-danger.active, + .open > .btn-danger.dropdown-toggle { + color: #fff; + background-color: #c9302c; + border-color: #c12e2a; + background-image: none; } + .btn-danger:active:hover, + .btn-danger:active:focus, + .btn-danger:active.focus, + .btn-danger.active:hover, + .btn-danger.active:focus, + .btn-danger.active.focus, + .open > .btn-danger.dropdown-toggle:hover, + .open > .btn-danger.dropdown-toggle:focus, + .open > .btn-danger.dropdown-toggle.focus { + color: #fff; + background-color: #ac2925; + border-color: #8b211e; } + .btn-danger.disabled:focus, + .btn-danger.disabled.focus, + .btn-danger:disabled:focus, + .btn-danger:disabled.focus { + background-color: #d9534f; + border-color: #d9534f; } + .btn-danger.disabled:hover, + .btn-danger:disabled:hover { + background-color: #d9534f; + border-color: #d9534f; } + +.btn-outline-primary { + color: #0275d8; + background-image: none; + background-color: transparent; + border-color: #0275d8; } + .btn-outline-primary:hover { + color: #fff; + background-color: #0275d8; + border-color: #0275d8; } + .btn-outline-primary:focus, + .btn-outline-primary.focus { + color: #fff; + background-color: #0275d8; + border-color: #0275d8; } + .btn-outline-primary:active, + .btn-outline-primary.active, + .open > .btn-outline-primary.dropdown-toggle { + color: #fff; + background-color: #0275d8; + border-color: #0275d8; } + .btn-outline-primary:active:hover, + .btn-outline-primary:active:focus, + .btn-outline-primary:active.focus, + .btn-outline-primary.active:hover, + .btn-outline-primary.active:focus, + .btn-outline-primary.active.focus, + .open > .btn-outline-primary.dropdown-toggle:hover, + .open > .btn-outline-primary.dropdown-toggle:focus, + .open > .btn-outline-primary.dropdown-toggle.focus { + color: #fff; + background-color: #014682; + border-color: #01315a; } + .btn-outline-primary.disabled:focus, + .btn-outline-primary.disabled.focus, + .btn-outline-primary:disabled:focus, + .btn-outline-primary:disabled.focus { + border-color: #43a7fd; } + .btn-outline-primary.disabled:hover, + .btn-outline-primary:disabled:hover { + border-color: #43a7fd; } + +.btn-outline-secondary { + color: #ccc; + background-image: none; + background-color: transparent; + border-color: #ccc; } + .btn-outline-secondary:hover { + color: #fff; + background-color: #ccc; + border-color: #ccc; } + .btn-outline-secondary:focus, + .btn-outline-secondary.focus { + color: #fff; + background-color: #ccc; + border-color: #ccc; } + .btn-outline-secondary:active, + .btn-outline-secondary.active, + .open > .btn-outline-secondary.dropdown-toggle { + color: #fff; + background-color: #ccc; + border-color: #ccc; } + .btn-outline-secondary:active:hover, + .btn-outline-secondary:active:focus, + .btn-outline-secondary:active.focus, + .btn-outline-secondary.active:hover, + .btn-outline-secondary.active:focus, + .btn-outline-secondary.active.focus, + .open > .btn-outline-secondary.dropdown-toggle:hover, + .open > .btn-outline-secondary.dropdown-toggle:focus, + .open > .btn-outline-secondary.dropdown-toggle.focus { + color: #fff; + background-color: #a1a1a1; + border-color: #8c8c8c; } + .btn-outline-secondary.disabled:focus, + .btn-outline-secondary.disabled.focus, + .btn-outline-secondary:disabled:focus, + .btn-outline-secondary:disabled.focus { + border-color: white; } + .btn-outline-secondary.disabled:hover, + .btn-outline-secondary:disabled:hover { + border-color: white; } + +.btn-outline-info { + color: #5bc0de; + background-image: none; + background-color: transparent; + border-color: #5bc0de; } + .btn-outline-info:hover { + color: #fff; + background-color: #5bc0de; + border-color: #5bc0de; } + .btn-outline-info:focus, + .btn-outline-info.focus { + color: #fff; + background-color: #5bc0de; + border-color: #5bc0de; } + .btn-outline-info:active, + .btn-outline-info.active, + .open > .btn-outline-info.dropdown-toggle { + color: #fff; + background-color: #5bc0de; + border-color: #5bc0de; } + .btn-outline-info:active:hover, + .btn-outline-info:active:focus, + .btn-outline-info:active.focus, + .btn-outline-info.active:hover, + .btn-outline-info.active:focus, + .btn-outline-info.active.focus, + .open > .btn-outline-info.dropdown-toggle:hover, + .open > .btn-outline-info.dropdown-toggle:focus, + .open > .btn-outline-info.dropdown-toggle.focus { + color: #fff; + background-color: #269abc; + border-color: #1f7e9a; } + .btn-outline-info.disabled:focus, + .btn-outline-info.disabled.focus, + .btn-outline-info:disabled:focus, + .btn-outline-info:disabled.focus { + border-color: #b0e1ef; } + .btn-outline-info.disabled:hover, + .btn-outline-info:disabled:hover { + border-color: #b0e1ef; } + +.btn-outline-success { + color: #5cb85c; + background-image: none; + background-color: transparent; + border-color: #5cb85c; } + .btn-outline-success:hover { + color: #fff; + background-color: #5cb85c; + border-color: #5cb85c; } + .btn-outline-success:focus, + .btn-outline-success.focus { + color: #fff; + background-color: #5cb85c; + border-color: #5cb85c; } + .btn-outline-success:active, + .btn-outline-success.active, + .open > .btn-outline-success.dropdown-toggle { + color: #fff; + background-color: #5cb85c; + border-color: #5cb85c; } + .btn-outline-success:active:hover, + .btn-outline-success:active:focus, + .btn-outline-success:active.focus, + .btn-outline-success.active:hover, + .btn-outline-success.active:focus, + .btn-outline-success.active.focus, + .open > .btn-outline-success.dropdown-toggle:hover, + .open > .btn-outline-success.dropdown-toggle:focus, + .open > .btn-outline-success.dropdown-toggle.focus { + color: #fff; + background-color: #398439; + border-color: #2d672d; } + .btn-outline-success.disabled:focus, + .btn-outline-success.disabled.focus, + .btn-outline-success:disabled:focus, + .btn-outline-success:disabled.focus { + border-color: #a3d7a3; } + .btn-outline-success.disabled:hover, + .btn-outline-success:disabled:hover { + border-color: #a3d7a3; } + +.btn-outline-warning { + color: #f0ad4e; + background-image: none; + background-color: transparent; + border-color: #f0ad4e; } + .btn-outline-warning:hover { + color: #fff; + background-color: #f0ad4e; + border-color: #f0ad4e; } + .btn-outline-warning:focus, + .btn-outline-warning.focus { + color: #fff; + background-color: #f0ad4e; + border-color: #f0ad4e; } + .btn-outline-warning:active, + .btn-outline-warning.active, + .open > .btn-outline-warning.dropdown-toggle { + color: #fff; + background-color: #f0ad4e; + border-color: #f0ad4e; } + .btn-outline-warning:active:hover, + .btn-outline-warning:active:focus, + .btn-outline-warning:active.focus, + .btn-outline-warning.active:hover, + .btn-outline-warning.active:focus, + .btn-outline-warning.active.focus, + .open > .btn-outline-warning.dropdown-toggle:hover, + .open > .btn-outline-warning.dropdown-toggle:focus, + .open > .btn-outline-warning.dropdown-toggle.focus { + color: #fff; + background-color: #d58512; + border-color: #b06d0f; } + .btn-outline-warning.disabled:focus, + .btn-outline-warning.disabled.focus, + .btn-outline-warning:disabled:focus, + .btn-outline-warning:disabled.focus { + border-color: #f8d9ac; } + .btn-outline-warning.disabled:hover, + .btn-outline-warning:disabled:hover { + border-color: #f8d9ac; } + +.btn-outline-danger { + color: #d9534f; + background-image: none; + background-color: transparent; + border-color: #d9534f; } + .btn-outline-danger:hover { + color: #fff; + background-color: #d9534f; + border-color: #d9534f; } + .btn-outline-danger:focus, + .btn-outline-danger.focus { + color: #fff; + background-color: #d9534f; + border-color: #d9534f; } + .btn-outline-danger:active, + .btn-outline-danger.active, + .open > .btn-outline-danger.dropdown-toggle { + color: #fff; + background-color: #d9534f; + border-color: #d9534f; } + .btn-outline-danger:active:hover, + .btn-outline-danger:active:focus, + .btn-outline-danger:active.focus, + .btn-outline-danger.active:hover, + .btn-outline-danger.active:focus, + .btn-outline-danger.active.focus, + .open > .btn-outline-danger.dropdown-toggle:hover, + .open > .btn-outline-danger.dropdown-toggle:focus, + .open > .btn-outline-danger.dropdown-toggle.focus { + color: #fff; + background-color: #ac2925; + border-color: #8b211e; } + .btn-outline-danger.disabled:focus, + .btn-outline-danger.disabled.focus, + .btn-outline-danger:disabled:focus, + .btn-outline-danger:disabled.focus { + border-color: #eba5a3; } + .btn-outline-danger.disabled:hover, + .btn-outline-danger:disabled:hover { + border-color: #eba5a3; } + +.btn-link { + font-weight: normal; + color: #0275d8; + border-radius: 0; } + .btn-link, + .btn-link:active, + .btn-link.active, + .btn-link:disabled { + background-color: transparent; } + .btn-link, + .btn-link:focus, + .btn-link:active { + border-color: transparent; } + .btn-link:hover { + border-color: transparent; } + .btn-link:focus, + .btn-link:hover { + color: #014c8c; + text-decoration: underline; + background-color: transparent; } + .btn-link:disabled:focus, + .btn-link:disabled:hover { + color: #818a91; + text-decoration: none; } + +.btn-lg { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + border-radius: 0.3rem; } + +.btn-sm { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + border-radius: 0.2rem; } + +.btn-block { + display: block; + width: 100%; } + +.btn-block + .btn-block { + margin-top: 5px; } + +input[type="submit"].btn-block, +input[type="reset"].btn-block, +input[type="button"].btn-block { + width: 100%; } + +.fade { + opacity: 0; + transition: opacity 0.15s linear; } + .fade.in { + opacity: 1; } + +.collapse { + display: none; } + .collapse.in { + display: block; } + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition-timing-function: ease; + transition-duration: .35s; + transition-property: height; } + +.bg-inverse { + color: #eceeef; + background-color: #373a3c; } + +.bg-faded { + background-color: #f7f7f9; } + +.bg-primary { + color: #fff !important; + background-color: #0275d8 !important; } + +a.bg-primary:focus, +a.bg-primary:hover { + background-color: #025aa5 !important; } + +.bg-success { + color: #fff !important; + background-color: #5cb85c !important; } + +a.bg-success:focus, +a.bg-success:hover { + background-color: #449d44 !important; } + +.bg-info { + color: #fff !important; + background-color: #5bc0de !important; } + +a.bg-info:focus, +a.bg-info:hover { + background-color: #31b0d5 !important; } + +.bg-warning { + color: #fff !important; + background-color: #f0ad4e !important; } + +a.bg-warning:focus, +a.bg-warning:hover { + background-color: #ec971f !important; } + +.bg-danger { + color: #fff !important; + background-color: #d9534f !important; } + +a.bg-danger:focus, +a.bg-danger:hover { + background-color: #c9302c !important; } + +.clearfix::after { + content: ""; + display: table; + clear: both; } + +.pull-xs-left { + float: left !important; } + +.pull-xs-right { + float: right !important; } + +.pull-xs-none { + float: none !important; } + +@media (min-width: 544px) { + .pull-sm-left { + float: left !important; } + .pull-sm-right { + float: right !important; } + .pull-sm-none { + float: none !important; } } + +@media (min-width: 768px) { + .pull-md-left { + float: left !important; } + .pull-md-right { + float: right !important; } + .pull-md-none { + float: none !important; } } + +@media (min-width: 992px) { + .pull-lg-left { + float: left !important; } + .pull-lg-right { + float: right !important; } + .pull-lg-none { + float: none !important; } } + +@media (min-width: 1200px) { + .pull-xl-left { + float: left !important; } + .pull-xl-right { + float: right !important; } + .pull-xl-none { + float: none !important; } } + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; } + +.sr-only-focusable:active, +.sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + margin: 0; + overflow: visible; + clip: auto; } + +.m-x-auto { + margin-right: auto !important; + margin-left: auto !important; } + +.m-a-0 { + margin: 0 0 !important; } + +.m-t-0 { + margin-top: 0 !important; } + +.m-r-0 { + margin-right: 0 !important; } + +.m-b-0 { + margin-bottom: 0 !important; } + +.m-l-0 { + margin-left: 0 !important; } + +.m-x-0 { + margin-right: 0 !important; + margin-left: 0 !important; } + +.m-y-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; } + +.m-a-1 { + margin: 1rem 1rem !important; } + +.m-t-1 { + margin-top: 1rem !important; } + +.m-r-1 { + margin-right: 1rem !important; } + +.m-b-1 { + margin-bottom: 1rem !important; } + +.m-l-1 { + margin-left: 1rem !important; } + +.m-x-1 { + margin-right: 1rem !important; + margin-left: 1rem !important; } + +.m-y-1 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; } + +.m-a-2 { + margin: 1.5rem 1.5rem !important; } + +.m-t-2 { + margin-top: 1.5rem !important; } + +.m-r-2 { + margin-right: 1.5rem !important; } + +.m-b-2 { + margin-bottom: 1.5rem !important; } + +.m-l-2 { + margin-left: 1.5rem !important; } + +.m-x-2 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; } + +.m-y-2 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; } + +.m-a-3 { + margin: 3rem 3rem !important; } + +.m-t-3 { + margin-top: 3rem !important; } + +.m-r-3 { + margin-right: 3rem !important; } + +.m-b-3 { + margin-bottom: 3rem !important; } + +.m-l-3 { + margin-left: 3rem !important; } + +.m-x-3 { + margin-right: 3rem !important; + margin-left: 3rem !important; } + +.m-y-3 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; } + +.p-a-0 { + padding: 0 0 !important; } + +.p-t-0 { + padding-top: 0 !important; } + +.p-r-0 { + padding-right: 0 !important; } + +.p-b-0 { + padding-bottom: 0 !important; } + +.p-l-0 { + padding-left: 0 !important; } + +.p-x-0 { + padding-right: 0 !important; + padding-left: 0 !important; } + +.p-y-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; } + +.p-a-1 { + padding: 1rem 1rem !important; } + +.p-t-1 { + padding-top: 1rem !important; } + +.p-r-1 { + padding-right: 1rem !important; } + +.p-b-1 { + padding-bottom: 1rem !important; } + +.p-l-1 { + padding-left: 1rem !important; } + +.p-x-1 { + padding-right: 1rem !important; + padding-left: 1rem !important; } + +.p-y-1 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; } + +.p-a-2 { + padding: 1.5rem 1.5rem !important; } + +.p-t-2 { + padding-top: 1.5rem !important; } + +.p-r-2 { + padding-right: 1.5rem !important; } + +.p-b-2 { + padding-bottom: 1.5rem !important; } + +.p-l-2 { + padding-left: 1.5rem !important; } + +.p-x-2 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; } + +.p-y-2 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; } + +.p-a-3 { + padding: 3rem 3rem !important; } + +.p-t-3 { + padding-top: 3rem !important; } + +.p-r-3 { + padding-right: 3rem !important; } + +.p-b-3 { + padding-bottom: 3rem !important; } + +.p-l-3 { + padding-left: 3rem !important; } + +.p-x-3 { + padding-right: 3rem !important; + padding-left: 3rem !important; } + +.p-y-3 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; } + +.pos-f-t { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; } + +.text-justify { + text-align: justify !important; } + +.text-nowrap { + white-space: nowrap !important; } + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } + +.text-xs-left { + text-align: left !important; } + +.text-xs-right { + text-align: right !important; } + +.text-xs-center { + text-align: center !important; } + +@media (min-width: 544px) { + .text-sm-left { + text-align: left !important; } + .text-sm-right { + text-align: right !important; } + .text-sm-center { + text-align: center !important; } } + +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; } + .text-md-right { + text-align: right !important; } + .text-md-center { + text-align: center !important; } } + +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; } + .text-lg-right { + text-align: right !important; } + .text-lg-center { + text-align: center !important; } } + +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; } + .text-xl-right { + text-align: right !important; } + .text-xl-center { + text-align: center !important; } } + +.text-lowercase { + text-transform: lowercase !important; } + +.text-uppercase { + text-transform: uppercase !important; } + +.text-capitalize { + text-transform: capitalize !important; } + +.font-weight-normal { + font-weight: normal; } + +.font-weight-bold { + font-weight: bold; } + +.font-italic { + font-style: italic; } + +.text-muted { + color: #818a91 !important; } + +a.text-muted:focus, +a.text-muted:hover { + color: #687077; } + +.text-primary { + color: #0275d8 !important; } + +a.text-primary:focus, +a.text-primary:hover { + color: #025aa5; } + +.text-success { + color: #5cb85c !important; } + +a.text-success:focus, +a.text-success:hover { + color: #449d44; } + +.text-info { + color: #5bc0de !important; } + +a.text-info:focus, +a.text-info:hover { + color: #31b0d5; } + +.text-warning { + color: #f0ad4e !important; } + +a.text-warning:focus, +a.text-warning:hover { + color: #ec971f; } + +.text-danger { + color: #d9534f !important; } + +a.text-danger:focus, +a.text-danger:hover { + color: #c9302c; } + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; } + +.invisible { + visibility: hidden !important; } + +.hidden-xs-up { + display: none !important; } + +@media (max-width: 543px) { + .hidden-xs-down { + display: none !important; } } + +@media (min-width: 544px) { + .hidden-sm-up { + display: none !important; } } + +@media (max-width: 767px) { + .hidden-sm-down { + display: none !important; } } + +@media (min-width: 768px) { + .hidden-md-up { + display: none !important; } } + +@media (max-width: 991px) { + .hidden-md-down { + display: none !important; } } + +@media (min-width: 992px) { + .hidden-lg-up { + display: none !important; } } + +@media (max-width: 1199px) { + .hidden-lg-down { + display: none !important; } } + +@media (min-width: 1200px) { + .hidden-xl-up { + display: none !important; } } + +.hidden-xl-down { + display: none !important; } + +.visible-print-block { + display: none !important; } + @media print { + .visible-print-block { + display: block !important; } } + +.visible-print-inline { + display: none !important; } + @media print { + .visible-print-inline { + display: inline !important; } } + +.visible-print-inline-block { + display: none !important; } + @media print { + .visible-print-inline-block { + display: inline-block !important; } } + +@media print { + .hidden-print { + display: none !important; } } + +@media (max-width: 543px) { + .row { + margin-left: 0; + margin-right: 0; } } + +/*# sourceMappingURL=foundation.css.map */ \ No newline at end of file diff --git a/assets/css/foundation.css.map b/assets/css/foundation.css.map new file mode 100644 index 0000000..1bdd643 Binary files /dev/null and b/assets/css/foundation.css.map differ diff --git a/assets/css/main.css b/assets/css/main.css new file mode 100644 index 0000000..688817e --- /dev/null +++ b/assets/css/main.css @@ -0,0 +1,267 @@ +/* STYLE for jannikbeyerstedt.de + * generic styles + */ +body { + margin: 0; + font-family: 'Alegreya Sans', "Verdana", "Arial", sans-serif; + min-width: 300px; } + +h1, h2, h3, h4 { + margin-bottom: 18px; + font-family: 'Crimson Text', serif; } + +h5 { + margin-bottom: 8px; } + +h6 { + margin-bottom: 5px; } + +p { + margin-top: 0; + line-height: 1.5em; } + +a { + color: #2da301; } + a:active, a:hover, a:focus { + color: #1f7001; } + +blockquote { + font-size: 1.4em; + border-left: 4px solid #dddddd; + padding: 0 15px; + color: #777777; } + +blockquote > :first-child { + margin-top: 0; } + +blockquote > :last-child { + margin-bottom: 0; } + +code { + padding: 0 5px; + white-space: nowrap; + border: 1px solid #eaeaea; + background-color: #f8f8f8; + border-radius: 3px; } + +pre { + background-color: #f8f8f8; + border: 1px solid #cccccc; + font-size: 14px; + line-height: 19px; + overflow: auto; + padding: 6px 10px; + border-radius: 3px; } + pre code { + margin: 0; + padding: 0; + white-space: pre; + border: none; + background: transparent; } + +main div.container { + margin-top: 10px; } + @media (min-width: 992px) { + main div.container { + max-width: 940px; } } + +header { + margin-bottom: 10px; } + header img { + width: 75px; + height: 75px; + float: left; } + +nav { + box-sizing: border-box; } + nav ul.nav { + margin: 0; + padding-left: 0; } + nav ul.nav a { + text-decoration: none; + background-color: inherit; + color: inherit; } + nav ul.nav li { + list-style-type: none; } + nav ul.nav a:hover, nav ul.nav a:focus { + text-decoration: none; } + +@media (min-width: 544px) { + nav { + float: right; + height: 75px; } + nav ul.nav a { + float: left; + text-align: center; + font-size: 16px; + padding: 45px 0 5px; + width: 109px; } + nav ul.nav a:hover, nav ul.nav a:focus, nav ul.nav a.active { + color: #fff; + background-color: #0060e3; } + nav ul.nav.home { + color: #fff; } + nav ul.nav.home a { + background-color: #1779ff; + border-right: 1px solid #0055ca; } + nav ul.nav.home a:last-child { + border-right: 0; } + nav ul.nav.home a.active { + color: #fff; + border-bottom: 4px solid #2da301; + padding-bottom: 1px; } + nav ul.nav.main, nav ul.nav.second { + height: 37.5px; } + nav ul.nav.main a, nav ul.nav.second a { + padding: 8px 0 5.5px; } + nav ul.nav.main { + color: #1779ff; } + nav ul.nav.main a.active { + color: #fff; + border-bottom: 4px solid #2da301; + padding-bottom: 1.5px; } + nav ul.nav.second { + color: #fff; } + nav ul.nav.second a { + background-color: #1779ff; } + nav ul.nav.second a.active { + border-bottom: 4px solid #2da301; + padding-bottom: 1.5px; } } + +@media (max-width: 543px) { + nav button.navbar-toggler { + float: right; + margin-top: 10px; + font-family: inherit; + font-weight: 300; } + nav ul.mobileNav a { + font-size: 18px; + font-weight: 300; } + nav ul.mobileNav a.active { + color: #4a96ff; + font-weight: 700; } + .navbar-toggler { + padding: 0.5rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background: none; + border: 1px solid transparent; + border-radius: 0.25rem; } + .navbar-toggler:focus, + .navbar-toggler:hover { + text-decoration: none; } } + +footer { + margin-top: 20px; + padding-top: 20px; + padding-bottom: 20px; + background-color: #bebebe; + color: #000; } + footer p { + margin-bottom: 0; } + @media (max-width: 543px) { + footer { + text-align: center; } + footer p { + margin-bottom: 10px; } } + footer i.fa { + color: #000; + font-size: 1.4rem; + padding-right: 0.2em; } + footer a > svg { + height: 1.4rem; + width: 1.4rem; + position: relative; + top: 0.18rem; } + footer a > svg image { + height: 1.4rem; + width: 1.4rem; } + footer img { + height: 1.4rem; + padding-right: 0.2em; } + +/* make footer sticky */ +html { + position: relative; + min-height: 100%; } + +@media (min-width: 544px) { + body { + /* Margin bottom by footer height */ + margin-bottom: 115px; } + footer { + position: absolute; + bottom: 0; + width: 100%; + height: 85px; } } + +@media (max-width: 543px) { + body { + /* Margin bottom by footer height */ + margin-bottom: 192px; } + footer { + position: absolute; + bottom: 0; + width: 100%; + height: 162px; } } + +/* + * HELPERS + */ +.right { + text-align: right; } + +.center { + text-align: center; } + +@media (max-width: 543px) { + .col-xxs-12.right, .col-xxs-12.center { + text-align: inherit; } } + +/* to break down col-xs */ +.visible-xxs { + display: none !important; } + +@media (max-width: 543px) { + .col-xxs-12 { + float: none; + width: 100%; + position: relative; + left: 0; + right: 0; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; } + .hidden-xxs { + display: none !important; } + .visible-xxs { + display: block !important; } } + +/* + * KIRBYTAGS + */ +.html5player { + width: 100%; + height: auto; + background-color: black; } + +div.video-container { + position: relative; + width: 100%; + height: auto; + max-width: 100%; + padding-bottom: 53%; + padding-top: 30px; + overflow: hidden; } + +.video-container iframe { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; } + +.columns ul { + padding-left: 25px; } + +/*# sourceMappingURL=main.css.map */ \ No newline at end of file diff --git a/assets/css/main.css.map b/assets/css/main.css.map new file mode 100644 index 0000000..705f6fb Binary files /dev/null and b/assets/css/main.css.map differ diff --git a/assets/css/templates/home.css b/assets/css/templates/home.css new file mode 100644 index 0000000..8695aec --- /dev/null +++ b/assets/css/templates/home.css @@ -0,0 +1,19 @@ +/* STYLE for jannikbeyerstedt.de + * for specific template + */ +main div.home { + text-align: center; + margin-top: 20%; + margin-bottom: 20%; } + main div.home h1 { + margin: 0; + font-family: 'Alegreya Sans', "Verdana", "Arial", sans-serif; + font-weight: 100; + font-size: 60px; + margin-top: 15px; + margin-bottom: 15px; } + main div.home p { + margin: 0; + font-size: 20px; } + +/*# sourceMappingURL=home.css.map */ \ No newline at end of file diff --git a/assets/css/templates/home.css.map b/assets/css/templates/home.css.map new file mode 100644 index 0000000..25b92f0 Binary files /dev/null and b/assets/css/templates/home.css.map differ diff --git a/assets/css/templates/photo.css b/assets/css/templates/photo.css new file mode 100644 index 0000000..4e9d7f0 --- /dev/null +++ b/assets/css/templates/photo.css @@ -0,0 +1,220 @@ +/* STYLE for jannikbeyerstedt.de + * for specific template + */ +body { + background-color: #424242; + color: #fff; } + +a { + color: #34bc01; } + a:active, a:hover { + color: #42ef01; } + +@media (min-width: 544px) { + nav ul.nav.main { + color: #fff; } } + +footer { + background-color: #303030; + color: #e6e6e6; } + +div.carousel { + max-width: 1300px; + margin: 0 auto; } + +.img-fluid, .carousel-inner > .carousel-item > img, +.carousel-inner > .carousel-item > a > img { + display: block; + max-width: 100%; + height: auto; } + +.img-rounded { + border-radius: 0.3rem; } + +.img-thumbnail { + padding: 0.25rem; + background-color: #fff; + border: 1px solid #ddd; + border-radius: 0.25rem; + transition: all 0.2s ease-in-out; + display: inline-block; + max-width: 100%; + height: auto; } + +.img-circle { + border-radius: 50%; } + +.figure { + display: inline-block; } + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; } + +.figure-caption { + font-size: 90%; + color: #818a91; } + +.carousel { + position: relative; } + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; } + .carousel-inner > .carousel-item { + position: relative; + display: none; + transition: .6s ease-in-out left; } + .carousel-inner > .carousel-item > img, + .carousel-inner > .carousel-item > a > img { + line-height: 1; } + @media all and (transform-3d), (-webkit-transform-3d) { + .carousel-inner > .carousel-item { + transition: transform 0.6s ease-in-out; + backface-visibility: hidden; + perspective: 1000px; } + .carousel-inner > .carousel-item.next, + .carousel-inner > .carousel-item.active.right { + left: 0; + transform: translate3d(100%, 0, 0); } + .carousel-inner > .carousel-item.prev, + .carousel-inner > .carousel-item.active.left { + left: 0; + transform: translate3d(-100%, 0, 0); } + .carousel-inner > .carousel-item.next.left, + .carousel-inner > .carousel-item.prev.right, + .carousel-inner > .carousel-item.active { + left: 0; + transform: translate3d(0, 0, 0); } } + .carousel-inner > .active, + .carousel-inner > .next, + .carousel-inner > .prev { + display: block; } + .carousel-inner > .active { + left: 0; } + .carousel-inner > .next, + .carousel-inner > .prev { + position: absolute; + top: 0; + width: 100%; } + .carousel-inner > .next { + left: 100%; } + .carousel-inner > .prev { + left: -100%; } + .carousel-inner > .next.left, + .carousel-inner > .prev.right { + left: 0; } + .carousel-inner > .active.left { + left: -100%; } + .carousel-inner > .active.right { + left: 100%; } + +.carousel-control { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 15%; + font-size: 20px; + color: #fff; + text-align: center; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + opacity: 0.5; } + .carousel-control.left { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); } + .carousel-control.right { + right: 0; + left: auto; + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); } + .carousel-control:focus, + .carousel-control:hover { + color: #fff; + text-decoration: none; + outline: 0; + opacity: .9; } + .carousel-control .icon-prev, + .carousel-control .icon-next { + position: absolute; + top: 50%; + z-index: 5; + display: inline-block; + width: 20px; + height: 20px; + margin-top: -10px; + font-family: serif; + line-height: 1; } + .carousel-control .icon-prev { + left: 50%; + margin-left: -10px; } + .carousel-control .icon-next { + right: 50%; + margin-right: -10px; } + .carousel-control .icon-prev::before { + content: "\2039"; } + .carousel-control .icon-next::before { + content: "\203a"; } + +.carousel-indicators { + position: absolute; + bottom: 10px; + left: 50%; + z-index: 15; + width: 60%; + padding-left: 0; + margin-left: -30%; + text-align: center; + list-style: none; } + .carousel-indicators li { + display: inline-block; + width: 10px; + height: 10px; + margin: 1px; + text-indent: -999px; + cursor: pointer; + background-color: transparent; + border: 1px solid #fff; + border-radius: 10px; } + .carousel-indicators .active { + width: 12px; + height: 12px; + margin: 0; + background-color: #fff; } + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #fff; + text-align: center; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } + .carousel-caption .btn { + text-shadow: none; } + +@media (min-width: 544px) { + .carousel-control .icon-prev, + .carousel-control .icon-next { + width: 30px; + height: 30px; + margin-top: -15px; + font-size: 30px; } + .carousel-control .icon-prev { + margin-left: -15px; } + .carousel-control .icon-next { + margin-right: -15px; } + .carousel-caption { + right: 20%; + left: 20%; + padding-bottom: 30px; } + .carousel-indicators { + bottom: 20px; } } + +/*# sourceMappingURL=photo.css.map */ \ No newline at end of file diff --git a/assets/css/templates/photo.css.map b/assets/css/templates/photo.css.map new file mode 100644 index 0000000..26133af Binary files /dev/null and b/assets/css/templates/photo.css.map differ diff --git a/assets/css/templates/project.css b/assets/css/templates/project.css new file mode 100644 index 0000000..d4a3574 --- /dev/null +++ b/assets/css/templates/project.css @@ -0,0 +1,36 @@ +/* STYLE for jannikbeyerstedt.de + * for specific template + */ +.img-fluid { + display: block; + max-width: 100%; + height: auto; } + +.img-rounded { + border-radius: 0.3rem; } + +.img-thumbnail { + padding: 0.25rem; + background-color: #fff; + border: 1px solid #ddd; + border-radius: 0.25rem; + transition: all 0.2s ease-in-out; + display: inline-block; + max-width: 100%; + height: auto; } + +.img-circle { + border-radius: 50%; } + +.figure { + display: inline-block; } + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; } + +.figure-caption { + font-size: 90%; + color: #818a91; } + +/*# sourceMappingURL=project.css.map */ \ No newline at end of file diff --git a/assets/css/templates/project.css.map b/assets/css/templates/project.css.map new file mode 100644 index 0000000..dab1794 Binary files /dev/null and b/assets/css/templates/project.css.map differ diff --git a/assets/css/templates/projects.css b/assets/css/templates/projects.css new file mode 100644 index 0000000..68f4891 --- /dev/null +++ b/assets/css/templates/projects.css @@ -0,0 +1,257 @@ +/* STYLE for jannikbeyerstedt.de + * for specific template + */ +.card a { + color: #000; } + .card a:active, .card a:hover { + color: #000; + text-decoration: none; } + .card a.card-link:active, .card a.card-link:hover { + text-decoration: underline; } + +.img-fluid { + display: block; + max-width: 100%; + height: auto; } + +.img-rounded { + border-radius: 0.3rem; } + +.img-thumbnail { + padding: 0.25rem; + background-color: #fff; + border: 1px solid #ddd; + border-radius: 0.25rem; + transition: all 0.2s ease-in-out; + display: inline-block; + max-width: 100%; + height: auto; } + +.img-circle { + border-radius: 50%; } + +.figure { + display: inline-block; } + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; } + +.figure-caption { + font-size: 90%; + color: #818a91; } + +.card { + position: relative; + display: block; + margin-bottom: 0.75rem; + background-color: #fff; + border-radius: 0.25rem; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.125); } + +.card-block { + padding: 1.25rem; } + .card-block::after { + content: ""; + display: table; + clear: both; } + +.card-title { + margin-bottom: 0.75rem; } + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; } + +.card-text:last-child { + margin-bottom: 0; } + +.card-link:hover { + text-decoration: none; } + +.card-link + .card-link { + margin-left: 1.25rem; } + +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; } + +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } + +.card-header { + padding: 0.75rem 1.25rem; + background-color: #f5f5f5; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.125); } + .card-header::after { + content: ""; + display: table; + clear: both; } + .card-header:first-child { + border-radius: 0.25rem 0.25rem 0 0; } + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: #f5f5f5; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.125); } + .card-footer::after { + content: ""; + display: table; + clear: both; } + .card-footer:last-child { + border-radius: 0 0 0.25rem 0.25rem; } + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; } + .card-header-tabs .nav-item { + margin-bottom: 0; } + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; } + +.card-primary { + background-color: #0275d8; + border-color: #0275d8; } + +.card-success { + background-color: #5cb85c; + border-color: #5cb85c; } + +.card-info { + background-color: #5bc0de; + border-color: #5bc0de; } + +.card-warning { + background-color: #f0ad4e; + border-color: #f0ad4e; } + +.card-danger { + background-color: #d9534f; + border-color: #d9534f; } + +.card-outline-primary { + background-color: transparent; + border-color: #0275d8; } + +.card-outline-secondary { + background-color: transparent; + border-color: #ccc; } + +.card-outline-info { + background-color: transparent; + border-color: #5bc0de; } + +.card-outline-success { + background-color: transparent; + border-color: #5cb85c; } + +.card-outline-warning { + background-color: transparent; + border-color: #f0ad4e; } + +.card-outline-danger { + background-color: transparent; + border-color: #d9534f; } + +.card-inverse .card-header, +.card-inverse .card-footer { + border-bottom: 1px solid rgba(255, 255, 255, 0.2); } + +.card-inverse .card-header, +.card-inverse .card-footer, +.card-inverse .card-title, +.card-inverse .card-blockquote { + color: #fff; } + +.card-inverse .card-link, +.card-inverse .card-text, +.card-inverse .card-blockquote > footer { + color: rgba(255, 255, 255, 0.65); } + +.card-inverse .card-link:focus, +.card-inverse .card-link:hover { + color: #fff; } + +.card-blockquote { + padding: 0; + margin-bottom: 0; + border-left: 0; } + +.card-img { + border-radius: 0.25rem; } + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; } + +.card-img-top { + border-radius: 0.25rem 0.25rem 0 0; } + +.card-img-bottom { + border-radius: 0 0 0.25rem 0.25rem; } + +@media (min-width: 544px) { + .card-deck { + display: table; + table-layout: fixed; + border-spacing: 1.25rem 0; } + .card-deck .card { + display: table-cell; + width: 1%; + vertical-align: top; } + .card-deck-wrapper { + margin-right: -1.25rem; + margin-left: -1.25rem; } } + +@media (min-width: 544px) { + .card-group { + display: table; + width: 100%; + table-layout: fixed; } + .card-group .card { + display: table-cell; + vertical-align: top; } + .card-group .card + .card { + margin-left: 0; + border-left: 0; } + .card-group .card:first-child { + border-bottom-right-radius: 0; + border-top-right-radius: 0; } + .card-group .card:first-child .card-img-top { + border-top-right-radius: 0; } + .card-group .card:first-child .card-img-bottom { + border-bottom-right-radius: 0; } + .card-group .card:last-child { + border-bottom-left-radius: 0; + border-top-left-radius: 0; } + .card-group .card:last-child .card-img-top { + border-top-left-radius: 0; } + .card-group .card:last-child .card-img-bottom { + border-bottom-left-radius: 0; } + .card-group .card:not(:first-child):not(:last-child) { + border-radius: 0; } + .card-group .card:not(:first-child):not(:last-child) .card-img-top, + .card-group .card:not(:first-child):not(:last-child) .card-img-bottom { + border-radius: 0; } } + +@media (min-width: 544px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; } + .card-columns .card { + display: inline-block; + width: 100%; } } + +.card-img-top { + width: 100%; } + +/*# sourceMappingURL=projects.css.map */ \ No newline at end of file diff --git a/assets/css/templates/projects.css.map b/assets/css/templates/projects.css.map new file mode 100644 index 0000000..d78523e Binary files /dev/null and b/assets/css/templates/projects.css.map differ diff --git a/assets/css/templates/webdesign.css b/assets/css/templates/webdesign.css new file mode 100644 index 0000000..fd27935 --- /dev/null +++ b/assets/css/templates/webdesign.css @@ -0,0 +1,52 @@ +/* STYLE for jannikbeyerstedt.de + * for specific template + */ +main.webdesign .container { + margin-top: 30px; } + +.featurette h2 { + font-family: inherit; + margin-top: 10px; } + +@media (max-width: 767px) { + .featurette img { + margin-top: 50px; } } + +@media (max-width: 543px) { + .featurette img { + margin: 0 auto; + max-height: 200px; } } + +.img-fluid { + display: block; + max-width: 100%; + height: auto; } + +.img-rounded { + border-radius: 0.3rem; } + +.img-thumbnail { + padding: 0.25rem; + background-color: #fff; + border: 1px solid #ddd; + border-radius: 0.25rem; + transition: all 0.2s ease-in-out; + display: inline-block; + max-width: 100%; + height: auto; } + +.img-circle { + border-radius: 50%; } + +.figure { + display: inline-block; } + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; } + +.figure-caption { + font-size: 90%; + color: #818a91; } + +/*# sourceMappingURL=webdesign.css.map */ \ No newline at end of file diff --git a/assets/css/templates/webdesign.css.map b/assets/css/templates/webdesign.css.map new file mode 100644 index 0000000..ffd34be Binary files /dev/null and b/assets/css/templates/webdesign.css.map differ diff --git a/assets/images/css3icon.png b/assets/images/css3icon.png new file mode 100644 index 0000000..b27a212 Binary files /dev/null and b/assets/images/css3icon.png differ diff --git a/assets/images/githubicon.png b/assets/images/githubicon.png new file mode 100644 index 0000000..b349d25 Binary files /dev/null and b/assets/images/githubicon.png differ diff --git a/assets/images/html5icon.png b/assets/images/html5icon.png new file mode 100644 index 0000000..21feea6 Binary files /dev/null and b/assets/images/html5icon.png differ diff --git a/assets/images/kirbyicon-bl.png b/assets/images/kirbyicon-bl.png new file mode 100644 index 0000000..f23a6cb Binary files /dev/null and b/assets/images/kirbyicon-bl.png differ diff --git a/assets/images/kirbyicon.png b/assets/images/kirbyicon.png new file mode 100644 index 0000000..a8ed84d Binary files /dev/null and b/assets/images/kirbyicon.png differ diff --git a/assets/images/kirbyicon.svg b/assets/images/kirbyicon.svg new file mode 100644 index 0000000..f33bced --- /dev/null +++ b/assets/images/kirbyicon.svg @@ -0,0 +1,10 @@ + + + + + + + + diff --git a/assets/scss/_mainvariables.scss b/assets/scss/_mainvariables.scss new file mode 100644 index 0000000..bcc55e8 --- /dev/null +++ b/assets/scss/_mainvariables.scss @@ -0,0 +1,23 @@ +$color_font: #000; +$color_bg: #fff; +$color_base: #1779ff; +$color_accent: #2da301; + +$link_color: $color_accent; +$link_active: darken($color_accent, 10%); + +$col_xxs_bp: 543px; + +$nav_bgColor: $color_base; +$nav_borderColor: darken($nav_bgColor, 15%); +$nav_fgColor: #fff; +$nav_textXsWidth: 80px; +$nav_textSmWidth: 109px; + +$footer_color_bg: #bebebe; + + +$color_bg_inv: #424242; +$color_font_inv: #fff; +$link_color_inv: lighten($color_accent, 5%); +$link_active_inv: lighten($color_accent, 15%); diff --git a/assets/scss/blog.scss b/assets/scss/blog.scss new file mode 100644 index 0000000..55ae8b6 --- /dev/null +++ b/assets/scss/blog.scss @@ -0,0 +1,126 @@ +/* STYLE for jannikbeyerstedt.de + * for specific template + */ +@import "custom"; +@import "variables"; +@import "mixins"; + +@import "mainvariables"; + +$blog_color_meta: #a6a6a6; + +// change main.scss behavior +body { + +} +h2 { + margin-bottom: 5px; +} +a:hover, a:active, a:focus { + text-decoration: none; +} + +figure { + text-align: center; + img { + max-width: 100%; + } +} + + + +// additional css +main.blog { + .container { + max-width: 700px; + } + h1 a { + color: inherit; + } + + article { + div.meta { + color: $blog_color_meta; + font-size: 0.85em; + span.tags { + margin-left: 5px; + border-left: 1px solid $blog_color_meta; + padding-left: 6px; + a {color: inherit;} + a:after {content: ',';} + a:last-child:after {content: '';} + } + } + } + + article.excerpt { + font-size: 1.05em; + padding-bottom: 30px; + margin-top: 25px; + border-bottom: 1px solid $blog_color_meta; + margin-bottom: 20px; + + a.more { + font-size: 1.7em; + line-height: 1rem; + position: relative; + top: 0.03em; + } + } + + article.blogarticle { + font-size: 1.15em; + margin-top: 30px; + + h1 { + margin-bottom: 0; + } + div.meta.title { + margin-bottom: 20px; + } + + padding-bottom: 15px; + border-bottom: 2px solid lighten($blog_color_meta, 10%); + margin-bottom: 50px; + + div.meta.bottom { + margin-top: 45px; + } + } + + div.teasers { + article.excerpt:last-child { + border-bottom: none; + } + } +} + +nav.pagination { + float: none; + text-align: center; + height: 45px; + color: $blog_color_meta; + a.button { + display: inline-block; + padding: 5px 14px; + background-color: #fff; + border: 1px solid lighten($blog_color_meta, 20%); + border-radius: 10px; + color: inherit; + &.older { + float: left; + } + &.newer { + float: right; + } + } + span.num-pages { + position: relative; + top: 0.5em; + } +} + + + +// ---- from boostrap ---- +//@import "images"; diff --git a/assets/scss/foundation.scss b/assets/scss/foundation.scss new file mode 100644 index 0000000..3e65efc --- /dev/null +++ b/assets/scss/foundation.scss @@ -0,0 +1,60 @@ +/* STYLE for jannikbeyerstedt.de + * used parts of bootstrap + */ + +// Core variables and mixins +@import "custom"; +@import "variables"; +@import "mixins"; + +// Reset and dependencies +//@import "normalize"; +@import "print"; + +// Core CSS +@import "reboot"; // needed for correct grid behaviour +@import "type"; +//@import "images"; +//@import "code"; +@import "grid"; +//@import "tables"; +//@import "forms"; +@import "buttons"; + +// Components +@import "animation"; +//@import "dropdown"; +//@import "button-group"; +//@import "input-group"; +//@import "custom-forms"; +//@import "nav"; +//@import "navbar"; +//@import "card"; +//@import "breadcrumb"; +//@import "pagination"; +//@import "tags"; +//@import "jumbotron"; +//@import "alert"; +//@import "progress"; +//@import "media"; +//@import "list-group"; +//@import "responsive-embed"; +//@import "close"; + +// Components w/ JavaScript +//@import "modal"; +//@import "tooltip"; +//@import "popover"; +//@import "carousel"; + +// Utility classes +@import "utilities"; + + +// bugfixes: +@include media-breakpoint-down(xs) { + .row { + margin-left: 0; + margin-right: 0; + } +} diff --git a/assets/scss/main.scss b/assets/scss/main.scss new file mode 100644 index 0000000..81aad20 --- /dev/null +++ b/assets/scss/main.scss @@ -0,0 +1,347 @@ +/* STYLE for jannikbeyerstedt.de + * generic styles + */ +@import "custom"; +@import "variables"; +@import "mixins"; + +@import "mainvariables"; + +body { + margin: 0; + font-family: 'Alegreya Sans', "Verdana", "Arial", sans-serif; + min-width: 300px; +} +h1, h2, h3, h4 { + margin-bottom: 18px; + font-family: 'Crimson Text', serif; +} +h5 { + margin-bottom: 8px; +} +h6 { + margin-bottom: 5px; +} +p { + margin-top: 0; + line-height: 1.5em; +} +a { + color: $link_color; + &:active, &:hover, &:focus { + color: $link_active; + } +} +blockquote { + font-size: 1.4em; + border-left: 4px solid #dddddd; + padding: 0 15px; + color: #777777; +} +blockquote > :first-child { + margin-top: 0; +} +blockquote > :last-child { + margin-bottom: 0; +} +code { + padding: 0 5px; + white-space: nowrap; + border: 1px solid #eaeaea; + background-color: #f8f8f8; + border-radius: 3px; +} +pre { + background-color: #f8f8f8; + border: 1px solid #cccccc; + font-size: 14px; + line-height: 19px; + overflow: auto; + padding: 6px 10px; + border-radius: 3px; + code { + margin: 0; + padding: 0; + white-space: pre; + border: none; + background: transparent; + } +} + +main div.container { + margin-top: 10px; + @include media-breakpoint-up(lg) { + max-width: 940px; + } +} + + +$header_logoSize: 75px; + +header { + margin-bottom: 10px; + img { + width: $header_logoSize; + height: $header_logoSize; + + float: left; + } +} + + +nav { + box-sizing: border-box; + ul.nav { + margin: 0; // reset + padding-left: 0; // reset + a { + text-decoration: none; + background-color: inherit; + color: inherit; + } + li { + list-style-type: none; // reset + } + a:hover, a:focus { + text-decoration: none; // reset + } + } +} +@include media-breakpoint-up(sm) { + nav { + float: right; + height: $header_logoSize; + ul.nav { + a { + float: left; + text-align: center; + font-size: 16px; + padding: 45px 0 5px; + width: $nav_textSmWidth; + } + + a:hover, a:focus, a.active { + color: $nav_fgColor; + background-color: darken($nav_bgColor, 10%); + } + } + ul.nav.home { + color: $nav_fgColor; + a { + background-color: $nav_bgColor; + border-right: 1px solid $nav_borderColor; + } + a:last-child { + border-right: 0; + } + + a.active { + color: $nav_fgColor; + border-bottom: 4px solid $color_accent; + padding-bottom: 1px; + } + } + ul.nav.main, ul.nav.second { + height: $header_logoSize/2; + a { + padding: 8px 0 5.5px; + } + } + ul.nav.main { + color: $nav_bgColor; + a.active { + color: $nav_fgColor; + border-bottom: 4px solid $color_accent; + padding-bottom: 1.5px; + } + } + ul.nav.second { + color: $nav_fgColor; + a { + background-color: $nav_bgColor; + } + a.active { + border-bottom: 4px solid $color_accent; + padding-bottom: 1.5px; + } + } + } +} +@include media-breakpoint-down(xs) { + nav { + button.navbar-toggler { + float: right; + margin-top: 10px; + font-family: inherit; + font-weight: 300; + } + ul.mobileNav { + a { + font-size: 18px; + font-weight: 300; + } + a.active { + color: lighten($nav_bgColor, 10%); + font-weight: 700; + } + } + } + + // ---- from boostrap ---- + // @requires animation.scss and collapse.js, util.js + .navbar-toggler { + padding: .5rem .75rem; + font-size: $font-size-lg; + line-height: 1; + background: none; + border: $border-width solid transparent; + @include border-radius($btn-border-radius); + + @include hover-focus { + text-decoration: none; + } + } +} + + +$footer_logoHeight: 1.4rem; +footer { + margin-top: 20px; + padding-top: 20px; + padding-bottom: 20px; + + background-color: $footer_color_bg; + color: $color_font; + + p { + margin-bottom: 0; + } + + @media (max-width: $col_xxs_bp) { + text-align: center; + p { + margin-bottom: 10px; + } + } + + i.fa { + color: $color_font; + font-size: $footer_logoHeight; + padding-right: 0.2em; + } + a > svg { + height: $footer_logoHeight; + width: $footer_logoHeight; + position: relative; top: 0.18rem; + image { + height: $footer_logoHeight; + width: $footer_logoHeight; + } + } + img { + height: $footer_logoHeight; + padding-right: 0.2em; + } + +} + +/* make footer sticky */ +$footer_height: 85px; +$footer_height_xs: 162px; +$footer_margin: 30px; +html { + position: relative; + min-height: 100%; +} +@include media-breakpoint-up(sm) { + body { + /* Margin bottom by footer height */ + margin-bottom: $footer_height + $footer_margin; + } + footer { + position: absolute; + bottom: 0; + width: 100%; + height: $footer_height; + } +} +@include media-breakpoint-down(xs) { + body { + /* Margin bottom by footer height */ + margin-bottom: $footer_height_xs + $footer_margin; + } + footer { + position: absolute; + bottom: 0; + width: 100%; + height: $footer_height_xs; + } +} + + + +/* + * HELPERS + */ +.right { + text-align: right; +} +.center { + text-align: center; +} +@media (max-width: $col_xxs_bp) { + .col-xxs-12.right, .col-xxs-12.center { + text-align: inherit; + } +} + +/* to break down col-xs */ +.visible-xxs { + display: none!important; +} +@media (max-width: $col_xxs_bp) { + .col-xxs-12 { + float: none; + width: 100%; + + position: relative; left: 0; right: 0; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; + } + .hidden-xxs { + display: none!important; + } + .visible-xxs { + display: block!important; + } +} + + + +/* + * KIRBYTAGS + */ +.html5player { + width: 100%; + height: auto; + background-color: black; +} + +div.video-container { + position: relative; + width: 100%; + height: auto; + max-width: 100%; + padding-bottom: 53%; + padding-top: 30px; + overflow: hidden; +} +.video-container iframe { + position: absolute; top: 0; left: 0; + width: 100%; height: 100%; +} + +.columns ul { + padding-left: 25px; +} diff --git a/assets/scss/templates/home.scss b/assets/scss/templates/home.scss new file mode 100644 index 0000000..3685a10 --- /dev/null +++ b/assets/scss/templates/home.scss @@ -0,0 +1,23 @@ +/* STYLE for jannikbeyerstedt.de + * for specific template + */ + +main { + div.home { + text-align: center; + margin-top: 20%; + margin-bottom: 20%; + h1 { + margin: 0; + font-family: 'Alegreya Sans', "Verdana", "Arial", sans-serif; + font-weight: 100; + font-size: 60px; + margin-top: 15px; + margin-bottom: 15px; + } + p { + margin: 0; + font-size: 20px; + } + } +} diff --git a/assets/scss/templates/photo.scss b/assets/scss/templates/photo.scss new file mode 100644 index 0000000..edd5717 --- /dev/null +++ b/assets/scss/templates/photo.scss @@ -0,0 +1,52 @@ +/* STYLE for jannikbeyerstedt.de + * for specific template + */ +@import "custom"; +@import "variables"; +@import "mixins"; + +@import "../mainvariables"; + +// change main.scss behavior - inverted color style +body { + background-color: $color_bg_inv; + color: $color_font_inv; +} +a { + color: $link_color_inv; + &:active, &:hover { + color: $link_active_inv; + } +} +@include media-breakpoint-up(sm) { + nav { + ul.nav.main { + color: $nav_fgColor; + } + } +} +footer { + background-color: darken($color_bg_inv, 7%); + color: darken($color_font_inv, 10%); +} + + +// additional css +main.photo { + .container { + + } +} + +div.carousel { + max-width: 1300px; + margin: 0 auto; +} + + + +// ---- from boostrap ---- +@import "images"; + +// @requires animation.scss (already in main.scss) and carousel.js, util.js +@import "carousel"; diff --git a/assets/scss/templates/project.scss b/assets/scss/templates/project.scss new file mode 100644 index 0000000..e0e23fb --- /dev/null +++ b/assets/scss/templates/project.scss @@ -0,0 +1,26 @@ +/* STYLE for jannikbeyerstedt.de + * for specific template + */ +@import "custom"; +@import "variables"; +@import "mixins"; + +@import "../mainvariables"; + +// change main.scss behavior +body { + +} + + +// additional css +main.project { + .container { + + } +} + + + +// ---- from boostrap ---- +@import "images"; diff --git a/assets/scss/templates/projects.scss b/assets/scss/templates/projects.scss new file mode 100644 index 0000000..940e556 --- /dev/null +++ b/assets/scss/templates/projects.scss @@ -0,0 +1,45 @@ +/* STYLE for jannikbeyerstedt.de + * for specific template + */ +@import "custom"; +@import "variables"; +@import "mixins"; + +@import "../mainvariables"; + +// change main.scss behavior +body { + +} + + +// additional css +main.projects { + .container { + + } +} + +.card a { + color: $color_font; + &:active, &:hover { + color: $color_font; + text-decoration: none; + } + + &.card-link { + &:active, &:hover { + text-decoration: underline; + } + } +} + + + +// ---- from boostrap ---- +@import "images"; +@import "card"; + +.card-img-top { + width: 100%; +} diff --git a/assets/scss/templates/webdesign.scss b/assets/scss/templates/webdesign.scss new file mode 100644 index 0000000..d1d2ede --- /dev/null +++ b/assets/scss/templates/webdesign.scss @@ -0,0 +1,46 @@ +/* STYLE for jannikbeyerstedt.de + * for specific template + */ +@import "custom"; +@import "variables"; +@import "mixins"; + +@import "../mainvariables"; + +// change main.scss behavior +body { + +} + + +// additional css +main.webdesign { + .container { + margin-top: 30px; + } +} + +.featurette { + + h2 { + font-family: inherit; + margin-top: 10px; + } + + @include media-breakpoint-down(sm) { + img { + margin-top: 50px; + } + } + @include media-breakpoint-down(xs) { + img { + margin: 0 auto; + max-height: 200px; + } + } +} + + + +// ---- from boostrap ---- +@import "images"; diff --git a/assets/vendors/bootstrap b/assets/vendors/bootstrap index 064fda0..26a6dc1 160000 --- a/assets/vendors/bootstrap +++ b/assets/vendors/bootstrap @@ -1 +1 @@ -Subproject commit 064fda0e802679e56e88db2910fdf5369dde6e4c +Subproject commit 26a6dc1d16c0efb9783889076e351d15b644ea83 diff --git a/kirby b/kirby index e19eaa0..25fa64c 160000 --- a/kirby +++ b/kirby @@ -1 +1 @@ -Subproject commit e19eaa0acf3bedd85f75d6626e14251ddf0cf85b +Subproject commit 25fa64c91219cb9801622c416a1b00631a569257 diff --git a/panel b/panel index 227a18c..d63ff1b 160000 --- a/panel +++ b/panel @@ -1 +1 @@ -Subproject commit 227a18cf302eba44f9bc8bd6bde79350685c86ab +Subproject commit d63ff1b90daf62951a657fe6a5e96b55e1b09bab diff --git a/site/blueprints/blog.yaml b/site/blueprints/blog.yaml new file mode 100644 index 0000000..37c249f --- /dev/null +++ b/site/blueprints/blog.yaml @@ -0,0 +1,16 @@ +title: Blog +pages: + template: + - blogarticle + num: date + sort: flip + +files: false + +fields: + title: + label: Title + type: text + text: + label: Text + type: textarea diff --git a/site/blueprints/blogarticle.yaml b/site/blueprints/blogarticle.yaml new file mode 100644 index 0000000..1d9f660 --- /dev/null +++ b/site/blueprints/blogarticle.yaml @@ -0,0 +1,23 @@ +title: Blog Article +pages: false + +files: true + +fields: + title: + label: Title + type: text + date: + label: Date + type: date + width: 1/4 + tags: + label: Tags + type: tags + width: 3/4 + text: + label: Text + type: textarea + meta-robots: + label: Metatag robots + type: text diff --git a/site/blueprints/default.yaml b/site/blueprints/default.yaml index d483094..00259f3 100644 --- a/site/blueprints/default.yaml +++ b/site/blueprints/default.yaml @@ -1,6 +1,8 @@ -title: Page +title: default Page pages: true + files: true + fields: title: label: Title diff --git a/site/blueprints/home.yaml b/site/blueprints/home.yaml new file mode 100644 index 0000000..8376f38 --- /dev/null +++ b/site/blueprints/home.yaml @@ -0,0 +1,18 @@ +title: Home +pages: true + +files: true + +fields: + title: + label: Title + type: text + hero_text: + label: main text + type: textarea + subtitle: + label: subtitle + type: text + text: + label: text + type: textarea diff --git a/site/blueprints/photo.yaml b/site/blueprints/photo.yaml new file mode 100644 index 0000000..bf6d498 --- /dev/null +++ b/site/blueprints/photo.yaml @@ -0,0 +1,22 @@ +title: Photo +pages: + build: + - title: carousel + uid: carousel + template: carousel + template: + - photo + - carousel + +files: true + +fields: + title: + label: Title + type: text + text: + label: Text + type: textarea + text2: + label: Text below masonry + type: textarea diff --git a/site/blueprints/project.yaml b/site/blueprints/project.yaml new file mode 100644 index 0000000..6e00dc6 --- /dev/null +++ b/site/blueprints/project.yaml @@ -0,0 +1,25 @@ +title: Project +pages: + template: + - project + +files: true + +fields: + title: + label: Title + type: text + exrpt_img: + label: Excerpt image + type: image + width: 1/2 + exrpt_text: + label: Excerpt for overview + type: textarea + width: 1/2 + text: + label: Text + type: textarea + text2: + label: Text below masonry + type: textarea diff --git a/site/blueprints/projects.yaml b/site/blueprints/projects.yaml new file mode 100644 index 0000000..a23cd4d --- /dev/null +++ b/site/blueprints/projects.yaml @@ -0,0 +1,14 @@ +title: Projects +pages: + template: + - project + +files: true + +fields: + title: + label: Title + type: text + text: + label: Text + type: textarea diff --git a/site/blueprints/redirect.yaml b/site/blueprints/redirect.yaml new file mode 100644 index 0000000..c752dca --- /dev/null +++ b/site/blueprints/redirect.yaml @@ -0,0 +1,19 @@ +title: redirect +pages: true + +files: false + +fields: + title: + label: Title (not used) + type: text + target: + label: Target + type: page + red_type: + label: Redirect Type + type: radio + default: temporarly + options: + temp: temporarly (302) + perm: permanent (301) diff --git a/site/blueprints/site.yaml b/site/blueprints/site.yaml index 87997d4..cbce2ef 100644 --- a/site/blueprints/site.yaml +++ b/site/blueprints/site.yaml @@ -3,6 +3,7 @@ Title: Site pages: template: - default + - redirect fields: title: @@ -32,15 +33,25 @@ fields: en: header image / logo (drag and drop) de: Logo für Kopf der Seite (drag and drop) type: image - copyright: + + line: + type: line + + footer_left: label: - en: Copyright (footer) - de: Copyright (für Footertext) - type: text - width: 1/2 - webdesigner: + en: footer left + de: Footer links + type: textarea + width: 1/3 + footer_center: label: - en: Webdesign by (footer text right) - de: Webdesign von (rechter Footertext) - type: text - width: 1/2 + en: footer center + de: Footer Mitte + type: textarea + width: 1/3 + footer_right: + label: + en: footer right + de: Footer rechts + type: textarea + width: 1/3 diff --git a/site/blueprints/webdesign.yaml b/site/blueprints/webdesign.yaml new file mode 100644 index 0000000..383cbcf --- /dev/null +++ b/site/blueprints/webdesign.yaml @@ -0,0 +1,23 @@ +title: Webdesign +pages: true + +files: true + +fields: + title: + label: Title + type: text + featurette_headline: + label: Featurette Headline + type: text + featurette_text: + label: Featurette Text + type: textarea + width: 1/2 + featurette_img: + label: Featurette Image + type: image + width: 1/2 + text: + label: Text + type: textarea diff --git a/site/config/config.php b/site/config/config.php index bd59e6f..d3855c7 100644 --- a/site/config/config.php +++ b/site/config/config.php @@ -1,5 +1,5 @@ function() { return site()->visit('sitemap'); } + ), + + // redirect legacy urls: + // feature/webdesign -> webdesign + // feature/fotografie -> fotografie + // feature/fotografie/(:any) -> fotografie/(:any) + array( + 'pattern' => 'feature/(:all)', + 'action' => function($uid) { + if (site()->find($uid)) { + $target = site()->find($uid)->url(); + header::redirect($target, 301); + }else { + go('error'); + } + } ) )); @@ -31,30 +51,25 @@ Modules Configuration */ // plg-carousel -//c::set('plg_carousel.enable', true); -//c::set('plg_carousel.sort', 'sort'); // sortBy parameter: sort, title, etc. -//c::set('plg_carousel.dir', 'asc'); // sortBy direction: asc, desc +c::set('plg_carousel.enable', true); +c::set('plg_carousel.sort', 'sort'); // sortBy parameter: sort, title, etc. +c::set('plg_carousel.dir', 'asc'); // sortBy direction: asc, desc // plg-masonry -//c::set('plg_masonry.enable', true); -//c::set('plg_masonry.width', 170); +c::set('plg_masonry.enable', true); +c::set('plg_masonry.width', 170); //c::set('plg_masonry.sizelimit', 1300); // limit the source image size (long edge) -//c::set('plg_masonry.sort', 'sort'); // sortBy parameter: sort, title, etc. -//c::set('plg_masonry.dir', 'asc'); // sortBy direction: asc, desc -//c::set('plg_masonry.lightbox', 'swipebox'); - -// plg-navbar style: -//c::set('navbar-class', 'navbar-inverse navbar-fixed-top'); -//c::set('navbar-ignoreChildren', true); -//c::set('navbar-affix', true); +c::set('plg_masonry.sort', 'sort'); // sortBy parameter: sort, title, etc. +c::set('plg_masonry.dir', 'asc'); // sortBy direction: asc, desc +c::set('plg_masonry.lightbox', 'swipebox'); // bastians columns.php plugin from https://github.com/getkirby/plugins/tree/master/columns -//c::set('columns.container', 'row'); -//c::set('columns.item', 'col-sm-6 columns'); +c::set('columns.container', 'row'); +c::set('columns.item', 'col-sm-6 columns'); // enhanced sitemap by Jannik Beyerstedt: -c::set('smap_ignoreSite', array('sitemap', 'error', 'home')); -c::set('smap_ignoreTemplate', array('carousel')); +c::set('smap_ignoreSite', array('sitemap', 'error', 'home', 'qr', 'secret', 'test')); +c::set('smap_ignoreTemplate', array('carousel', 'redirect')); c::set('smap_heading_visible', 'Hauptmenü'); c::set('smap_heading_invisible', 'weitere Seiten'); //c::set('smap_column_class_id', 'class="foo" id="bar"'); diff --git a/site/snippets/base/cont-footer.php b/site/snippets/base/cont-footer.php index dd87742..fcddc75 100644 --- a/site/snippets/base/cont-footer.php +++ b/site/snippets/base/cont-footer.php @@ -6,10 +6,25 @@ // license: http://www.gnu.org/licenses/gpl-3.0.txt GPLv3 License // ------------------------------------------- ?> -