diff --git a/public_html/index.html b/public_html/index.html index c4a4c55..25dc958 100644 --- a/public_html/index.html +++ b/public_html/index.html @@ -97,6 +97,7 @@ + - + diff --git a/public_html/style.css b/public_html/style.css index 7dabbca..f05b67e 100644 --- a/public_html/style.css +++ b/public_html/style.css @@ -72,87 +72,87 @@ p {text-wrap: pretty;} /* ———— END THE GENERIC RESETS ———— */ @font-face { - font-family: 'Source Sans Pro'; - font-style: normal; - font-weight: 400; - src: local('Source Sans Pro'), url('fonts/SourceSansPro-Regular.woff') format('woff'); + font-family: 'Source Sans Pro'; + font-style: normal; + font-weight: 400; + src: local('Source Sans Pro'), url('fonts/SourceSansPro-Regular.woff') format('woff'); } @font-face { - font-family: 'Source Sans Pro'; - font-style: italic; - font-weight: 400; - src: local('Source Sans Pro'), url('fonts/SourceSansPro-It.woff') format('woff'); + font-family: 'Source Sans Pro'; + font-style: italic; + font-weight: 400; + src: local('Source Sans Pro'), url('fonts/SourceSansPro-It.woff') format('woff'); } @font-face { - font-family: 'Source Sans Pro'; - font-style: normal; - font-weight: 200; - src: local('Source Sans Pro'), url('fonts/SourceSansPro-ExtraLight.woff') format('woff'); + font-family: 'Source Sans Pro'; + font-style: normal; + font-weight: 200; + src: local('Source Sans Pro'), url('fonts/SourceSansPro-ExtraLight.woff') format('woff'); } @font-face { - font-family: 'Source Sans Pro'; - font-style: italic; - font-weight: 200; - src: local('Source Sans Pro'), url('fonts/SourceSansPro-ExtraLightIt.woff') format('woff'); + font-family: 'Source Sans Pro'; + font-style: italic; + font-weight: 200; + src: local('Source Sans Pro'), url('fonts/SourceSansPro-ExtraLightIt.woff') format('woff'); } @font-face { - font-family: 'Source Sans Pro'; - font-style: normal; - font-weight: 300; - src: local('Source Sans Pro'), url('fonts/SourceSansPro-Light.woff') format('woff'); + font-family: 'Source Sans Pro'; + font-style: normal; + font-weight: 300; + src: local('Source Sans Pro'), url('fonts/SourceSansPro-Light.woff') format('woff'); } @font-face { - font-family: 'Source Sans Pro'; - font-style: italic; - font-weight: 300; - src: local('Source Sans Pro'), url('fonts/SourceSansPro-LightIt.woff') format('woff'); + font-family: 'Source Sans Pro'; + font-style: italic; + font-weight: 300; + src: local('Source Sans Pro'), url('fonts/SourceSansPro-LightIt.woff') format('woff'); } @font-face { - font-family: 'Source Sans Pro'; - font-style: normal; - font-weight: 600; - src: local('Source Sans Pro'), url('fonts/SourceSansPro-Semibold.woff') format('woff'); + font-family: 'Source Sans Pro'; + font-style: normal; + font-weight: 600; + src: local('Source Sans Pro'), url('fonts/SourceSansPro-Semibold.woff') format('woff'); } @font-face { - font-family: 'Source Sans Pro'; - font-style: italic; - font-weight: 600; - src: local('Source Sans Pro'), url('fonts/SourceSansPro-SemiboldIt.woff') format('woff'); + font-family: 'Source Sans Pro'; + font-style: italic; + font-weight: 600; + src: local('Source Sans Pro'), url('fonts/SourceSansPro-SemiboldIt.woff') format('woff'); } @font-face { - font-family: 'Source Sans Pro'; - font-style: normal; - font-weight: 700; - src: local('Source Sans Pro'), url('fonts/SourceSansPro-Bold.woff') format('woff'); + font-family: 'Source Sans Pro'; + font-style: normal; + font-weight: 700; + src: local('Source Sans Pro'), url('fonts/SourceSansPro-Bold.woff') format('woff'); } @font-face { - font-family: 'Source Sans Pro'; - font-style: italic; - font-weight: 700; - src: local('Source Sans Pro'), url('fonts/SourceSansPro-BoldIt.woff') format('woff'); + font-family: 'Source Sans Pro'; + font-style: italic; + font-weight: 700; + src: local('Source Sans Pro'), url('fonts/SourceSansPro-BoldIt.woff') format('woff'); } @font-face { - font-family: 'Source Sans Pro'; - font-style: normal; - font-weight: 900; - src: local('Source Sans Pro'), url('fonts/SourceSansPro-Black.woff') format('woff'); + font-family: 'Source Sans Pro'; + font-style: normal; + font-weight: 900; + src: local('Source Sans Pro'), url('fonts/SourceSansPro-Black.woff') format('woff'); } @font-face { - font-family: 'Source Sans Pro'; - font-style: italic; - font-weight: 900; - src: local('Source Sans Pro'), url('fonts/SourceSansPro-BlackIt.woff') format('woff'); + font-family: 'Source Sans Pro'; + font-style: italic; + font-weight: 900; + src: local('Source Sans Pro'), url('fonts/SourceSansPro-BlackIt.woff') format('woff'); } :root { /* Using local fonts? Check out Font Squirrel's webfont generator: http://www.fontsquirrel.com/tools/webfont-generator */ --font-system: 'Source Sans Pro', system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; /* https://css-tricks.com/snippets/css/system-font-stack */ - --text-color: #333; + --text-color: #000; --link-color: #03f; --link-color-hover: #69f; - --button-color: #fcd700; - --button-color-hover: #000000; - --highlight-color: #fcd700; + --button-color: #63a8b8; + --button-color-hover: #333; + --highlight-color: #a3d5d5; --placeholder-color: #a9a9a9; } @@ -168,8 +168,8 @@ a:hover {color: var(--link-color-hover);} body, select, input, textarea {color: var(--text-color);} /* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */ -::-moz-selection{background: var(--highlight-color); color: var(--text-color); text-shadow: none;} -::selection {background: var(--highlight-color); color: var(--text-color); text-shadow: none;} +::-moz-selection{background: var(--highlight-color); text-shadow: none;} +::selection {background: var(--highlight-color); text-shadow: none;} /* j.mp/webkit-tap-highlight-color */ a:link {-webkit-tap-highlight-color: var(--highlight-color);} @@ -296,14 +296,19 @@ article.album h2 em { article.album .listenbuy { color: white; font-size: 1.1em; + font-weight: 400; display: inline-block; margin-top: 0.75em; - margin-left: -0.25em; + margin-left: -0.3em; padding: 0.25em 1em; background-color: transparent; border-radius: 2em; transition: background-color 0.25s, margin 0.25s; } +article.album .listenbuy em { + font-style: normal; + font-weight: 600; +} article.album a:hover .listenbuy { margin-top: 1em; background-color: var(--button-color); @@ -315,7 +320,7 @@ img.albumcover { width: auto; height: 100%; float: left; - margin-right: 1.5rem; + margin-right: 1.4rem; } article.album a:hover { height: 160px;