diff --git a/_layouts/default.html b/_layouts/default.html index bcd2393..0452f19 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -7,7 +7,7 @@ - + {% include seo.html %} diff --git a/_layouts/music.html b/_layouts/music.html index 6e4b9c8..dd3afb2 100644 --- a/_layouts/music.html +++ b/_layouts/music.html @@ -1,117 +1,71 @@ - - - - - -{{ page.title }} by {{ site.title }} - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-

{{ page.title }}

- -{{ page.content }} - +

{{ page.title }}

+ {{ page.content }}
- - - - - -
-
-{% include navmenu.html %} + +
- - - + html, + body { + background:url('{{ site.audio_url }}{{ page.bgimg }}') #0ff no-repeat center center fixed; + background-size: contain; + } + \ No newline at end of file diff --git a/_sass/normalize.scss b/_sass/normalize.scss new file mode 100644 index 0000000..c469989 --- /dev/null +++ b/_sass/normalize.scss @@ -0,0 +1,349 @@ +/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ + +/* Document + ========================================================================== */ + +/** + * 1. Correct the line height in all browsers. + * 2. Prevent adjustments of font size after orientation changes in iOS. + */ + + html { + line-height: 1.15; /* 1 */ + -webkit-text-size-adjust: 100%; /* 2 */ +} + +/* Sections + ========================================================================== */ + +/** + * Remove the margin in all browsers. + */ + +body { + margin: 0; +} + +/** + * Render the `main` element consistently in IE. + */ + +main { + display: block; +} + +/** + * Correct the font size and margin on `h1` elements within `section` and + * `article` contexts in Chrome, Firefox, and Safari. + */ + +h1 { + font-size: 2em; + margin: 0.67em 0; +} + +/* Grouping content + ========================================================================== */ + +/** + * 1. Add the correct box sizing in Firefox. + * 2. Show the overflow in Edge and IE. + */ + +hr { + box-sizing: content-box; /* 1 */ + height: 0; /* 1 */ + overflow: visible; /* 2 */ +} + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ + +pre { + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ +} + +/* Text-level semantics + ========================================================================== */ + +/** + * Remove the gray background on active links in IE 10. + */ + +a { + background-color: transparent; +} + +/** + * 1. Remove the bottom border in Chrome 57- + * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. + */ + +abbr[title] { + border-bottom: none; /* 1 */ + text-decoration: underline; /* 2 */ + text-decoration: underline dotted; /* 2 */ +} + +/** + * Add the correct font weight in Chrome, Edge, and Safari. + */ + +b, +strong { + font-weight: bolder; +} + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ + +code, +kbd, +samp { + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ +} + +/** + * Add the correct font size in all browsers. + */ + +small { + font-size: 80%; +} + +/** + * Prevent `sub` and `sup` elements from affecting the line height in + * all browsers. + */ + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +/* Embedded content + ========================================================================== */ + +/** + * Remove the border on images inside links in IE 10. + */ + +img { + border-style: none; +} + +/* Forms + ========================================================================== */ + +/** + * 1. Change the font styles in all browsers. + * 2. Remove the margin in Firefox and Safari. + */ + +button, +input, +optgroup, +select, +textarea { + font-family: inherit; /* 1 */ + font-size: 100%; /* 1 */ + line-height: 1.15; /* 1 */ + margin: 0; /* 2 */ +} + +/** + * Show the overflow in IE. + * 1. Show the overflow in Edge. + */ + +button, +input { /* 1 */ + overflow: visible; +} + +/** + * Remove the inheritance of text transform in Edge, Firefox, and IE. + * 1. Remove the inheritance of text transform in Firefox. + */ + +button, +select { /* 1 */ + text-transform: none; +} + +/** + * Correct the inability to style clickable types in iOS and Safari. + */ + +button, +[type="button"], +[type="reset"], +[type="submit"] { + -webkit-appearance: button; +} + +/** + * Remove the inner border and padding in Firefox. + */ + +button::-moz-focus-inner, +[type="button"]::-moz-focus-inner, +[type="reset"]::-moz-focus-inner, +[type="submit"]::-moz-focus-inner { + border-style: none; + padding: 0; +} + +/** + * Restore the focus styles unset by the previous rule. + */ + +button:-moz-focusring, +[type="button"]:-moz-focusring, +[type="reset"]:-moz-focusring, +[type="submit"]:-moz-focusring { + outline: 1px dotted ButtonText; +} + +/** + * Correct the padding in Firefox. + */ + +fieldset { + padding: 0.35em 0.75em 0.625em; +} + +/** + * 1. Correct the text wrapping in Edge and IE. + * 2. Correct the color inheritance from `fieldset` elements in IE. + * 3. Remove the padding so developers are not caught out when they zero out + * `fieldset` elements in all browsers. + */ + +legend { + box-sizing: border-box; /* 1 */ + color: inherit; /* 2 */ + display: table; /* 1 */ + max-width: 100%; /* 1 */ + padding: 0; /* 3 */ + white-space: normal; /* 1 */ +} + +/** + * Add the correct vertical alignment in Chrome, Firefox, and Opera. + */ + +progress { + vertical-align: baseline; +} + +/** + * Remove the default vertical scrollbar in IE 10+. + */ + +textarea { + overflow: auto; +} + +/** + * 1. Add the correct box sizing in IE 10. + * 2. Remove the padding in IE 10. + */ + +[type="checkbox"], +[type="radio"] { + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ +} + +/** + * Correct the cursor style of increment and decrement buttons in Chrome. + */ + +[type="number"]::-webkit-inner-spin-button, +[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +/** + * 1. Correct the odd appearance in Chrome and Safari. + * 2. Correct the outline style in Safari. + */ + +[type="search"] { + -webkit-appearance: textfield; /* 1 */ + outline-offset: -2px; /* 2 */ +} + +/** + * Remove the inner padding in Chrome and Safari on macOS. + */ + +[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +/** + * 1. Correct the inability to style clickable types in iOS and Safari. + * 2. Change font properties to `inherit` in Safari. + */ + +::-webkit-file-upload-button { + -webkit-appearance: button; /* 1 */ + font: inherit; /* 2 */ +} + +/* Interactive + ========================================================================== */ + +/* + * Add the correct display in Edge, IE 10+, and Firefox. + */ + +details { + display: block; +} + +/* + * Add the correct display in all browsers. + */ + +summary { + display: list-item; +} + +/* Misc + ========================================================================== */ + +/** + * Add the correct display in IE 10+. + */ + +template { + display: none; +} + +/** + * Add the correct display in IE 10. + */ + +[hidden] { + display: none; +} diff --git a/assets/css/BAnkrutt.otf b/assets/css/BAnkrutt.otf deleted file mode 100644 index b8a6242..0000000 Binary files a/assets/css/BAnkrutt.otf and /dev/null differ diff --git a/assets/css/frontpage.css b/assets/css/frontpage.css deleted file mode 100644 index a7c7740..0000000 --- a/assets/css/frontpage.css +++ /dev/null @@ -1,291 +0,0 @@ ---- ---- - -{% include normalize.css %} -{% include style.css %} - -/*! sakrecoer front-sheet */ - -html{ - -webkit-transition:.5s background; - transition:.5s background; - background:url({{ base }}/assets/img/bg/frontpage.jpg) no-repeat; - background-size:cover; -} -body{ - margin:0; - padding:0; - background:transparent; - font-family: futura, Helvetica, sans-serif; -} - -h1, -h2, -h3, -h4 { - font-family: futura; - text-transform: uppercase; -} -a:link, -a:visited, -a:hover, -a:active, -a:focus { - text-decoration: none; - -webkit-transition:.5s background; - transition:.5s background -} -a, -a:link, -a:visited { - color: #fff; - --webkit-transition-property: hover; - -webkit-transition: color 0.5s ease-in-out; - -moz-transition: color 0.5s linear 0s; /* firefox 4 */ - -o-transition-property: color; /* opera 10.5 */ - -o-transition-duration: 0.5s; -text-shadow: 1px 0px 14px rgba(255, 255, 255, 0.5), - -1px 0px 14px rgba(255, 255, 255, 0.5), - 0px -1px 14px rgba(255, 255, 255, 0.5), - 0px 1px 14px rgba(255, 255, 255, 0.5); --webkit-transition-property: hover; - -webkit-transition: text-shadow .5s ease-in-out; - -moz-transition: text-shadow .5s linear 0s; /* firefox 4 */ - -o-transition-property: text-shadow; /* opera 10.5 */ - -o-transition-duration: .5s; -} - -a:hover { - color: #f00; -text-shadow: 1px 0px 4px rgba(255, 255, 255, 0.5), - -1px 0px 4px rgba(255, 255, 255, 0.5), - 0px -1px 4px rgba(255, 255, 255, 0.5), - 0px 1px 4px rgba(255, 255, 255, 0.5); -} -a:active { - color: #000; -} -div{ - - z-index: -10 -} -/* ------ magicvideo ---- */ - -video{ - position:fixed; - right:0; - bottom:0; - min-width:100%; - min-height:100%; - width:auto; - height:auto; - z-index:-100; - background:url({{ base }}/assets/img/bg/frontpage.jpg) no-repeat; - background-size:cover; - -webkit-transition:1s opacity;transition:1s opacity; -} - -h1{ - font-size:3rem; - text-transform:uppercase; - margin-top:0; - letter-spacing:.3rem; - font-family: futurabold; -} -.stopfade{ - opacity:.5 -} -#video_pause { - font-family: futura; - text-transform: uppercase; - position: fixed; - bottom: 10px; - right: 10px; - display:block; - width:50px; - padding:.2rem; - border:none; - margin:0rem 0rem; - font-size:.7rem; - background:rgba(255,0,0,.23); - color:#fff; - border-radius:3px; - cursor:pointer; - -webkit-transition:.3s background; - transition:.3s background; -} -#video_pause:hover{ - background:rgba(0,0,0,.5); - color: #fff; -} - -/* ---- hide divs ---- */ - - - -#abcdef,#abcde,#abcd,#abc,#ab { - display: none; - background-color: transparent; - - -} -/*show .ab*/ -#music:hover ~ #ab { - display: block; - -} -/*show .abc*/ -#about:hover ~ #abc { - display: block; -} -/*show .abcd*/ -#log:hover ~ #abcd { - display: block; -} -/*show .abcde*/ -#discog:hover ~ #abcde { - display: block; -} -/*show .abcdef*/ -#links:hover ~ #abcdef { - display: block; -} -#music:hover ~ #a, -#about:hover ~ #a, -#log:hover ~ #a, -#discog:hover ~ #a, -#links:hover ~ #a{ - display: none; - -} -#music, -#about, -#log, -#discog, -#links{ - font-family: futurabold; - line-height: 1.2; - text-transform: uppercase; - float:right; - font-size: 5em; - font-weight: bold; - width: 100%; - text-align: left; - color: transparent; - border-radius: 3px; -} -#music:hover{ - background-color: rgba(255, 0, 24, 0.3); - -} - -#about:hover{ - - background-color: rgba(153, 255, 0, 0.5); - -} - -#log:hover{ - background-color: rgba(0, 255, 229, 0.3); - -} - -#discog:hover{ - background-color: rgba(102, 0, 255, 0.3); - -} - -#links:hover{ - background-color: rgba(0, 0, 0, 0.3); - -} - -#a, #ab, #abc, #abcd, #abcde, #abcdef{ - position:absolute; - - width: 100%; - height: 100%; - background-color: rgba(0, 0, 0, 0.3); -} - -/* default */ -#a{ - background:url('../img/sakrecoerLOGO.png') no-repeat center center; - -webkit-background-size: contain; - -moz-background-size: contain; - -o-background-size: contain; - background-size: contain; - background-color:rgba(255, 0, 24, 0.5); - height: 90%; - top: 10%; - position:absolute; - text-align: center; - background-color: rgba(0, 0, 0, 0); - opacity: .8; -} - -/* music */ -#ab{ - background:url('../img/bg/boombbox.jpg') no-repeat center center; - -webkit-background-size: cover; - -moz-background-size: cover; - -o-background-size: cover; - background-size: cover; - background-color: rgba(255, 0, 24, 0.5); - font-family: futura; - opacity: .75; -} - -/* about */ -#abc{ - position:fixed; - top:30%; left:36%; - width: 350px; height: 350px; padding: 0 7px 30px 7px; - background-color: rgba(153, 255, 0, 1); - font-family: futura; - opacity: 1; - letter-spacing: -1px; - text-transform: uppercase; font-size:24px; - text-align: center; - border-radius:4px; color:#000; -} -#abc p { -line-height:24px; -} -/* blog */ -#abcd{ - background-color: rgba(0, 255, 229, 0.2); - font-family: futura, Helvetica; color: rgba(0, 255, 229, 0.2); - letter-spacing: -1px; - text-transform: uppercase; font-size:24px; - text-align: justify; - border-radius:4px; -} -/* discog */ -#abcde{ - background:url('../img/discog2014.jpg') no-repeat center center; - -webkit-background-size: cover; - -moz-background-size: cover; - -o-background-size: cover; - background-size: cover; - background-color: rgba(255, 0, 24, 0.5); - font-family: futura; - opacity: .6; -} -/* links */ -#abcdef{ - background:url('../img/Chain_1.png') no-repeat center center; - -webkit-background-size: cover; - -moz-background-size: cover; - -o-background-size: cover; - background-size: cover; - text-align: center; - font-family: futura; -} - -#logo { - margin: auto -} - - diff --git a/assets/css/kid3index.css b/assets/css/kid3index.css deleted file mode 100644 index acc7402..0000000 --- a/assets/css/kid3index.css +++ /dev/null @@ -1,140 +0,0 @@ ---- ---- - -/*! Index page */ -@font-face { - font-family: futura; - src: url('{{ base }}/assets/fonts/free_avantgarde.woff'); -} -@font-face { - font-family: futurabold; - src: url('{{ base }}/assets/fonts/free_avantgardeBOLD.woff'); -} -html{ - -webkit-transition:.5s background; - transition:.5s background; - font-family: futurabold, Helvetica, Arial, sans-serif, sans; - font-size: 1em; - background: rgba(0,76,255,1); -} -body, p{ - margin:0; - background: rgba(0,76,255,1); -} -h1, -h2, -h3, -h4 { - font-weight:bold; - text-transform: uppercase; -} - -b, -strong { - font-weight:bold; -} -a:link, -a:visited, -a:hover, -a:active, -a:focus { - text-decoration: none; - -webkit-transition:.6s background; - transition:.6s background; -} -a, -a:link, -a:visited { - color: #fff; - -webkit-transition-property: hover; - -webkit-transition: color 0.15s ease-in-out; - -moz-transition: color 0.15s linear 0s; /* firefox 4 */ - -o-transition-property: color; /* opera 10.5 */ - -o-transition-duration: 0.15s; -} -a:hover { - color: rgba(0,76,255,0.9); -} -a:active { - color: #f00; -} -.vignette { -float: left; -width:320px; -min-width:320px; -height:320px; -background:no-repeat; -background-size: 370px; - background-color: rgba(255,0,76,.0); - box-shadow: 1px 0px 37px rgba(255,0,76,.1), - -1px 0px 37px rgba(255,0,76,.1), - 0px -1px 37px rgba(255,0,76,.1), - 0px 1px 37px rgba(255,0,76,.1); -} -#picker { - -} -#picker p { - position:relative; -width:77%; - height: 77%; - margin: auto; - padding: 17px; - border-radius: 2px; - background: rgba(0,76,255,0); - color:rgba(215,215,215,0.3); - -webkit-transition-property: hover; - -webkit-transition: background 0.15s ease-in-out; - -moz-transition: background 0.15s linear 0s; /* firefox 4 */ - -o-transition-property: background; /* opera 10.5 */ - -o-transition-duration: 0.15s; - - line-height: 1.3em; - letter-spacing: -0.1em; -} -#picker p:hover{ - background: rgba(255,0,0,.7); - color: #d7d7d7; -} -strong { -font-size:2em; -} -.title{ - text-shadow: 1px 0px 2px rgba(0,76,255,.5), - -1px 0px 2px rgba(0,76,255,.5), - 0px -1px 2px rgba(0,76,255,.5), - 0px 1px 2px rgba(0,76,255,.5); -} -#pagetitle { - z-index: 100; - text-transform: none; - position: fixed; bottom: 10px; left:17px; - font-size:2.5em; - letter-spacing:-.05em; - line-height: .95em; - color:rgba(119,119,119,0); - background-color:rgba(255,0,76,.5); - box-shadow: 1px 0px 27px rgba(255,0,76,.1), - -1px 0px 27px rgba(255,0,76,.1), - 0px -1px 27px rgba(255,0,76,.1), - 0px 1px 27px rgba(255,0,76,.1); - padding:7px; - border-radius: 2px; -} -h1:hover{ - text-shadow: 1px 0px 0px rgba(0,76,255,.5), - -1px 0px 0px rgba(0,76,255,.5), - 0px -1px 0px rgba(0,76,255,.5), - 0px 1px 0px rgba(0,76,255,.5); - -webkit-transition-property: hover; - -webkit-transition: text-shadow 0.3s ease-in-out; - -moz-transition: text-shadow 0.3s linear 0s; /* firefox 4 */ - -o-transition-property: text-shadow; /* opera 10.5 */ - -o-transition-duration: 0.3s; - -} -#navigation { - position: fixed; bottom: 130px; left:17px; - z-index: 10; -} -{% include navmenu.css %} diff --git a/assets/css/kid3player.css b/assets/css/kid3player.css deleted file mode 100644 index 1b052df..0000000 --- a/assets/css/kid3player.css +++ /dev/null @@ -1,192 +0,0 @@ ---- ---- - - -@font-face { - font-family: futura; - src: url('{{ base }}/assets/fonts/free_avantgarde.woff'); -} -@font-face { - font-family: futurabold; - src: url('{{ base }}/assets/fonts/free_avantgardeBOLD.woff'); -} -/*! Track Pages */ -html{ - -webkit-transition:.5s background; - transition:.5s background; - font-family: Futura, Helvetica, Arial, sans-serif, sans; - font-size: 1em; -} -body, p{ - margin:0; -} -h1, -h2, -h3, -h4 { - font-weight:bold; - text-transform: uppercase; -} - -b, -strong { - font-weight:bold; -} -a:link, -a:visited, -a:hover, -a:active, -a:focus { - text-decoration: none; - -webkit-transition:.6s background; - transition:.6s background; -} -a, -a:link, -a:visited { - color: #fff; - -webkit-transition-property: hover; - -webkit-transition: color 0.15s ease-in-out; - -moz-transition: color 0.15s linear 0s; /* firefox 4 */ - -o-transition-property: color; /* opera 10.5 */ - -o-transition-duration: 0.15s; -} -a:hover { - color: rgba(0,76,255,0.9); -} -a:active { - color: #f00; -} -#navigation { - z-index: 100000; - position: fixed; top:10px; left: 10px; z-index: 1000; - width: 150px; height: 290px;padding: 10px; - background-color: rgba(0,204,255,0.5); - text-align: center; - border-radius: 75px ; - opacity: .33; - -webkit-transition-property: hover; - -webkit-transition: opacity 0.7s ease-in-out; - -moz-transition: opacity 0.7s linear 0s; /* firefox 4 */ - -o-transition-property: opacity; /* opera 10.5 */ - -o-transition-duration: 0.7s; -} -#navigation:hover { - background-color: rgba(0,204,255,0.5); - opacity: 1; - -} -#lyrics { - position: absolute; left:350px; top:60px; z-index: 1000; - min-width:600px; - padding: 0 .75em 200px .75em; - margin-right:20%; - background-color: rgba(0,76,255,0); - text-align: left; - font-size: .85em; - color: rgba(0,204,255,0); - border-radius: 2px ; - opacity: 1; - -webkit-transition-property: hover; - -webkit-transition: background-color 0.7s ease-in-out; - -moz-transition: background-color 0.7s linear 0s; /* firefox 4 */ - -o-transition-property: background-color; /* opera 10.5 */ - -o-transition-duration: 0.7s; -} -#lyrics:hover { - background-color: rgba(0,76,255,1); - opacity: .9; - z-index: 10; - color: rgba(0,204,255,.9); - border-radius: 3px; -} - -.title{ - font-family: Futurabold, Helvetica, Arial, sans-serif, sans; - font-size:6em; - line-height:.8em; - letter-spacing:-.1em; - color:rgba(0,204,255,0); - text-shadow: 1px 0px 27px rgba(0,204,255,.2), - -1px 0px 27px rgba(0,204,255,.2), - 0px -1px 27px rgba(0,204,255,.2), - 0px 1px 27px rgba(0,204,255,.2); -} -h1 { - -webkit-transition-property: hover; - -webkit-transition: text-shadow 0.7s ease-in-out; - -moz-transition: text-shadow 0.7s linear 0s; /* firefox 4 */ - -o-transition-property: text-shadow; /* opera 10.5 */ - -o-transition-duration: 0.7s; -} -h1:hover { - text-shadow: 1px 0px 0px rgba(0,204,255,.5), - -1px 0px 0px rgba(0,204,255,.5), - 0px -1px 0px rgba(0,204,255,.5), - 0px 1px 0px rgba(0,204,255,.5); - -webkit-transition-property: hover; - -webkit-transition: text-shadow 0.7s ease-in-out; - -moz-transition: text-shadow 0.7s linear 0s; /* firefox 4 */ - -o-transition-property: text-shadow; /* opera 10.5 */ - -o-transition-duration: 0.7s; -} -audio{ - position:fixed; - right:0; - bottom:0; - min-width:100%; - min-height:100%; - width:100%; - height:100%; - background:#777 no-repeat; - background-size:cover; - opacity:0; - -webkit-transition:1s opacity;transition:1s opacity; - display: block; -} -.stopfade{ - opacity:.7; - -} -#mu_pause { - font-weight: bold; - line-height: 1em; - font-size:2em; - font-family: Futurabold, Helvetica, Arial, sans-serif; - text-transform: uppercase; - /* position: fixed; - bottom: 30%; - right: 40%; */ - display:block; - width:150px; - height: 150px; - border-radius: 50%; - border:none; - background:rgba(0,204,255,1); - cursor:pointer; - -webkit-transition:.3s background; - transition:.3s background; - z-index: 10000; - color: #fff; -} -#mu_pause:hover{ - background:rgba(0,76,255,.9); - color: #fff; -} - -#tracktime { - position: fixed; right: 10px; bottom:0px; - font-size: 12em; line-height:0.9em; letter-spacing: -0.1em; color: rgba(119,119,119,0); - font-family: Helvetica, Arial, Sans-serif, Sans; - font-weight: bold; - text-shadow: 1px 0px 14px rgba(0,204,255,.5), - -1px 0px 14px rgba(0,204,255,.5), - 0px -1px 14px rgba(0,204,255,.5), - 0px 1px 14px rgba(0,204,255,.5); - z-index: 100; -} -.arrow { - font-size: 2em; - line-height: .9em; -} -{% include navmenu.css %} \ No newline at end of file diff --git a/assets/css/music.css b/assets/css/music.css deleted file mode 100644 index 3675c49..0000000 --- a/assets/css/music.css +++ /dev/null @@ -1,169 +0,0 @@ - ---- ---- - -/* skipper */ - -#skipper { - position: absolute; bottom:0; - z-index: 1; - -} - -/* */ - - -audio{ - position:fixed; - right:0; - bottom:0; - min-width:100%; - min-height:100%; - width:100%; - height:100%; - - - background:url({{ base }}/img/bg/frontpage.jpg) no-repeat; - - - - background-size:cover; - opacity:0; - -webkit-transition:1s opacity;transition:1s opacity; - - display: block; -} - -.stopfade{ - opacity:.7; -} -#mu_pause { - font-family: futurabold; - font-weight: bold; - line-height: 1em; - font-size:3em; - text-transform: uppercase; - /* position: fixed; - bottom: 30%; - right: 40%; */ - display:block; - width:250px; - height: 250px; - border-radius: 50%; - border:none; - background:rgba(255,0,0,1); - cursor:pointer; - -webkit-transition:.3s background; - transition:.3s background; - z-index: 10000; - color: #fff; - - -} -#mu_pause:hover{ - background:rgba(0,255,255,.6); - color: #fff; - -} -/* ---- hide divs ---- */ - - - -#abc,#ab { - display: none; - background-color: transparent; - -} -/*show .ab*/ -#download:hover ~ #ab { - display: block; -} -/*show .abc*/ - -#lyrics:hover ~ #abc { - display: block; - opacity: 1; - -webkit-transition-property: hover; - -webkit-transition: opacity 0.7s ease-in-out; - -moz-transition: opacity 0.7s linear 0s; /* firefox 4 */ - -o-transition-property: opacity; /* opera 10.5 */ - -o-transition-duration: 0.7s; -} - -#download:hover ~ #a, -#lyrics:hover ~ #a{ - display: none; -} -#download, -#lyrics{ - font-family: futurabold; - text-transform: uppercase; - font-weight: bold; -} - -#a, #ab, #abc { - position: fixed; - bottom: 0px; - right: 0px; - width: 75%; - height: 85%; - background-color: transparent; -} - -/* default */ -#a{ - width: 1px; - height: 1px; -} - -/* download */ -#ab { - top:140px; left:350px; - width: 600px; height: 120px;padding: 17px; - background-color: rgba(0, 0, 0, .4); - font-family: futura; font-size:24px; text-align: left; - opacity: 1; - text-transform:uppercase; - border-radius:4px; -} - -/* lyrics */ -#abc{ - top:140px; left:350px; - width: 600px; height:120px;padding: 17px; - background-color: rgba(0, 0, 0, .4); - font-family: futura; font-size:12px; text-align: left; - opacity: 1; - border-radius:4px; -} - - - -#tracktime { - position: fixed; right: 10px; bottom:-10px; - font-size: 272px; font-family: futurabold; line-height:288px; letter-spacing: -20px; color: rgba(0,255,255,.3); - -} - -#random_posts{ - position: fixed; right: 20px; top:140px; - width: 300px; - font-family: futura; font-size: 12px; - line-height: 10px; - background:rgba(0,0,0,1); - border-radius: 4px; - padding: 7px; - -webkit-transition:1s opacity;transition:1s opacity; - opacity: .3; - z-index: 1000; -} -hr { - border-color: #222; -} -#random_posts:hover{ - opacity: .7; - -} - - - diff --git a/assets/css/normalize.css b/assets/css/normalize.css deleted file mode 100644 index a9c6f52..0000000 --- a/assets/css/normalize.css +++ /dev/null @@ -1,396 +0,0 @@ -/*! normalize.css v2.1.0 | MIT License | git.io/normalize */ - -/* ========================================================================== - HTML5 display definitions - ========================================================================== */ - -/** - * Correct `block` display not defined in IE 8/9. - */ - -article, -aside, -details, -figcaption, -figure, -footer, -header, -hgroup, -main, -nav, -section, -summary { - display: block; -} - -/** - * Correct `inline-block` display not defined in IE 8/9. - */ - -audio, -canvas, -video { - display: inline-block; -} - -/** - * Prevent modern browsers from displaying `audio` without controls. - * Remove excess height in iOS 5 devices. - */ - -audio:not([controls]) { - display: none; - height: 0; -} - -/** - * Address styling not present in IE 8/9. - */ - -[hidden] { - display: none; -} - -/* ========================================================================== - Base - ========================================================================== */ - -/** - * 1. Set default font family to sans-serif. - * 2. Prevent iOS text size adjust after orientation change, without disabling - * user zoom. - */ - -html { - font-family: sans-serif; /* 1 */ - -webkit-text-size-adjust: 100%; /* 2 */ - -ms-text-size-adjust: 100%; /* 2 */ -} - -/** - * Remove default margin. - */ - -body { - margin: 0; -} - -/* ========================================================================== - Links - ========================================================================== */ - -/** - * Address `outline` inconsistency between Chrome and other browsers. - */ - -a:focus { - outline: thin dotted; -} - -/** - * Improve readability when focused and also mouse hovered in all browsers. - */ - -a:active, -a:hover { - outline: 0; -} - -/* ========================================================================== - Typography - ========================================================================== */ - -/** - * Address variable `h1` font-size and margin within `section` and `article` - * contexts in Firefox 4+, Safari 5, and Chrome. - */ - -h1 { - font-size: 2em; - margin: 0.67em 0; -} - -/** - * Address styling not present in IE 8/9, Safari 5, and Chrome. - */ - -abbr[title] { - border-bottom: 1px dotted; -} - -/** - * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. - */ - -b, -strong { - font-weight: bold; -} - -/** - * Address styling not present in Safari 5 and Chrome. - */ - -dfn { - font-style: italic; -} - -/** - * Address differences between Firefox and other browsers. - */ - -hr { - -moz-box-sizing: content-box; - box-sizing: content-box; - height: 0; -} - -/** - * Address styling not present in IE 8/9. - */ - -mark { - background: #ff0; - color: #000; -} - -/** - * Correct font family set oddly in Safari 5 and Chrome. - */ - -code, -kbd, -pre, -samp { - font-family: monospace, serif; - font-size: 1em; -} - -/** - * Improve readability of pre-formatted text in all browsers. - */ - -pre { - white-space: pre-wrap; -} - -/** - * Set consistent quote types. - */ - -q { - quotes: "\201C" "\201D" "\2018" "\2019"; -} - -/** - * Address inconsistent and variable font size in all browsers. - */ - -small { - font-size: 80%; -} - -/** - * Prevent `sub` and `sup` affecting `line-height` in all browsers. - */ - -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sup { - top: -0.5em; -} - -sub { - bottom: -0.25em; -} - -/* ========================================================================== - Embedded content - ========================================================================== */ - -/** - * Remove border when inside `a` element in IE 8/9. - */ - -img { - border: 0; -} - -/** - * Correct overflow displayed oddly in IE 9. - */ - -svg:not(:root) { - overflow: hidden; -} - -/* ========================================================================== - Figures - ========================================================================== */ - -/** - * Address margin not present in IE 8/9 and Safari 5. - */ - -figure { - margin: 0; -} - -/* ========================================================================== - Forms - ========================================================================== */ - -/** - * Define consistent border, margin, and padding. - */ - -fieldset { - border: 1px solid #c0c0c0; - margin: 0 2px; - padding: 0.35em 0.625em 0.75em; -} - -/** - * 1. Correct `color` not being inherited in IE 8/9. - * 2. Remove padding so people aren't caught out if they zero out fieldsets. - */ - -legend { - border: 0; /* 1 */ - padding: 0; /* 2 */ -} - -/** - * 1. Correct font family not being inherited in all browsers. - * 2. Correct font size not being inherited in all browsers. - * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. - */ - -button, -input, -select, -textarea { - font-family: inherit; /* 1 */ - font-size: 100%; /* 2 */ - margin: 0; /* 3 */ -} - -/** - * Address Firefox 4+ setting `line-height` on `input` using `!important` in - * the UA stylesheet. - */ - -button, -input { - line-height: normal; -} - -/** - * Address inconsistent `text-transform` inheritance for `button` and `select`. - * All other form control elements do not inherit `text-transform` values. - * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. - * Correct `select` style inheritance in Firefox 4+ and Opera. - */ - -button, -select { - text-transform: none; -} - -/** - * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` - * and `video` controls. - * 2. Correct inability to style clickable `input` types in iOS. - * 3. Improve usability and consistency of cursor style between image-type - * `input` and others. - */ - -button, -html input[type="button"], /* 1 */ -input[type="reset"], -input[type="submit"] { - -webkit-appearance: button; /* 2 */ - cursor: pointer; /* 3 */ -} - -/** - * Re-set default cursor for disabled elements. - */ - -button[disabled], -html input[disabled] { - cursor: default; -} - -/** - * 1. Address box sizing set to `content-box` in IE 8/9. - * 2. Remove excess padding in IE 8/9. - */ - -input[type="checkbox"], -input[type="radio"] { - box-sizing: border-box; /* 1 */ - padding: 0; /* 2 */ -} - -/** - * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. - * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome - * (include `-moz` to future-proof). - */ - -input[type="search"] { - -webkit-appearance: textfield; /* 1 */ - -moz-box-sizing: content-box; - -webkit-box-sizing: content-box; /* 2 */ - box-sizing: content-box; -} - -/** - * Remove inner padding and search cancel button in Safari 5 and Chrome - * on OS X. - */ - -input[type="search"]::-webkit-search-cancel-button, -input[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; -} - -/** - * Remove inner padding and border in Firefox 4+. - */ - -button::-moz-focus-inner, -input::-moz-focus-inner { - border: 0; - padding: 0; -} - -/** - * 1. Remove default vertical scrollbar in IE 8/9. - * 2. Improve readability and alignment in all browsers. - */ - -textarea { - overflow: auto; /* 1 */ - vertical-align: top; /* 2 */ -} - -/* ========================================================================== - Tables - ========================================================================== */ - -/** - * Remove most spacing between table cells. - */ - -table { - border-collapse: collapse; - border-spacing: 0; -} diff --git a/assets/css/style.css b/assets/css/style.css deleted file mode 100644 index f700e87..0000000 --- a/assets/css/style.css +++ /dev/null @@ -1,171 +0,0 @@ -/*! sakrecoer sheet */ -@font-face { - font-family: BAnkrutt; - src: url('BAnkrutt.otf'); -} -body { - margin: auto; - background-color: #606; - font-size: 1em; - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - padding: 5px 20px 40px 20px; - text-align: left; - background-image:url('/assets/img/micro_logo.png'); -} -h1, -h2, -h3, -h4 { - font-family: BAnkrutt; - text-transform: lowercase; -} -a:link, -a:visited, -a:hover, -a:active, -a:focus { - text-decoration: none; -} -a, -a:link, -a:visited { - color: #fff; --webkit-transition-property: hover; - -webkit-transition: color 0.15s ease-in-out; - -moz-transition: color 0.15s linear 0s; /* firefox 4 */ - -o-transition-property: color; /* opera 10.5 */ - -o-transition-duration: 0.15s; -text-shadow: 1px 0px 4px rgba(255, 0, 0, 0.5), - -1px 0px 4px rgba(255, 0, 0, 0.5), - 0px -1px 4px rgba(255, 0, 0, 0.5), - 0px 1px 4px rgba(255, 0, 0, 0.5); -} -} -a:hover { - color: #f00; -text-shadow: 1px 0px 4px rgba(255, 0, 0, 0.5), - -1px 0px 4px rgba(255, 0, 0, 0.5), - 0px -1px 4px rgba(255, 0, 0, 0.5), - 0px 1px 4px rgba(255, 0, 0, 0.5); -} -a:active { - color: #000; -} - -/*! NAVIGATION */ - -#header { - margin: auto; - line-height: 24px; - z-index: 1000; - text-shadow: 1px 0px 4px rgba(255, 0, 0, 0.5), - -1px 0px 4px rgba(255, 0, 0, 0.5), - 0px -1px 4px rgba(255, 0, 0, 0.5), - 0px 1px 4px rgba(255, 0, 0, 0.5); - -text-align: center; -} -#footer { - margin: auto; - line-height: 12px; - font-size: 0.75em; - text-align: center; - z-index: 1000; - text-shadow: 1px 0px 4px rgba(255, 0, 0, 0.5), - -1px 0px 4px rgba(255, 0, 0, 0.5), - 0px -1px 4px rgba(255, 0, 0, 0.5), - 0px 1px 4px rgba(255, 0, 0, 0.5); -} -#main-menu-links { -margin: auto; - font-family: BAnkrutt; - font-size: 3em; - margin-right: 5px; - line-height: 36px -} - -#main-menu-links a { - color: #fff; - text-decoration: none; -} -#main-menu-links a:hover, -#main-menu-links a:focus { - color: #f00; -} -#main-menu-links a:active { - color: #000; -} -#footer-menu-links { -margin: auto; - font-family: BAnkrutt; - font-size: 3em; - line-height: 36px; - margin: auto; - text-align: center; - z-index: 1000; - text-shadow: 1px 0px 4px rgba(255, 0, 0, 0.5), - -1px 0px 4px rgba(255, 0, 0, 0.5), - 0px -1px 4px rgba(255, 0, 0, 0.5), - 0px 1px 4px rgba(255, 0, 0, 0.5); -} - -#footer-menu-links a { - color: #fff; - text-decoration: none; -} -#footer-menu-links a:hover, -#main-menu-links a:focus { - color: #f00; -} -#footer-menu-links a:active { - color: #000; -} - -/*! CONTENT */ - -#content{ - margin: auto; - text-shadow:2px 2px 4px #fff; - text-align: left; -} -#About .about, -#Blog .blog, -#Discography .discog, -#Music .music, -#Video .video { - color: #f00; - text-shadow: 1px 0px 4px rgba(255, 255, 255, 0.25), - -1px 0px 4px rgba(255, 255, 255, 0.25), - 0px -1px 4px rgba(255, 255, 255, 0.25), - 0px 1px 4px rgba(255, 255, 255, 0.25); -} -.tagline { - text-align: center; - margin-right: 5px; - margin-top: -5px; - font-size: 1.2em; -} -.date { - font-size: 0.6em; -} -/* Fullscreen Background image */ -.image-fullscreen, -.image-fullscreen .mask { - background-repeat: repeat; - position:fixed; - left:0px; - top:0px; - right:0px; - bottom:0px; - z-index: -1; - } - -td { - vertical-align: top; -} -#nextpager { - width: 100%; - text-align: center; - font-size: 1em; - padding: 30px 0 0 0; -} diff --git a/assets/css/style.scss b/assets/css/style.scss new file mode 100644 index 0000000..4842458 --- /dev/null +++ b/assets/css/style.scss @@ -0,0 +1,4 @@ +--- +--- + +@import 'normalize'; diff --git a/assets/css/style2014.css b/assets/css/style2014.css deleted file mode 100644 index 6f75add..0000000 --- a/assets/css/style2014.css +++ /dev/null @@ -1,6 +0,0 @@ ---- ---- - -{% include normalize.css %} -{% include style.css %} -{% include navmenu.css %} diff --git a/music/index.html b/music/index.html index 5f33a09..570467e 100644 --- a/music/index.html +++ b/music/index.html @@ -1,34 +1,15 @@ --- title: Track Index +description: +layout: default --- - - - - - - - - - - {{ page.title }} - Sakrecoer - - - - - - - - -
-{% for post in site.categories.music offset: 0 %} -
-

{{ post.title }}

-{% endfor %} - -
-
-{% include navmenu.html %} - - - +
+ {% for post in site.categories.music offset: 0 %} + +
+

{{ post.title }}

+
+
+ {% endfor %} +