-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathhealth.html
196 lines (179 loc) · 8.09 KB
/
health.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
<!DOCTYPE html>
<html lang="en">
<head>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-TXT6313TGG"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-TXT6313TGG');
</script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Rich in Health</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="header">
<h1>How to Be Rich in <span class="accent">Health</span></h1>
<div class="quote-container">
<p id="quote" style="margin: 0; font-size: 1.1rem;"></p>
</div>
</div>
<div class="container">
<div class="card">
<div class="card-title">Nourish Your Body</div>
<p>Feed yourself with intention and awareness. Quality nutrition is the foundation of vibrant health.</p>
<a class="expand-link">Try These</a>
<div class="example-content">
<ul class="tip-list">
<li>Eat a rainbow of whole foods daily</li>
<li>Practice mindful eating without distractions</li>
<li>Stay hydrated with clean water throughout the day</li>
</ul>
</div>
</div>
<div class="card">
<div class="card-title">Move with Joy</div>
<p>Find physical activities that bring you pleasure. Sustainable exercise comes from enjoying movement.</p>
<a class="expand-link">Move More</a>
<div class="example-content">
<ul class="tip-list">
<li>Try different forms of movement until you find your joy</li>
<li>Make movement social with friends or groups</li>
<li>Take movement snacks throughout the day</li>
</ul>
</div>
</div>
<div class="card">
<div class="card-title">Master Rest and Recovery</div>
<p>Prioritize quality sleep and downtime. Rest is when the body repairs and regenerates.</p>
<a class="expand-link">Rest Well</a>
<div class="example-content">
<ul class="tip-list">
<li>Create a calm bedtime routine</li>
<li>Practice strategic rest between activities</li>
<li>Listen to your body's need for recovery</li>
</ul>
</div>
</div>
<div class="card">
<div class="card-title">Cultivate Mental Fitness</div>
<p>Exercise your mind like a muscle. Mental health is integral to overall well-being.</p>
<a class="expand-link">Mind Work</a>
<div class="example-content">
<ul class="tip-list">
<li>Practice daily meditation or mindfulness</li>
<li>Challenge yourself with new learning</li>
<li>Seek professional support when needed</li>
</ul>
</div>
</div>
<div class="card">
<div class="card-title">Build Stress Resilience</div>
<p>Develop tools to navigate life's challenges. Stress management is key to lasting health.</p>
<a class="expand-link">Stay Strong</a>
<div class="example-content">
<ul class="tip-list">
<li>Learn and practice breathing techniques</li>
<li>Create healthy stress outlets</li>
<li>Set boundaries to protect your energy</li>
</ul>
</div>
</div>
<div class="card">
<div class="card-title">Design Your Environment</div>
<p>Shape your surroundings to support health. Your environment influences your choices.</p>
<a class="expand-link">Create Space</a>
<div class="example-content">
<ul class="tip-list">
<li>Make healthy choices the easy choices</li>
<li>Create spaces for movement and rest</li>
<li>Minimize exposure to toxins</li>
</ul>
</div>
</div>
<div class="card">
<div class="card-title">Nurture Social Health</div>
<p>Cultivate supportive relationships. Social connections are vital for longevity.</p>
<a class="expand-link">Connect More</a>
<div class="example-content">
<ul class="tip-list">
<li>Build a health-supporting community</li>
<li>Share healthy activities with others</li>
<li>Practice active listening and empathy</li>
</ul>
</div>
</div>
<div class="card">
<div class="card-title">Practice Preventive Care</div>
<p>Take proactive steps for long-term health. Prevention is better than cure.</p>
<a class="expand-link">Stay Ahead</a>
<div class="example-content">
<ul class="tip-list">
<li>Schedule regular health check-ups</li>
<li>Stay current with preventive screenings</li>
<li>Learn your family health history</li>
</ul>
</div>
</div>
<div class="card">
<div class="card-title">Embrace Natural Rhythms</div>
<p>Align with your body's natural cycles. Working with nature supports optimal health.</p>
<a class="expand-link">Flow Better</a>
<div class="example-content">
<ul class="tip-list">
<li>Sync activities with your energy levels</li>
<li>Get natural light exposure daily</li>
<li>Adjust habits with seasons</li>
</ul>
</div>
</div>
<div class="card">
<div class="card-title">Celebrate Progress</div>
<p>Acknowledge your health journey with gratitude. Every step forward counts.</p>
<a class="expand-link">Celebrate Now</a>
<div class="example-content">
<ul class="tip-list">
<li>Track and celebrate small victories</li>
<li>Practice body gratitude daily</li>
<li>Share successes with supporters</li>
</ul>
</div>
</div>
</div>
<p class="outro">
True health wealth isn't measured by absence of illness, but by the vitality, resilience, and joy we experience in body, mind, and spirit. When we invest in our health, we invest in our capacity to live life fully.
</p>
<p class="byline">
Made with 🌿 by <a href="about.html" target="_blank" class="accent">Anvaka</a>
</p>
<script>
const quotes = [
"Health is the crown on the well person's head that only the ill can see.",
"Take care of your body. It's the only place you have to live.",
"Your health is an investment, not an expense.",
"The greatest wealth is health.",
"Health is not valued until sickness comes.",
"Wellness is the natural state of our body. Health is our birthright.",
"When health is absent, wisdom cannot reveal itself."
];
function setRandomQuote() {
const quoteElement = document.getElementById('quote');
quoteElement.textContent = quotes[Math.floor(Math.random() * quotes.length)];
}
// Initialize quote rotation
setRandomQuote();
// Add click handlers for expand links
document.querySelectorAll('.expand-link').forEach(link => {
link.addEventListener('click', () => {
const content = link.nextElementSibling;
const isExpanded = content.classList.contains('expanded');
// Toggle expanded state
content.classList.toggle('expanded');
link.classList.toggle('expanded');
});
});
</script>
</body>
</html>