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;