commit 8d4a6c849589a17843d07fe39f0a8f057720a7ed Author: Dusk Date: Sun Oct 3 16:20:14 2021 +0200 Initial diff --git a/GemunuLibre-Medium.ttf b/GemunuLibre-Medium.ttf new file mode 100644 index 0000000..05a00eb Binary files /dev/null and b/GemunuLibre-Medium.ttf differ diff --git a/README.md b/README.md new file mode 100644 index 0000000..e69de29 diff --git a/index.html b/index.html new file mode 100644 index 0000000..049caed --- /dev/null +++ b/index.html @@ -0,0 +1,99 @@ + + + + + + + Duskin' Radio + + + + +

Cadenes

+
+
+
+

Dancin'

+

Nu Disco, House, Synthpop, Dance

+ + Play Button + +
+ +
+

Funkin'

+

Funk, Disco, R&B

+ + Play Button + +
+ +
+

Gazin'

+

Rock Alternatiu, Shoegaze

+ + Play Button + +
+ +
+

Doomin'

+

Post Punk, Cold Wave

+ + Play Button + +
+
+ + + + + + + diff --git a/logo.png b/logo.png new file mode 100644 index 0000000..1c47306 Binary files /dev/null and b/logo.png differ diff --git a/play.svg b/play.svg new file mode 100644 index 0000000..2090067 --- /dev/null +++ b/play.svg @@ -0,0 +1,23 @@ + + + + + + + + + diff --git a/stop.svg b/stop.svg new file mode 100644 index 0000000..ff35e7a --- /dev/null +++ b/stop.svg @@ -0,0 +1,22 @@ + + + + + + + + + diff --git a/style.css b/style.css new file mode 100644 index 0000000..d548e51 --- /dev/null +++ b/style.css @@ -0,0 +1,111 @@ +@font-face { + font-family: "Gemunu-Libre"; + src: url(GemunuLibre-Medium.ttf) format("truetype"); + font-display: swap; +} +body { + font-family: "Gemunu-Libre", sans-serif; + font-size: 1.5em; + text-align: center; + margin: 2.5% 7.5%; + background-color: #0c111f; + background-image: url("./wave.png"); + background-repeat: repeat; + background-size: 200px; + color: #d6d6d6; +} +h1 { + color: #ffa348; +} +h2 { + color: #99c1f1; + font-size: 3.0em; +} +h3 { + font-size: 2.0em; +} +hr { + border: 2.5px solid #d6d6d6; + margin: 0% 30%; +} +#bottom { + margin: 25px 5px; + color: rgba(255, 255, 255, 0.5); + font-size: 1.0em; + font-style:italic; +} +#logo { + max-height: 450px; +} +.container { + display: grid; + grid-gap: 50px; + margin: 65px auto; + grid-template-columns: auto auto; + max-width: 1500px; + align-content: center; + grid-auto-flow: row; + justify-content: center; + align-items: center; +} +.cadena { + border: 5px solid #d6d6d6; + text-shadow: rgba(0, 0, 0, 0.75) 0px 0px 10px; + min-width: 500px; + + +} +#dancin { + background-color: rgba(240, 180, 255, 0.25); + color: #83d7ff; +} +#dancin:hover { + background-color: rgba(255, 180, 255, 0.50); +} +#funkin { + background-color: rgba(228, 228, 206, 0.25); + color: #86c647; +} +#funkin:hover { + background-color: rgba(228, 228, 206, 0.5); +} +#doomin { + background-color: rgba(10, 10, 10, 0.5); +} +#doomin:hover { + background-color: rgba(10, 25, 25, 0.75); +} +#gazin { + background-color: rgba(174, 133, 81, 0.5); +} +#gazin:hover { + background-color: rgba(174, 133, 81, 0.75); +} +#controls { + width: 80px; +} +.play { + max-width: 10%; + margin-bottom: 30px; +} +.play:hover { + opacity: 0.75; +} +.play:active { + opacity: 0.5; +} +@media only screen and (max-width: 1250px) { + .container { + grid-template-columns: auto; +} + + +} +.link { + background-color: transparent; + border: 0px solid transparent; + color: transparent; + height: 0px; + width: 0px; + outline: none; +} diff --git a/wave.png b/wave.png new file mode 100644 index 0000000..8ebaf39 Binary files /dev/null and b/wave.png differ