unhcr · dependabot · Feb 6, 2019 · Mar 26, 2019 · Mar 26, 2019 · May 10, 2019
diff --git a/.DS_Store b/.DS_Store
diff --git a/Project_Jetson_poster_2020.pdf b/Project_Jetson_poster_2020.pdf
diff --git a/README.md b/README.md
@@ -1,5 +1,5 @@
 # Welcome to Project Jetson
-Project Jetson is a predictive analytics project aimed at providing predictions on the movement of displaced populations within and outside of Somalia. It’s a project initiated and launched by UNHCR’s Innovation Service. The purpose of this website is to contribute to the sharing knowledge, including lessons learned, and mistakes/failures within humanitarian innovation and beyond – in this case on the topic of data. 
+Project Jetson is a predictive analytics project aimed at providing predictions on the movement of displaced populations within and outside of Somalia. It’s a project initiated and launched by UNHCR’s Innovation Service. The purpose of this website is to contribute to the sharing knowledge, including lessons learned with a Predictive Analytics project on forced displacement settings.
 
 The information shown on this site should be viewed as an indication of potential movement(s), and possible underlying causes. UNHCR does not represent or endorse the accuracy or reliability of any advice, opinion, or analysis developed as a result of the use of predictions data provided on this website. Reliance upon any such advice, opinion or analysis is at your own risk. If you would like to know more about Project Jetson, please reach out to UNHCR’s Innovation Service, at [email protected].
 

diff --git a/Website/.DS_Store b/Website/.DS_Store
diff --git a/Website/dist/.DS_Store b/Website/dist/.DS_Store
diff --git a/Website/dist/89889688147bd7575d6327160d64e760.svg b/Website/dist/89889688147bd7575d6327160d64e760.svg
diff --git a/Website/dist/bundle.css b/Website/dist/bundle.css
diff --git a/Website/dist/commons.js b/Website/dist/commons.js
diff --git a/Website/dist/commons.js.map b/Website/dist/commons.js.map
diff --git a/Website/dist/favicon.ico b/Website/dist/favicon.ico
diff --git a/...lease/obj.target/action_after_build.stamp → Website/dist/fonts/index.php b/...lease/obj.target/action_after_build.stamp → Website/dist/fonts/index.php
diff --git a/Website/dist/img/Acled-1-1.png b/Website/dist/img/Acled-1-1.png
diff --git a/Website/dist/img/The_World_Bank_logo.svg.png b/Website/dist/img/The_World_Bank_logo.svg.png
diff --git a/Website/dist/img/africa-dot-map.png b/Website/dist/img/africa-dot-map.png
diff --git a/Website/dist/img/astronaut.jpg b/Website/dist/img/astronaut.jpg
diff --git a/Website/dist/img/cross.svg b/Website/dist/img/cross.svg
diff --git a/Website/dist/img/cyan-dots.svg b/Website/dist/img/cyan-dots.svg
diff --git a/Website/dist/img/downarrow.svg b/Website/dist/img/downarrow.svg
diff --git a/Website/dist/img/icpac-logo.png b/Website/dist/img/icpac-logo.png
diff --git a/Website/dist/img/index.php b/Website/dist/img/index.php
diff --git a/Website/dist/img/leftarrow.svg b/Website/dist/img/leftarrow.svg
diff --git a/Website/dist/img/line.svg b/Website/dist/img/line.svg
diff --git a/Website/dist/img/logo-innovation-service-blue.png b/Website/dist/img/logo-innovation-service-blue.png
diff --git a/Website/dist/img/logo_fao_28_4.png b/Website/dist/img/logo_fao_28_4.png
diff --git a/Website/dist/img/oval.svg b/Website/dist/img/oval.svg
diff --git a/Website/dist/img/rightarrow.svg b/Website/dist/img/rightarrow.svg
diff --git a/Website/dist/img/triangle.svg b/Website/dist/img/triangle.svg
diff --git a/Website/dist/img/unitar-logo.png b/Website/dist/img/unitar-logo.png
diff --git a/Website/dist/img/wmologo2016_fulltext_horizontal_rgb_en.png b/Website/dist/img/wmologo2016_fulltext_horizontal_rgb_en.png
diff --git a/Website/dist/img/yellow-dots.svg b/Website/dist/img/yellow-dots.svg
diff --git a/Website/dist/index.html b/Website/dist/index.html
@@ -10,166 +10,68 @@
     <title>Project Jetson</title>
 
     <link href="https://cdn.jsdelivr.net/gh/lykmapipo/[email protected]/css/themify-icons.css" rel="stylesheet">
+    <link href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.0/css/swiper.min.css" rel="stylesheet">
 
     <link rel="stylesheet" href="bundle.css">
-    <link href="favicon.ico" rel="icon" type="image/ico">
+    <link rel="icon" type="image/png" href="favicon-32x32.png" sizes="32x32" />
+    <link rel="icon" type="image/png" href="favicon-16x16.png" sizes="16x16" />
 </head>
 
-<body>
-    <div class="loader">
+<body style="opacity: 0; transition:all ease-in-out .2s">
+    <!-- div class="loader">
         <div class="logo">
             <img src="img/logo-innovation-service.png" />
         </div>
-    </div>
-
-    <nav class="navbar navbar-default">
-        <div class="container">
-            <!-- Brand and toggle get grouped for better mobile display -->
-            <div class="navbar-header">
-                <a class="navbar-brand" href="#"><img src="img/logo-innovation-service.png" /> </a>
-            </div>
+    </div -->
 
-            <!-- Collect the nav links, forms, and other content for toggling -->
-            <div class="collapse navbar-collapse" id="jetsonnav">
-            </div>
-            <!-- /.navbar-collapse -->
-        </div>
-        <!-- /.container-fluid -->
+    <nav class="navbar navbar-expand-lg navbar-light bg-light">
+        <a class="navbar-brand" href="#"><img src="img/logo-innovation-service.png" /> </a>
     </nav>
-    <div class="hero">
-        <div class="hero-caption">
-            <div class="container">
-                <div class="row">
-                    <div class="col-sm-8 content">
-                        <a href="#intro" class="btn"><span class="ti-arrow-down"></span> Find out more</a>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-
-    <section class="intro" id="intro">
-        <div class="container content">
-
-        </div>
-    </section>
-
 
-    <section class="prediction">
-        <div class="container">
-            <div class="map-holder">
-                <img src="img/africa.svg" alt="Africa" />
-            </div>
-            <h4><span class="highlight">ARRIVALS PREDICTED IN </span> <span class="ti-location-pin"></span>SOMALIA</h4>
-            <h1 class="prediction-number">
-                <span class="from_num">Jetson Models</span>
-                <!-- span id="pred_date">01.05.2018 — 31.05.2018</span -->
-            </h1>
-
-
-            <!-- buttons -->
-
-            <a class="btn" href="https://unhcrinnovation.shinyapps.io/Somalia/" target="_blank"><span class="ti-panel"></span>
-                Explore the engine</a>
-
-            <button class="btn" id="show_map">
-                <span class="ti-location-pin"></span> View map
-            </button>
-
-
-            <!-- map -->
-            <div class="map-container">
-                <div class="map-title">
-                    <h2></h2>
-                </div>
-                <div id="regions_div"></div>
-                <div class="warning">
-                    <span class="ti-flag-alt-2"></span> Warning: Map data is not up to date
-                </div>
-                <div class="key">
-                    <h4>Predicted Displacement</h4>
-                    <div class="labels">
-                        <span class="moderate" data-toggle="tooltip" data-placement="top" data-toggle="tooltip" data-placement="top" title="Is the average of arrivals or less than the past 3 months' values">1
-                            - Moderate</span>
-                        <span class="high" data-toggle="tooltip" data-placement="top" data-toggle="tooltip" data-placement="top" title="Is higher/average + half OR 3/4 higher than the average arrivals past 3 months">2
-                            - High</span>
-                        <span class="critical" data-toggle="tooltip" data-placement="top" data-toggle="tooltip" data-placement="top" title="Is [critically] higher/double than the average arrivals of past 3 months">3
-                            - Critical</span>
-                    </div>
-                    <div class="colours">
-                        <span class="moderate"></span>
-                        <span class="high"></span>
-                        <span class="critical"></span>
+    <div class="swiper-container" id="epilogue">
+        <div class="swiper-wrapper">
+            <div class="swiper-slide">
+                <div class="hero-caption">
+                    <div class="col-sm-12 content">
                     </div>
                 </div>
+                <a href="#" id="epibutton"><button class="btn"><img src="img/downarrow.svg"/></button></a>
+
+                <!-- animated objects -->
+                <img src="img/triangle.svg" class="anim-shape triangle" data-swiper-parallax="-100" />
+                <img src="img/cross.svg" class="anim-shape cross" data-swiper-parallax="-200" />
+                <img src="img/cyan-dots.svg" class="anim-shape cyan-dots" data-swiper-parallax="-500" />
+                <img src="img/yellow-dots.svg" class="anim-shape yellow-dots" data-swiper-parallax="-300" />
+                <img src="img/oval.svg" class="anim-shape oval" data-swiper-parallax="-400" />
+                <img src="img/line.svg" class="anim-shape line" data-swiper-parallax="-100" />
             </div>
-
-            <div class="content"></div>
-        </div>
-    </section>
-
-    <section class="engine">
-        <div class="container content">
-
-        </div>
-    </section>
-
-    <section class="articles">
-        <div class="container">
-            <h2>More information and related articles</h2>
-            <div class="row">
-                <div class="col-sm-6 single-article-thumb article-one">
-                    <div class="thumb-cover">
-                        <span class="ti-book art-icon"></span>
-                        <h2></h2>
-                        <h5></h5>
-                        <a href="" target="_blank"><span class="ti-new-window"></span> Read article</a>
-                    </div>
+            <div class="swiper-slide slide-sections">
+                <div class="slide-section process-half">
+                    <a href="tech.html">
+                        <div class="content" id="techspecsintro">
+                        </div>
+                        <button class="btn"><img src="img/leftarrow.svg"/></button></a>
                 </div>
-                <div class="col-sm-6 single-article-thumb article-two">
-                    <div class="thumb-cover">
-                        <span class="ti-book art-icon"></span>
-                        <h2></h2>
-                        <h5></h5>
-                        <a href="" target="_blank"><span class="ti-new-window"></span> Read article</a>
-                    </div>
+                <div class="slide-section outcomes-half">
+                    <a href="story.html">
+                        <div class="content" id="storyintro">
+                        </div>
+                        <button class="btn"><img src="img/rightarrow.svg"/></button></a>
                 </div>
-            </div>
-        </div>
-    </section>
-
 
-    <section class="faqs">
-        <div class="container">
-            <h3>FAQs</h3>
-            <div class="row faqs-row"></div>
-        </div>
-    </section>
-
-    <section class="epilogue">
-        <div class="container content"></div>
-    </section>
-
-    <footer>
-        <div class="container">
-            <div class="row">
-                <div class="col-xs-6 copyright">
-                    <p>Copyright 2018</p>
-                </div>
-                <div class="col-xs-6 back-home">
-                    <a href="http://www.unhcr.org/privacy-policy.html" target="_blank">Privacy Policy</a>
-                    <a href="terms.html" target="_blank">Terms of Use</a>
-                    <a href="http://innovation.unhcr.org" target="_blank">Main site <span class="ti-world"></span></a>
-                </div>
+                <!-- animated objects -->
+                <img src="img/triangle.svg" class="anim-shape triangle" data-swiper-parallax="-100" />
+                <img src="img/cross.svg" class="anim-shape cross" data-swiper-parallax="-200" />
+                <img src="img/cyan-dots.svg" class="anim-shape cyan-dots" data-swiper-parallax="-500" />
+                <img src="img/yellow-dots.svg" class="anim-shape yellow-dots" data-swiper-parallax="-300" />
+                <img src="img/oval.svg" class="anim-shape oval" data-swiper-parallax="-400" />
+                <img src="img/line.svg" class="anim-shape line" data-swiper-parallax="-100" />
             </div>
         </div>
-    </footer>
-
-    <!-- modals -->
-
+    </div>
 
     <div class="modal fade" id="disclaimer" tabindex="-1" role="dialog" aria-labelledby="q3">
-        <div class="modal-dialog" role="document">
+        <div class="modal-dialog modal-lg" role="document">
             <div class="modal-content">
                 <div class="modal-header">
                     <h4 class="modal-title">Disclaimer</h4>
@@ -183,21 +85,6 @@ <h4 class="modal-title">Disclaimer</h4>
         </div>
     </div>
 
-    <div class="modal fade bs-example-modal-lg" id="region-modal" tabindex="-1" role="dialog" aria-labelledby="region chart">
-        <div class="modal-dialog modal-lg" role="document">
-            <div class="modal-content">
-                <div class="modal-header">
-                    <h4 class="modal-title"></h4>
-                </div>
-                <div class="modal-body content">
-                    <canvas id="region-chart" width="600" height="300" style="background: #000b4b; border-radius: 3px;"></canvas>
-                </div>
-                <div class="modal-footer">
-                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
-                </div>
-            </div>
-        </div>
-    </div>
 
     <!-- Global site tag (gtag.js) - Google Analytics -->
     <script async src="https://www.googletagmanager.com/gtag/js?id=UA-52484005-16"></script>