forked from akshitagupta15june/Moksh
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathreward.html
169 lines (143 loc) · 6.39 KB
/
reward.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
<!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">
<title>Pomodoro Rule</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
<link rel="stylesheet" href="fontawesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="reward.css">
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@500&family=Roboto:ital,wght@1,700&display=swap"
rel="stylesheet">
<link rel="icon" type="image/x-icon" href="Images/moksh.jpeg">
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"
/>
</head>
<body>
<script src="script.js"></script>
<!-- Navbar Start-->
<div class="nav">
<!-- Nav Logo & Name -->
<div class="navbar-logo">
<img src="./Images/moksh.png" alt="Moksh Logo" />
<a href="index.html"><span>Moksh</span></a>
</div>
<!-- Nav menu -->
<ul class="nav-menu">
<li>
<a href="index.html">Home</a>
</li>
<li class="dropdown">
<a href="#"
>Features
<i class="fas fa-caret-down"></i>
</a>
<!-- Dropdown -->
<ul>
<li><a href="meditation.html">Augmented Reality Meditation</a></li>
<li><a href="event.html">Iskcon Events</a></li>
<li>
<a href="story.html">Divine Activities for all Generation</a>
</li>
<li><a href="reward.html">Pomodoro Spritual Break</a></li>
<li><a href="motivation.html">Read a Shlok</a></li>
<li><a href="rejuvenate.html">Rejuvenate</a></li>
</ul>
</li>
</ul>
<!-- Google Translate -->
<div id="google_translate_element">
<script
type="text/javascript"
src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"
></script>
</div>
</div>
<!-- Navbar Ends -->
<div class="inline-text">
<h1><b>Pomodoro Feature</b></h1>
</div>
<div class="pomodoro-timer">
<button class="start">Start</button>
<div class="timer">
<div class="time-left">25:00</div>
</div>
<button class="reset">Reset</button>
</div>
<script src="reward.js"></script>
<div class="pomodoro-text">
<h4>This is an excellent feature that can help users integrate spiritual learning into their daily routine and
promote a healthier work-life balance.</h4>
<p>
<ol type="1">
<li>
<p class="list-paragraph">Set a timer for 25 minutes and work on your task.</p>
</li>
<li>
<p class="list-paragraph">After 25 minutes, take a 5-minute break. An alert will be there to read a Bhagavad
Gita <a href="motivation.html">shloka</a> with explanation.</p>
</li>
<li>
<p class="list-paragraph">After 4 breaks, take a 30-minute break.</p>
</li>
<li>
<p class="list-paragraph">Repeat the process until you complete all the tasks.</p>
</li>
</ol>
</p>
<h2>Good Luck!</h2>
</div>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" />
<div id="about" class="container py-3">
<div class="row">
<div class="col-sm-12">
<div class="d-block clearfix bg-light p-3 shadow" style="border-radius: 20px;">
<a class="float-left mr-3">
</a>
<div class="header">
<h1>Pomodoro Spiritual Break</h1>
<p><b>A Spiritual Productivity Break</b></p>
</div>
<div class="content">
<img src="Images/krisarj.png" height="170" align="left">
<p><i>With this feature, users can set a Pomodoro timer for a specified interval and receive an alert when
it's time to take a break and read a Bhagavad Gita shloka from your website. This can help users stay
on track with their spiritual practice and cultivate a more focused and disciplined mindset. Moreover,
by reading the Bhagavad Gita shloka during the break, users can refresh their mind and gain a deeper
understanding of the divine principles taught in the text. This can help them approach their work and
daily tasks with a greater sense of purpose and fulfillment. Overall, offering this Pomodoro feature
alert on our website is a great way to promote spiritual learning and support users in their journey
towards greater well-being and personal growth.</i></p>
</div>
</div>
</div>
</div>
</div>
<footer style="padding:5px 10px; width:100%; position:absolute ">
<div class="logo-title">
<img class='logo' src="Images/moksh.png" alt="Moksh Logo" style="height: 50px; margin-right: 10px; filter: invert(84%) sepia(28%) saturate(30%) hue-rotate(195deg) brightness(97%) contrast(99%);"/>
<h3 class="title" style="font-size: 28px; text-align: end; color: #fff; margin-top:12px">Moksh</h3>
</div>
<div class="tagline">
<p style="font-size: 18px; text-align: center; color: #fff;">A Spiritual Productivity Tool for Mental Wellness</p>
</div>
<div class="intro">
<p style="text-align:center;">Moksh is a spiritual productivity tool designed for individuals who want to unlock their potential and achieve true balance in life. </p>
</div>
<hr color="#000" size="10">
<div class="copyright" style="display:flex; justify-content:space-around">
<p style=" font-size: 14px; text-align: center; margin-top: 10px;">Made with ❤️ by Akshita during XPRESSION'23</p>
<p style=" font-size: 14px; text-align: center; margin-top: 10px;">© 2023 Moksh. All rights reserved.</p>
</div>
</footer>
</body>
</html>