CINXE.COM
I am a better parliamentarian thanks to PGA by Sen. Valerie Woods (Belize), PGA Board Member
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1"> <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <link rel="shortcut icon" href="https://dwxxye7an0xk.cloudfront.net/static/favicon/favicon.0beb65d3b129.ico"> <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700,900" rel="stylesheet" type="text/css"> <link rel="stylesheet" href="https://dwxxye7an0xk.cloudfront.net/static/styles/css/icomoon/styles.f35ef91286ed.css"> <link rel="stylesheet" href="https://dwxxye7an0xk.cloudfront.net/static/styles/css/bootstrap.83bb47ffb96e.css"> <link rel="stylesheet" href="https://dwxxye7an0xk.cloudfront.net/static/styles/css/core.b781111f10bf.css"> <link rel="stylesheet" href="https://dwxxye7an0xk.cloudfront.net/static/styles/css/components.02e18dd301ee.css"> <link rel="stylesheet" href="https://dwxxye7an0xk.cloudfront.net/static/styles/css/colors.9899a4a6291d.css"> <link rel="stylesheet" href="https://dwxxye7an0xk.cloudfront.net/static/build/main.e63d392488f3.css"> <link rel="stylesheet" href="https://dwxxye7an0xk.cloudfront.net/static/font-awesome/css/font-awesome.min.45603cfe928b.css"> <script src="//cdn.ravenjs.com/3.16.1/raven.min.js"></script> <script>Raven.config('//0eebbb25f42e4dc79a28fb4e2e9c802f@sentry.io/96814').install()</script> <script src="//cdn.logrocket.com/LogRocket.min.js"></script> <script src="https://dwxxye7an0xk.cloudfront.net/static/js/init_logrocket.bdafa799fc69.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/mobile-detect/1.4.3/mobile-detect.min.js"></script> <script src="https://dwxxye7an0xk.cloudfront.net/static/js/limitless/plugins/loaders/pace.min.24d2d5e3e331.js"></script> <script src="https://dwxxye7an0xk.cloudfront.net/static/js/limitless/core/libraries/jquery.min.f9c7afd05729.js"></script> <script src="https://dwxxye7an0xk.cloudfront.net/static/js/limitless/core/libraries/bootstrap.min.5869c96cc8f1.js"></script> <script src="https://dwxxye7an0xk.cloudfront.net/static/js/limitless/plugins/loaders/blockui.min.b646c96530f3.js"></script> <script src="https://dwxxye7an0xk.cloudfront.net/static/js/limitless/plugins/forms/styling/uniform.min.e4eba4ecaf81.js"></script> <script src="https://dwxxye7an0xk.cloudfront.net/static/js/limitless/core/app.da649696df0d.js"></script> <script type="text/javascript" src="/jsi18n/"></script> <script src="https://dwxxye7an0xk.cloudfront.net/static/build/main.min.c26837607bbc.js"></script> <script src="https://dwxxye7an0xk.cloudfront.net/static/js/limitless/plugins/notifications/pnotify.min.55bded321701.js"></script> <script src="https://dwxxye7an0xk.cloudfront.net/static/js/clipboard.min.f06c52bfddb4.js"></script> <script src="https://dwxxye7an0xk.cloudfront.net/static/js/browser-utils.8488b9183108.js"></script> <script> window.heap = window.heap || [], heap.load = function (e, t) { window.heap.appid = e, window.heap.config = t = t || {}; var r = t.forceSSL || "https:" === document.location.protocol, a = document.createElement("script"); a.type = "text/javascript", a.async = !0, a.src = (r ? "https:" : "http:") + "//cdn.heapanalytics.com/js/heap-" + e + ".js"; var n = document.getElementsByTagName("script")[0]; n.parentNode.insertBefore(a, n); for (var o = function (e) { return function () { heap.push([e].concat(Array.prototype.slice.call(arguments, 0))) } }, p = ["addEventProperties", "addUserProperties", "clearEventProperties", "identify", "resetIdentity", "removeEventProperty", "setEventProperties", "track", "unsetEventProperty"], c = 0; c < p.length; c++) heap[p[c]] = o(p[c]) }; heap.load("3545476508"); </script> <script> init_logrocket('zfgw0m/memria-prod', '', ''); </script> <meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no'/> <link rel="stylesheet" type="text/css" href="https://dwxxye7an0xk.cloudfront.net/static/slick/slick.4fc0fe38ad89.css"/> <link rel="stylesheet" type="text/css" href="https://dwxxye7an0xk.cloudfront.net/static/slick/slick-theme.2f84d074b682.css"/> <script src="https://dwxxye7an0xk.cloudfront.net/static/slick/slick.min.b53bdfc29e18.js"></script> <script src="https://dwxxye7an0xk.cloudfront.net/static/js/fixed-navigation.407862c583d7.js"></script> <script src="https://dwxxye7an0xk.cloudfront.net/static/js/limitless/plugins/notifications/bootbox.min.8055e87f2396.js"></script> <script src="https://dwxxye7an0xk.cloudfront.net/static/js/limitless/pages/components_modals.dd6b5c185907.js"></script> <script src="https://dwxxye7an0xk.cloudfront.net/static/js/clipboard.min.f06c52bfddb4.js"></script> <script src="https://dwxxye7an0xk.cloudfront.net/static/js/read-more-controller.5ae839a06f4f.js"></script> <link rel="stylesheet" href="https://dwxxye7an0xk.cloudfront.net/static/styles/css/media_element/mediaelementplayer.min.df1fff06e7ef.css"> <script src="https://dwxxye7an0xk.cloudfront.net/static/js/media_element/mediaelement-and-player.min.ac9ea1fa25ae.js"></script> <script src="https://dwxxye7an0xk.cloudfront.net/static/js/media_element/media_element_init.aaf1a689f807.js"></script> <script src="https://dwxxye7an0xk.cloudfront.net/static/js/browser-utils.8488b9183108.js"></script> <title>I am a better parliamentarian thanks to PGA by Sen. Valerie Woods (Belize), PGA Board Member</title> <meta name="twitter:card" content="summary_large_image"> <meta property="og:title" content="I am a better parliamentarian thanks to PGA"> <meta property="og:url" content="https://app.memria.org/stories/public-story-view/80515c43-c661-4d3c-9256-38045a84b885/"> <meta property="fb:app_id" content="319278886124862"> <meta property="twitter:title" content="I am a better parliamentarian thanks to PGA"> <meta property="og:type" content="website"> <meta property="og:image" content="https://dwxxye7an0xk.cloudfront.net/media/stories/prompt_images/b/e/be63706c-679f-4cae-aacf-1939ddc71263.jpeg"> <meta property="og:image:secure_url" content="https://dwxxye7an0xk.cloudfront.net/media/stories/prompt_images/b/e/be63706c-679f-4cae-aacf-1939ddc71263.jpeg"> <meta property="og:image:alt" content="I am a better parliamentarian thanks to PGA"> <meta property="twitter:image" content="https://dwxxye7an0xk.cloudfront.net/media/stories/prompt_images/b/e/be63706c-679f-4cae-aacf-1939ddc71263.jpeg"> <meta property="og:description" content="Why did you join PGA?"> <meta property="twitter:description" content="Why did you join PGA?"> </head> <body> <div class="page-container public-story-request-preview-container"> <div class="page-content"> <div class="content-wrapper content-wrapper-padding"> <div class="public-story-request-preview"> <div class="memria-public-header-container row shifted-above"></div> <div class="memria-fixed-header"> <div class="memria-public-header row modified-top"> <div class="memria-logo-container col-md-2 pull-left"> <a href="http://www.memria.org/"> <img src="https://dwxxye7an0xk.cloudfront.net/static/images/memria_logo_main.192723732ba2.png" class="public-header-memria-logo"> </a> </div> <div class="public-memria-links col-md-7"> </div> <div class="login-button-container col-md-3"> <div class="language-choice selector-position"> <div> <form action="/i18n/setlang/" method="post" id="language-form"> <input type="hidden" name="csrfmiddlewaretoken" value="oKGDdrVe6h5OIi65M8ziTXUWDkE9E42jLMaHT7IysCXscXK3YV8ONLgaTB3vc5VF"> <input name="next" type="hidden" value=""/> <input id="selected_language" name="language" type="hidden" value="en"/> <div class="dropdown "> <button class="btn btn-primary dropdown-toggle blue-select-lang-btn " type="button" data-toggle="dropdown"> English <span class="caret"></span></button> <ul class="dropdown-menu languages-list"> <li class="language-item " value="es"><a class="">Espa帽ol</a></li> <li class="language-item " value="fr"><a class="">Fran莽ais</a></li> <li class="language-item break-language" value="hr"><a class="break-language">Bosanski-Hrvatski-Crnogorski-Srpski</a></li> </ul> </div> </form> </div> </div> <script> $(function () { $(".language-item").click(function () { $('#selected_language').val($(this).attr('value')); $('#language-form').submit(); }); }()); </script> <a type="button" class="btn public-login-btn" href="/account/login/?next=/stories/public-story-view/80515c43c6614d3c925638045a84b885/">LOGIN</a> </div> </div> <div class="row mobile-visible-header"> <div class="custom-mobile-header"> <div class="col-md-2 mobile-header"> <div> <a class="logo-container-in-mobile-header" href="http://www.memria.org/"> <img src="https://dwxxye7an0xk.cloudfront.net/static/images/memria_logo.fa74aefc0ff2.png" class="public-header-memria-logo"> </a> </div> </div> </div> </div> </div> <div class="public-story-preview-content "> <div class="story-header-component normal-story-preview no-scrolling col-sm-12"> <div class="alert alert-success alert-dismissable alert-link hidden transcription-request-sent"> <button class="close" type="button" data-dismiss="alert" aria-hidden="true">脳</button> Transcription request has been submitted. You will be notified when completed. </div> <div class="row story-header-row fix-padding custom-story-title-height"> <div class="go-back-breadcrumb vb-inline-block pull-left "> <a class="back-link" href="/stories/public-organization-view/43/"> <i class="icon-arrow-left15"></i> Back to Parliamentarians for Global Action </a> </div> <div class="share-actions-buttons vb-inline-block pull-right make-margin-right "> <div class="vb-inline-block"> <div class="memria-sharing-popup"> <button id="get-share-link" class="btn unpublish-btn">Share</button> </div> <script> var shareUrl = window.location.origin + '/stories/public-story-view/80515c43c6614d3c925638045a84b885/'; window.twttr = (function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0], t = window.twttr || {}; if (d.getElementById(id)) return t; js = d.createElement(s); js.id = id; js.src = "https://platform.twitter.com/widgets.js"; fjs.parentNode.insertBefore(js, fjs); t._e = []; t.ready = function (f) { t._e.push(f); }; return t; }(document, "script", "twitter-wjs")); window.hasFacebookLoaded = false; window.fbAsyncInit = function () { FB.init({ appId: '319278886124862', xfbml: true, version: 'v2.9' }); window.hasFacebookLoaded = true; }; (function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) { return; } js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/sdk.js"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); $(document).ready(function () { $("#get-share-link").popover({ placement: "bottom", trigger: "click", content: '<div class="share-actions-popover-container"> <div class="share-popover-content"> <div class="share-to-facebook-section"> <a id="share_facebook" class="facebook-sharing"> <div class="vb-inline-block"> <i class="fa fa-facebook-f facebook-icon custom-icon"></i> </div> <div class="vb-inline-block share-action-label fb-label"> Share on Facebook </div> </a> </div> <div class="share-to-twitter-section"> <a id="share_twitter" href="" class="twitter-sharing"> <div class="vb-inline-block"> <i class="fa fa-twitter twitter-icon custom-icon"></i> </div> <div class="vb-inline-block share-action-label tw-label"> Share on Twitter </div> </a> </div> <div class="share-link-section"> <div class="share-link-container"> <div class="share-action-label pl0"> Link to this story </div> <div> <input readonly id="link_to_share" class="link-container" value=""> <button data-clipboard-target="#link_to_share" id="copy_button" type="button" class="btn copy-btn upper-case"> copy </button> </div> </div> </div> </div></div>', html: true, title: "SHARE", animation: false }).on('shown.bs.popover', function () { $('#link_to_share').val(shareUrl); $('#share_twitter').attr('href', 'https://twitter.com/intent/tweet?url=' + shareUrl.trim() + '?source=twitter'); var popOver = $(this); $('.custom-close-icon').click(function () { popOver.popover('hide'); }); }).on('hidden.bs.popover', function (e) { $(e.target).data("bs.popover").inState.click = false; }); }); initClipboard('#copy_button'); document.addEventListener('click', function (e) { if ($(e.target).hasClass('facebook-sharing') || $(e.target).hasClass('facebook-icon') || $(e.target).hasClass('fb-label')) { function shareOnFacebook() { if (window.hasFacebookLoaded) { FB.ui({ method: 'share', mobile_iframe: true, href: shareUrl + '?source=facebook' }, function (response) { }); } else { setTimeout(shareOnFacebook, 200); } } shareOnFacebook(); } }); </script> </div> </div> </div> <div class="row story-header-row title-header-row"> <span class="story-title">I am a better parliamentarian thanks to PGA</span> </div> <div class="row story-header-row information-header-row "> <div class="pull-left extra-information "> <span class="story-teller-name">by Sen. Valerie Woods (Belize), PGA Board Member </span> <div class="information-container display-block"> <ul class="list-inline list-inline-separate text-muted mb-5"> <li class="info-item">July 13, 2019</li> <li class="info-item"> 6 mins story </li> </ul> </div> <div class="story-tags-list display-block"> </div> </div> </div> </div> <script type="text/javascript"> $('#submit-btn').click(function () { var ajaxCall = $.ajax({ beforeSend: function (xhr) { xhr.setRequestHeader("X-CSRFToken", getCookie('csrftoken')); }, url: '/stories/is-user-validated/', dataType: 'json', cache: false, type: 'get' }); ajaxCall.success(function () { $('.alert-dismissable').hide(); $('#show_modal_header').click(); return true; }); ajaxCall.fail(function () { $('#preview-action').val('submit'); $('#story-preview-form').submit(); }); }); $('.publish-btn').popover({ placement: "left", trigger: "manual", content: '<b> Publishing this story will add it to the Stories section of your public</b><a class="org-link" href="/stories/public-organization-view/43/" target="_blank"> Organization</a><b> page.</b><div class="dont-show-message-container dont-show-message"> <div class="checker dont-show-message"> <span class="checkbox-element" id="show-no-show"> <input type="checkbox" class="styled" id="dont-show-popup"/> </span> </div> <span class="dnt-msg">Don’t show this message again</span></div>', html: true, animation: false, container: '.publish-unpublish-btn-container' }).on('shown.bs.popover', function () { if ($('#show_tooltip').val() == 'False') { $(this).popover("hide"); } $('.dont-show-message').on('click', function (e) { e.stopPropagation(); if ($('#show-no-show').hasClass('checked')) { $('#show-no-show').removeClass('checked'); $('#show_tooltip').val('True'); } else { $('#show-no-show').addClass('checked'); $('#show_tooltip').val('False'); } }); $('.popover').each(function () { if ('' === 'False') { var newTop = $(".publish-btn").offset().top - 28; this.style.setProperty('top', newTop + 'px', 'important'); } }); }).on('show.bs.popover', function (e) { }).on('hidden.bs.popover', function (e) { $(e.target).data("bs.popover").inState.click = false; $(e.target).data("bs.popover").inState.hover = false; }).on("mouseenter", function () { var _this = this; $(this).popover("show"); $(".popover").on("mouseleave", function () { $(_this).popover('show'); }); }).on("mouseleave", function () { var _this = this; setTimeout(function () { if (!$(".popover:hover").length) { $(_this).popover("hide"); } }, 300); }); $(document).ready(function () { $('#submit-btn').attr('disabled', 'disabled'); $('#submit-btn').attr('title', "This story request has been removed and is no longer accepting stories."); }); </script> <div class="story-preview-contents" data-story-id="1660"> <div id="modal_backdrop_transcribe_audio" class="modal fade memria-modal-backdrop"> <div class="modal-dialog text-size-large popup-modal-form"> <div class="modal-content"> <div class="modal-header text-center"> <h5 class="modal-title color-slate-800">Transcribe Story</h5> </div> <form method="post" action="/stories/transcribe-story/" > <input type="hidden" name="csrfmiddlewaretoken" value="oKGDdrVe6h5OIi65M8ziTXUWDkE9E42jLMaHT7IysCXscXK3YV8ONLgaTB3vc5VF"> <div class="modal-body"> <p class="color-slate-800 text-center">Select the audio language to transcribe.</p> <div class="form-group"> <select name="language" class="form-control" title="" id="id_language"> <option value="en" selected="">English (American spelling)</option> <option value="en-GB">English (British spelling)</option> <option value="es">Spanish</option> <option value="fr">French</option> <option value="pt">Portugese</option> <option value="it">Italian</option> <option value="ar">Arabic</option> <option value="cmn">Chinese Mandarin</option> <option value="yue">Cantonese</option> <option value="no">Norwegian</option> <option value="uk">Ukrainian</option> <option value="ko">Korean</option> </select> </div> </div> <div class="modal-footer text-center"> <input type="hidden" name="story_id" value="1660"> <button id="delete_account_btn" class="btn bg-slate-800 btn-confirm text-center text-bold" type="submit" > Transcribe </button> <button type="button " class="btn bg-slate-800 btn-cancel text-center dismiss-delete-modal text-bold" data-dismiss="modal"> Cancel </button> </div> </form> </div> </div> </div> <div class="left-div "> <div id="active_story_prompt"> <div class="active-story-chapter-0 story-prompt-item" data-index="0" data-prompt="6028"> <div class="active-prompt-buttons hidden"> <button type="button" class="btn btn-edit-prompt-content create-clip-btn"> Create Audio Clip </button> <a type="button" class="btn btn-edit-prompt-content edit-story-btn" href="/stories/manage-story/1660/"> Edit Story </a> </div> <div class="prompt-contents"> <div class="story-prompt-title-panel pb15"> 1. Why did you join PGA? </div> <div class="create-audio-clip-help-text hidden"> Drag the black in-point and out-point handles on the playback bar to the beginning and end of the segment of audio you want to use for your clip, and then click <b>Save Clip</b> button. </div> <div class="row prompt-audio-container-div"> <audio controls src="https://dwxxye7an0xk.cloudfront.net/media/stories/prompt_audio/5/b/5ba5d8a1-5f7e-4447-9e69-7e29e040e24a.mp3" class="row story-preview-audio-player prompt-audio-control-0"></audio> </div> <div class="row prompt-audio-clipping-container-div hidden"></div> <div class="hidden audio-file-is-processing">Your audio is processing...</div> <div class="row story-prompt-images-carousel"> <div class="prompt-images-carousel"> <div> <figure> <img src="https://dwxxye7an0xk.cloudfront.net/media/stories/prompt_images/b/e/be63706c-679f-4cae-aacf-1939ddc71263.jpeg" class="prompt-image-on-mobile"> </figure> </div> </div> </div> </div> </div> <script> $('#show_more_btn_0').on('click', function () { readMoreOrLess('0'); }); $(document).ready(function () { setupDownloadAudio('https://dwxxye7an0xk.cloudfront.net/media/stories/prompt_audio/5/b/5ba5d8a1-5f7e-4447-9e69-7e29e040e24a.mp3', '0'); showHideReadButton('0'); }); </script> <div class="active-story-chapter-1 story-prompt-item hidden" data-index="1" data-prompt="6029"> <div class="active-prompt-buttons hidden"> <button type="button" class="btn btn-edit-prompt-content create-clip-btn"> Create Audio Clip </button> <a type="button" class="btn btn-edit-prompt-content edit-story-btn" href="/stories/manage-story/1660/"> Edit Story </a> </div> <div class="prompt-contents"> <div class="story-prompt-title-panel pb15"> 2. What would you tell a fellow parliamentarian to encourage him/her to join PGA? </div> <div class="create-audio-clip-help-text hidden"> Drag the black in-point and out-point handles on the playback bar to the beginning and end of the segment of audio you want to use for your clip, and then click <b>Save Clip</b> button. </div> <div class="row prompt-audio-container-div"> <audio controls src="https://dwxxye7an0xk.cloudfront.net/media/stories/prompt_audio/4/a/4a05f052-7f88-4171-a8bd-b776b4043c03.mp3" class="row story-preview-audio-player prompt-audio-control-1"></audio> </div> <div class="row prompt-audio-clipping-container-div hidden"></div> <div class="hidden audio-file-is-processing">Your audio is processing...</div> <div class="row story-prompt-images-carousel"> <div class="prompt-images-carousel"> <div> <figure> <img src="https://dwxxye7an0xk.cloudfront.net/media/stories/prompt_images/a/e/ae1ecf38-20e8-434e-affa-8471e6e6676b.jpeg" class="prompt-image-on-mobile"> </figure> </div> </div> </div> </div> </div> <script> $('#show_more_btn_1').on('click', function () { readMoreOrLess('1'); }); $(document).ready(function () { setupDownloadAudio('https://dwxxye7an0xk.cloudfront.net/media/stories/prompt_audio/4/a/4a05f052-7f88-4171-a8bd-b776b4043c03.mp3', '1'); showHideReadButton('1'); }); </script> <div class="active-story-chapter-2 story-prompt-item hidden" data-index="2" data-prompt="6030"> <div class="active-prompt-buttons hidden"> <button type="button" class="btn btn-edit-prompt-content create-clip-btn"> Create Audio Clip </button> <a type="button" class="btn btn-edit-prompt-content edit-story-btn" href="/stories/manage-story/1660/"> Edit Story </a> </div> <div class="prompt-contents"> <div class="story-prompt-title-panel pb15"> 3. How has PGA inspired you to work on human rights/peace/democracy? </div> <div class="create-audio-clip-help-text hidden"> Drag the black in-point and out-point handles on the playback bar to the beginning and end of the segment of audio you want to use for your clip, and then click <b>Save Clip</b> button. </div> <div class="row prompt-audio-container-div"> <audio controls src="https://dwxxye7an0xk.cloudfront.net/media/stories/prompt_audio/f/6/f61565d7-e1bb-43d7-9c5c-c09eed9861f3.mp3" class="row story-preview-audio-player prompt-audio-control-2"></audio> </div> <div class="row prompt-audio-clipping-container-div hidden"></div> <div class="hidden audio-file-is-processing">Your audio is processing...</div> <div class="row story-prompt-images-carousel"> <div class="prompt-images-carousel"> <div> <figure> <img src="https://dwxxye7an0xk.cloudfront.net/media/stories/prompt_images/a/4/a4b9df1f-86e4-4dc7-b047-f78141370d0d.jpeg" class="prompt-image-on-mobile"> </figure> </div> </div> </div> </div> </div> <script> $('#show_more_btn_2').on('click', function () { readMoreOrLess('2'); }); $(document).ready(function () { setupDownloadAudio('https://dwxxye7an0xk.cloudfront.net/media/stories/prompt_audio/f/6/f61565d7-e1bb-43d7-9c5c-c09eed9861f3.mp3', '2'); showHideReadButton('2'); }); </script> <div class="active-story-chapter-3 story-prompt-item hidden" data-index="3" data-prompt="6031"> <div class="active-prompt-buttons hidden"> <button type="button" class="btn btn-edit-prompt-content create-clip-btn"> Create Audio Clip </button> <a type="button" class="btn btn-edit-prompt-content edit-story-btn" href="/stories/manage-story/1660/"> Edit Story </a> </div> <div class="prompt-contents"> <div class="story-prompt-title-panel pb15"> 4. In personal terms, please describe a specific example/story/experience in working with PGA that has been meaningful to you. </div> <div class="create-audio-clip-help-text hidden"> Drag the black in-point and out-point handles on the playback bar to the beginning and end of the segment of audio you want to use for your clip, and then click <b>Save Clip</b> button. </div> <div class="row prompt-audio-container-div"> <audio controls src="https://dwxxye7an0xk.cloudfront.net/media/stories/prompt_audio/1/7/1730d040-ac16-4db4-bd24-e60e525013db.mp3" class="row story-preview-audio-player prompt-audio-control-3"></audio> </div> <div class="row prompt-audio-clipping-container-div hidden"></div> <div class="hidden audio-file-is-processing">Your audio is processing...</div> <div class="row story-prompt-images-carousel"> <div class="prompt-images-carousel"> <div> <figure> <img src="https://dwxxye7an0xk.cloudfront.net/media/stories/prompt_images/e/d/edac204a-b71c-4916-9492-11a282c81886.jpeg" class="prompt-image-on-mobile"> </figure> </div> </div> </div> </div> </div> <script> $('#show_more_btn_3').on('click', function () { readMoreOrLess('3'); }); $(document).ready(function () { setupDownloadAudio('https://dwxxye7an0xk.cloudfront.net/media/stories/prompt_audio/1/7/1730d040-ac16-4db4-bd24-e60e525013db.mp3', '3'); showHideReadButton('3'); }); </script> </div> <div class="panel panel-flat story-chapters-div white-background"> <div class="panel-heading white-background"> <h6 class="panel-title white-background">Story Chapters</h6> </div> <div class="panel-body"> <div class=""> <ul class="media-list content-group"> <li class="media stack-media-on-mobile story-chapter-0 hidden"> <a class="story-chapter-link" index="0"> <div class="media-heading prompt-question-title">1. Why did you join PGA?</div> <div class="media-body "> <div class="media-left image-preview-container audio-beside-image pull-left"> <div class="thumb"> <div class="media-preview" style="background-image: url('https://dwxxye7an0xk.cloudfront.net/media/stories/prompt_images/b/e/be63706c-679f-4cae-aacf-1939ddc71263.jpeg');"></div> </div> </div> <div class="non-mobile-display prompt-summary prompt-summary- 0 image-beside-audio"> <div class="internal-mobile-display"> <div><i class="non-mobile-version fa fa-play"></i></div> <div class="row mobile-play-button"><i class="mobile-version fa fa-play-circle"></i></div> <div class="prompt-audio-length">00:00</div> </div> </div> <div class="non-mobile-display-question prompt-summary prompt-summary-0"> <div class="prompt-answer"> </div> </div> </div> </a> </li> <li class="media stack-media-on-mobile story-chapter-1 "> <a class="story-chapter-link" index="1"> <div class="media-heading prompt-question-title">2. What would you tell a fellow parliamentarian to encourage him/her to join PGA?</div> <div class="media-body "> <div class="media-left image-preview-container audio-beside-image pull-left"> <div class="thumb"> <div class="media-preview" style="background-image: url('https://dwxxye7an0xk.cloudfront.net/media/stories/prompt_images/a/e/ae1ecf38-20e8-434e-affa-8471e6e6676b.jpeg');"></div> </div> </div> <div class="non-mobile-display prompt-summary prompt-summary- 1 image-beside-audio"> <div class="internal-mobile-display"> <div><i class="non-mobile-version fa fa-play"></i></div> <div class="row mobile-play-button"><i class="mobile-version fa fa-play-circle"></i></div> <div class="prompt-audio-length">00:00</div> </div> </div> <div class="non-mobile-display-question prompt-summary prompt-summary-1"> <div class="prompt-answer"> </div> </div> </div> </a> </li> <li class="media stack-media-on-mobile story-chapter-2 "> <a class="story-chapter-link" index="2"> <div class="media-heading prompt-question-title">3. How has PGA inspired you to work on human rights/peace/democracy?</div> <div class="media-body "> <div class="media-left image-preview-container audio-beside-image pull-left"> <div class="thumb"> <div class="media-preview" style="background-image: url('https://dwxxye7an0xk.cloudfront.net/media/stories/prompt_images/a/4/a4b9df1f-86e4-4dc7-b047-f78141370d0d.jpeg');"></div> </div> </div> <div class="non-mobile-display prompt-summary prompt-summary- 2 image-beside-audio"> <div class="internal-mobile-display"> <div><i class="non-mobile-version fa fa-play"></i></div> <div class="row mobile-play-button"><i class="mobile-version fa fa-play-circle"></i></div> <div class="prompt-audio-length">00:00</div> </div> </div> <div class="non-mobile-display-question prompt-summary prompt-summary-2"> <div class="prompt-answer"> </div> </div> </div> </a> </li> <li class="media stack-media-on-mobile story-chapter-3 "> <a class="story-chapter-link" index="3"> <div class="media-heading prompt-question-title">4. In personal terms, please describe a specific example/story/experience in working with PGA that has been meaningful to you.</div> <div class="media-body "> <div class="media-left image-preview-container audio-beside-image pull-left"> <div class="thumb"> <div class="media-preview" style="background-image: url('https://dwxxye7an0xk.cloudfront.net/media/stories/prompt_images/e/d/edac204a-b71c-4916-9492-11a282c81886.jpeg');"></div> </div> </div> <div class="non-mobile-display prompt-summary prompt-summary- 3 image-beside-audio"> <div class="internal-mobile-display"> <div><i class="non-mobile-version fa fa-play"></i></div> <div class="row mobile-play-button"><i class="mobile-version fa fa-play-circle"></i></div> <div class="prompt-audio-length">00:00</div> </div> </div> <div class="non-mobile-display-question prompt-summary prompt-summary-3"> <div class="prompt-answer"> </div> </div> </div> </a> </li> </ul> </div> </div> </div> <script> function formatDuration(duration) { var min = Math.floor(Math.floor(duration) / 60); var sec = Math.floor(duration) % 60; min = min >= 10 ? min : '0' + min; sec = sec >= 10 ? sec : '0' + sec; return min + ':' + sec; } $(function () { $('.story-prompt-item').each(function () { var index = $(this).attr('data-index'); $(this).find('audio').on("loadedmetadata", function() { var promptAudioLength = $('.story-chapter-' + index).find('.prompt-audio-length'); if (promptAudioLength.length > 0) { promptAudioLength[0].innerText = formatDuration(this.duration); } }); }); }); activeIndex = 0; function storyChapterLink(e) { var audioFile = $(document).find('.active-story-chapter-' + activeIndex).find('audio'); if (audioFile.length !== 0) { audioFile[0].player.pause(); } var newIndex = $(e.target).closest('[class^=story-chapter]').attr('index'); switchChapters(activeIndex, newIndex); audioFile = $(document).find('.active-story-chapter-' + newIndex).find('audio'); if (audioFile.length !== 0) { audioFile[0].player.play(); } } $('.story-chapter-link').on('click', storyChapterLink); </script> </div> </div> <script type="text/javascript"> $(document).ready(function () { $('.prompt-images-carousel').not('.slick-initialized').slick({ dots: true, infinite: true, speed: 500, fade: true, cssEase: 'linear', initialSlide: 0 }); var audioFileEl = $('.prompt-audio-control-0')[1]; audioFileEl.player.setSrc('https://dwxxye7an0xk.cloudfront.net/media/stories/prompt_audio/5/b/5ba5d8a1-5f7e-4447-9e69-7e29e040e24a.mp3'); audioFileEl.load(); var audioFileEl = $('.prompt-audio-control-1')[1]; audioFileEl.player.setSrc('https://dwxxye7an0xk.cloudfront.net/media/stories/prompt_audio/4/a/4a05f052-7f88-4171-a8bd-b776b4043c03.mp3'); audioFileEl.load(); var audioFileEl = $('.prompt-audio-control-2')[1]; audioFileEl.player.setSrc('https://dwxxye7an0xk.cloudfront.net/media/stories/prompt_audio/f/6/f61565d7-e1bb-43d7-9c5c-c09eed9861f3.mp3'); audioFileEl.load(); var audioFileEl = $('.prompt-audio-control-3')[1]; audioFileEl.player.setSrc('https://dwxxye7an0xk.cloudfront.net/media/stories/prompt_audio/1/7/1730d040-ac16-4db4-bd24-e60e525013db.mp3'); audioFileEl.load(); }); </script> <div class="story-view-footer row" id="story_view_footer"> <div> <span class="footer-title">Submitted to:</span> </div> <div> <span class="footer-body"> <a href="/stories/public-story-request-preview/efe10e760de543faaa76d0e8aa8dbe68/"> Testimonies from PGA members </a> </span> </div> </div> <div id="modal_default" class="modal fade memria-modal-backdrop"> <button type="button" class="close close-modal-btn" data-dismiss="modal"> <i class="fa fa-x fa-close"></i> </button> <div class="modal-dialog modal-full"> <div class="modal-content"> </div> </div> </div> </div> </div> </div> </div> </div> </body> </html>