mirror of
https://gitlab.com/etc404/software-engineering-project.git
synced 2026-05-10 20:52:58 +00:00
header is link and doesn't wrap text
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
||||
/* =========================
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
/* =========================
|
||||
|
||||
@@ -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">
|
||||
|
||||
@@ -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">
|
||||
|
||||
@@ -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">
|
||||
|
||||
@@ -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 -->
|
||||
|
||||
@@ -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">
|
||||
|
||||
|
||||
Reference in New Issue
Block a user