/
readingDYL.html
337 lines (316 loc) · 15.7 KB
/
readingDYL.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
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap 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="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css"
integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
<link rel="stylesheet" href="css/indexDYL.css">
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Roboto'>
<title>Design Your Life</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.0.2/TweenMax.min.js"></script>
<script src="./Components/generalDYL.js" async></script>
<script src="./Components/readingDYL.js" async></script>
</head>
<body data-spy="scroll" data-target="#myScrollspy" data-offset="20">
<!-- TOP BAR COMPONENT -->
<header class="top-bar">
<div class="container">
<div class="container-left">
<img src="./img/LogoII_DYL.png" alt="Design your life logo">
</div>
<div class="container-center">
<span>About</span>
<span class="features-dropbtn">Features
<div id="features-dropdown" class="features-dropdown-content">
<a href="#">Further Reading</a>
<a href="#">Advice</a>
<a href="#">Dig Deeper</a>
</div> </span>
<span>Blog</span>
<span>Contact</span>
</div>
<div class="container-right"> <span> <a href="https://goodtimejournal-ak.netlify.com/" target="_blank">SIGN
UP</a></span>
<span><a href="https://goodtimejournal-ak.netlify.com/" target="_blank">LOG IN</a></span>
</div>
</div>
</header>
<!-- Jumbotron -->
<div class="jumbotron jumbotron-fluid">
<div class="container">
<h1 class="display-4">Further Reading</h1>
<p class="lead">Your reading shrunk into comprehensible bite sized pieces</p>
<p class="lead">You make the most out of your time learning</p>
</div>
</div>
<!-- Text Overlay on Image -->
<div class="card bg-dark text-white">
<img src="./img/neuron_psych.jpg" class="card-img" alt="Neurons light up">
<div class="card-img-overlay">
<h5 class="card-title">Actionable Education!</h5>
<p class="card-text">Get insights into the psychology behind your tasks!</p>
<p class="card-text">Our short 10-15 minute informational reads are all you need!</p>
<p class="card-text">Equip yourself with powerful knowledge!</p>
</div>
</div>
<!-- Card Deck layout -->
<div class="card-deck">
<div class="card">
<img src="./img/concentration.jpg" class="card-img-top" alt="woman rope walking">
<div class="card-body text-info">
<h5 class="card-title"> DAY 1 <br> How to Improve Focus and Concentration</h5>
<p class="card-text">Best ideas and top research on how to get and stay focused.
We break down the science behind sharpening your mind and paying attention to what matters.
We help you focus on your goals in life or business.
</p>
</div>
<ul class="list-group list-group-flush text-info">
<li class="list-group-item">Stop multitasking! Focus on one task at a time</li>
<li class="list-group-item">List 25 tasks and prioritize the top 5</li>
<li class="list-group-item">Measure progress by writing down/recording your results each time</li>
<li class="list-group-item">Focus on the process not the end result</li>
<li class="list-group-item">Never check email before noon</li>
<li class="list-group-item">Leave your phone in another room</li>
<li class="list-group-item">Remove all tasks that could distract from early morning focus</li>
</ul>
<div class="card-body">
<a href="#" class="card-link">Full Article</a>
</div>
</div>
<div class="card">
<img src="./img/self_improve.jpg" class="card-img-top" alt="...">
<div class="card-body text-info">
<h5 class="card-title"> DAY 2 <br>Simple Self Growth Technique</h5>
<p class="card-text">Simple useful but very effective technique for self growth.
It consists of watching how people behave/act in various situations, then looking inside yourself,
to find out if you behave in the same way under the same conditions</p>
</div>
<ul class="list-group list-group-flush text-info">
<li class="list-group-item">Watch the people you meet at home, work, at the supermarket, on the bus, train and
on the street,
watch how they behave in various circumstances
</li>
<li class="list-group-item">Watch how people talk, walk and react, and how they are treated by others</li>
<li class="list-group-item">Pay attention to the way people use their voice and how they react to other people's
voices.</li>
<li class="list-group-item">If you do not like what you see, analyze why you do not like it, and then analyze
your own behavior to find out, whether you behave in the same way. </li>
<li class="list-group-item">When you discover that you possess some of these undesirable traits/behaviors, you
are going to be aware of them, and do your best to avoid them.</li>
<li class="list-group-item">When you detect in someone a behavior/character traits you like and desire to
possess, visualize and try to act in a similar way</li>
<li class="list-group-item">Think and visualize over and again in your mind how you would like to act and behave
</li>
<li class="list-group-item">Do not be disappointed or frustrated if you do not attain fast results. Persevere
with your efforts, never give up, and you will begin to see your life change.</li>
</ul>
<div class="card-body">
<a href="#" class="card-link">Full Article</a>
</div>
</div>
<div class="card">
<img src="./img/information_interview.jpg" class="card-img-top" alt="...">
<div class="card-body text-info">
<h5 class="card-title">DAY 3 <br> Best Informational Interviews Questions About Life/Career</h5>
<p class="card-text">The informational interview is simply a conversation between yourself and someone who holds
a job or life similar to what you are searching for.
How do you gather information? By asking the best informational interview questions! Prepare with 5–10
engaging informative interview questions.
Take notes to keep yourself from talking too much. Make sure the interviewee talks 95% of the time.
</p>
</div>
<ul class="list-group list-group-flush text-info">
<li class="list-group-item">How did your career/life path take you to this job/lifestyle?</li>
<li class="list-group-item">What are the major components of your job/lifestyle on a daily basis?</li>
<li class="list-group-item">What do you enjoy the most about the job/life?</li>
<li class="list-group-item">What do you like least about your job/life?</li>
<li class="list-group-item">How do you see your job/life changing in the next 10 years?</li>
<li class="list-group-item">If you could go back and do anything differently on your career/life path, what
would you do?</li>
<li class="list-group-item">What would surprise people about your daily work/life?</li>
<li class="list-group-item">Vestibulum at eros</li>
</ul>
<div class="card-body">
<a href="#" class="card-link">Full Article</a>
</div>
</div>
</div>
<!-- Accordion -->
<div class="container accordion">
<h2>Test your knowledge</h2>
<p><strong>Note:</strong> <strong>DO NOT Peak</strong> at the answers until you've answered the question either to
yourself or to someone else!</p>
<div class="panel-group" id="accordion">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapse1">What are some strategies to improve
Focus and Concentration you learned from this app?
List at least 3 strategies
</a>
</h4>
</div>
<div id="collapse1" class="panel-collapse collapse in">
<div class="panel-body">
<ul class="list-group list-group-flush text-info">
<li class="list-group-item">Stop multitasking! Focus on one task at a time</li>
<li class="list-group-item">List 25 tasks and prioritize the top 5</li>
<li class="list-group-item">Measure progress by writing down/recording your results each time</li>
<li class="list-group-item">Focus on the process not the end result</li>
<li class="list-group-item">Never check email before noon</li>
<li class="list-group-item">Leave your phone in another room</li>
<li class="list-group-item">Remove all tasks that could distract from early morning focus</li>
</ul>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapse2">What are some Self Growth Techniques
You Learned and Utilized with this App?</a>
</h4>
</div>
<div id="collapse2" class="panel-collapse collapse">
<div class="panel-body">
<ul class="list-group list-group-flush text-info">
<li class="list-group-item">Watch the people you meet at home, work, at the supermarket, on the bus, train
and on the street,
watch how they behave in various circumstances
</li>
<li class="list-group-item">Watch how people talk, walk and react, and how they are treated by others</li>
<li class="list-group-item">Pay attention to the way people use their voice and how they react to other
people's voices.</li>
<li class="list-group-item">If you do not like what you see, analyze why you do not like it, and then
analyze your own behavior to find out, whether you behave in the same way. </li>
<li class="list-group-item">When you discover that you possess some of these undesirable traits/behaviors,
you are going to be aware of them, and do your best to avoid them.</li>
<li class="list-group-item">When you detect in someone a behavior/character traits you like and desire to
possess, visualize and try to act in a similar way</li>
<li class="list-group-item">Think and visualize over and again in your mind how you would like to act and
behave</li>
<li class="list-group-item">Do not be disappointed or frustrated if you do not attain fast results.
Persevere with your efforts, never give up, and you will begin to see your life change.</li>
</ul>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapse3">What are some Informational Interviews
Questions About Life/Career you asked your interviewees?</a>
</h4>
</div>
<div id="collapse3" class="panel-collapse collapse">
<div class="panel-body">
<ul class="list-group list-group-flush text-info">
<li class="list-group-item">How did your career/life path take you to this job/lifestyle?</li>
<li class="list-group-item">What are the major components of your job/lifestyle on a daily basis?</li>
<li class="list-group-item">What do you enjoy the most about the job/life?</li>
<li class="list-group-item">What do you like least about your job/life?</li>
<li class="list-group-item">How do you see your job/life changing in the next 10 years?</li>
<li class="list-group-item">If you could go back and do anything differently on your career/life path,
what would you do?</li>
<li class="list-group-item">What would surprise people about your daily work/life?</li>
<li class="list-group-item">Vestibulum at eros</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- Unequal Columns Bootstrap -->
<div class="row">
<div class="col-sm-12">The Group Behind It All</div>
</div>
<!-- Media List -->
<ul class="list-unstyled">
<li class="media">
<img src="./img/leader.jpg" class="mr-3" alt="...">
<div class="media-body">
<h5 class="mt-0 mb-1">Eva Li</h5>
Scrum Master; Developer; Leader; <br> aka Our Rock
</div>
</li>
<li class="media my-4">
<img src="./img/designerI.jpg" class="mr-3" alt="...">
<div class="media-body">
<h5 class="mt-0 mb-1">Shaun Carmody</h5>
UI Developer
</div>
</li>
<li class="media">
<img src="./img/designerII.jpg" class="mr-3" alt="...">
<div class="media-body">
<h5 class="mt-0 mb-1">A. Lowell Richardson</h5>
UI Developer
</div>
</li>
<li class="media my-4">
<img src="./img/blackRose.jpg" class="mr-3" alt="...">
<div class="media-body">
<h5 class="mt-0 mb-1">Sem Limi</h5>
UI Developer
</div>
</li>
<li class="media">
<img src="./img/developerI.jpg" class="mr-3" alt="...">
<div class="media-body">
<h5 class="mt-0 mb-1">Brandon Lent</h5>
Front End Developer
</div>
</li>
<li class="media my-4">
<img src="./img/developerII.jpg" class="mr-3" alt="...">
<div class="media-body">
<h5 class="mt-0 mb-1">Alex King</h5>
Front End Developer
</div>
</li>
<li class="media">
<img src="./img/developerIII.jpg" class="mr-3" alt="...">
<div class="media-body">
<h5 class="mt-0 mb-1">Travis Russel</h5>
Back End Developer
</div>
</li>
<li class="media my-4">
<img src="./img/mobile_developer.jpg" class="mr-3" alt="...">
<div class="media-body">
<h5 class="mt-0 mb-1">Frulwinn Collick</h5>
iOS Developer
</div>
</li>
</ul>
<!-- Footer -->
<footer class='contact'>
<h5>Contact Us!</h5>
<a href="#" class="footerArrow"><i class="fa fa-arrow-up"></i>To The Top</a>
<div class="social-media-icons">
<i class="fa fa-facebook-official"></i>
<i class="fa fa-instagram"></i>
<i class="fa fa-snapchat"></i>
<i class="fa fa-pinterest-p"></i>
<i class="fa fa-twitter"></i>
<i class="fa fa-linkedin"></i>
</div>
<p><a href="#" target="_blank" class="copyright">Copyright Good Time Journal Team©</a></p>
</footer>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js"
integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js"
integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k"
crossorigin="anonymous"></script>
</body>
</html>