Skip to content

Commit 4ca1a6e

Browse files
fezcodefezcode
committed
dnd
1 parent b1c489b commit 4ca1a6e

File tree

5 files changed

+27
-15
lines changed

5 files changed

+27
-15
lines changed

‎src/pages/DndBookPage.js‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -46,7 +46,7 @@ function DndBookPage() {
4646
setPageTitle(foundBook.bookTitle);
4747
setBreadcrumbs(
4848
[
49-
{ label: 'D&D Home', path: '/dnd' },
49+
{ label: 'S&F', path: '/dnd' },
5050
{ label: 'The Lore', path: '/dnd/lore' },
5151
{ label: foundBook.bookTitle, path: `/dnd/books/${foundBook.bookId}` },
5252
]
@@ -55,7 +55,7 @@ function DndBookPage() {
5555
setPageTitle('Book Not Found');
5656
setBreadcrumbs(
5757
[
58-
{ label: 'D&D Home', path: '/dnd' },
58+
{ label: 'S&F', path: '/dnd' },
5959
{ label: 'The Lore', path: '/dnd/lore' },
6060
{ label: 'Book Not Found' },
6161
]
@@ -66,7 +66,7 @@ function DndBookPage() {
6666
setPageTitle('Error Loading Book');
6767
setBreadcrumbs(
6868
[
69-
{ label: 'D&D Home', path: '/dnd' },
69+
{ label: 'S&F', path: '/dnd' },
7070
{ label: 'The Lore', path: '/dnd/lore' },
7171
{ label: 'Error Loading Book' },
7272
]
@@ -119,7 +119,7 @@ function DndBookPage() {
119119
<span className="dnd-hero-title-white">{book.bookTitle}</span>
120120
</h1>
121121
<div className="dnd-content-box" style={{ zIndex: 1 }}>
122-
<h2 style={{ color: '#fff', marginBottom: '1.5rem', fontSize: '1.8rem' }}>Episodes</h2>
122+
<h2 >Episodes</h2>
123123
<ul style={{ listStyle: 'none', padding: 0 }}>
124124
{book.episodes.map((episode) => (
125125
<li key={episode.id} style={{ marginBottom: '1rem' }}>

‎src/pages/DndEpisodePage.js‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -100,7 +100,7 @@ function DndEpisodePage() {
100100
const currentEpisode = foundBook.episodes[currentEpisodeIndex];
101101
setEpisodeTitle(currentEpisode.title);
102102
setBreadcrumbs([
103-
{ label: 'D&D Home', path: '/dnd' },
103+
{ label: 'S&F', path: '/dnd' },
104104
{ label: 'The Lore', path: '/dnd/lore' },
105105
{ label: foundBook.bookTitle, path: `/dnd/books/${foundBook.bookId}` },
106106
{ label: currentEpisode.title },
@@ -124,7 +124,7 @@ function DndEpisodePage() {
124124
setEpisodeTitle("Episode Not Found");
125125
setEpisodeContent("Episode not found in this book.");
126126
setBreadcrumbs([
127-
{ label: 'D&D Home', path: '/dnd' },
127+
{ label: 'S&F', path: '/dnd' },
128128
{ label: 'The Lore', path: '/dnd/lore' },
129129
{ label: 'Episode Not Found' },
130130
]);
@@ -133,7 +133,7 @@ function DndEpisodePage() {
133133
setEpisodeTitle("Book Not Found");
134134
setEpisodeContent("Book not found.");
135135
setBreadcrumbs([
136-
{ label: 'D&D Home', path: '/dnd' },
136+
{ label: 'S&F', path: '/dnd' },
137137
{ label: 'The Lore', path: '/dnd/lore' },
138138
{ label: 'Book Not Found' },
139139
]);

‎src/pages/DndLorePage.js‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -39,7 +39,7 @@ function DndLorePage() {
3939
setBgImage(randomImage);
4040
setBgImageName(parseWallpaperName(randomImage.split('/').pop()));
4141
setBreadcrumbs([
42-
{ label: 'D&D Home', path: '/dnd' },
42+
{ label: 'S&F', path: '/dnd' },
4343
{ label: 'The Lore', path: '/dnd/lore' },
4444
]);
4545
}, [setBgImageName, setBreadcrumbs]);
@@ -106,7 +106,7 @@ function DndLorePage() {
106106
<span className="dnd-hero-title-white">The Lore</span>
107107
</h1>
108108
<div className="dnd-content-box" style={{ zIndex: 1 }}>
109-
<h2 style={{ color: '#fff', marginBottom: '1.5rem', fontSize: '1.8rem' }}>Books</h2>
109+
<h2 >Books</h2>
110110
<Slider {...settings}>
111111
{episodes.map((book) => (
112112
<div key={book.bookId} className="px-12"> {/* Add padding for spacing between cards */}
@@ -122,7 +122,7 @@ function DndLorePage() {
122122
</Slider>
123123
</div>
124124
<div className="dnd-content-box" style={{ zIndex: 1, marginTop: '2rem' }}>
125-
<h2 style={{ color: '#fff', marginBottom: '1.5rem', fontSize: '1.8rem' }}>All Books</h2>
125+
<h2 >All Books</h2>
126126
<ul style={{ listStyle: 'none', padding: 0 }}>
127127
{episodes.map((book) => (
128128
<li key={book.bookId} style={{ marginBottom: '1rem' }}>

‎src/pages/DndPage.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ const DndPage = () => {
1818
setBgImage(randomImage);
1919
setBgImageName(parseWallpaperName(randomImage.split('/').pop()));
2020
setBreadcrumbs([
21-
{ label: 'D&D Home', path: '/dnd' },
21+
{ label: 'S&F', path: '/dnd' },
2222
]);
2323
}, [setBgImageName, setBreadcrumbs]);
2424

‎src/styles/dnd.css‎

Lines changed: 16 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
@import url('https://fonts.googleapis.com/css2?family=MedievalSharp&display=swap');
22
@import url('https://fonts.googleapis.com/css2?family=UnifrakturCook:wght@700&display=swap');
3+
@import url('https://fonts.googleapis.com/css2?family=Grenze+Gotisch:wght@600&display=swap');
34

45
.dnd-page-container {
56
color: #fff;
@@ -145,19 +146,30 @@
145146
}
146147

147148
.dnd-card h3 {
148-
font-family: 'UnifrakturCook', cursive;
149+
font-family: 'Grenze Gotisch', cursive;
149150
font-size: 2rem;
150-
color: #ff4500;
151+
color: #ff9d7e;
151152
margin-bottom: 1rem;
152153
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
153154
-webkit-text-stroke: 1px #000;
155+
font-weight: 600;
154156
}
155157

156158
.dnd-card p {
157159
font-family: 'MedievalSharp', cursive;
158160
font-size: 1.4rem;
159-
color: #F9AD50;
160-
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
161+
color: #e6c6a1;
162+
text-shadow: 2px 2px 4px rgba(0, 0, 0, 1);
163+
164+
}
165+
166+
.dnd-content-box h2 {
167+
color: #FFFACD;
168+
margin-bottom: 1.5rem;
169+
font-size: 1.8rem;
170+
text-shadow: 2px 2px 4px rgba(0, 0, 0, 1);
171+
text-decoration: underline;
172+
161173
}
162174

163175

0 commit comments

Comments
 (0)