-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
166 lines (139 loc) · 12 KB
/
index.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
<!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">
<meta name="description" content="">
<meta name="author" content="">
<title>Self-care for Nerds | Aditi Bhandari</title>
<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="css/scrolling-nav.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700' rel='stylesheet' type='text/css'>
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<!-- The #page-top ID is part of the scrolling feature - the data-spy and data-target are part of the built-in Bootstrap scrollspy function -->
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
<!-- About Section -->
<section id="about" class="section-part">
<div class="container">
<div class="row">
<h1 class="heading">Self-care for Nerds</h1>
<div class="col-lg-6 col-lg-offset-3 col-md-8 col-md-offset-2 col-sm-8 col-sm-offset-2">
<p class="intro-text">I pitched and gave a lightning talk at <a class="intro-text-link" href="https://twitter.com/search?q=aditihbhandari%20%23NICAR17&src=typd" target="_blank">#NICAR17</a> about physical self-care as a developer, journalist, or just someone who sits at a computer all day. Here are my slides and speaker notes.</p>
<p class="intro-text">P.S. if you decided to do any of these, <a class="intro-text-link" href="https://twitter.com/AditiHBhandari" target="_blank">let me know</a>! I'm not a doctor, but I AM invested in your well-being 💖</p>
</div>
<div class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2 col-sm-8 col-sm-offset-2 col-xs-12">
<div class="slide">
<img class="screenshot" src="img/1.png" alt="Slide 1. Self-care for Nerds by Aditi Bhandari">
<div class="description">
<p class="description-text">Hi! I’m Aditi Bhandari, and I’m a student at Northwestern University and an intern at The Texas Tribune. Between these two jobs, I spend at least 8-12 hours on my computer every day.</p>
<p class="description-text">My parents are both doctors so between the two of them I’ve had great healthcare. But I’ve also received a lot of free advice about how to stay healthy despite my sedentary lifestyle, so I’m here to share that with you. Keep in mind that I am not a doctor, so if you’re experiencing pain you should go see a real one.</p>
</div>
</div>
<div class="slide">
<img class="screenshot" src="img/2.png" alt="Slide 2. Flux and Anti RSI">
<div class="description">
<p class="description-text">I use two free apps available on Macs and PCs to reduce the strain on my eyes.</p>
<p class="description-text">If you’re used to working through the night you should definitely download <a class="description-text-link" href="https://justgetflux.com/" target="_blank">f.lux</a>. Blue light has an awakening effect on the brain which makes it harder for you to fall asleep, so reducing it with an app like flux or the night mode on an iPhone is better for your sleep cycle.</p>
<p>I also use <a class="description-text-link" href="http://antirsi.onnlucky.com/" target="_blank">AntiRSI</a>, aka "anti repetitive strain injury". This app reduces the strain on your eyes by forcing you to take frequent breaks, and it freezes your computer while you’re on your break. It analyzes your work pattern and schedules "micropauses", which are a few seconds long and "work breaks", which are a few minutes long. Of course, if you’re on deadline you can always postpone or quit the app.</p>
</div>
</div>
<div class="slide">
<img class="screenshot" src="img/3.png" alt="Slide 3. Blink, or stare into the void">
<div class="description">
<p class="description-text">But it isn’t enough to take breaks, it’s what you do with those breaks that counts.</p>
<p class="description-text">To give them a break during my micropauses, I do either of the following:
<ul class="description-list">
<li>I blink or I keep my eyes closed to rest and rehydrate them. You’d be surprised how much we forget to do that when we're working at our computers.</li>
<li>I look out of a window to the farthest point I can see. When you’re working at a screen that’s so close to your face, your eye muscles are in spasm trying to focus on it. You may look weird staring into the void, but it lets you give those eye muscles a break.</li>
</ul>
</p>
</div>
</div>
<div class="slide">
<img class="screenshot" src="img/4.png" alt="Slide 4. Get up, drink water and check yo'self">
<div class="description">
<p class="description-text">During my longer breaks, I have a three-step routine that I’m trying really hard to follow. I hope that by sharing it with you all, I’ll keep myself accountable too:
<ol class="description-list">
<li>First, stand up and walk around, because I know I don't do that enough sitting at my desk all day. Take this opportunity to say hi to an intern or a coworker. Ask what they're working on. And if you need to, go to the bathroom!!</li>
<li>Drink some water (or a beverage of your choice) to stay hydrated. Eat a snack if you need one.</li>
<li>Check your posture. This is an important one with several factors, but if you focus on them one-by-one, you'll get the hang of it pretty quickly. Let's go from the feet-up:
<ul class="description-list">
<li>Plant your feet firmly on the ground, legs bent at 90°.</li>
<li>If your chair doesn't already have a support for your lower back, get a cushion to prop it up (this is called a lumbar support.)</li>
<li>Keep your arms at ~90° while typing, and rest your elbows and wrists on your arm rests or desk.</li>
<li>Relax your shoulders and hold your neck straight.</li>
<li>Your screen should be at eye level and at least a foot away from your face.</li>
</ul>
</li>
</ol>
</p>
</div>
</div>
<div class="slide">
<img class="screenshot" src="img/5-1.gif" alt="Slide 5-1. Wrist rotation">
<div class="description">
<p class="description-text">You could also take this time to do some simple exercises to strengthen your arms and wrists. Remember to do these gently; if you force your arm to stretch too far you might hurt yourself!.</p>
<p class="description-text">Here's a simple one to get you started:
<ul class="description-list">
<li>Rest your forearm and elbow on your desk with your palm facing down.</li>
<li>Slowly and gently, rotate your forearm so that your palm faces upwards.</li>
</ul>
</p>
</div>
</div>
<div class="slide">
<img class="screenshot" src="img/5-2.gif" alt="Slide 5-2. Wrist waving">
<div class="description">
<p class="description-text">Now it's time to caress your desk. Again, it may look weird at first, but it's definitely not worse than aching joints!
<ul class="description-list">
<li>Like in the previous exercise, rest your forearm and elbow on your desk with your palm facing down.</li>
<li>Slowly and gently, bend your wrist from side to side as far as it can easily go.</li>
</ul>
</p>
</div>
</div>
<div class="slide">
<img class="screenshot" src="img/5-3.gif" alt="Slide 5-3. Wrist flexion">
<div class="description">
<p class="description-text">Here's one more simple exercise.
<ul class="description-list">
<li>Rest your forearm and elbow on your desk with your hand hanging off of the side.</li>
<li>Slowly and gently, flex your wrist from up to down as far as it can easily go.</li>
</ul>
</p>
<p class="description-text">Last but not least, stress balls work! I wish I knew that before I threw out all the free ones I got in college but they help exercise your fingers after a long day of tapping away at a keyboard.</p>
</div>
</div>
<div class="slide">
<img class="screenshot" src="img/6.png" alt="Slide 6. That's all, folks">
<div class="description">
<p class="description-text">A major caveat to all of this information is that these exercises alone won't help prevent carpal tunnel syndrome or computer vision syndrome (yep, it's a real thing). The only way to do that is to exercise, follow a healthy diet and get your vitamins. But doing these will help ease the effects of working on your computer the whole day, so find a work buddy and keep each other accountable. Take care of yourselves, and each other!</p>
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="footer col-lg-6 col-lg-offset-3 col-md-8 col-md-offset-2 col-sm-8 col-sm-offset-2">
<p class="footer-text">Design and development: Aditi Bhandari (2017)</p>
<p class="footer-text">Icons courtesy of The Noun Project</p>
</footer>
<!-- jQuery -->
<script src="js/jquery.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>
<!-- Scrolling Nav JavaScript -->
<script src="js/jquery.easing.min.js"></script>
<script src="js/scrolling-nav.js"></script>
</body>
</html>