Skip to content

Commit 1480c37

Browse files
hdsheenahdsheena
committed
Add upcoming topics page and navigation link
Introduced upcoming-topics.html to list future blog article ideas and added a styled navigation button on the blog index page. Updated styles.css with new classes for the upcoming topics section and navigation button.
1 parent 27a341f commit 1480c37

3 files changed

Lines changed: 129 additions & 10 deletions

File tree

‎blog/index.html‎

Lines changed: 14 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -22,6 +22,10 @@ <h1>Advocating for Your Senior Dog</h1>
2222

2323

2424

25+
<div class="upcoming-link">
26+
<a href="upcoming-topics.html" class="upcoming-button">📝 View Upcoming Topics →</a>
27+
</div>
28+
2529
<div class="favourite-tools">
2630
<h3>🛠️ Recommended Resources</h3>
2731
<div class="tool-grid">
@@ -31,15 +35,7 @@ <h3>🛠️ Recommended Resources</h3>
3135
</a>
3236
<a href="https://www.hospet.app/" target="_blank" rel="noopener noreferrer" class="tool-card">
3337
<span class="tool-name">HosPet App</span>
34-
<span class="tool-desc">Quality of life tracking</span>
35-
</a>
36-
<a href="https://www.lapoflove.com/how-will-i-know-it-is-time/Lap-of-Love-Quality-of-Life-Scale-2024.pdf" target="_blank" rel="noopener noreferrer" class="tool-card">
37-
<span class="tool-name">Caregiver Burden Scale</span>
38-
<span class="tool-desc">Mary Gardner / Lap of Love</span>
39-
</a>
40-
<a href="https://cvm.ncsu.edu/comparative-pain-research-center/" target="_blank" rel="noopener noreferrer" class="tool-card">
41-
<span class="tool-name">NC State Pain Research Lab</span>
42-
<span class="tool-desc">Comparative pain research & pain maps</span>
38+
<span class="tool-desc">Excellent, free quality of life tracking with tons of features</span>
4339
</a>
4440
<a href="https://helpemup.com/" target="_blank" rel="noopener noreferrer" class="tool-card">
4541
<span class="tool-name">Help 'Em Up Harness</span>
@@ -51,7 +47,15 @@ <h3>🛠️ Recommended Resources</h3>
5147
</a>
5248
<a href="https://www.tysonsloveandhope.org/" target="_blank" rel="noopener noreferrer" class="tool-card">
5349
<span class="tool-name">Tyson's Love & Hope</span>
54-
<span class="tool-desc">Pet hospice resources</span>
50+
<span class="tool-desc">Lends out wheeled carts for free to any pet in need</span>
51+
</a>
52+
<a href="https://www.neopaws.com/" target="_blank" rel="noopener noreferrer" class="tool-card">
53+
<span class="tool-name">NeoPaws Boots/Shoes</span>
54+
<span class="tool-desc">Protective footwear for senior dogs with mobility challenges</span>
55+
</a>
56+
<a href="https://nelliesclean.ca/collections/pets/products/fresh-dog" target="_blank" rel="noopener noreferrer" class="tool-card">
57+
<span class="tool-name">Nellie's Clean Fresh Dog</span>
58+
<span class="tool-desc">Enzymatic waterless dog shampoo</span>
5559
</a>
5660
</div>
5761
</div>

‎blog/styles.css‎

Lines changed: 55 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -185,6 +185,28 @@ footer {
185185
line-height: 1.8;
186186
}
187187

188+
.upcoming-link {
189+
text-align: center;
190+
margin: 30px 0;
191+
}
192+
193+
.upcoming-button {
194+
display: inline-block;
195+
background-color: #9b59b6;
196+
color: white;
197+
padding: 15px 35px;
198+
text-decoration: none;
199+
border-radius: 5px;
200+
transition: background-color 0.3s, transform 0.2s;
201+
font-weight: 500;
202+
font-size: 1.1em;
203+
}
204+
205+
.upcoming-button:hover {
206+
background-color: #8e44ad;
207+
transform: translateY(-2px);
208+
}
209+
188210
.blog-posts {
189211
display: grid;
190212
grid-template-columns: repeat(2, 1fr);
@@ -563,3 +585,36 @@ article img {
563585
max-height: 250px;
564586
}
565587
}
588+
589+
/* Upcoming Topics Page */
590+
.upcoming-topics {
591+
margin: 30px 0;
592+
}
593+
594+
.upcoming-topics h2 {
595+
color: #667eea;
596+
margin-top: 30px;
597+
margin-bottom: 15px;
598+
border-bottom: 2px solid #667eea;
599+
padding-bottom: 8px;
600+
}
601+
602+
.topic-list {
603+
list-style-type: none;
604+
padding: 0;
605+
margin: 15px 0;
606+
}
607+
608+
.topic-list li {
609+
background-color: #f8f9fa;
610+
padding: 12px 20px;
611+
margin-bottom: 10px;
612+
border-radius: 5px;
613+
border-left: 3px solid #667eea;
614+
font-size: 1.05em;
615+
}
616+
617+
.topic-list li:empty {
618+
display: none;
619+
}
620+

‎blog/upcoming-topics.html‎

Lines changed: 60 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,60 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Upcoming Topics - Senior Dog Care</title>
7+
<link rel="stylesheet" href="styles.css">
8+
</head>
9+
<body>
10+
<header>
11+
<div class="container">
12+
<h1>Upcoming Topics</h1>
13+
<p>Articles in Development</p>
14+
</div>
15+
</header>
16+
17+
<div class="breadcrumb">
18+
<div class="container">
19+
<a href="index.html">← Back to Blog Index</a>
20+
</div>
21+
</div>
22+
23+
<div class="container">
24+
<article>
25+
<p>Topics I'm planning to cover in future articles:</p>
26+
27+
<div class="upcoming-topics">
28+
<h2>📝 In Progress</h2>
29+
<ul class="topic-list">
30+
<li>Diarrhea and nausea management - psyllium, clay, ondansetron, mirtazipine, cerenia/maropitant</li>
31+
<li>Administering oral meds, polypharmacy management - empty gelatin capsules, pill organizers, tracking administration</li>
32+
</ul>
33+
34+
<h2>💡 Planned Topics</h2>
35+
<ul class="topic-list">
36+
<li>Deep dive into mirtazipine pharmacokinetics</li>
37+
</ul>
38+
39+
<h2>🤔 Considering</h2>
40+
<ul class="topic-list">
41+
<li>Deep dive into NeoPaws boots/shoes</li>
42+
</ul>
43+
</div>
44+
45+
<div class="tip-box">
46+
<h3>💬 Have a Topic Request?</h3>
47+
<p>If there's a senior dog care topic you'd like to see covered, let me know!</p>
48+
</div>
49+
</article>
50+
51+
<div class="navigation">
52+
<a href="index.html" class="nav-button back">← Back to Blog Index</a>
53+
</div>
54+
</div>
55+
56+
<footer>
57+
<p>&copy; 2026 Senior Dog Care Resources. Created with care for our aging companions.</p>
58+
</footer>
59+
</body>
60+
</html>

0 commit comments

Comments
 (0)