Improve date and location styles for better readability

Signed-off-by: Denis Troncota <[email protected]>
rosedu · Sep 11, 2024 · 232b7c4 · 232b7c4
1 parent 64a5a8f
commit 232b7c4
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/themes/hugo-conference/layouts/partials/header.html b/themes/hugo-conference/layouts/partials/header.html
@@ -9,7 +9,10 @@
     <h1 class="logo-name">
       <a class="logo-link" href="#" title="{{ .name }}" itemprop="name">{{ .name }}</a>
     </h1>
-    <h2 class="tagline">{{ .date }} | {{ .venue }} | {{ .city }}</h2>
+    <div class="tagline">
+      <div>{{ .date }}</div>
+      <div>{{ .venue }}</div>
+    </div>
 
     <div class="call-action-area">
       {{ with .price }}

diff --git a/themes/hugo-conference/static/css/main.css b/themes/hugo-conference/static/css/main.css
@@ -342,7 +342,8 @@ nav {
   letter-spacing: -0.04em;
 }
 .tagline {
-  margin-bottom: 50px;
+  margin-bottom: 40px;
+  margin-top: 20px;
   font-size: 2em;
   letter-spacing: -0.02em;
 }
@@ -734,7 +735,7 @@ nav {
    HEADER
    ========================================================================== */
 .header {
-  background-image: url('../img/cover.jpg');
+  background-image: radial-gradient(rgba(0, 0, 0, 0.5),transparent), url('../img/cover.jpg');
   background-color: #2b2b2b;
   background-repeat: no-repeat;
   background-position: center bottom;
@@ -749,6 +750,9 @@ nav {
 .tagline {
   font-weight: normal;
 }
+.tagline > * {
+  line-height: 1.5em;
+}
 .call-action-area .price {
   color: #fddd52;
 }