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;
|
font-weight: bold;
|
||||||
letter-spacing: 4px;
|
letter-spacing: 4px;
|
||||||
font-family: 'Delius Swash Caps', cursive;
|
font-family: 'Delius Swash Caps', cursive;
|
||||||
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.header-wrap a {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
/* Main Content */
|
/* Main Content */
|
||||||
.align-decor {
|
.align-decor {
|
||||||
|
|||||||
@@ -56,8 +56,12 @@ body, html {
|
|||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
letter-spacing: 4px;
|
letter-spacing: 4px;
|
||||||
font-family: 'Delius Swash Caps', cursive;
|
font-family: 'Delius Swash Caps', cursive;
|
||||||
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.header-wrap a {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
/* Main Content */
|
/* Main Content */
|
||||||
.main-content {
|
.main-content {
|
||||||
|
|||||||
@@ -82,6 +82,11 @@ body, html {
|
|||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
letter-spacing: 4px;
|
letter-spacing: 4px;
|
||||||
color: var(--dark-yellow);
|
color: var(--dark-yellow);
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header-wrap a {
|
||||||
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* =========================
|
/* =========================
|
||||||
|
|||||||
@@ -74,6 +74,11 @@ body, html {
|
|||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
letter-spacing: 4px;
|
letter-spacing: 4px;
|
||||||
color: var(--dark-yellow);
|
color: var(--dark-yellow);
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header-wrap a {
|
||||||
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* =========================
|
/* =========================
|
||||||
|
|||||||
@@ -66,10 +66,16 @@ html {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.site-name {
|
.site-name {
|
||||||
font-family: 'Delius Swash Caps', cursive;
|
font-family: 'Delius Swash Caps', serif;
|
||||||
font-size: 2.5em;
|
font-size: 2.5em;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
letter-spacing: 4px;
|
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;
|
font-weight: bold;
|
||||||
letter-spacing: 4px;
|
letter-spacing: 4px;
|
||||||
color: var(--dark-yellow);
|
color: var(--dark-yellow);
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header-wrap a {
|
||||||
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* =========================
|
/* =========================
|
||||||
|
|||||||
@@ -78,6 +78,11 @@ body, html {
|
|||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
letter-spacing: 4px;
|
letter-spacing: 4px;
|
||||||
color: var(--dark-yellow);
|
color: var(--dark-yellow);
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header-wrap a {
|
||||||
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* =========================
|
/* =========================
|
||||||
|
|||||||
@@ -76,6 +76,11 @@ body, html {
|
|||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
letter-spacing: 4px;
|
letter-spacing: 4px;
|
||||||
color: var(--dark-yellow);
|
color: var(--dark-yellow);
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header-wrap a {
|
||||||
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* =========================
|
/* =========================
|
||||||
|
|||||||
@@ -12,11 +12,17 @@
|
|||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
|
<div class="header-wrap">
|
||||||
|
<a th:href="@{/explore}">
|
||||||
<header class="top-header">
|
<header class="top-header">
|
||||||
<img th:src="@{images/header_left.png}" alt="Violin f-hole shape to the left 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>
|
<h1 class="site-name">
|
||||||
<img th:src="@{images/header_right.png}" alt="Violin f-hole shape to the right of header." class="swirl">
|
Thyme Crunch
|
||||||
|
</h1>
|
||||||
|
<img th:src="@{/images/header_right.png}" alt="Violin f-hole shape to the right of header." class="swirl">
|
||||||
</header>
|
</header>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="align-decor">
|
<div class="align-decor">
|
||||||
<!-- Decor Left -->
|
<!-- Decor Left -->
|
||||||
|
|||||||
@@ -12,11 +12,17 @@
|
|||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
|
<div class="header-wrap">
|
||||||
|
<a th:href="@{/explore}">
|
||||||
<header class="top-header">
|
<header class="top-header">
|
||||||
<img th:src="@{/images/header_left.png}" alt="Violin f-hole shape to the left 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>
|
<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_right.png}" alt="Violin f-hole shape to the right of header." class="swirl">
|
||||||
</header>
|
</header>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="form-wrap">
|
<div class="form-wrap">
|
||||||
<div class="form-split">
|
<div class="form-split">
|
||||||
|
|||||||
@@ -12,11 +12,17 @@
|
|||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
|
<div class="header-wrap">
|
||||||
|
<a th:href="@{/explore}">
|
||||||
<header class="top-header">
|
<header class="top-header">
|
||||||
<img th:src="@{images/header_left.png}" alt="Violin f-hole shape to the left 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>
|
<h1 class="site-name">
|
||||||
<img th:src="@{images/header_right.png}" alt="Violin f-hole shape to the right of header." class="swirl">
|
Thyme Crunch
|
||||||
|
</h1>
|
||||||
|
<img th:src="@{/images/header_right.png}" alt="Violin f-hole shape to the right of header." class="swirl">
|
||||||
</header>
|
</header>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="body">
|
<div class="body">
|
||||||
<div class="body-left">
|
<div class="body-left">
|
||||||
|
|||||||
@@ -8,11 +8,17 @@
|
|||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
|
<div class="header-wrap">
|
||||||
|
<a th:href="@{/explore}">
|
||||||
<header class="top-header">
|
<header class="top-header">
|
||||||
<img th:src="@{images/header_left.png}" alt="Violin f-hole shape to the left 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>
|
<h1 class="site-name">
|
||||||
<img th:src="@{images/header_right.png}" alt="Violin f-hole shape to the right of header." class="swirl">
|
Thyme Crunch
|
||||||
|
</h1>
|
||||||
|
<img th:src="@{/images/header_right.png}" alt="Violin f-hole shape to the right of header." class="swirl">
|
||||||
</header>
|
</header>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="body">
|
<div class="body">
|
||||||
<div class="body-left">
|
<div class="body-left">
|
||||||
|
|||||||
@@ -8,12 +8,17 @@
|
|||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
|
<div class="header-wrap">
|
||||||
|
<a th:href="@{/explore}">
|
||||||
<header class="top-header">
|
<header class="top-header">
|
||||||
<img th:src="@{images/header_left.png}" alt="Violin f-hole shape to the left 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>
|
<h1 class="site-name">
|
||||||
<img th:src="@{images/header_right.png}" alt="Violin f-hole shape to the right of header." class="swirl">
|
Thyme Crunch
|
||||||
|
</h1>
|
||||||
|
<img th:src="@{/images/header_right.png}" alt="Violin f-hole shape to the right of header." class="swirl">
|
||||||
</header>
|
</header>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="align-decor">
|
<div class="align-decor">
|
||||||
<!-- Decor Left -->
|
<!-- Decor Left -->
|
||||||
|
|||||||
@@ -11,11 +11,17 @@
|
|||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
|
<div class="header-wrap">
|
||||||
|
<a th:href="@{/explore}">
|
||||||
<header class="top-header">
|
<header class="top-header">
|
||||||
<img th:src="@{images/header_left.png}" alt="Violin f-hole shape to the left 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>
|
<h1 class="site-name">
|
||||||
<img th:src="@{images/header_right.png}" alt="Violin f-hole shape to the right of header." class="swirl">
|
Thyme Crunch
|
||||||
|
</h1>
|
||||||
|
<img th:src="@{/images/header_right.png}" alt="Violin f-hole shape to the right of header." class="swirl">
|
||||||
</header>
|
</header>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="body">
|
<div class="body">
|
||||||
|
|
||||||
|
|||||||
@@ -10,11 +10,17 @@
|
|||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
|
<div class="header-wrap">
|
||||||
|
<a th:href="@{/explore}">
|
||||||
<header class="top-header">
|
<header class="top-header">
|
||||||
<img th:src="@{/images/header_left.png}" alt="Violin f-hole shape to the left 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>
|
<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_right.png}" alt="Violin f-hole shape to the right of header." class="swirl">
|
||||||
</header>
|
</header>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="body">
|
<div class="body">
|
||||||
|
|
||||||
|
|||||||
@@ -12,11 +12,17 @@
|
|||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
|
<div class="header-wrap">
|
||||||
|
<a th:href="@{/explore}">
|
||||||
<header class="top-header">
|
<header class="top-header">
|
||||||
<img th:src="@{/images/header_left.png}" alt="Violin f-hole shape to the left 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>
|
<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_right.png}" alt="Violin f-hole shape to the right of header." class="swirl">
|
||||||
</header>
|
</header>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="form-wrap">
|
<div class="form-wrap">
|
||||||
<div class="form-split">
|
<div class="form-split">
|
||||||
|
|||||||
@@ -10,11 +10,17 @@
|
|||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
|
<div class="header-wrap">
|
||||||
|
<a th:href="@{/explore}">
|
||||||
<header class="top-header">
|
<header class="top-header">
|
||||||
<img th:src="@{/images/header_left.png}" alt="Left 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>
|
<h1 class="site-name">
|
||||||
<img th:src="@{/images/header_right.png}" alt="Right header swirl" class="swirl">
|
Thyme Crunch
|
||||||
|
</h1>
|
||||||
|
<img th:src="@{/images/header_right.png}" alt="Violin f-hole shape to the right of header." class="swirl">
|
||||||
</header>
|
</header>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="body">
|
<div class="body">
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user