-
Notifications
You must be signed in to change notification settings - Fork 1
/
faith.html
196 lines (179 loc) · 7.89 KB
/
faith.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 Faith</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="header">
<h1>How to Be Rich in <span class="accent">Faith</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">Practice Daily Gratitude</div>
<p>Cultivate awareness of life's blessings. Find sacred meaning in everyday moments.</p>
<a class="expand-link">Try These</a>
<div class="example-content">
<ul class="tip-list">
<li>Keep a gratitude journal</li>
<li>Begin each day with thanks</li>
<li>Share your blessings with others</li>
</ul>
</div>
</div>
<div class="card">
<div class="card-title">Embrace Mystery</div>
<p>Find peace in not having all the answers. Learn to trust in something greater than yourself.</p>
<a class="expand-link">Mystery Ways</a>
<div class="example-content">
<ul class="tip-list">
<li>Practice mindful meditation</li>
<li>Spend time in nature's cathedral</li>
<li>Welcome questions as part of the journey</li>
</ul>
</div>
</div>
<div class="card">
<div class="card-title">Build Community</div>
<p>Connect with others on the spiritual path. Share experiences, support, and wisdom.</p>
<a class="expand-link">Connect Now</a>
<div class="example-content">
<ul class="tip-list">
<li>Join or create a study group</li>
<li>Share meals and conversations</li>
<li>Participate in community service</li>
</ul>
</div>
</div>
<div class="card">
<div class="card-title">Study Sacred Wisdom</div>
<p>Explore spiritual teachings and traditions. Find guidance in ancient and modern wisdom.</p>
<a class="expand-link">Study Tips</a>
<div class="example-content">
<ul class="tip-list">
<li>Read sacred texts regularly</li>
<li>Learn from different traditions</li>
<li>Keep a reflection journal</li>
</ul>
</div>
</div>
<div class="card">
<div class="card-title">Practice Compassion</div>
<p>Extend kindness to yourself and others. See the divine in every person you meet.</p>
<a class="expand-link">Kind Ways</a>
<div class="example-content">
<ul class="tip-list">
<li>Perform random acts of kindness</li>
<li>Listen without judgment</li>
<li>Forgive yourself and others</li>
</ul>
</div>
</div>
<div class="card">
<div class="card-title">Create Sacred Space</div>
<p>Design physical and mental spaces for spiritual practice. Make room for the divine in daily life.</p>
<a class="expand-link">Space Ideas</a>
<div class="example-content">
<ul class="tip-list">
<li>Set up a meditation corner</li>
<li>Create meaningful rituals</li>
<li>Keep inspiring symbols nearby</li>
</ul>
</div>
</div>
<div class="card">
<div class="card-title">Find Strength in Adversity</div>
<p>Transform challenges into opportunities for spiritual growth. Build resilience through faith.</p>
<a class="expand-link">Growth Tools</a>
<div class="example-content">
<ul class="tip-list">
<li>Journal through difficult times</li>
<li>Share struggles with trusted friends</li>
<li>Look for lessons in challenges</li>
</ul>
</div>
</div>
<div class="card">
<div class="card-title">Practice Presence</div>
<p>Live mindfully in the present moment. Find the sacred in the here and now.</p>
<a class="expand-link">Present Ways</a>
<div class="example-content">
<ul class="tip-list">
<li>Take mindful walks</li>
<li>Practice conscious breathing</li>
<li>Engage fully in each activity</li>
</ul>
</div>
</div>
<div class="card">
<div class="card-title">Cultivate Inner Peace</div>
<p>Develop tranquility amid life's storms. Trust in divine timing and guidance.</p>
<a class="expand-link">Peace Tools</a>
<div class="example-content">
<ul class="tip-list">
<li>Start each day with quiet time</li>
<li>Practice letting go</li>
<li>Find peace in simple moments</li>
</ul>
</div>
</div>
<div class="card">
<div class="card-title">Share Your Light</div>
<p>Let your faith inspire others. Share your spiritual journey with humility and grace.</p>
<a class="expand-link">Share Ways</a>
<div class="example-content">
<ul class="tip-list">
<li>Lead by example</li>
<li>Share your story with others</li>
<li>Offer support to fellow seekers</li>
</ul>
</div>
</div>
</div>
<p class="outro">
True wealth of faith isn't measured in certainties held, but in the depth of trust, the breadth of compassion, and the height of hope we cultivate. When we nurture our spiritual life, we discover an inexhaustible source of strength and peace.
</p>
<p class="byline">
Made with 🕊️ by <a href="about.html" target="_blank" class="accent">Anvaka</a>
</p>
<script>
const quotes = [
"Faith is taking the first step even when you don't see the whole staircase.",
"Faith is seeing light with your heart when all your eyes see is darkness.",
"Faith makes all things possible, not easy.",
"Keep your faith stronger than your fears.",
"Faith is the bird that feels the light when the dawn is still dark.",
"Faith is not about everything turning out okay, but being okay no matter how things turn out.",
"Faith moves mountains."
];
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>