|
| 1 | +<section class="m-header-static"> |
| 2 | + <div class="inner"> |
| 3 | + <header> |
| 4 | + <h2>Submit a story</h2> |
| 5 | + <h3>Share your story about issues affecting forests, forest communities, and how you use GFW to monitor and protect forests with the Global Forest Watch community</h3> |
| 6 | + </header> |
| 7 | + </div> |
| 8 | +</section> |
| 9 | + |
| 10 | +<section class="m-section-static"> |
| 11 | + <div class="inner"> |
| 12 | + <div id="storiesEditView" class="m-new-stories"> |
| 13 | + <aside class="m-aside-stories"> |
| 14 | + <h3>HOW YOUR STORIES WILL BE USED</h3> |
| 15 | + |
| 16 | + <p>Your stories will be immediately displayed in the <a href="/map/3/15.00/27.00/ALL/grayscale/loss,forestgain/580?begin=2001-01-01&end=2013-12-31&threshold=30">User Stories</a> layer on the GFW Map. You can submit a story by sharing text and uploading images, video, or web links to show how forests are being managed, cleared, or protected in your area.</p> |
| 17 | + |
| 18 | + <p>Submit a story to:</p> |
| 19 | + |
| 20 | + <ul> |
| 21 | + <li>Report illegal activities</li> |
| 22 | + <li>Call attention to a threat or conflict in your area</li> |
| 23 | + <li>Tell a forest conservation success story</li> |
| 24 | + <li>Confirm or refute remotely sensed data</li> |
| 25 | + <li>Share your local expertise</li> |
| 26 | + </ul> |
| 27 | + |
| 28 | + <p>*WRI is not <a href="/terms">responsible</a> for how this information is used by visitors, and it reserves the right to remove stories that are inappropriate or not related to forest issues.</p> |
| 29 | + |
| 30 | + <h3>TIPS FOR A BETTER STORY</h3> |
| 31 | + |
| 32 | + <p>In order for your stories to have the most impact, please:</p> |
| 33 | + <ul> |
| 34 | + <li><strong>Try to fit your story to:</strong> a) verify data on Global Forest Watch; b) denounce actions affecting forests in your area; or c) promote a success case of forest management.</li> |
| 35 | + <li><strong>Be brief:</strong> The User Stories layer is intended to highlight your story and direct readers to other materials with additional details. Keep your story short and concrete. |
| 36 | + <li><strong>Add media:</strong> Utilize media quotations, technical articles, and publications from well-known sources. We recommend you use high quality videos or pictures to document your case. |
| 37 | + <li><strong>Provide hard facts:</strong> Describe the region of your story using specific details: size, type of forest, forest change, etc. |
| 38 | + <li><strong>Highlight your organization:</strong> Include the name of your organization on the story, as well as your website or contact information. |
| 39 | + </ul> |
| 40 | + |
| 41 | + <h3>EDITING OR DELETING REPORTS</h3> |
| 42 | + <p>Would you like to edit or delete a story you submitted? No problem! Just email us <a class="contact-link" href="mailto:gfw@wri.org">gfw@wri.org</a> explaining the change you would like to make or the story you would like to delete.</p> |
| 43 | + </aside> |
| 44 | + |
| 45 | + <div class="m-form-stories"> |
| 46 | + <form id="new_story"> |
| 47 | + <div class="field -required"> |
| 48 | + <label for="title">Title *</label> |
| 49 | + <input type="text" name="title" id="title" placeholder="Illegal Logging in National Park" value="{{story.title}}"> |
| 50 | + </div> |
| 51 | + |
| 52 | + <div class="field -required"> |
| 53 | + <div> |
| 54 | + <label for="geojson">Location *</label> |
| 55 | + </div> |
| 56 | + |
| 57 | + <p class='hint'> |
| 58 | + Select a location for your story by entering an address in |
| 59 | + the search box, by dragging the map, or by clicking the |
| 60 | + target icon to find your current location. The flag in the |
| 61 | + center indicates where your story will be placed. |
| 62 | + </p> |
| 63 | + |
| 64 | + <div class="m-stories-map" > |
| 65 | + <div> |
| 66 | + <div id="map" class="map"></div> |
| 67 | + <div class="map-controls"> |
| 68 | + <div class="control-zoom"> |
| 69 | + <button type="button" id="controlZoomIn"><svg><use xlink:href="#icon-control-plus"></use></svg></button> |
| 70 | + <button type="button" id="controlZoomOut"><svg><use xlink:href="#icon-control-minus"></use></svg></button> |
| 71 | + </div> |
| 72 | + <div class="control-pin"></div> |
| 73 | + <div class="control-locate" id="autoLocate"> |
| 74 | + <button type="button"><svg><use xlink:href="#icon-control-locate"></use></svg></button> |
| 75 | + </div> |
| 76 | + <div class="control-search"> |
| 77 | + <input class="map-search-input" type="text" placeholder="Search..."/> |
| 78 | + </div> |
| 79 | + </div> |
| 80 | + </div> |
| 81 | + </div> |
| 82 | + </div> |
| 83 | + |
| 84 | + <div class="field"> |
| 85 | + <label for="location">Location</label> |
| 86 | + <input type="text" name="location" id="location" placeholder="“Katingan Peatland area, Indonesia,” “Near Ambanja, Mozambique”" value="{{story.location}}"> |
| 87 | + </div> |
| 88 | + |
| 89 | + <div class="field short"> |
| 90 | + <label for="date">Date</label> |
| 91 | + <input type="date" name="date" id="date" value="{{formatted_date}}"> |
| 92 | + </div> |
| 93 | + |
| 94 | + <div class="field"> |
| 95 | + <label for="details">Details</label> |
| 96 | + <textarea name="details" id="details" placeholder="“Selective logging with chainsaws,” “Burning peatland,” “Forest cleared for agriculture,” “Affected species”">{{story.details}}</textarea> |
| 97 | + </div> |
| 98 | + |
| 99 | + <div class="field"> |
| 100 | + <label for="video">Video</label> |
| 101 | + <input type="text" name="video" id="video" placeholder="http://www.youtube.com/watch?v=lTG-0brb98I" value="{{video}}"> |
| 102 | + </div> |
| 103 | + |
| 104 | + <div class="field"> |
| 105 | + <label for="media" class="-has-hint">Media</label> |
| 106 | + <p class="hint mobile-hide"> |
| 107 | + Select images and videos to add |
| 108 | + to your story. Drag & drop to reorder them within the |
| 109 | + carousel. The first one will become the default image for |
| 110 | + the story. The maximum file size for uploads is 4 MB. |
| 111 | + </p> |
| 112 | + |
| 113 | + <p class="mobile-show"> |
| 114 | + Click below to upload photos or |
| 115 | + videos to your story. The first photo will become the |
| 116 | + default image. The maximum file size for uploads is 4 |
| 117 | + MB. If you are on an iOS device you must upload pictures |
| 118 | + one by one. |
| 119 | + </p> |
| 120 | + |
| 121 | + <ul class="thumbnails"> |
| 122 | + <li><a href='#' class='upload_picture'></a></li> |
| 123 | + </ul> |
| 124 | + </div> |
| 125 | + |
| 126 | + <div class="field"> |
| 127 | + <label> |
| 128 | + <input type="checkbox" name="hideUser" id="hideUser" {{#if story.hideUser}}checked{{/if}}> |
| 129 | + </label> |
| 130 | + |
| 131 | + <p class="hint"> |
| 132 | + In some areas, forest clearing information is considered |
| 133 | + to be highly sensitive—users are encouraged to be cautious |
| 134 | + when sharing identifiable information. Tick this box to |
| 135 | + hide your details. |
| 136 | + </p> |
| 137 | + </div> |
| 138 | + |
| 139 | + <div class="field"> |
| 140 | + <input type="submit" id="submit" name="submit" value="Submit story" class="btn green medium"> |
| 141 | + <p class="-terms">By uploading data you agree to the <a href="/terms">GFW Terms of Service</a></p> |
| 142 | + </div> |
| 143 | + |
| 144 | + <input id="fileupload" type="file" name="media[image]" multiple> |
| 145 | + </form> |
| 146 | + </div> |
| 147 | + </div> |
| 148 | + </div> |
| 149 | +</section> |
| 150 | + |
| 151 | +<section class="m-section-static -no-padding" id="latestStories"> |
| 152 | +</section> |
| 153 | + |
| 154 | +<section class="m-section-static"> |
| 155 | + <div class="inner"> |
| 156 | + <!-- Pagination --> |
| 157 | + <ul class="m-btncontainer is-center -fix-width-220 -mobile"> |
| 158 | + <li><a class="btn gray huge-padding full-width uppercase" href="/stories/crowdsourcedstories">View all</a></li> |
| 159 | + </div> |
| 160 | + </ul> |
| 161 | +</section> |
| 162 | + |
| 163 | +<section class="m-section-static"> |
| 164 | + <div class="inner"> |
| 165 | + <header> |
| 166 | + <h2>You may find this interesting</h2> |
| 167 | + </header> |
| 168 | + <ul class="m-interesting"> |
| 169 | + <li class="m-interesting-item"> |
| 170 | + <div class="img"> |
| 171 | + <a href="http://blog.globalforestwatch.org/" target="_blank"> |
| 172 | + <div class="bg" style="background-image: url('/assets/interesting/interesting-blog.jpg')"></div> |
| 173 | + </a> |
| 174 | + </div> |
| 175 | + <div class="info"> |
| 176 | + <h3><a href="http://blog.globalforestwatch.org/" target="_blank">BLOG</a></h3> |
| 177 | + <p>The GFW blog catalyzes conversations around improved forest management by providing timely, credible analysis on threats to global forests.</p> |
| 178 | + </div> |
| 179 | + </li> |
| 180 | + |
| 181 | + <li class="m-interesting-item"> |
| 182 | + <div class="img"> |
| 183 | + <a href="https://groups.google.com/forum/#!forum/globalforestwatch" target="_blank"> |
| 184 | + <div class="bg" style="background-image: url('/assets/interesting/interesting-forum.jpg')"></div> |
| 185 | + </a> |
| 186 | + </div> |
| 187 | + <div class="info"> |
| 188 | + <h3><a href="https://groups.google.com/forum/#!forum/globalforestwatch" target="_blank">DISCUSSION FORUM</a></h3> |
| 189 | + <p>Read conversations about forest change data, learn about interesting applications of GFW, and view other data-related questions.</p> |
| 190 | + </div> |
| 191 | + </li> |
| 192 | + </ul> |
| 193 | + </div> |
| 194 | +</section> |
| 195 | + |
| 196 | +<div id='sources' class="sources is-hidden" style="display:none;"> |
| 197 | + <ul class='sources'> |
| 198 | + <li id='story-tips' class='source-item first'> |
| 199 | + <div class='source_header'> |
| 200 | + <strong class='source_title'>TELL US YOUR STORY!</strong> |
| 201 | + <i class='expand_arrow'></i> |
| 202 | + </div> |
| 203 | + |
| 204 | + <div class='source_body'> |
| 205 | + <div class='source_download'> |
| 206 | + </div> |
| 207 | + |
| 208 | + <div class='source_table'> |
| 209 | + <p> |
| 210 | + Global Forest Watch is not just about big data; it is a |
| 211 | + movement to connect people on the ground with information that |
| 212 | + can create tangible change. That is why we want to hear |
| 213 | + <em>your</em> stories about issues affecting forests, forest |
| 214 | + communities, and how you use GFW to monitor and protect |
| 215 | + forests. Share your report with the world by putting it on the |
| 216 | + GFW Map! |
| 217 | + </p> |
| 218 | + |
| 219 | + <h3>HOW YOUR STORIES WILL BE USED</h3> |
| 220 | + |
| 221 | + <p> |
| 222 | + Your stories will be immediately displayed in the <a href="/map/3/15.00/27.00/ALL/grayscale/loss,forestgain/580?begin=2001-01-01&end=2013-12-31&threshold=30">User Stories</a> |
| 223 | + layer on the GFW Map. You can submit a story by sharing text |
| 224 | + and uploading images, video, or web links to show how |
| 225 | + forests are being managed, cleared, or protected in your |
| 226 | + area. |
| 227 | + </p> |
| 228 | + |
| 229 | + <p>Submit a story to:</p> |
| 230 | + |
| 231 | + <ul class="bullets"> |
| 232 | + <li>Report illegal activities</li> |
| 233 | + <li>Call attention to a threat or conflict in your area</li> |
| 234 | + <li>Tell a forest conservation success story</li> |
| 235 | + <li>Confirm or refute remotely sensed data</li> |
| 236 | + <li>Share your local expertise</li> |
| 237 | + </ul> |
| 238 | + |
| 239 | + <p> |
| 240 | + *WRI is not <a href="/terms">responsible</a> for how this |
| 241 | + information is used by visitors, and it reserves the right to |
| 242 | + remove stories that are inappropriate or not related to forest |
| 243 | + issues. |
| 244 | + </p> |
| 245 | + |
| 246 | + <h3>TIPS FOR A BETTER STORY</h3> |
| 247 | + |
| 248 | + <p>In order for your stories to have the most impact, please:</p> |
| 249 | + <ul class="bullets"> |
| 250 | + <li><strong>Try to fit your story to:</strong> a) verify data on Global Forest Watch; b) denounce actions affecting forests in your area; or c) promote a success case of forest management.</li> |
| 251 | + <li><strong>Be brief:</strong> The User Stories layer is intended to highlight your story and direct readers to other materials with additional details. Keep your story short and concrete. |
| 252 | + <li><strong>Add media:</strong> Utilize media quotations, technical articles, and publications from well-known sources. We recommend you use high quality videos or pictures to document your case. |
| 253 | + <li><strong>Provide hard facts:</strong> Describe the region of your story using specific details: size, type of forest, forest change, etc. |
| 254 | + <li><strong>Highlight your organization:</strong> Include the name of your organization on the story, as well as your website or contact information. |
| 255 | + </ul> |
| 256 | + <p></p> |
| 257 | + |
| 258 | + <h3>EDITING OR DELETING REPORTS</h3> |
| 259 | + <p> |
| 260 | + Would you like to edit or delete a story you submitted? No |
| 261 | + problem! Just send an email to <a class="contact-link" href="mailto:gfw@wri.org">gfw@wri.org</a> |
| 262 | + explaining the change you would like to make or the story you |
| 263 | + would like to delete. |
| 264 | + </p> |
| 265 | + </div> |
| 266 | + </div> |
| 267 | + </li> |
| 268 | + </ul> |
| 269 | +</div> |
0 commit comments