1<!DOCTYPE html> 2<html> 3 4<head>
vendor: 66 bytes, lines 4-5
4 5 <script async src="https://www.googletagmanager.com/gtag/js?id=
5G-GKVDN70B13
vendor: 14 bytes, lines 5-6
5"></script> 6
6<script>
vendor: 130 bytes, line 6
6window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', '
6G-GKVDN70B13
vendor: 4 bytes, line 6
6');
6</script>
6 7 <title>PeaceRep</title> 8 <link rel="icon" href="data:;base64,iVBORwOKGO=" /> 9 <link rel="stylesheet" href="css/style.css" /> 10 <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat"> 11
11<script src="https://code.jquery.com/jquery-3.6.0.min.js" 12 integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
12 13 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.8.0/leaflet.css" /> 14 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> 15
15<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.8.0/leaflet.js"></script>
15 16
16<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-ajax/2.1.0/leaflet.ajax.min.js" crossorigin="anonymous" 17 referrerpolicy="no-referrer"></script>
17 18
18<script src='https://api.mapbox.com/mapbox-gl-js/v3.1.2/mapbox-gl.js'></script>
18 19 <link href='https://api.mapbox.com/mapbox-gl-js/v3.1.2/mapbox-gl.css' rel='stylesheet' /> 20
20<script src="https://cdn.jsdelivr.net/npm/[email protected]/lodash.min.js"></script>
20 21 <link rel="icon" type="image/png" href="img/peace.png"> 22</head> 23 24<body> 25 <div id="initial_screen"> 26 <div id="init_load">loading...</div> 27 </div> 28 29 <div id="header"> 30 <h1 id="title_header"></h1> 31 <a href="https://peacerep.org/" target="_blank"> 32 <img alt="PeaceRep Logo" id="peace_img" src="img/logo.png" /> 33 </a> 34 <button title="Information" id="info_button"><i class="fa fa-info"></i></button> 35 <div class="dropdown"> 36 <button class="dropbtn">Select Actor</button> 37 <div class="dropdown-content"> 38 <a href="#" id="russia">Russia</a> 39 <a href="#" id="china">China</a> 40 </div> 41 </div> 42 <a href="https://www.st-andrews.ac.uk/" target="_blank"> 43 <img id="and_img" src="img/image10.png" alt="Uni Logo" /> 44 </a> 45 <a href="https://www.ed.ac.uk/" target="_blank"> 46 <img id="uoe_img" src="img/unilogo.png" alt="Uni Logo" /> 47 </a> 48 </div> 49 50 <div id="info"> 51 <div id="info_title_div"> 52 <h3 style="text-align: center; margin-top: 5px; margin-bottom: 5px;">Information</h3> 53 </div> 54 <div id="info_content"> 55 <p style="font-size: 14px;"> 56 This scrollytelling application presents trends and analysis on Russia and China as third party signatories in 57 international/national peace agreements contained in PA-X Peace Agreements Database version 8 (1990-2023). 58 Select an actor using the drop down in the header, and scroll along the left side of your screen to display the 59 next chapter. Skip to a specific part of the story using the icons along the left. 60 The stories provide an overview of temporal trends and comparisons to other members of the UN Security Council, 61 trends of the actors involvement by stage of process, and the geographical spread of their involvement as a 62 third party to peace agreements. 63 For more on PA-X fields and definitions, see <a 64 href="https://pax.peaceagreements.org/cms/documents/3956/PA_X_codebook_v8.pdf" , target="_blank">PA-X Codebook</a> 65 </p> 66 </br> 67 <p style=" font-size: 12px;">Credits: <br> 68 Textual Analysis by Mateja Peter, PeaceRep (University of St Andrews) 69 <br> 70 Visualization by Tomas Vancisin, PeaceRep (University of Edinburgh) 71 <br> 72 Data Preparation by Niamh Henry, PeaceRep (University of Edinburgh) 73 <br> 74 <br> 75 Data:<br> Sanja Badanjak and Niamh Henry, Third Parties in Peace Agreements Dataset (2024), PeaceRep 76 (University of Edinburgh) [Forthcoming] 77 </p> 78 </div> 79 </div> 80 81 82 <div id="story"> 83 84 <div id="separator" class="overview"> 85 <div id="ch1_div"> 86 <h1 id="num_pp"></h1> Peace Processes 87 </div> 88 <div id="ch1_div"> 89 <h1 id="num_agt"></h1> Agreements 90 </div> 91 <div id="ch1_div"> 92 <h1 id="num_act"></h1> Co-Signatories 93 </div> 94 <div id="ch1_div"> 95 <h1 id="yr_active"></h1> Activity Range 96 </div> 97 </div> 98 99 <div id="indicator"> 100 <svg id="indicator_svg" style="width: 20px;"> 101 <line id="indicator_line" x1="8.5" y1="5" x2="8.5" style="stroke:white; stroke-width:1; opacity: 0.5" /> 102 <circle id="movingCircle" cx="8.5" cy="9" r="6" style="stroke: white; fill: black;"> 103 </svg> 104 <img id="bee_icon" src="img/bees.png" alt="Uni Logo" /> 105 <img id="area_icon" src="img/area.png" alt="Uni Logo" /> 106 <img id="globe_icon" src="img/world.png" alt="Uni Logo" /> 107 <img id="chart_icon" src="img/chart.png" alt="Uni Logo" /> 108 <img id="pie_icon" src="img/pie.png" alt="Uni Logo" /> 109 <img id="research_icon" src="img/research.png" alt="Uni Logo" /> 110 <div id="icon_tooltip"></div> 111 </div> 112 113 114 <div id="separator05" class="overview"> 115 <div id="ch2_div"> 116 Agreements Timeline 117 </div> 118 </div> 119 120 <!-- beeswarm --> 121 <div class="graphic"> 122 <div class="graphic__vis"> 123 <div id="hover_description"></div> 124 <svg id="visualization"></svg> 125 </div> 126 <div class="graphic__prose"> 127 <div class="trigger one" data-step="0"> 128 <p class="p1"></p> 129 </div> 130 <div class="trigger two" data-step="1"> 131 <p class="p2"></p> 132 </div> 133 <div class="trigger three" data-step="2"> 134 <p class="p3"></p> 135 </div> 136 <div class="trigger four" data-step="3" style="height: 200px;"> 137 </div> 138 </div> 139 </div> 140 141 <div id="separator05" class="overview"> 142 <div id="ch2_div" class="council_separator"> 143 </div> 144 </div> 145 146 <!-- multiline --> 147 <div class="graphic075"> 148 <div class="graphic__vis__075"> 149 <svg id="visualization075"></svg> 150 </div> 151 <div class="graphic__prose__075"> 152 <div class="trigger five" data-step="4"> 153 <p class="p4"></p> 154 </div> 155 <div class="trigger six" data-step="5"> 156 <p class="p5" style="background-color: black;"></p> 157 </div> 158 <!-- <div class="trigger seven" data-step="6"> 159 </div> --> 160 </div> 161 </div> 162 163 <div id="separator05" class="overview"> 164 <div id="ch2_div"> 165 Agreement Stages 166 </div> 167 </div> 168 169 <!-- donut --> 170 <div class="graphic05"> 171 <div class="graphic__vis__05"> 172 <svg id="visualization05"></svg> 173 </div> 174 <div class="graphic__prose__05"> 175 <div class="trigger eight" data-step="7"> 176 <p class="p6"></p> 177 </div> 178 <div class="trigger nine" data-step="8"> 179 <p class="p7" style="background-color: black;"></p> 180 </div> 181 <!-- <div class="trigger ten" data-step="9"> 182 </div> --> 183 </div> 184 </div> 185 186 <div id="separator05" class="overview"> 187 <div id="ch2_div"> 188 Comparison of Agreement Stages 189 </div> 190 </div> 191 192 <!-- bar chart --> 193 <div class="graphic06"> 194 <div class="graphic__vis__06"> 195 <svg id="visualization06"></svg> 196 </div> 197 <div class="graphic__prose__06"> 198 <div class="trigger eleven" data-step="10"> 199 <p class="p8"></p> 200 </div> 201 <div class="trigger twelve" data-step="11"> 202 <p class="p9"></p> 203 </div> 204 <div class="trigger thirteen" data-step="12"> 205 <p class="p10"></p> 206 </div> 207 <div class="trigger fourteen" data-step="13"> 208 <p class="p11" style="background-color: black;"></p> 209 </div> 210 </div> 211 </div> 212 213 <div id="separator05" class="overview"> 214 <div id="ch2_div"> 215 Geography 216 </div> 217 </div> 218 219 <!-- map --> 220 <div class="graphic1"> 221 <div class="graphic__vis__1"> 222 <div id="map"></div> 223 </div> 224 <div class="graphic__prose__1"> 225 <div class="trigger fifteen" data-step="14"> 226 <p class="p12"></p> 227 </div> 228 <div class="trigger sixteen" data-step="15"> 229 <p class="p13"></p> 230 </div> 231 <div class="trigger seventeen" data-step="16"> 232 <p class="p14" style="background-color: black;"></p> 233 </div> 234 </div> 235 </div> 236 <div id="break"></div> 237 238 <div id="separator1"> 239 <button onclick="topFunction()" id="myBtn" title="Go to top"> 240 <i class="fa fa-arrow-up"></i> 241 </button> 242 <div style="position: absolute; top: 0px; width: 100%; text-align: center;"> 243 <h3 id="research_header"></h3> 244 </div> 245 <div id="vik1"> 246 </div> 247 <div id="vik2"> 248 </div> 249 <div id="vik3"> 250 </div> 251 <div id="vik4"> 252 </div> 253 <div id="vik5"> 254 </div> 255 <div id="footer" style="position: absolute; bottom: 10px; width: 100%; text-align: center;"> 256 <h5><b>Text</b>: Mateja Peter and Sanja Badanjak</br><b>Data</b>: Third Party to Peace Agreements Dataset. Sanja 257 Badanjak and Niamh Henry (2024)</br><b>Visualisation</b>: Tomas Vancisin</h5> 258 </div> 259 </div> 260 261 </div> 262
262<script src="js/countries.js"></script>
262 263
263<script src="js/d3.v6.min.js"></script>
263 264
264<script src="js/noframework.waypoints.min.js"></script>
264 265
265<script src="js/main.js"></script>
265 266
266<script src="js/scrollerVis.js"></script>
266 267</body> 268 269</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.