Skip to content

Commit

Permalink
Styling
Browse files Browse the repository at this point in the history
  • Loading branch information
@eleanorharding
eleanorharding committed Apr 10, 2016
1 parent 8b3a850 commit 5d3fa0d
Show file tree
Hide file tree
Showing 3 changed files with 57 additions and 70 deletions.
24 changes: 23 additions & 1 deletion css/main.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -228,11 +228,24 @@ header {

}

.accordion.open {
border-bottom: 3px solid #eee;
padding-bottom: 20px;
}

.warning ul {
color: #fff;
}

.link-container {
margin: 1px;
}

.button-link {
border-radius: 5px;
border: 2px solid #FD2D52;
color: #FD2D52;
padding: 10px 5px;
padding: 10px 10px;
margin: 10px auto;
text-align: center;

Expand Down Expand Up @@ -268,6 +281,14 @@ header {
height: 20px;
}

p.progresstext {
color: #888;
margin: 0px;
position: relative;
top: -20px;
height: 0px
}

.progress {
width: 1%;
background-color: #FD2D52;
Expand Down Expand Up @@ -329,6 +350,7 @@ em {
footer {
text-align: center;
font-size: 0.8em;
margin-bottom: 50px;
}


Expand Down
Binary file modified img/temperature-icon-2.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
103 changes: 34 additions & 69 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -80,28 +80,32 @@ <h3> Observe: </h3>
<li> <em> Urine:</em><br/> Always observe if there is urine in the nappy if you only see stool ask the mum when the child pass urine last time. It is important that children urinate several times per day! Make sure it drinks enough if it did not pass urine </li>
</ol>
</div>
<div class="link-container">
<a href="http://raisingchildren.net.au/articles/nappy_changing_video.html" class="button-link">
Watch a Video
(Multiple Languages)
</a>
</div>
</div>
</div>
<div class="accordion" data-accordion>
<div data-control class="section-title"><h2>1.2 Wash the baby/ Skin care</h2></div>
<div data-content>
<p> It is a great opportunity to do the basic body hygiene efforts in the child friendly space when you are anyway supporting mothers to change nappy! Apply your knowledge; observe the child, its skin condition and well- being closely. </p>
<p> It is a great opportunity to do the basic body hygiene efforts in the child friendly space when you are anyway supporting mothers to change nappy! Apply your knowledge; observe the child, its skin condition and well-being closely. </p>
<div>
<ol>
<li> Only undress the baby in warm environment. Take off all clothes except their vest and nappy. </li>
<li> Dip clean cloth or cotton wool in warm water (make sure it does not get too wet) and wipe gently around the baby's eyes from outside toward the nose, using a separate fresh piece or part of the cloth for each eye not to transfer any infection from one eye to another. </li>
<li> Use a fresh part of cloth to clean around the baby's mouth and ears, but not inside them. Wash the rest of the baby's face, neck and hands in the same way and dry them gently with the towel. Focus on cleaning skin folds, wash and dry them carefully. </li>
</ol>
</div>
<div class="remember">
<div class="remember pull-left">
<img src="img/baby-icon-2.png" class="baby-icon icon"/>
<h3> Keep the baby clean </h3>
<p> Washing the babies’ skin folds prevents redness and rash and it should be done once a day (genital area every time if you change nappy) </p>
</div>
<div class="observe">
<div class="observe pull-left">
<img src="img/eye-icon-2.png" class="icon"/>
<h3> Look at the baby's skin </h3>
<p> Always observe the skin for jaundice, rash, pustules redness or injuries. Refer the child if you observe any anomalies </p>
</div>
Expand All @@ -123,7 +127,8 @@ <h3> Look at the baby's skin </h3>
<li> She needs to avoid sitting or standing for too long. She feels better if she can lie down and rest for a few minutes when she is sleepy or tired. Resting often is good for a pregnant woman. </li>
</ol>
</div>
<div class="remember">
<div class="remember pull-left">
<img src="img/medicine-icon-2.png" class="baby-icon icon"/>
<h3> Keep her healthy </h3>
<p> A pregnant woman needs to eat enough food every day, especially foods rich in iron, such as meat, fish, chicken, eggs, beans, peas, and leafy green vegetables. Make sure she always gets an extra portion of food. She should also take folic acid and may need to take other vitamins, therefore advise her to discuss her needs with a health person as soon as possible. </p>
</div>
Expand All @@ -145,7 +150,8 @@ <h3> Next Steps </h3>
<li> Introduce nutritionally-adequate and safe complementary (solid) foods at 6 months together with continued breastfeeding up to 2 years of age or beyond </li>
</ol>
</div>
<div class="observe">
<div class="observe pull-left">
<img src="img/eye-icon-2.png" class="icon"/>
<h3> If you hear that a child is crying or you observe the child is restless: </h3>
<p> Look for hunger signs of the baby (moving his/her head searching for the breast, sucking on the lips, sucking movements with the mouth, licking his own lips).</p>
<ul>
Expand All @@ -155,7 +161,8 @@ <h3> If you hear that a child is crying or you observe the child is restless: </
<li>Offer her something to drink </li>
</ul>
</div>
<div class="next-steps">
<div class="next-steps pull-left">
<img src="img/baby-icon-2.png" class="baby-icon icon"/>
<h3> Remember </h3>
<p> You might have to support the mother to correct positioning of the baby in her arm and attach the baby for breastfeeding as she might just be too exhausted and distressed to attach the baby by herself (use/offer hand rub). </p>
<p>
Expand All @@ -174,7 +181,8 @@ <h3> If you help to attach the baby make sure that </h3>
</div>


<div class="remember">
<div class="remember pull-left">
<img src="img/baby-icon-2.png" class="baby-icon icon"/>
<h3> If the baby does not attach itself </h3>
<ol>
<li>Touch her infant’s lips with her nipple </li>
Expand Down Expand Up @@ -202,7 +210,8 @@ <h1> 2. Hygiene </h1>
<div>
<p> Hand-washing is an important factor relating to the spreading of infection, not just for children but also for adult of all ages. </p>
</div>
<div class="warning">
<div class="warning pull-left">
<img src="img/exclamation-white-icon.png" class="icon"/>
<h3> Advise to wash hands with soap and water or rub hands with antiseptic agent </h3>
<p>
<ul>
Expand All @@ -215,12 +224,14 @@ <h3> Advise to wash hands with soap and water or rub hands with antiseptic agent
</ul>
</p>
</div>
<div class="remember">
<div class="remember pull-left">
<img src="img/hygiene-icon-2.png" class="hygiene-icon icon"/>
<h3> Remember </h3>
<p> Keep nails short and clean and discourage nail biting.
The nails and nail beds offer a perfect environment for germs to live and breed. Nail biting facilitates the transfer of germs to the mouth which can causes diseases. </p>
</div>
<div class="remember">
<div class="warning pull-left">
<img src="img/exclamation-white-icon.png" class="icon"/>
<h3> Warning </h3>
<p> If you are at risk to be contaminated with body fluids such as stool, urine, blood, runny nose (e.g when changing nappy) always wear gloves! After removing the glove you must use hand rub! </p>
</div>
Expand All @@ -238,7 +249,8 @@ <h3> The child does not want to eat or drink? Does the child have pain during fo
<li> If you have time: wash hand and wear gloves and take a clean, soft cloth wet with salty water and wrap it around your finger and wash the child’s mouth. </li>
</ol>
</div>
<div class="remember">
<div class="remember pull-left">
<img src="img/baby-icon-2.png" class="baby-icon icon"/>
<h3> Small infants or newborns up to 4 weeks </h3>
<p>
Is the baby crying during breastfeeding or does it refuse to drink?
Expand All @@ -251,14 +263,8 @@ <h3> Small infants or newborns up to 4 weeks </h3>

<h4> The baby needs referral to the health service to get treatment </h4>
</div>
<div class="remember">
<h3> Small infants or newborns up to 4 weeks </h3>
<p>
Is the baby crying during breastfeeding or does it refuse to drink?
Check her/his mouth! Can you find white coating?
</p>
</div>
<div class="treatment">
<div class="treatment pull-left">
<img src="img/medicine-icon-2.png" class="baby-icon icon"/>
<h3> Treatment: Treat thrush with nystatin (or gentian violet) four times daily for 7 days </h3>
<ol>
<li> Wash hands </li>
Expand All @@ -282,7 +288,8 @@ <h1> 3. Body Temperature </h1>
<div class="accordion" data-accordion>
<div data-control class="section-title"> <h2>3.1 Regulation of body temperature </h2> </div>
<div data-content>
<div>
<div class="pull-left">
<img src="img/temperature-icon-2.png" class="icon"/>
<h3> Temperature of a healthy newborn/child: 36.5- 37.5° (axillary) </h3>
<ol> Signs of fever:
<li> It feels warmer than usual on the touch on their forehead, back or stomach (ask the baby’s mother to compare) </li>
Expand All @@ -291,7 +298,8 @@ <h3> Temperature of a healthy newborn/child: 36.5- 37.5° (axillary) </h3>
<li> breathing rapidly </li>
</ol>
</div>
<div class="refer">
<div class="refer pull-left">
<img src="img/eye-icon-2.png" class="icon"/>
<h3> If the baby/child or adult shows signs of fever refer to the health service. </h3>
<p>
If a young infant has fever, this might mean the infant has a serious bacterial infection. In addition, fever may be the only sign of a serious bacterial infection. Young infants can also respond to infection by dropping their body temperature to below 35.5 °C
Expand All @@ -305,12 +313,14 @@ <h3> Remember </h3>
<li> A baby can lose huge amount of heat through his/her head. So if it is cold always protect their head. However, keeping the baby too warm is putting them at health risk as well. </li>
</ul>
</div>
<div class="remember">
<div class="warning pull-left">
<img src="img/exclamation-white-icon.png" class="icon"/>
<h3> Warning </h3>
<p> If the baby/child is in a very warm environment make sure that you take some clothes off! </p>
</div>

<div class="remember">
<div class="remember pull-left">
<img src="img/temperature-icon-2.png" class="icon"/>
<h3> Warning </h3>
<p> A baby who is too warm might sweat, has damp hair, flushed or red cheeks, has a heat rash, or breathe rapidly (as if it is panting). Take some clothes off! </p>
<p> A good advice is that you dress your baby in no more than one layer of clothing than an adult is wearing </p>
Expand All @@ -319,52 +329,6 @@ <h3> Warning </h3>



</div>
</div>
<div class="accordion" data-accordion>
<div data-control class="section-title"><h2>2.2 Oral hygiene </h2></div>
<div data-content>
<div class="observe">
<h3> The child does not want to eat or drink? Does the child have pain during food intake? </h3>
<p> Check the gum and throat of the child! Do you observe little wounds, ulcers, white spots or redness? (use a little flash light and wear gloves to check) Ulcers and open sores inside the mouth and lips or the tongue are painful. </p>
<ol>
<li> Provide toothbrush and refer to the health service for oral anti-inflammatory spray.</li>
<li> Organize pain killer (children need to be relieved from pain so that they can eat and drink which is vital for them to stay strong) </li>
<li> If you have time: wash hand and wear gloves and take a clean, soft cloth wet with salty water and wrap it around your finger and wash the child’s mouth. </li>
</ol>
</div>
<div class="remember">
<h3> Small infants or newborns up to 4 weeks </h3>
<p>
Is the baby crying during breastfeeding or does it refuse to drink?
Check her/his mouth! Can you find white coating?
</p>

<p> Oral thrush is a white coating on the baby’s tongue, although there may also be white patches elsewhere in the mouth. This coating may look like curd or cottage cheese and usually cannot be rubbed off easily (if you can rub it off then it is milk not a thrush). </p>
<p> Oral thrush is a fungal infection in the mouth caused by a yeast fungus called Candida albicans. It is usually harmless and easily treatable. </p>
<p> Babies may be reluctant to feed – or keep detaching from the breast during feeding – if they are sore. </p>

<h4> The baby needs referral to the health service to get treatment </h4>
</div>
<div class="remember">
<h3> Small infants or newborns up to 4 weeks </h3>
<p>
Is the baby crying during breastfeeding or does it refuse to drink?
Check her/his mouth! Can you find white coating?
</p>
</div>
<div class="treatment">
<h3> Treatment: Treat thrush with nystatin (or gentian violet) four times daily for 7 days </h3>
<ol>
<li> Wash hands </li>
<li> Wash the child’s mouth with clean soft cloth wrapped around you finger. The cloth should be wet with salt water. </li>
<li> Instill nystatin 1ml four times a day, avoid feeding for 20 minutes after medication </li>
<li> If the mother is breastfeeding check mother’s breasts for thrush (or ask her to have a close look if she can see any redness). If it is present, treat with nystatin </li>
<li> Advise mother to wash breasts after feeding.</li>
<li> If bottle fed then advise the mother to change to cup and spoon
Give pain killer if needed </li>
</ol>
</div>
</div>
</div>
</div>
Expand Down Expand Up @@ -418,6 +382,7 @@ <h4> Thank you for caring </h4>


<div class="progressBar">
<p class="progresstext"> &nbsp; &nbsp; Progress:</p>
<div class="progress">

</div>
Expand Down

0 comments on commit 5d3fa0d

Please sign in to comment.