Commit 4452471a authored by Evan's Crappy Migration Script's avatar Evan's Crappy Migration Script
Browse files

Merge branch 'ArchivedBranches/site/master' into __RepoMigration

parents ce0b2bc8 a1759627
# To contribute improvements to CI/CD templates, please follow the Development guide at:
# https://docs.gitlab.com/ee/development/cicd/templates.html
# This specific template is located at:
# https://gitlab.com/gitlab-org/gitlab/-/blob/master/lib/gitlab/ci/templates/Pages/HTML.gitlab-ci.yml
# Full project: https://gitlab.com/pages/plain-html
pages:
stage: deploy
script:
- mkdir .public
- cp -r * .public
- mv .public public
artifacts:
paths:
- public
rules:
- if: $CI_COMMIT_BRANCH == $CI_DEFAULT_BRANCH
{
"liveSassCompile.settings.formats": [
// This is Default.
{
"format": "compressed",
"extensionName": ".min.css",
"savePath": "/src/css"
},
]
}
MIT License
Copyright (c) 2021 Evan Boehs
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
![](bore/land.png)
![](bore/land2.png)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>XSPF</title>
<link rel="stylesheet" href="./src/css/style.min.css">
</head>
<body>
<div id="xiphbar_outer">
<table id="xiphbar" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td>
<img id="xiphbanner" src="https://xspf.org/common/xiphbar.png" alt="Xiph logo" width="231" height="17">
</td>
<td id="xiphlinks" align="right">
<a href="http://www.xiph.org/">Xiph.org</a>
<a href="http://www.opus-codec.org/">Opus</a>
<a href="http://xiph.org/flac/">FLAC</a>
<a href="http://www.icecast.org/">Icecast</a>
<a href="http://www.vorbis.com/">Vorbis</a>
<a href="http://xiph.org/daala/">Daala</a>
<a href="http://www.theora.org/">Theora</a>
<a href="http://www.speex.org/">Speex</a>
<a href="http://www.xspf.org/">XSPF</a>
</td>
</tr>
</tbody>
</table>
</div>
<nav>
<ul>
<li><a class="active" href="#home">Home</a></li>
<li><a href="./spec">Spec</a></li>
<li><a href="./apps">Apps</a></li>
<li><a href="./about">About</a></li>
<li><a href="https://gitlab.xiph.org/explore/projects?topic=xspf">Contribute</a></li>
</ul>
</nav>
<section id="s1">
<div>
<h1>XSPF</h1>
<h3 style="padding-bottom: 10px;">The playlist format meant to be shared</h3>
<div>
<button onclick="window.location.href='#s1'" type="button">Learn more</button>
</div>
</div>
</section>
<div class="r-container">
<div class="container">
<div class="board">
<div class="vinyl">
<div class="vinyl-inner1">
<div class="vinyl-inner2">
<div class="vinyl-inner3">
<div class="vinyl-inner4">
</div>
</div>
</div>
</div>
</div>
<div class="speaker-left">
</div>
<div class="speaker-right">
</div>
<div class="tonearm">
<div class="tonearmblock"></div>
</div>
<div class="adjuster">
</div>
<div class="tonearmrest">
<div class="tonearmrest2">
</div>
</div>
</div>
</div>
</div>
<section id='s2'>
<div>
<h1>Shareable Playlist Format ("spiff")</h1>
<p>We began writing the XSPF spec in 2004 to finally give the music playlist some love. Instead of being focused souly on file location, XSPF files are built to support useful metadata to help distingush indiviviual music. Since then, XSPF has been widely implemented, making playlists easy to share everywhere.</p>
<ul>
<li>It is portable. You should be able to carry a playlist from one place to another.</li>
<li>It is well-engineered. Most playlist formats have bugs that make life harder for programmers and users.</li>
<li>It is free (as in liberty) and open. No proprietary lock-in.</li>
</ul>
<button>What uses XSPF?</button>
<button>Read the spec</button>
</div>
<div>
<img src="55.png" alt="drawing of playlist" style="height: 300px;">
</div>
</section>
<section id="s3">
<div class="player">
<div class="music">
<div class="song-1">
<div class="info">
<div class="img first"></div>
<div class="titles">
<h5>Two Songs From Thriller</h5>
<p>by MJ Fan</p>
</div>
</div>
</div>
<div class="song-2">
<div class="info">
<div class="img second"></div>
<div class="titles">
<h5>Billy Jean</h5>
<p>Michael Jackson</p>
</div>
</div>
<div class="state">
<img src="src/img/play-button.svg" alt="play" srcset="">
</div>
</div>
<div class="song-3">
<div class="info">
<div class="img third"></div>
<div class="titles">
<h5>The Girl Is Mine</h5>
<p>Michael Jackson</p>
</div>
</div>
<div class="state">
<img src="src/img/play-button.svg" alt="play" srcset="">
</div>
</div>
</div>
</div>
<div id="arrows">
<div>
<img src="src/img/arrow.svg" style="width: 100px;">
</div>
<div>
<img src="src/img/arrow.svg" style="width: 100px; transform: scaleX(-1);">
</div>
</div>
<div class="tab-wrap">
<input type="radio" id="tab1" name="tabGroup1" class="tab" checked>
<label for="tab1">JSON</label>
<input type="radio" id="tab2" name="tabGroup1" class="tab">
<label for="tab2">XML</label>
<div class="tab__content">
<pre>
"playlist" : {
"title" : "Two Songs From Thriller",
"creator" : "MJ Fan",
"track" : [
{
"location" : ["http://example.com/billiejean.mp3"],
"title" : "Billie Jean",
"creator" : "Michael Jackson",
"album" : "Thriller"
"image" : "billy.jpg"
},
{
"location" : ["http://example.com/thegirlismine.mp3"],
"title" : "The Girl Is Mine",
"creator" : "Michael Jackson",
"album" : "Thriller"
}
]
}
</pre>
</div>
<div class="tab__content">
<pre lang="xml">
&lt;playlist version="1" xmlns="http://xspf.org/ns/0/"&gt;
&lt;title&gt;Two Songs From Thriller&lt;/title&gt;
&lt;creator&gt;MJ Fan&lt;/creator&gt;
&lt;trackList&gt;
&lt;track&gt;
&lt;location&gt;http://example.com/billiejean.mp3&lt;/location&gt;
&lt;title&gt;Billie Jean&lt;/title&gt;
&lt;creator&gt;Michael Jackson&lt;/creator&gt;
&lt;album&gt;Thriller&lt;/album&gt;
&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;title&gt;The Girl Is Mine&lt;/title&gt;
&lt;creator&gt;Michael Jackson&lt;/creator&gt;
&lt;album&gt;Thriller&lt;/album&gt;
&lt;/track&gt;
&lt;/trackList&gt;
&lt;/playlist&gt;
</pre>
</div>
</div>
</section>
<footer>
The Xiph OSC and XSPF logos are trademarks (™) of Xiph.Org.
<br>
These pages © 1994 - 2021 Xiph.Org. All rights reserved.
</footer>
</body>
@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)}}
/*# sourceMappingURL=style.min.css.map */
\ No newline at end of file
{
"version": 3,
"mappings": "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",
"sources": [
"../style.scss"
],
"names": [],
"file": "style.min.css"
}
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"/></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M10 8.64L15.27 12 10 15.36V8.64M8 5v14l11-7L8 5z"/></svg>
\ No newline at end of file
$tab-wrap-border-radius: 6px;
$max-tab-count: 2;
@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: flex;
padding: 5%;
padding-bottom: 2.5%;
padding-top: 2.5%;
justify-content: space-between;
align-items: center;
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 {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
&:hover {
box-shadow: 0 12px 23px rgba(0, 0, 0, 0.23), 0 10px 10px rgba(0, 0, 0, 0.19);
}
border-radius: $tab-wrap-border-radius;
width: 100%;
transition: 0.3s box-shadow ease;
display: flex;
flex-wrap: wrap;
position: relative;
background-color: #fff;
}
.tab {
display: none;
@for $i from 1 through $max-tab-count {
&:checked:nth-of-type(#{$i}) ~ .tab__content:nth-of-type(#{$i}) {
opacity: 1;
transition: 0.5s opacity ease-in, 0.8s transform ease;
position: relative;
z-index: 100;
}
}
&:not(:first-of-type):not(:last-of-type) + label {
border-radius: 0;
}
&:last-of-type:not(:first-of-type) + label {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
&:checked + label {
background-color: #fff;
box-shadow: 0 -1px 0 #fff inset;
cursor: default;
&:hover {
box-shadow: 0 -1px 0 #fff inset;
background-color: #fff;
}
}
+ label {
box-shadow: 0 -1px 0 #eee inset;
border-radius: $tab-wrap-border-radius $tab-wrap-border-radius 0 0;
display: block;
color: #333;
flex-grow: 3;
text-align: center;
background-color: #f2f2f2;
user-select: none;
text-align: center;
cursor: pointer;
transition: 0.3s background-color ease, 0.3s box-shadow ease;
box-sizing: border-box;
padding: 15px;
&:hover {
background-color: #f9f9f9;
box-shadow: 0 1px 0 #f4f4f4 inset;
}
}
&__content {
padding: 10px 25px;
background-color: transparent;
position: absolute;
width: 100%;
z-index: -1;
opacity: 0;
left: 0;
border-radius: $tab-wrap-border-radius;
}
}
// xpih bar
#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;
a {
margin-left: 16px;
color: #ffcc66;
text-decoration: none;
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
}
& a:hover {
color: #ffe6b3;
}
}
#xiphbanner {
float: left;
vertical-align: middle;
}
#xiphlinks {
font-size: 11px;
vertical-align: middle;
}
// player
$primary: #f44336;
$secondary: #03a9f4;
.player {
.music {
.song-1,
.song-2,
.song-3 {
height: 80px;
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #333;
.info {
display: flex;
align-items: center;
.img {
width: 60px;
height: 60px;
background: red;
margin-right: 10px;
}
.img.first,
.img.third {
background: url(../img/none.png) center center;
background-size: cover;
}
.img.second {
background: url(../img/billy.jfif) center center;
background-size: cover;
}
h5,
p {
margin: 0;
color: black;
}
h5 {
font-size: 17px;
font-weight: 400;
margin-bottom: 7px;
}
p {
font-size: 13px;
color: #929292;
}
}
}
.song-1 {
border-bottom: 2px solid #333;
h5 {
font-size: 25.5px !important;
}
p {
font-size: 19.5px !important;
}
.img {
width: 70px !important;
height: 70px !important;
}
}
}
}
// nav
nav {
background-color: whitesmoke;
& > ul {
list-style-type: none;
margin: 0;
padding: 5px;
overflow: hidden;
padding-left: 6%;
top: 0;
& > li {
float: left;
& a {
display: block;