generated from delayrider/my-full-template
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathmoon-phases.html
224 lines (216 loc) · 10.4 KB
/
moon-phases.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
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="descrpition" content="Moon Meditation meditating with the lunar phases">
<meta name="keywords" content="moon meditation, meditating with the lunar phases">
<meta name="theme-color" content="rgba(173,136,131, 0.8)">
<meta name="description" content="meditating with the lunar phases">
<link rel="stylesheet" href="assets/css/style.css">
<title>Moon Meditation</title>
</head>
<body>
<div id="hero-image">
<header>
<a href="index.html" id="logo">
<h1>Moon Meditation</h1>
</a>
<nav>
<ul id="menu">
<li><a href="index.html">Home</a></li>
<li><a href="moon-phases.html" class="active">Lunar Phases</a></li>
<li><a href="more-info.html">More Info</a></li>
<li><a href="sign-up.html">Sign Up</a></li>
</ul>
</nav>
</header>
<div id="description-box">
<p>What are the lunar phases and how to use them?</p>
</div>
</div>
<h2>The Eight Lunar Phases</h2>
<p class="lunar-phase-p">Every month or so our moon goes through the same eight lunar phases. Each phase lasts a
couple of day and has it's very own energy and use. Scroll through the text below to find out more about each of
these phases and how to use it.</p>
<div class="wrapper">
<div class="collapsible">
<input type="checkbox" id="collapsible-head-one">
<label for="collapsible-head-one">
<span class="collapsible-label">
<span id="dark-moon"></span>
Dark Moon
</span>
</label>
<div class="collapsible-text">
<h3>The Dark Moon Phase</h3>
<p>The dark moon lasts the last few days of the wanning moon.
This is a moment to release and let go of anything you do not wish to take with you into the next
cycle. This is the lowest energy point of the month. The Dark moon will bring you inwards acting
like a compass showing you where you are stuck</p>
<div class="collapsible-text-tips">
<h4>Under the Dark Moon:</h4>
<p>Take space from the ouside to self care</p>
<h4>Reflections for the Dark Moon:</h4>
<p>What emotions am I experiencing?</p>
</div>
</div>
</div>
</div>
<div class="collapsible">
<input type="checkbox" id="collapsible-head-two">
<label for="collapsible-head-two">
<span class="collapsible-label">
<span id="new-moon"></span>
New Moon
</span>
</label>
<div class="collapsible-text">
<h3>The New Moon Phase</h3>
<p>This is the day when the moon, the earth and the sun are perfectly aligned. This is the very begining of
the new cycle. The new moon is like a blank canvas. This is a time to plan and prepare. Be intentional
with where you stand and where you are going.</p>
<div class="collapsible-text-tips">
<h4>Under the New Moon:</h4>
<p>Create a soul vision-board</p>
<h4>Reflections for the Dark Moon:</h4>
<p>What am going to work on, what am I going to put into motion</p>
</div>
</div>
</div>
<div class="collapsible">
<input type="checkbox" id="collapsible-head-three">
<label for="collapsible-head-three">
<span class="collapsible-label">
<span id="waxing-cresent-moon"></span>
Waxing Cresent Moon
</span>
</label>
<div class="collapsible-text">
<h3>The Waxing Cresent Phase</h3>
<p>This is when the first sliver of the moon is visible. This is a time for action. Under the Cresent Moon
you need to keep yourself in alignment with the visons and intentions you put down during the New Moon.
Take care of yourself in this expansive phase. Find the balance between action and observation</p>
<div class="collapsible-text-tips">
<h4>Under the Waxing Cresent Moon:</h4>
<p>Make clear plans of how you want to bring your visions of the New Moon to life</p>
<h4>Reflections for the Dark Moon:</h4>
<p>What daily steps can I take towards my dreams, goals?</p>
</div>
</div>
</div>
<div class="collapsible">
<input type="checkbox" id="collapsible-head-four">
<label for="collapsible-head-four">
<span class="collapsible-label">
<span id="waxing-first-quarter-moon"></span>
Waxing First Quarter Moon
</span>
</label>
<div class="collapsible-text">
<h3>The Waxing First Quarter Phase</h3>
<p>The Moon is now half full. We are a quarter of the way through the lunar cycle. Your seeds planted during
the New Moon have now taken root. This is a moment where doubt can start to grow too. Be aware of it an
observe it without judgment. Remember that letting go of dreams and plans that no longer fit you is
okay.</p>
<div class="collapsible-text-tips">
<h4>Under the Waxing Cresent Moon:</h4>
<p>Commit to your plans and dreams, use them as reference points</p>
<h4>Reflections for the Dark Moon:</h4>
<p>Are my doubt pointing me towards necessary change?</p>
</div>
</div>
</div>
<div class="collapsible">
<input type="checkbox" id="collapsible-head-five">
<label for="collapsible-head-five">
<span class="collapsible-label">
<span id="waxing-gibbous-moon"></span>
Waxing Gibbous Moon
</span>
</label>
<div class="collapsible-text">
<h3>The Waxing Gibbous Phase</h3>
<p>During the next few nights the moon will seem almost full. This is when your energy will start to grow to
it's highest point. It is easy to get frustrated. Many people start lacking sleep at this moment, this
is because the moon is pushing you to the finish line. As the moon gets brighter she might shine light
into the areas of your life that are holding you back.</p>
<div class="collapsible-text-tips">
<h4>Under the Waxing Gibbous Moon:</h4>
<p>Use this strong lunar energy to push to the finish line</p>
<h4>Reflections for the Dark Moon:</h4>
<p>What still need to be done?</p>
</div>
</div>
</div>
<div class="collapsible">
<input type="checkbox" id="collapsible-head-six">
<label for="collapsible-head-six">
<span class="collapsible-label">
<span id="full-moon"></span>
Full Moon
</span>
</label>
<div class="collapsible-text">
<h3>The Full Moon Phase</h3>
<p>This is the energy peak of the month. Depending on wether you have been aligned with you visons or not,
you will arrive to this phase feeling complete or emotionally dispersed. In the same way the Dark Moon
drives us inside, the Full Moon drive us outward. This an emotional time</p>
<div class="collapsible-text-tips">
<h4>Under the Full Moon:</h4>
<p>Celebrate yourself</p>
<h4>Reflections for the Dark Moon:</h4>
<p>What stood in my way?</p>
</div>
</div>
</div>
<div class="collapsible">
<input type="checkbox" id="collapsible-head-seven">
<label for="collapsible-head-seven">
<span class="collapsible-label">
<span id="wanning-gibbous-moon"></span>
Wanning Gibbous Moon
</span>
</label>
<div class="collapsible-text">
<h3>The Wanning Gibbous Phase</h3>
<p>The moon gets less and less full as we move to the second half of the lunar cycle. As the energy starts
to pull us inwards, use this time to reflect on the pas lunar cycle. This is a great time for
communication. Any tricky converstations should be had during this phase. This is not a time to start
anything new but a time to give extra attention to things already in place</p>
<div class="collapsible-text-tips">
<h4>Under the Wanning Gibbous Moon:</h4>
<p>Process everything you have gone through so far and what you learnt from it</p>
<h4>Reflections for the Dark Moon:</h4>
<p>What wisdom and insight have I gained through the cycle?</p>
</div>
</div>
</div>
<div class="collapsible">
<input type="checkbox" id="collapsible-head-eight">
<label for="collapsible-head-eight">
<span class="collapsible-label">
<span id="wanning-last-quarter-moon"></span>
Wanning Last Quarter Moon
</span>
</label>
<div class="collapsible-text">
<h3>The Wanning Last Quarter Phase</h3>
<p>The moon is now half-way to being new. During this phase the lunar energy is guiding you towards letting
go and surrendering. No matter how far, or not, you think you have come. Simply look over your journey
with no judgement and let go of anything causing you worry. You energy will start to go inwards and let
it do so, another cylce is about to begin.</p>
<div class="collapsible-text-tips">
<h4>Under the Wanning Gibbous Moon:</h4>
<p>Observe and note what can still be finshed</p>
<h4>Reflections for the Dark Moon:</h4>
<p>What can i do to finish-up, complete or end?</p>
</div>
</div>
</div>
<footer class=" footer">
<p>copyright MOON MEDITATION 2022</p>
</footer>
</body>
</html>