diff --git a/.DS_Store b/.DS_Store index 310fdc5..a8c6556 100644 Binary files a/.DS_Store and b/.DS_Store differ diff --git a/index.html b/index.html index ab3410a..3d63872 100644 --- a/index.html +++ b/index.html @@ -27,6 +27,9 @@
+
+
!!! EDEN IS: NEW ALBUM OUT NOW !!! !!! EDEN IS: NEW ALBUM OUT NOW !!! !!! EDEN IS: NEW ALBUM OUT NOW !!!
+
@@ -34,7 +37,7 @@
@@ -42,25 +45,18 @@
-

- Sing, Goddess, Achilles' rage, - Black and murderous, that cost the Greeks - Incalculable pain, pitched countless souls - Of heroes into Hades' dark, - And left their bodies to rot as feasts - For dogs and birds, as Zeus' will was done. - Begin with the clash between Agamemnon-- - The Greek warlord--and godlike Achilles. - - Which of the immortals set these two - At each other's throats? - Apollo - Zeus' son and Leto's, offended - By the warlord. Agamemnon had dishonored - Chryses, Apollo's priest, so the god - Struck the Greek camp with plague, - And the soldiers were dying of it. -

+

+ Eden Is +

+

+ the Valhalla Bass Sophomore Album streaming now!!!!!! +

+
+ + + +
+
diff --git a/public/media/Edenis.jpeg b/public/media/Edenis.jpeg new file mode 100644 index 0000000..cfa7911 Binary files /dev/null and b/public/media/Edenis.jpeg differ diff --git a/public/media/springtimeback.wav b/public/media/springtimeback.wav new file mode 100644 index 0000000..59f09eb Binary files /dev/null and b/public/media/springtimeback.wav differ diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css index 30ff7fd..9a6d1d6 100644 --- a/public/stylesheets/style.css +++ b/public/stylesheets/style.css @@ -104,6 +104,7 @@ body { padding: 3%; display:block; justify-content: center; + color: white; } #audio { @@ -251,6 +252,49 @@ ul { height: 40px; } } +#scroll-container { + border: 3px solid white; + border-radius: 5px; + overflow: hidden; + color: white; + height: 40px; +} +#scroll-text { + /* animation properties */ + font-size: 30px; + -moz-transform: translateX(100%); + -webkit-transform: translateX(100%); + transform: translateX(100%); + + -moz-animation: my-animation 20s linear infinite; + -webkit-animation: my-animation 20s linear infinite; + animation: my-animation 20s linear infinite; +} + +/* for Firefox */ +@-moz-keyframes my-animation { +from { -moz-transform: translateX(100%); } +to { -moz-transform: translateX(-100%); } +} + +/* for Chrome */ +@-webkit-keyframes my-animation { +from { -webkit-transform: translateX(100%); } +to { -webkit-transform: translateX(-100%); } +} + +@keyframes my-animation { + from { + -moz-transform: translateX(100%); + -webkit-transform: translateX(100%); + transform: translateX(100%); + } + to { + -moz-transform: translateX(-100%); + -webkit-transform: translateX(-100%); + transform: translateX(-100%); + } +}