Commit 7fb987ba authored by Evan's avatar Evan
Browse files

Don't have internet

Will have to do without compiled SCSS as I don't have it installed on new computer
parent 877d0e81
......@@ -70,11 +70,11 @@
<section id='s2'>
<div>
<h1>Shareable Playlist Format ("spiff")</h1>
<p>XSPF files are built special.</p>
<p>XSPF playlist files are built special. We pride the format for it's flexability, that in turn allows the files produced to be perfect for so many things.</p>
<ul>
<li>They are portable. You should be able to carry a playlist from one place to another with zero configuration</li>
<li>They are portable. You can carry a playlist from one place to another with <strong>zero</strong> configuration</li>
<li>They are well-engineered. Most playlist formats have bugs that make life harder for programmers and users.</li>
<li>They are free (as in liberty) and open. No proprietary lock-in.</li>
<li>They are free (as in liberty) and open. Don't suffer from proprietary lock-in.</li>
</ul>
<button>What uses XSPF?</button>
<button>Read the spec</button>
......@@ -148,7 +148,7 @@
"image" : "billy.jpg"
},
{
"location" : ["http://example.com/thegirlismine.mp3"],
"location" : ["C:/music/thegirlismine.mp3"],
"title" : "The Girl Is Mine",
"creator" : "Michael Jackson",
"album" : "Thriller"
......@@ -171,7 +171,7 @@
&lt;image&gt;billy.jpg&lt;/image&gt;
&lt;/track&gt;
&lt;track&gt;
&lt;location&gt;http://example.com/billiejean.mp3&lt;/location&gt;
&lt;location&gt;"C:/music/thegirlismine.mp3"&lt;/location&gt;
&lt;title&gt;The Girl Is Mine&lt;/title&gt;
&lt;creator&gt;Michael Jackson&lt;/creator&gt;
&lt;album&gt;Thriller&lt;/album&gt;
......
@font-face{font-family:"WindsorRegular";src:url("../font/WindsorRegular.woff2") format("woff2")}@font-face{font-family:"WindsorLight";src:url("../font/WindsorBT-LightCondensed.woff2") format("woff2")}*{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif}body{margin:0;padding:0}html{scroll-behavior:smooth}h1{font-family:"WindsorRegular";margin:0}h2,h3,h4,h5,h6{font-family:"WindsorLight";margin:0}pre{font-family:monospace}button{background-color:#ff9900;color:white;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;border:1px solid transparent;border-radius:0.25rem;font-size:2rem;padding:0.375rem 0.75rem;line-height:1.5;font-size:large;cursor:pointer}#s1{font-size:200%}#s1,#s2,#s3{display:-webkit-box;display:-ms-flexbox;display:flex;padding:5%;padding-bottom:2.5%;padding-top:2.5%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}#s1>div,#s2>div,#s3>div{margin:15px;max-width:50%}#s2{z-index:2;position:relative;background-color:white}#s1,#s3{background-color:whitesmoke}.tab-wrap{-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);border-radius:6px;width:100%;-webkit-transition:0.3s -webkit-box-shadow ease;transition:0.3s -webkit-box-shadow ease;transition:0.3s box-shadow ease;transition:0.3s box-shadow ease, 0.3s -webkit-box-shadow ease;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;background-color:#fff}.tab-wrap:hover{-webkit-box-shadow:0 12px 23px rgba(0,0,0,0.23),0 10px 10px rgba(0,0,0,0.19);box-shadow:0 12px 23px rgba(0,0,0,0.23),0 10px 10px rgba(0,0,0,0.19)}.tab{display:none}.tab:checked:nth-of-type(1) ~ .tab__content:nth-of-type(1){opacity:1;-webkit-transition:0.5s opacity ease-in, 0.8s -webkit-transform ease;transition:0.5s opacity ease-in, 0.8s -webkit-transform ease;transition:0.5s opacity ease-in, 0.8s transform ease;transition:0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;position:relative;z-index:100}.tab:checked:nth-of-type(2) ~ .tab__content:nth-of-type(2){opacity:1;-webkit-transition:0.5s opacity ease-in, 0.8s -webkit-transform ease;transition:0.5s opacity ease-in, 0.8s -webkit-transform ease;transition:0.5s opacity ease-in, 0.8s transform ease;transition:0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;position:relative;z-index:100}.tab:not(:first-of-type):not(:last-of-type)+label{border-radius:0}.tab:last-of-type:not(:first-of-type)+label{border-top-left-radius:0;border-bottom-left-radius:0}.tab:checked+label{background-color:#fff;-webkit-box-shadow:0 -1px 0 #fff inset;box-shadow:0 -1px 0 #fff inset;cursor:default}.tab:checked+label:hover{-webkit-box-shadow:0 -1px 0 #fff inset;box-shadow:0 -1px 0 #fff inset;background-color:#fff}.tab+label{-webkit-box-shadow:0 -1px 0 #eee inset;box-shadow:0 -1px 0 #eee inset;border-radius:6px 6px 0 0;display:block;color:#333;-webkit-box-flex:3;-ms-flex-positive:3;flex-grow:3;text-align:center;background-color:#f2f2f2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:center;cursor:pointer;-webkit-transition:0.3s background-color ease, 0.3s -webkit-box-shadow ease;transition:0.3s background-color ease, 0.3s -webkit-box-shadow ease;transition:0.3s background-color ease, 0.3s box-shadow ease;transition:0.3s background-color ease, 0.3s box-shadow ease, 0.3s -webkit-box-shadow ease;-webkit-box-sizing:border-box;box-sizing:border-box;padding:15px}.tab+label:hover{background-color:#f9f9f9;-webkit-box-shadow:0 1px 0 #f4f4f4 inset;box-shadow:0 1px 0 #f4f4f4 inset}.tab__content{padding:10px 25px;background-color:transparent;position:absolute;width:100%;z-index:-1;opacity:0;left:0;border-radius:6px}#xiphbar_outer{background-color:#666666;min-width:840px;width:100%;height:30px}#xiphbar{min-width:840px;width:840px;height:30px;margin-left:auto;margin-right:auto;padding:0 8px 0 8px}#xiphbar a{margin-left:16px;color:#ffcc66;text-decoration:none;text-transform:uppercase;font-family:Arial, Helvetica, sans-serif}#xiphbar a:hover{color:#ffe6b3}#xiphbanner{float:left;vertical-align:middle}#xiphlinks{font-size:11px;vertical-align:middle}.player .music .song-1,.player .music .song-2,.player .music .song-3{height:80px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #333}.player .music .song-1 .info,.player .music .song-2 .info,.player .music .song-3 .info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.player .music .song-1 .info .img,.player .music .song-2 .info .img,.player .music .song-3 .info .img{width:60px;height:60px;background:red;margin-right:10px}.player .music .song-1 .info .img.first,.player .music .song-1 .info .img.third,.player .music .song-2 .info .img.first,.player .music .song-2 .info .img.third,.player .music .song-3 .info .img.first,.player .music .song-3 .info .img.third{background:url(../img/none.png) center center;background-size:cover}.player .music .song-1 .info .img.second,.player .music .song-2 .info .img.second,.player .music .song-3 .info .img.second{background:url(../img/billy.jfif) center center;background-size:cover}.player .music .song-1 .info h5,.player .music .song-1 .info p,.player .music .song-2 .info h5,.player .music .song-2 .info p,.player .music .song-3 .info h5,.player .music .song-3 .info p{margin:0;color:black}.player .music .song-1 .info h5,.player .music .song-2 .info h5,.player .music .song-3 .info h5{font-size:17px;font-weight:400;margin-bottom:7px}.player .music .song-1 .info p,.player .music .song-2 .info p,.player .music .song-3 .info p{font-size:13px;color:#929292}.player .music .song-1{border-bottom:2px solid #333}.player .music .song-1 h5{font-size:25.5px !important}.player .music .song-1 p{font-size:19.5px !important}.player .music .song-1 .img{width:70px !important;height:70px !important}nav{background-color:whitesmoke}nav>ul{list-style-type:none;margin:0;padding:5px;overflow:hidden;padding-left:6%;top:0}nav>ul>li{float:left}nav>ul>li a{display:block;color:black;text-align:center;text-decoration:none;border-radius:0.25rem;padding:0.375rem 0.75rem}nav>ul>li a:hover:not(.active){background-color:white}.active{background-color:#ff9900;color:white}footer{background-color:whitesmoke;display:-webkit-box;display:-ms-flexbox;display:flex;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:5px;color:#929292;font-size:xx-small}@media only screen and (max-width: 1000px){#s1>div,#s2>div,#s3>div{max-width:100%;width:100%}#xiphbar_outer{display:none}#arrows>div>img{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.r-container{display:none}}.r-container{position:relative}.r-container>.container{z-index:1;position:absolute;width:450px;height:450px;top:-250px;right:5%}.vinyl{background:radial-gradient(ellipse at center, #959595 0%, #0d0d0d 23%, #6b6b6b 25%, #070707 28%, #070707 34%, #606060 37%, #070707 39%, #010101 48%, #757575 50%, #0a0a0a 52%, #0a0a0a 56%, #777 58%, #0a0a0a 61%, #050505 70%, #777 72%, #0c0c0c 74%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%);border-radius:50%;display:block;position:absolute;z-index:10;width:450px;height:450px;-webkit-box-shadow:0px 0px 15px 0px gray;box-shadow:0px 0px 15px 0px gray}.vinyl-inner1{position:absolute;display:block;z-index:20;width:150px;height:150px;margin:150px;border-radius:50%;background:#313337}.vinyl-inner2{position:absolute;display:block;z-index:30;width:120px;height:120px;margin:15px;border-radius:50%;background:#371d21}.vinyl-inner3{position:absolute;display:block;z-index:40;width:30px;height:30px;margin:45px;border-radius:50%;background:black}.vinyl-inner4{position:absolute;display:block;z-index:50;width:15px;height:15px;margin:7.5px;border-radius:50%;background:white}.green{background-color:lime}.red{background-color:red}.rotate{-webkit-animation-name:spin;-webkit-animation-duration:4000ms;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-name:spin;-moz-animation-duration:4000ms;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;-ms-animation-name:spin;-ms-animation-duration:4000ms;-ms-animation-iteration-count:infinite;-ms-animation-timing-function:linear;animation-name:spin;animation-duration:4000ms;animation-iteration-count:infinite;animation-timing-function:linear}@-webkit-keyframes spin{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@font-face{font-family:"WindsorRegular";src:url("../font/WindsorRegular.woff2") format("woff2")}@font-face{font-family:"WindsorLight";src:url("../font/WindsorBT-LightCondensed.woff2") format("woff2")}*{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans",
"Helvetica Neue", sans-serif}body{margin:0;padding:0}html{scroll-behavior:smooth}h1{font-family:"WindsorRegular";margin:0}h2,h3,h4,h5,h6{margin:0}pre{font-family:monospace}button{background-color:#ff9900;color:white;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans",
"Helvetica Neue", sans-serif;border:1px solid transparent;border-radius:0.25rem;font-size:2rem;padding:0.375rem 0.75rem;line-height:1.5;font-size:large;cursor:pointer}#s1{font-size:200%}#s1,#s2,#s3{display:-webkit-box;display:-ms-flexbox;display:flex;padding:5%;padding-bottom:2.5%;padding-top:2.5%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}#s1>div,#s2>div,#s3>div{margin:15px;max-width:50%}#s2{z-index:2;position:relative;background-color:white}#s1,#s3{background-color:whitesmoke}.tab-wrap{-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);border-radius:6px;width:100%;-webkit-transition:0.3s -webkit-box-shadow ease;transition:0.3s -webkit-box-shadow ease;transition:0.3s box-shadow ease;transition:0.3s box-shadow ease, 0.3s -webkit-box-shadow ease;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;background-color:#fff}.tab-wrap:hover{-webkit-box-shadow:0 12px 23px rgba(0,0,0,0.23),0 10px 10px rgba(0,0,0,0.19);box-shadow:0 12px 23px rgba(0,0,0,0.23),0 10px 10px rgba(0,0,0,0.19)}.tab{display:none}.tab:checked:nth-of-type(1) ~ .tab__content:nth-of-type(1){opacity:1;-webkit-transition:0.5s opacity ease-in, 0.8s -webkit-transform ease;transition:0.5s opacity ease-in, 0.8s -webkit-transform ease;transition:0.5s opacity ease-in, 0.8s transform ease;transition:0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;position:relative;z-index:100}.tab:checked:nth-of-type(2) ~ .tab__content:nth-of-type(2){opacity:1;-webkit-transition:0.5s opacity ease-in, 0.8s -webkit-transform ease;transition:0.5s opacity ease-in, 0.8s -webkit-transform ease;transition:0.5s opacity ease-in, 0.8s transform ease;transition:0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;position:relative;z-index:100}.tab:not(:first-of-type):not(:last-of-type)+label{border-radius:0}.tab:last-of-type:not(:first-of-type)+label{border-top-left-radius:0;border-bottom-left-radius:0}.tab:checked+label{background-color:#fff;-webkit-box-shadow:0 -1px 0 #fff inset;box-shadow:0 -1px 0 #fff inset;cursor:default}.tab:checked+label:hover{-webkit-box-shadow:0 -1px 0 #fff inset;box-shadow:0 -1px 0 #fff inset;background-color:#fff}.tab+label{-webkit-box-shadow:0 -1px 0 #eee inset;box-shadow:0 -1px 0 #eee inset;border-radius:6px 6px 0 0;display:block;color:#333;-webkit-box-flex:3;-ms-flex-positive:3;flex-grow:3;text-align:center;background-color:#f2f2f2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:center;cursor:pointer;-webkit-transition:0.3s background-color ease, 0.3s -webkit-box-shadow ease;transition:0.3s background-color ease, 0.3s -webkit-box-shadow ease;transition:0.3s background-color ease, 0.3s box-shadow ease;transition:0.3s background-color ease, 0.3s box-shadow ease, 0.3s -webkit-box-shadow ease;-webkit-box-sizing:border-box;box-sizing:border-box;padding:15px}.tab+label:hover{background-color:#f9f9f9;-webkit-box-shadow:0 1px 0 #f4f4f4 inset;box-shadow:0 1px 0 #f4f4f4 inset}.tab__content{padding:10px 25px;background-color:transparent;position:absolute;width:100%;z-index:-1;opacity:0;left:0;border-radius:6px}#xiphbar_outer{background-color:#666666;min-width:840px;width:100%;height:30px}#xiphbar{min-width:840px;width:840px;height:30px;margin-left:auto;margin-right:auto;padding:0 8px 0 8px}#xiphbar a{margin-left:16px;color:#ffcc66;text-decoration:none;text-transform:uppercase;font-family:Arial, Helvetica, sans-serif}#xiphbar a:hover{color:#ffe6b3}#xiphbanner{float:left;vertical-align:middle}#xiphlinks{font-size:11px;vertical-align:middle}.player .music .song-1,.player .music .song-2,.player .music .song-3{height:80px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #333}.player .music .song-1 .info,.player .music .song-2 .info,.player .music .song-3 .info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.player .music .song-1 .info .img,.player .music .song-2 .info .img,.player .music .song-3 .info .img{width:60px;height:60px;background:red;margin-right:10px}.player .music .song-1 .info .img.first,.player .music .song-1 .info .img.third,.player .music .song-2 .info .img.first,.player .music .song-2 .info .img.third,.player .music .song-3 .info .img.first,.player .music .song-3 .info .img.third{background:url(../img/none.png) center center;background-size:cover}.player .music .song-1 .info .img.second,.player .music .song-2 .info .img.second,.player .music .song-3 .info .img.second{background:url(../img/billy.jfif) center center;background-size:cover}.player .music .song-1 .info h5,.player .music .song-1 .info p,.player .music .song-2 .info h5,.player .music .song-2 .info p,.player .music .song-3 .info h5,.player .music .song-3 .info p{margin:0;color:black}.player .music .song-1 .info h5,.player .music .song-2 .info h5,.player .music .song-3 .info h5{font-size:17px;font-weight:400;margin-bottom:7px}.player .music .song-1 .info p,.player .music .song-2 .info p,.player .music .song-3 .info p{font-size:13px;color:#929292}.player .music .song-1{border-bottom:2px solid #333}.player .music .song-1 h5{font-size:25.5px !important}.player .music .song-1 p{font-size:19.5px !important}.player .music .song-1 .img{width:70px !important;height:70px !important}nav{background-color:whitesmoke}nav>ul{list-style-type:none;margin:0;padding:5px;overflow:hidden;padding-left:6%;top:0}nav>ul>li{float:left}nav>ul>li a{display:block;color:black;text-align:center;text-decoration:none;border-radius:0.25rem;padding:0.375rem 0.75rem}nav>ul>li a:hover:not(.active){background-color:white}.active{background-color:#ff9900;color:white}footer{background-color:whitesmoke;display:-webkit-box;display:-ms-flexbox;display:flex;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:5px;color:#929292;font-size:xx-small}@media only screen and (max-width: 1000px){#s1>div,#s2>div,#s3>div{max-width:100%;width:100%}#xiphbar_outer{display:none}#arrows>div>img{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.r-container{display:none}}.r-container{position:relative}.r-container>.container{z-index:1;position:absolute;width:450px;height:450px;top:-250px;right:5%}.vinyl{background:radial-gradient(ellipse at center, #959595 0%, #0d0d0d 23%, #6b6b6b 25%, #070707 28%, #070707 34%, #606060 37%, #070707 39%, #010101 48%, #757575 50%, #0a0a0a 52%, #0a0a0a 56%, #777 58%, #0a0a0a 61%, #050505 70%, #777 72%, #0c0c0c 74%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%);border-radius:50%;display:block;position:absolute;z-index:10;width:450px;height:450px;-webkit-box-shadow:0px 0px 15px 0px gray;box-shadow:0px 0px 15px 0px gray}.vinyl-inner1{position:absolute;display:block;z-index:20;width:150px;height:150px;margin:150px;border-radius:50%;background:#313337}.vinyl-inner2{position:absolute;display:block;z-index:30;width:120px;height:120px;margin:15px;border-radius:50%;background:#371d21}.vinyl-inner3{position:absolute;display:block;z-index:40;width:30px;height:30px;margin:45px;border-radius:50%;background:black}.vinyl-inner4{position:absolute;display:block;z-index:50;width:15px;height:15px;margin:7.5px;border-radius:50%;background:white}.green{background-color:lime}.red{background-color:red}.rotate{-webkit-animation-name:spin;-webkit-animation-duration:4000ms;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-name:spin;-moz-animation-duration:4000ms;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;-ms-animation-name:spin;-ms-animation-duration:4000ms;-ms-animation-iteration-count:infinite;-ms-animation-timing-function:linear;animation-name:spin;animation-duration:4000ms;animation-iteration-count:infinite;animation-timing-function:linear}@-webkit-keyframes spin{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
/*# sourceMappingURL=style.min.css.map */
\ No newline at end of file
......@@ -30,15 +30,6 @@ h1 {
margin: 0;
}
h2,
h3,
h4,
h5,
h6 {
font-family: "WindsorLight";
margin: 0;
}
pre {
font-family: monospace;
}
......@@ -46,8 +37,6 @@ pre {
button {
background-color: #ff9900;
color: white;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans",
"Helvetica Neue", sans-serif;
border: 1px solid transparent;
border-radius: 0.25rem;
font-size: 2rem;
......@@ -203,9 +192,6 @@ button {
// player
$primary: #f44336;
$secondary: #03a9f4;
.player {
.music {
.song-1,
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment