-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathfamily.html
196 lines (179 loc) · 8.41 KB
/
family.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 Family</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="header">
<h1>How to Be Rich in <span class="accent">Family</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">Create Family Rituals</div>
<p>Establish meaningful traditions that bring everyone together. Shared rituals create lasting bonds and memories.</p>
<a class="expand-link">Try These</a>
<div class="example-content">
<ul class="tip-list">
<li>Start weekly family dinner traditions</li>
<li>Create special birthday celebrations</li>
<li>Develop unique holiday customs</li>
</ul>
</div>
</div>
<div class="card">
<div class="card-title">Honor Individual Paths</div>
<p>Celebrate each family member's uniqueness while maintaining strong connections. Unity thrives through respecting differences.</p>
<a class="expand-link">Show Support</a>
<div class="example-content">
<ul class="tip-list">
<li>Support each person's interests and dreams</li>
<li>Create space for individual expression</li>
<li>Respect different personalities and choices</li>
</ul>
</div>
</div>
<div class="card">
<div class="card-title">Build Family Stories</div>
<p>Share and preserve family history and experiences. Stories connect generations and create shared identity.</p>
<a class="expand-link">Story Ideas</a>
<div class="example-content">
<ul class="tip-list">
<li>Record family histories and memories</li>
<li>Create family photo albums and videos</li>
<li>Share stories of ancestors and heritage</li>
</ul>
</div>
</div>
<div class="card">
<div class="card-title">Foster Open Communication</div>
<p>Create safe spaces for honest, respectful dialogue. Strong families thrive on trust and understanding.</p>
<a class="expand-link">Connect More</a>
<div class="example-content">
<ul class="tip-list">
<li>Hold regular family meetings</li>
<li>Practice active listening without judgment</li>
<li>Create opportunities for one-on-one time</li>
</ul>
</div>
</div>
<div class="card">
<div class="card-title">Share Life Skills</div>
<p>Pass down knowledge and wisdom across generations. Teaching and learning together strengthens bonds.</p>
<a class="expand-link">Share Skills</a>
<div class="example-content">
<ul class="tip-list">
<li>Cook family recipes together</li>
<li>Teach practical skills and crafts</li>
<li>Share financial wisdom and planning</li>
</ul>
</div>
</div>
<div class="card">
<div class="card-title">Create Family Adventures</div>
<p>Build shared experiences through exploration and fun. Adventures create lasting memories and stronger bonds.</p>
<a class="expand-link">Plan Together</a>
<div class="example-content">
<ul class="tip-list">
<li>Plan family trips and outings</li>
<li>Try new activities together</li>
<li>Create family challenges and games</li>
</ul>
</div>
</div>
<div class="card">
<div class="card-title">Navigate Challenges Together</div>
<p>Face difficulties as a united team. Supporting each other through hard times deepens family bonds.</p>
<a class="expand-link">Build Strength</a>
<div class="example-content">
<ul class="tip-list">
<li>Create family problem-solving strategies</li>
<li>Support each other during transitions</li>
<li>Practice forgiveness and understanding</li>
</ul>
</div>
</div>
<div class="card">
<div class="card-title">Nurture Extended Family Bonds</div>
<p>Maintain connections with the broader family circle. Extended family enriches our support network and perspective.</p>
<a class="expand-link">Connect More</a>
<div class="example-content">
<ul class="tip-list">
<li>Organize family reunions and gatherings</li>
<li>Keep in touch through regular calls or messages</li>
<li>Create family social media groups or newsletters</li>
</ul>
</div>
</div>
<div class="card">
<div class="card-title">Build Family Values</div>
<p>Define and live shared principles together. Strong values create family identity and guide decisions.</p>
<a class="expand-link">Value Ideas</a>
<div class="example-content">
<ul class="tip-list">
<li>Discuss and define core family values</li>
<li>Create family mission statements</li>
<li>Practice values through service together</li>
</ul>
</div>
</div>
<div class="card">
<div class="card-title">Celebrate Every Stage</div>
<p>Honor life's transitions and milestones. Marking moments together creates family legacy.</p>
<a class="expand-link">Celebrate Now</a>
<div class="example-content">
<ul class="tip-list">
<li>Create rituals for life transitions</li>
<li>Document and celebrate achievements</li>
<li>Honor family members' journeys</li>
</ul>
</div>
</div>
</div>
<p class="outro">
True family wealth isn't measured by bloodlines or size, but by the depth of our connections, the strength of our support for each other, and the richness of our shared experiences. When we invest in family bonds, we create a legacy of love that spans generations.
</p>
<p class="byline">
Made with 👨👩👧👦 by <a href="about.html" target="_blank" class="accent">Anvaka</a>
</p>
<script>
const quotes = [
"Family is not an important thing. It's everything.",
"In family life, love is the oil that eases friction.",
"The strength of a family, like the strength of an army, lies in its loyalty to each other.",
"Family means no one gets left behind or forgotten.",
"The love of family is life's greatest blessing.",
"Family faces are magic mirrors looking at people who belong to you.",
"The family is one of nature's masterpieces."
];
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>