header is link and doesn't wrap text

This commit is contained in:
kaipher7
2026-04-28 15:53:09 -06:00
parent c7fd85987f
commit 046a2d7c0c
17 changed files with 117 additions and 25 deletions
@@ -57,8 +57,12 @@ body, html {
font-weight: bold;
letter-spacing: 4px;
font-family: 'Delius Swash Caps', cursive;
white-space: nowrap;
}
.header-wrap a {
text-decoration: none;
}
/* Main Content */
.align-decor {
@@ -56,8 +56,12 @@ body, html {
font-weight: bold;
letter-spacing: 4px;
font-family: 'Delius Swash Caps', cursive;
white-space: nowrap;
}
.header-wrap a {
text-decoration: none;
}
/* Main Content */
.main-content {
@@ -82,6 +82,11 @@ body, html {
font-weight: bold;
letter-spacing: 4px;
color: var(--dark-yellow);
white-space: nowrap;
}
.header-wrap a {
text-decoration: none;
}
/* =========================
+5
View File
@@ -74,6 +74,11 @@ body, html {
font-weight: bold;
letter-spacing: 4px;
color: var(--dark-yellow);
white-space: nowrap;
}
.header-wrap a {
text-decoration: none;
}
/* =========================
+7 -1
View File
@@ -66,10 +66,16 @@ html {
}
.site-name {
font-family: 'Delius Swash Caps', cursive;
font-family: 'Delius Swash Caps', serif;
font-size: 2.5em;
font-weight: bold;
letter-spacing: 4px;
color: var(--dark-yellow);
white-space: nowrap;
}
.header-wrap a {
text-decoration: none;
}
/* =========================
@@ -78,6 +78,11 @@ body, html {
font-weight: bold;
letter-spacing: 4px;
color: var(--dark-yellow);
white-space: nowrap;
}
.header-wrap a {
text-decoration: none;
}
/* =========================
@@ -78,6 +78,11 @@ body, html {
font-weight: bold;
letter-spacing: 4px;
color: var(--dark-yellow);
white-space: nowrap;
}
.header-wrap a {
text-decoration: none;
}
/* =========================
@@ -76,6 +76,11 @@ body, html {
font-weight: bold;
letter-spacing: 4px;
color: var(--dark-yellow);
white-space: nowrap;
}
.header-wrap a {
text-decoration: none;
}
/* =========================
@@ -12,11 +12,17 @@
</head>
<body>
<div class="header-wrap">
<a th:href="@{/explore}">
<header class="top-header">
<img th:src="@{images/header_left.png}" alt="Violin f-hole shape to the left of header." class="swirl">
<h1 class="site-name">Thyme Crunch</h1>
<img th:src="@{images/header_right.png}" alt="Violin f-hole shape to the right of header." class="swirl">
<img th:src="@{/images/header_left.png}" alt="Violin f-hole shape to the left of header." class="swirl">
<h1 class="site-name">
Thyme Crunch
</h1>
<img th:src="@{/images/header_right.png}" alt="Violin f-hole shape to the right of header." class="swirl">
</header>
</a>
</div>
<div class="align-decor">
<!-- Decor Left -->
@@ -12,11 +12,17 @@
</head>
<body>
<div class="header-wrap">
<a th:href="@{/explore}">
<header class="top-header">
<img th:src="@{/images/header_left.png}" alt="Violin f-hole shape to the left of header." class="swirl">
<h1 class="site-name">Thyme Crunch</h1>
<h1 class="site-name">
Thyme Crunch
</h1>
<img th:src="@{/images/header_right.png}" alt="Violin f-hole shape to the right of header." class="swirl">
</header>
</a>
</div>
<div class="form-wrap">
<div class="form-split">
+9 -3
View File
@@ -12,11 +12,17 @@
<body>
<div class="header-wrap">
<a th:href="@{/explore}">
<header class="top-header">
<img th:src="@{images/header_left.png}" alt="Violin f-hole shape to the left of header." class="swirl">
<h1 class="site-name">Thyme Crunch</h1>
<img th:src="@{images/header_right.png}" alt="Violin f-hole shape to the right of header." class="swirl">
<img th:src="@{/images/header_left.png}" alt="Violin f-hole shape to the left of header." class="swirl">
<h1 class="site-name">
Thyme Crunch
</h1>
<img th:src="@{/images/header_right.png}" alt="Violin f-hole shape to the right of header." class="swirl">
</header>
</a>
</div>
<div class="body">
<div class="body-left">
+9 -3
View File
@@ -8,11 +8,17 @@
</head>
<body>
<div class="header-wrap">
<a th:href="@{/explore}">
<header class="top-header">
<img th:src="@{images/header_left.png}" alt="Violin f-hole shape to the left of header." class="swirl">
<h1 class="site-name">Thyme Crunch</h1>
<img th:src="@{images/header_right.png}" alt="Violin f-hole shape to the right of header." class="swirl">
<img th:src="@{/images/header_left.png}" alt="Violin f-hole shape to the left of header." class="swirl">
<h1 class="site-name">
Thyme Crunch
</h1>
<img th:src="@{/images/header_right.png}" alt="Violin f-hole shape to the right of header." class="swirl">
</header>
</a>
</div>
<div class="body">
<div class="body-left">
+11 -6
View File
@@ -8,12 +8,17 @@
</head>
<body>
<header class="top-header">
<img th:src="@{images/header_left.png}" alt="Violin f-hole shape to the left of header." class="swirl">
<h1 class="site-name">Thyme Crunch</h1>
<img th:src="@{images/header_right.png}" alt="Violin f-hole shape to the right of header." class="swirl">
</header>
<div class="header-wrap">
<a th:href="@{/explore}">
<header class="top-header">
<img th:src="@{/images/header_left.png}" alt="Violin f-hole shape to the left of header." class="swirl">
<h1 class="site-name">
Thyme Crunch
</h1>
<img th:src="@{/images/header_right.png}" alt="Violin f-hole shape to the right of header." class="swirl">
</header>
</a>
</div>
<div class="align-decor">
<!-- Decor Left -->
+9 -3
View File
@@ -11,11 +11,17 @@
</head>
<body>
<div class="header-wrap">
<a th:href="@{/explore}">
<header class="top-header">
<img th:src="@{images/header_left.png}" alt="Violin f-hole shape to the left of header." class="swirl">
<h1 class="site-name">Thyme Crunch</h1>
<img th:src="@{images/header_right.png}" alt="Violin f-hole shape to the right of header." class="swirl">
<img th:src="@{/images/header_left.png}" alt="Violin f-hole shape to the left of header." class="swirl">
<h1 class="site-name">
Thyme Crunch
</h1>
<img th:src="@{/images/header_right.png}" alt="Violin f-hole shape to the right of header." class="swirl">
</header>
</a>
</div>
<div class="body">
@@ -10,11 +10,17 @@
</head>
<body>
<div class="header-wrap">
<a th:href="@{/explore}">
<header class="top-header">
<img th:src="@{/images/header_left.png}" alt="Violin f-hole shape to the left of header." class="swirl">
<h1 class="site-name">Thyme Crunch</h1>
<h1 class="site-name">
Thyme Crunch
</h1>
<img th:src="@{/images/header_right.png}" alt="Violin f-hole shape to the right of header." class="swirl">
</header>
</a>
</div>
<div class="body">
@@ -12,11 +12,17 @@
</head>
<body>
<div class="header-wrap">
<a th:href="@{/explore}">
<header class="top-header">
<img th:src="@{/images/header_left.png}" alt="Violin f-hole shape to the left of header." class="swirl">
<h1 class="site-name">Thyme Crunch</h1>
<h1 class="site-name">
Thyme Crunch
</h1>
<img th:src="@{/images/header_right.png}" alt="Violin f-hole shape to the right of header." class="swirl">
</header>
</a>
</div>
<div class="form-wrap">
<div class="form-split">
@@ -10,11 +10,17 @@
</head>
<body>
<div class="header-wrap">
<a th:href="@{/explore}">
<header class="top-header">
<img th:src="@{/images/header_left.png}" alt="Left header swirl" class="swirl">
<h1 class="site-name">Thyme Crunch</h1>
<img th:src="@{/images/header_right.png}" alt="Right header swirl" class="swirl">
<img th:src="@{/images/header_left.png}" alt="Violin f-hole shape to the left of header." class="swirl">
<h1 class="site-name">
Thyme Crunch
</h1>
<img th:src="@{/images/header_right.png}" alt="Violin f-hole shape to the right of header." class="swirl">
</header>
</a>
</div>
<div class="body">