diff options
| -rw-r--r-- | src/music/index.php | 3 | ||||
| -rw-r--r-- | src/style.css | 48 |
2 files changed, 34 insertions, 17 deletions
diff --git a/src/music/index.php b/src/music/index.php index 7f8ff4e..6b69cd0 100644 --- a/src/music/index.php +++ b/src/music/index.php @@ -1,5 +1,5 @@ <?php -$title = "Music"; +$title = "My Music"; require($_SERVER["DOCUMENT_ROOT"] . "/head.php"); require($_SERVER["DOCUMENT_ROOT"] . "/header.php"); ?> @@ -26,6 +26,7 @@ require($_SERVER["DOCUMENT_ROOT"] . "/header.php"); and hope you will too, but I don't want to imply that I am in any way an expert. I can also sing kind of, so there are some recordings of that, and there will be more in the future. </p> +<h2>Recordings</h2> <ul> <li> <h3><a href="angelfish.mp3">Angelfish - Anne Gaudet</a></h3> diff --git a/src/style.css b/src/style.css index d32a897..1d0de70 100644 --- a/src/style.css +++ b/src/style.css @@ -10,11 +10,19 @@ --highlight: #7ceea7; */ /* COLOURSCHEME 2, ORANGE */ + /* --background: #141210; --header: #fdb04d; --text: #faca8b; --secondary: #ee8041; --highlight: #ee4c41; + */ + /* COLOURSCHEME 3, RED? */ + --background: #1E1B1B; + --text: #F5F5F5; + --header: #F5F5F5; + --secondary: #FF5A5F; + --highlight: #FF8A8C; } body { @@ -38,38 +46,38 @@ body { } } -h1 { - text-align: center; - font-family: 'Quicksand', sans-serif; - font-size: 28pt; - font-weight: 600; - color: var(--header); - padding: 50px 50px 3px 50px; - margin: auto auto 0px auto; -} - p { text-align: left; text-indent: 25px; font-family: 'Quicksand', sans-serif; - font-size: 14pt; + font-size: 16pt; color: var(--text); padding: 8px 50px 8px 50px; } -a { - color: var(--secondary); +h1 { + text-align: center; font-family: 'Quicksand', sans-serif; + font-size: 30pt; + font-weight: 600; + color: var(--header); + padding: 50px 50px 3px 50px; + margin: auto auto 0px auto; } -a:hover { - color: var(--highlight); +h2 { + text-align: center; + font-family: 'Quicksand', sans-serif; + font-size: 24pt; + font-weight: 600; + color: var(--header); + padding: 8px 50px 8px 50px; } h3 { text-align: center; font-family: 'Quicksand', sans-serif; - font-size: 14pt; + font-size: 16pt; font-weight: 600; color: var(--text); padding: 8px 50px 8px 50px; @@ -91,6 +99,14 @@ ul h3 a { font-style: italic; } +a { + color: var(--secondary); + font-family: 'Quicksand', sans-serif; +} + +a:hover { + color: var(--highlight); +} a.backbutton { font-style: normal; font-size: 80%; |