From 91bfce4906ade8ca8b8e51d1d014ab09a67f28e0 Mon Sep 17 00:00:00 2001
From: Aferdita Muriqi <aferdita.muriqi@gmail.com>
Date: Sat, 27 Apr 2019 20:32:31 -0400
Subject: [PATCH] layout formatting

---
 docs/en/content/xhtml/chapter1.xhtml  | 10 +++----
 docs/en/content/xhtml/chapter10.xhtml |  8 +++---
 docs/en/content/xhtml/chapter11.xhtml | 40 +++++++++++++++++++--------
 docs/en/content/xhtml/chapter12.xhtml |  2 +-
 docs/en/content/xhtml/chapter14.xhtml | 15 +++++-----
 docs/en/content/xhtml/chapter15.xhtml | 12 ++++----
 docs/en/content/xhtml/chapter2.xhtml  |  2 +-
 docs/en/content/xhtml/chapter3.xhtml  | 16 +++++++----
 docs/en/content/xhtml/chapter4.xhtml  |  2 +-
 docs/en/content/xhtml/chapter5.xhtml  | 37 +++++++++++++------------
 docs/en/content/xhtml/chapter6.xhtml  |  4 +--
 docs/en/content/xhtml/chapter7.xhtml  |  2 +-
 docs/en/content/xhtml/chapter8.xhtml  |  2 +-
 docs/en/content/xhtml/chapter9.xhtml  | 10 +++----
 docs/en/content/xhtml/title.xhtml     | 12 ++------
 15 files changed, 95 insertions(+), 79 deletions(-)

diff --git a/docs/en/content/xhtml/chapter1.xhtml b/docs/en/content/xhtml/chapter1.xhtml
index eb6e445..b342946 100644
--- a/docs/en/content/xhtml/chapter1.xhtml
+++ b/docs/en/content/xhtml/chapter1.xhtml
@@ -15,7 +15,7 @@
         and/or source and marketed with the intent to deceive. The fraudulent supply of medicines can apply to both
         branded and generic products.</p>
 
-    <p><strong>Generally, fraudulent medicines may include:</strong></p>
+    <h6>Generally, fraudulent medicines may include:</h6>
 
     <ul>
         <li>Medicines with the wrong ingredients.</li>
@@ -28,8 +28,8 @@
         <li>Mislabeled substances.</li>
     </ul>
 
-    <p><strong>Common medicines that targeted by criminal organisations involved in smuggling fraudulent medicines
-            include:</strong></p>
+    <h6>Common medicines that targeted by criminal organisations involved in smuggling fraudulent medicines
+            include:</h6>
 
     <ul>
         <li>Anti-malaria</li>
@@ -40,7 +40,7 @@
         <li>Tuberculosis</li>
     </ul>
 
-    <p><strong>Location where fraudulent medicines are manufactured include:</strong></p>
+    <h6>Location where fraudulent medicines are manufactured include:</h6>
 
     <ul>
         <li>India</li>
@@ -49,7 +49,7 @@
         <li>Russia</li>
     </ul>
     
-    <p><img src="../imgs/G10_01.svg" style="margin: 5px auto; position: static; transition: none; max-width: 600px;" /></p>
+    <p><img class="fullWidth" src="../imgs/G10_01.svg" /></p>
 
 </body>
 
diff --git a/docs/en/content/xhtml/chapter10.xhtml b/docs/en/content/xhtml/chapter10.xhtml
index 3887e1e..265d2de 100644
--- a/docs/en/content/xhtml/chapter10.xhtml
+++ b/docs/en/content/xhtml/chapter10.xhtml
@@ -15,10 +15,10 @@
         following items at hand to undertake the search (if available):</p>
 
     <p style="margin: 5px; clear: none; float: right; position: static; transition: none; width: 25%">
-        <img class="kInteractive image image733" src="../imgs/G10_09_01.svg" style="max-width: 150px; width: 100%" /><br />
-        <img class="kInteractive image image733" src="../imgs/G10_09_02.svg" style="max-width: 150px; width: 100%"  /><br />
-        <img class="kInteractive image image733" src="../imgs/G10_09_03.svg" style="max-width: 150px; width: 100%"  /><br />
-        <img class="kInteractive image image733" src="../imgs/G10_09_04.svg" style="max-width: 150px; width: 100%"  /><br />
+        <img src="../imgs/G10_09_01.svg" style="max-width: 150px; width: 100%" /><br />
+        <img src="../imgs/G10_09_02.svg" style="max-width: 150px; width: 100%" /><br />
+        <img src="../imgs/G10_09_03.svg" style="max-width: 150px; width: 100%" /><br />
+        <img src="../imgs/G10_09_04.svg" style="max-width: 150px; width: 100%" /><br />
     </p>
 
     <ul>
diff --git a/docs/en/content/xhtml/chapter11.xhtml b/docs/en/content/xhtml/chapter11.xhtml
index cc5260b..1f8be7f 100644
--- a/docs/en/content/xhtml/chapter11.xhtml
+++ b/docs/en/content/xhtml/chapter11.xhtml
@@ -6,6 +6,13 @@
     <link rel="stylesheet" type="text/css" href="https://fieldguides.github.io/guide07/resources/css/global.css" />
     <title>11. Securing the evidence</title>
     <meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
+    <style type="text/css">
+        table,
+        td,
+        tr {
+            border: 0px
+        }
+    </style>
 </head>
 
 <body>
@@ -35,13 +42,13 @@
     </ul>
 
     <center>
-        <img src="../imgs/G10_11_01.svg" style="width:20%" />
-        <img src="../imgs/G10_11_02.svg" style="width:20%" />
-        <img src="../imgs/G10_11_03.svg" style="width:20%" />
-        <img src="../imgs/G10_11_04.svg" style="width:20%" />
+        <img src="../imgs/G10_11_01.svg" style="width:20%;max-width: 150px;" />
+        <img src="../imgs/G10_11_02.svg" style="width:20%;max-width: 150px;" />
+        <img src="../imgs/G10_11_03.svg" style="width:20%;max-width: 150px;" />
+        <img src="../imgs/G10_11_04.svg" style="width:20%;max-width: 150px;" />
     </center>
 
-    <p><strong>Prior to the search you should:</strong></p>
+    <h6>Prior to the search you should:</h6>
 
     <ul>
         <li>Photograph and/or video the search area.</li>
@@ -50,7 +57,7 @@
             in charge and photographer.</li>
     </ul>
 
-    <p><strong>During the search you should:</strong></p>
+    <h6>During the search you should:</h6>
 
     <ul>
         <li>Search the area systematically.</li>
@@ -61,12 +68,21 @@
         <li>Complete chain of custody documentation.</li>
     </ul>
 
-    <p><img src="../imgs/Alert.svg" style="margin: 30px; margin-top:5px; clear: none; position: static; transition: none; float: left;"
-        width="80" /></p>
-
-    <p>The packaging and boxes that contain fraudulent medicines may also contain traces of DNA and fingerprints. You
-        should enquire with your Supervisor whether your agency have the facilities to collect and analyse this type of
-        evidence. It may be crucial evidence in identifying suspects where the fraudulent medicines were sourced.</p>
+    <table>
+        <tbody>
+            <tr>
+                <td><img class="alert" src="../imgs/Alert.svg" /></td>
+                <td style="vertical-align:middle">
+                    The packaging and boxes that contain fraudulent medicines may also contain traces of DNA and
+                    fingerprints. You
+                    should enquire with your Supervisor whether your agency have the facilities to collect and analyse
+                    this type of
+                    evidence. It may be crucial evidence in identifying suspects where the fraudulent medicines were
+                    sourced.
+                </td>
+            </tr>
+        </tbody>
+    </table>
 
 </body>
 
diff --git a/docs/en/content/xhtml/chapter12.xhtml b/docs/en/content/xhtml/chapter12.xhtml
index e76a017..735ec64 100644
--- a/docs/en/content/xhtml/chapter12.xhtml
+++ b/docs/en/content/xhtml/chapter12.xhtml
@@ -26,7 +26,7 @@
     <p>A chain of custody form should as a minimum include the following information about the evidence you have
         seized:</p>
 
-    <p><img class="kInteractive image image733" src="../imgs/G10_12.svg" style="margin: 5px; clear: none; float: right; position: static; transition: none; width: 30%; max-width: 150px;" /></p>
+    <p><img class="rightFloat200" src="../imgs/G10_12.svg" /></p>
 
     <ul>
         <li>Date Collected.</li>
diff --git a/docs/en/content/xhtml/chapter14.xhtml b/docs/en/content/xhtml/chapter14.xhtml
index 79a0147..f29dfd5 100644
--- a/docs/en/content/xhtml/chapter14.xhtml
+++ b/docs/en/content/xhtml/chapter14.xhtml
@@ -10,7 +10,9 @@
 
 <body>
     <h3>14. Interviewing Suspects</h3>
-    <strong>When interviewing suspects:</strong>
+    <p><img class="rightFloat200" src="../imgs/G10_14.svg"  /></p>
+
+    <h6>When interviewing suspects:</h6>
     <ul>
         <li>Have two officers present.</li>
         <li>One officer should take notes.</li>
@@ -21,7 +23,8 @@
         <li>If the suspect is a juvenile, consider the need for a social worker or other authorised support person.</li>
         <li>Ask open ended questions, who, what, why, where, when and how to get the suspects version</li>
     </ul>
-    <strong>Sample Interview Questions:</strong>
+
+    <h6>Sample Interview Questions:</h6>
     <ul>
         <li>Questioning suspects involved in the smuggling or transport of fraudulent medicines:</li>
         <li>What kind of medicine is this supposed to be?</li>
@@ -36,9 +39,10 @@
         <li>Where is the documentation for this?</li>
         <li>How often do you transport fraudulent medicine?</li>
     </ul>
-    <strong>Questions for suspects engaged in the manufacture of fraudulent medicines.</strong>
+
+    <h6>Questions for suspects engaged in the manufacture of fraudulent medicines.</h6>
     <ul>
-        <li>>What is your name, date of birth, address, phone number and identification number?</li>
+        <li>What is your name, date of birth, address, phone number and identification number?</li>
         <li>Who owns these premises?</li>
         <li>What is your primary business here?</li>
         <li>What is the name of your business?</li>
@@ -49,9 +53,6 @@
         <li>How much income do you generate annually?</li>
         <li>Where do you keep your company records?</li>
         <li>What major assets do you own? [House, car, savings, investments, other business]</li>
-    </ul>
-    <p><img src="../imgs/G10_14.svg" style="margin: 5px auto; position: static; transition: none; max-width: 500px;" /></p>
-    <ul>
         <li>Are you a doctor?</li>
         <li>Are you a chemist?</li>
         <li>How many employees do you have here in the factory?</li>
diff --git a/docs/en/content/xhtml/chapter15.xhtml b/docs/en/content/xhtml/chapter15.xhtml
index ed95bab..5987b1f 100644
--- a/docs/en/content/xhtml/chapter15.xhtml
+++ b/docs/en/content/xhtml/chapter15.xhtml
@@ -20,7 +20,7 @@
     <p>Steps that you can take to collect evidence of money laundering can occur at different times within your
         investigation. These include:</p>
 
-    <p><strong>Suspect Profiling:</strong></p>
+    <h6>Suspect Profiling:</h6>
 
     <ul>
         <li>Obtaining court orders or warrants for examination of financial records, including bank records, phone
@@ -29,9 +29,9 @@
         <li>Conducting business and property checks</li>
     </ul>
 
-    <p><img src="../imgs/G10_15.svg" style="margin: 5px auto; position: static; transition: none; max-width: 600px;" /></p>
+    <p><img class="fullWidth" src="../imgs/G10_15.svg" /></p>
 
-    <p><strong>When conducting surveillance:</strong></p>
+    <h6>When conducting surveillance:</h6>
 
     <ul>
         <li>What banks do they use?</li>
@@ -40,7 +40,7 @@
         <li>What properties are they in control of?</li>
     </ul>
 
-    <p><strong>When searching a crime scene, look for:</strong></p>
+    <h6>When searching a crime scene, look for:</h6>
 
     <ul>
         <li>Mobile telephones</li>
@@ -56,7 +56,7 @@
         <li>Digital recording devices</li>
     </ul>
 
-    <p><strong>When interviewing a suspect:</strong></p>
+    <h6>When interviewing a suspect:</h6>
 
     <ul>
         <li>What is their income and expenses?</li>
@@ -67,7 +67,7 @@
         <li>Who is their accountant</li>
     </ul>
 
-    <p><strong>Also consider:</strong></p>
+    <h6>Also consider:</h6>
 
     <ul>
         <li>Conducting forensic examination of digital devices</li>
diff --git a/docs/en/content/xhtml/chapter2.xhtml b/docs/en/content/xhtml/chapter2.xhtml
index b52e266..02cc4c0 100644
--- a/docs/en/content/xhtml/chapter2.xhtml
+++ b/docs/en/content/xhtml/chapter2.xhtml
@@ -11,6 +11,7 @@
 <body>
     <h3>2. International Legal Instruments</h3>
 
+    <p><img class="rightFloat200" src="../imgs/G10_02.svg" /></p>
     <p>To date there is no international instrument that is universal in scope and would provide a unanimously accepted
         definition of the falsification of medicines. Such a basis would provide a basis for preventive measures and
         the fight against the smuggling of fraudulent measures.</p>
@@ -18,7 +19,6 @@
     <p>There are several local conventions that address wider counterfeiting of goods, including medicines including
         the European Union. However, there is still some distance to go to creating a universal agreement.</p>
 
-    <p><img src="../imgs/G10_02.svg" style="margin: 5px auto; position: static; transition: none; max-width: 600px;" /></p>
 
 </body>
 
diff --git a/docs/en/content/xhtml/chapter3.xhtml b/docs/en/content/xhtml/chapter3.xhtml
index 470c990..7b0563b 100644
--- a/docs/en/content/xhtml/chapter3.xhtml
+++ b/docs/en/content/xhtml/chapter3.xhtml
@@ -20,14 +20,20 @@
         should keep yourself up to date with the legislation relating to the smuggling of fraudulent medicines in your
         jurisdiction.</p>
 
-    <p>During an investigation into smuggling fraudulent medicines, and in particular transnational smuggling, several
-        different agencies may play a role. An importation of fraudulent medicines into your country may fall under the
-        jurisdiction of the Customs Department assisted by the Police and/or the relevant Health Departments whereas
+    <img src="../imgs/G10_03.svg" style="vertical-align: bottom; margin: 5px; float: right; position: static; transition: none; width: 50%;max-width: 300px;" />
+
+    <p>During an investigation into smuggling fraudulent medicines, and in particular
+        transnational smuggling, several
+        different agencies may play a role. An importation of fraudulent medicines into your country may fall under
+        the
+        jurisdiction of the Customs Department assisted by the Police and/or the relevant Health Departments
+        whereas
         domestic trade in fraudulent medicines may only require input from the Health Department or Police. Other
-        crimes arising from the smuggling of fraudulent medicines such as money laundering and corruption may be the
-        <img class="kInteractive image image733" src="../imgs/G10_03.svg" style="margin: 5px; clear: none; float: right; position: static; transition: none; width: 45%;max-width: 200px;" />
+        crimes arising from the smuggling of fraudulent medicines such as money laundering and corruption may be
+        the
         responsibility of the Police or a dedicated anti-corruption agency.</p>
 
+
 </body>
 
 </html>
\ No newline at end of file
diff --git a/docs/en/content/xhtml/chapter4.xhtml b/docs/en/content/xhtml/chapter4.xhtml
index 91d287e..32b28d4 100644
--- a/docs/en/content/xhtml/chapter4.xhtml
+++ b/docs/en/content/xhtml/chapter4.xhtml
@@ -27,7 +27,7 @@
         <li>Have I identified a suspect for the crime?</li>
     </ul>
 
-    <p><img src="../imgs/G10_04.svg" style="margin: 5px auto; position: static; transition: none; max-width: 600px;" /></p>
+    <p><img class="fullWidth" src="../imgs/G10_04.svg" /></p>
 
     <p>Once you do this you will need to plan your investigation. You should prepare an investigation plan whether your
         investigation is reactive or proactive.</p>
diff --git a/docs/en/content/xhtml/chapter5.xhtml b/docs/en/content/xhtml/chapter5.xhtml
index 2955571..e42d730 100644
--- a/docs/en/content/xhtml/chapter5.xhtml
+++ b/docs/en/content/xhtml/chapter5.xhtml
@@ -16,26 +16,27 @@
 
     <p>However, other sources can generally be divided into 5 categories, these include;</p>
 
-    <p><img src="../imgs/G10_05_b.svg" style="margin: 5px auto; position: static; transition: none; max-width: 600px;" /></p>
+    <p><img class="fullWidth" src="../imgs/G10_05_b.svg" /></p>
 
-    <p>Open Source:</p>
+    <h6>Open Source:</h6>
 
     <ul>
-        <li>TV/Radio.</li>
-        <li>Print media.</li>
-        <li>Internet.</li>
+        <li>TV/Radio</li>
+        <li>Print media</li>
+        <li>Internet</li>
         <li>Social Media.</li>
     </ul>
 
-    <p>Workers and General Public:</p>
+    <h6>Workers and General Public:</h6>
 
     <ul>
-        <li>Fishermen.</li>
-        <li>Street vendors.</li>
-        <li>Taxi/Uber drivers.</li>
+        <li>Fishermen</li>
+        <li>Construction workers</li>
+        <li>Street vendors</li>
+        <li>Sex workers</li>
     </ul>
 
-    <p>Service Providers:</p>
+    <h6>Service Providers:</h6>
 
     <ul>
         <li>Freight forwarders.</li>
@@ -45,20 +46,20 @@
         <li>Chemists.</li>
     </ul>
 
-    <p>Criminal Sources:</p>
+    <h6>Criminal Sources:</h6>
 
     <ul>
-        <li>Informants.</li>
-        <li>Suspects.</li>
+        <li>Informants</li>
+        <li>Suspects</li>
     </ul>
 
-    <p>Official Sources:</p>
+    <h6>Official Sources:</h6>
 
     <ul>
-        <li>Officers from your agency.</li>
-        <li>Other government agencies.</li>
-        <li>International agencies.</li>
-        <li>Neighboring Border Liaison Offices.</li>
+        <li>Officers from your agency</li>
+        <li>Other government agencies</li>
+        <li>International agencies</li>
+        <li>Neighboring Border Liaison Offices</li>
     </ul>
 
 </body>
diff --git a/docs/en/content/xhtml/chapter6.xhtml b/docs/en/content/xhtml/chapter6.xhtml
index dca4747..d5ea37b 100644
--- a/docs/en/content/xhtml/chapter6.xhtml
+++ b/docs/en/content/xhtml/chapter6.xhtml
@@ -48,14 +48,14 @@
         intelligence and potentially evidence. Never use your own account to communicate with suspects on any of these
         sites. You should create or utilise covert accounts for your communications.</p>
 
-    <p><img class="kInteractive image image733" src="../imgs/G10_06.svg" style="margin: 5px; clear: none; float: right; position: static; transition: none; width: 45%;max-width: 150px;"/></p>
+    <p><img class="fullWidth" src="../imgs/G10_06.svg" /></p>
 
     <p>Should you communicate with suspects on these sites with a view to collecting evidence remember to:</p>
 
     <ul>
         <li>Ensure that your actions are legal within your jurisdiction.</li>
         <li>Ensure that you have sought the permission from your supervisor.</li>
-        <li><strong>Always use a covert account.</strong></li>
+        <li>Always use a covert account.</li>
         <li>Screenshot the suspects profile – this can be changed by them at a later date.</li>
         <li>Screenshot any messages between you and the suspects.</li>
         <li>Record any videos or messages they send to you.</li>
diff --git a/docs/en/content/xhtml/chapter7.xhtml b/docs/en/content/xhtml/chapter7.xhtml
index 5dda20d..c7a4af7 100644
--- a/docs/en/content/xhtml/chapter7.xhtml
+++ b/docs/en/content/xhtml/chapter7.xhtml
@@ -14,7 +14,7 @@
     <p>If the intelligence you have collected may assist a foreign law enforcement agency, then it should be forwarded
         to your national intelligence unit, World Customs Organisation liaison or Interpol NCB for dissemination.</p>
 
-    <p><img src="../imgs/G10_07_b.svg" style="margin: 5px auto; position: static; transition: none; max-width: 600px;" /></p>
+    <p><img class="fullWidth" src="../imgs/G10_07_b.svg" /></p>
 
     <p>The forwarding agency can search for and enter information into international databases and issue notices and
         alerts.</p>
diff --git a/docs/en/content/xhtml/chapter8.xhtml b/docs/en/content/xhtml/chapter8.xhtml
index ed15356..3b68348 100644
--- a/docs/en/content/xhtml/chapter8.xhtml
+++ b/docs/en/content/xhtml/chapter8.xhtml
@@ -25,7 +25,7 @@
         <li>Premises.</li>
     </ul>
 
-    <p><img src="../imgs/G10_08.svg" style="margin: 5px auto; position: static; transition: none; max-width: 600px;" /></p>
+    <p><img class="fullWidth" src="../imgs/G10_08.svg"  /></p>
 
     <p>Now consider how many containers enter and leave your country every year? How many passengers fly into or out of
         your airports or how many trucks cross your border? Trying to find fraudulent medicines or other contraband
diff --git a/docs/en/content/xhtml/chapter9.xhtml b/docs/en/content/xhtml/chapter9.xhtml
index 9c239b6..ce00a41 100644
--- a/docs/en/content/xhtml/chapter9.xhtml
+++ b/docs/en/content/xhtml/chapter9.xhtml
@@ -17,7 +17,7 @@
     <p>However, there are several tell-tale signs that you can use to identify if a medicine appears to fraudulent.
         These include:</p>
 
-    <p><strong>Visual inspection;</strong></p>
+    <h6>Visual inspection</h6>
 
     <ul>
         <li>Of the package.
@@ -43,13 +43,13 @@
         </li>
     </ul>
 
-    <p><strong>The price.</strong></p>
+    <h6>The price</h6>
 
     <ul>
         <li>Fraudulent medicines may be cheaper than the original.</li>
     </ul>
 
-    <p><strong>Source.</strong></p>
+    <h6>Source</h6>
 
     <ul>
         <li>The source of the medicines is also important. Is it logical for these medicines to be manufactured in the
@@ -59,7 +59,7 @@
             country name?</li>
     </ul>
 
-    <p><strong>RFID tags.</strong></p>
+    <h6>RFID tags</h6>
 
     <ul>
         <li>Does the RFID tag on the packaging match the drugs?
@@ -69,7 +69,7 @@
         </li>
     </ul>
 
-    <p><strong>Covert Security Features.</strong></p>
+    <h6>Covert Security Features</h6>
 
     <ul>
         <li>If in doubt contact the pharmaceutical company who makes the medicines to determine if there are covert
diff --git a/docs/en/content/xhtml/title.xhtml b/docs/en/content/xhtml/title.xhtml
index 1dfa7e2..43ed740 100644
--- a/docs/en/content/xhtml/title.xhtml
+++ b/docs/en/content/xhtml/title.xhtml
@@ -8,17 +8,9 @@
     <meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
 </head>
 
-<body style="height: calc(100vh - 80px);">
+<body class="title">
 
-    <p style="text-align: center;">&#160;</p>
-
-    <p><img class="kInteractive image image580" src="https://fieldguides.github.io/library/en/content/imgs/unodclogotransparent.png"
-            style="    position: absolute;
-            max-width: 200px;
-            bottom: 0px;
-            margin-bottom: 83px;
-            right: 0px;
-            margin-right: 20px;" /></p>
+    <p><img class="logo" src="https://fieldguides.github.io/library/en/content/imgs/unodclogotransparent.png" /></p>
 
     <h1 style="text-align: center;">Smuggling of Fraudulent Medicines:</h1>