Help Shape Europe’s Future: Join the Conversation on Europe's Greatest Challenges
<script>
$('#ccs-header').before('<style> .nominate-button-wrapper {visibility:hidden;display:none;} .buttonText { font: 14px/1.5 "Futura Std", Helvetica, Arial, sans-serif; color: #fff; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; } .buttontext a { color: #fff; text-decoration: none; } .buttontext a:hover { color: #fff; text-decoration: none; } #button1, #button2, #button3, #button4, #button5 { float: left; border: none; height: 38px; width: 181px; overflow: hidden; display: block; text-align: center; line-height: 18px; margin-left: 2.5px; margin-right: 2.5px; margin-top: 10px; /*Transition*/ -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; -ms-transition: All 0.5s ease; transition: All 0.5s ease; } #button1 { margin-left: 10px } #button2 { } #button3 { } #button4 { } #button5 { } .SL-navbg { height: 35px; width: 940px; background: #0068B3;} .SL-topbanner .bannerlink img { width: 100%; } #button1:hover, #button2:hover, #button3:hover, #button4:hover, #button5:hover { color: #003465; } </style> <div class="SL-topbanner"><a class="bannerlink"><img src="http://www.changemakers.com/sites/default/files/banner_image.jpg" usemap="#unilever-map" border="0" /><map id="unilever-map" name="unilever-map"><area shape="rect" coords="70,70,170,202" href="http://unilever.com/sustainable-living/ourapproach" target="_blank" alt="Unilever: Our approach to sustainability" title="Unilever: Our approach to sustainability" /><area shape="rect" coords="474,70,660,202" href="http://www.cpsl.cam.ac.uk" target="_blank" alt="University of Cambridge Programme for Sustainability Leadership" title="University of Cambridge Programme for Sustainability Leadership" /></map></a><div class="SL-navbg"><a href="#competition" id="button1" class="buttonText" alt="Blog" title="Blog">Blog</a><a href="#blog" id="button3" class="buttonText" alt="Social" title="Social">Social</a><a href="#blog" id="button4" class="buttonText" alt="Discussions" title="Discussions">Discussions</a><a href="#getinvolved" id="button5" class="buttonText" alt="Featured Projects" title="Featured Projects">Featured Projects</a></div></div><br clear="all" />');</script><style>
.css-title { display: none; } div.ccs-logo {display: none; }
.awesome-slider-block{ height:220px; }
.take-action-links-share { display: none; }
.take-action-list {display: none;position: relative;height: 0px;top: -64px;left: 752px;}
#ccs-header li.take-action-link.join a {display:none;width: 130px;height: 20px;}
.take-action-links.grid-4 {height: 0px;}
#css-middle {padding-top: 0px!important;margin-top: 0px!important;}
.fancybox-video-modal.unilever_teaser {float: left; margin-left: 5px;margin-top: -10px;}
.slider-video {float: left; margin-left: 75px; margin-top: 30px;}
.view-community-blogs-block.view-display-id-ccs_block_1 .views-field-teaser p {font-size:15px;}
</style><!--[if IE]><style type="text/css">
.timer { display: none !important; }
div.caption { background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);zoom: 1; }</style><![endif]--><!-- Run the plugin --><script type="text/javascript">
$(window).load(function() {
$('#cm-slider-awesome').orbit({animation: 'horizontal-push', directionalNav: true});
});</script><div id="cm-slider-awesome"><div class="content" id="unilever-slide1"><div id="unilever-slide"><p class="slider-body" style="font-size: 16px; padding-top: 65px; margin-left: 300px;">His Royal Highness The Prince of Wales supports the Young Sustainability Entrepreneur Prize.<br /><a href="https://static-changemakerscom.netdna-ssl.com/sites/default/files/hrh_statement_on_prize_for_website.pdf" target="_blank">Read more</a></p></div></div><div class="content" id="unilever-slide2"><div id="unilever-slide"><p class="slider-title">Health</p><p class="slider-body">Poor hygiene, lack of safe drinking water and poor sanitation are the cause of millions of preventable deaths. <br />Do you have an inspiring solution? <br /><a href="/node/add/competition-entry/165056">Enter it today</a></p></div></div> <div class="content" id="unilever-slide3"><div id="unilever-slide"><p class="slider-title">Bio-Economy</p><p class="slider-body">People are living more sedentary lives and calorie-rich foods are more available and affordable. There is a higher incidence of obesity, while at the same time millions of people around the world remain hungry or lack sufficient essential nutrients in their diets.<br />Do you have an inspiring solution?<br /><a href="/node/add/competition-entry/165056">Enter it today</a></p></div></div> <div class="content" id="unilever-slide4"><div id="unilever-slide"><p class="slider-title">Creative Industries</p><p class="slider-body">Water shortages are increasingly prevalent and are exacerbated by a number of factors, including climate change and population increase.<br />Do you have an inspiring solution?<br /><a href="/node/add/competition-entry/165056">Enter it today</a></p></div></div> <div class="content" id="unilever-slide5"><div id="unilever-slide"><p class="slider-title">Climate Change</p><p class="slider-body">Extreme weather patterns, water scarcity, and their impact on agriculture and communities are affecting people everywhere, with developing countries among the most vulnerable to climate change.<br />Do you have an inspiring solution?<br /><a href="/node/add/competition-entry/165056">Enter it today</a></p></div></div> <div class="content" id="unilever-slide6"><div id="unilever-slide"><p class="slider-title">Transportation</p><p class="slider-body">Increasing scarcity of resources makes it ever more urgent to be efficient with packaging and find solutions to deal with “post-consumer waste.”<br />Do you have an inspiring solution?<br /><a href="/node/add/competition-entry/165056">Enter it today</a></p></div></div> <div class="content" id="unilever-slide7"><div id="unilever-slide"><p class="slider-title">Sustainable Agriculture</p><p class="slider-body">Agriculture and forestry are the largest contributors to global greenhouse gas emissions, while food security is also increasingly under threat.<br />Do you have an inspiring solution?<br /><a href="/node/add/competition-entry/165056">Enter it today</a></p></div></div> <div class="content" id="unilever-slide8"><div id="unilever-slide"><p class="slider-title">Smallholder Farmers</p><p class="slider-body" style="font-size: 12px;">World food production will have to increase 50% by 2030 to meet growing demand. The most productive agricultural areas are already used, so the focus needs to be on increasing productivity elsewhere, especially in emerging economies.<br />Do you have an inspiring solution?<br /><a href="/node/add/competition-entry/165056">Enter it today</a></p></div></div> <div class="content" id="unilever-slide9"><a class="fancybox-video-modal slider-video" href="http://www.youtube.com/embed/uog84llQQn4?autoplay=1"><img src="https://static-changemakerscom.netdna-ssl.com/sites/default/files/unilever_paul_polman_video_still.jpg" /></a> <div id="unilever-slide" style="margin-left: -30px;"><p class="slider-title" style="margin-top: 37px;">Paul Polman, CEO, Unilever</p><p class="slider-body">Unilever’s CEO wants to hear about your scalable, sustainable solution.</p></div></div> </div><a class="fancybox-video-modal unilever_teaser" href="http://www.youtube.com/embed/r_Dm9l4Zt3M?autoplay=1"><img src="https://static-changemakerscom.netdna-ssl.com/sites/default/files/unilever_video_player_still.jpg" /></a> <script type="text/javascript">
$(document).ready(function() {
$(".fancybox-video-modal").fancybox({'width' : '75%','height' : '75%','autoScale' : false,'transitionIn' : 'fade','transitionOut' : 'fade','type' : 'iframe'
});
});</script><!--<div class="unilever-teaser"><h1 style="color: #fff;font-size: 38px;line-height: 1.5;margin-left: 720px;padding-top: 30px;text-transform: uppercase;"><div style="color: #f7c785; display: inline;vertical-align: top;font-size: 14px;">You may win</div>€200,000<br /><div style="color: #f7c785; font-size: 14px;margin-left: -70px;">for your sustainable living project</div></h1><p><a href="/node/add/competition-entry/165056"><img src="https://static-changemakerscom.netdna-ssl.com/sites/default/files/unilever_banner_enter_100.png" alt="Enter!" style="float:left;margin-left:15px;padding-top:2px;"></a><a href="https://www.facebook.com/ashokaschangemakers" target="_blank" class="unilever-social-links" id="u_fb" alt="Facebook"> </a><a href="https://twitter.com/search?src=typd&q=%23SustLiving" target="_blank" class="unilever-social-links" id="u_tw" alt="Twitter"> </a><a href="http://www.youtube.com/user/ChangemakersNet" target="_blank" class="unilever-social-links" id="u_yt" alt="YouTube"> </a><a href="http://www.linkedin.com/company/ashoka" target="_blank" class="unilever-social-links" id="u_li" alt="LinkedIn"></a></div> --><style type="text/css">
/* SLIDER CCS */
.unilever-social-links {margin-left:10px; height: 33px; display: block; width: 33px; float: left;}
#u_fb { background: url(https://static-changemakerscom.netdna-ssl.com/sites/default/files/unilever_fb.png) center;}
#u_fb:hover { background: url(https://static-changemakerscom.netdna-ssl.com/sites/default/files/unilever_fb_hover.png);}
#u_tw { background: url(https://static-changemakerscom.netdna-ssl.com/sites/default/files/unilever_tw.png) center;}
#u_tw:hover { background: url(https://static-changemakerscom.netdna-ssl.com/sites/default/files/unilever_tw_hover.png);}
#u_yt { background: url(https://static-changemakerscom.netdna-ssl.com/sites/default/files/unilever_yt.png) center;}
#u_yt:hover { background: url(https://static-changemakerscom.netdna-ssl.com/sites/default/files/unilever_yt_hover.png);}
#u_li { background: url(https://static-changemakerscom.netdna-ssl.com/sites/default/files/unilever_li.png) center;}
#u_li:hover { background: url(https://static-changemakerscom.netdna-ssl.com/sites/default/files/unilever_li_hover.png);}
.unilever-teaser {
position: relative;
height: 220px;
display: block;
top: -10px;
background: url(https://static-changemakerscom.netdna-ssl.com/sites/default/files/unilever_banner_base_community.png) no-repeat 630px top;
}
#cm-slider-awesome {
width: 625px;
height: 220px;
background: #000 url(http://cdn.changemakers.com/sites/default/files/sliderloading.gif) no-repeat center center; overflow: hidden; }
#cm-slider-awesome {
margin-top:-10px;
}
#cm-slider-awesome .content {
width:625px;
height:220px;
}
/* SPECIFIC TO UNILEVER SLIDER */
#unilever-slide {
height: 220px;
margin-top: -27px;
}
#unilever-slide1 {
background-image: url(https://static-changemakerscom.netdna-ssl.com/sites/default/files/uni_slide_hrh_cjackson.jpg);
}
#unilever-slide2 {
background-image: url(https://static-changemakerscom.netdna-ssl.com/sites/default/files/uni_slide_water_sanitation.jpg);
}
#unilever-slide3 {
background-image: url(https://static-changemakerscom.netdna-ssl.com/sites/default/files/uni_slide_nutrition.jpg);
}
#unilever-slide4 {
background-image: url(https://static-changemakerscom.netdna-ssl.com/sites/default/files/uni_slide_water_scarcity.jpg);
}
#unilever-slide5 {
background-image: url(https://static-changemakerscom.netdna-ssl.com/sites/default/files/uni_slide_industry_ghg.jpg);
}
#unilever-slide6 {
background-image: url(https://static-changemakerscom.netdna-ssl.com/sites/default/files/uni_slide_industry_waste.jpg);
}
#unilever-slide7 { /* Sustainable Agriculture */
background-image: url(https://static-changemakerscom.netdna-ssl.com/sites/default/files/uni_slide_farm_2.jpg);
}
#unilever-slide8 { /* Smallholder Farmers */
background-image: url(https://static-changemakerscom.netdna-ssl.com/sites/default/files/uni_slide_farm_1.jpg);
}
#unilever-slide9 {
background-image: url(https://static-changemakerscom.netdna-ssl.com/sites/default/files/uni_slide_video.jpg);
}
.slider-title {
overflow: visible;
font-family: BentonSans,Arial,sans-serif,Rockwell;
font-size: 22px;
line-height: 0.9;
width: 250px;
text-transform: uppercase;
letter-spacing: -1px;
color: #F7C886;
margin-left: 360px;
margin-bottom: 0px;
padding-top: 20px;
font-weight: bold;
}
.slider-body {
font-family: BentonSans,Arial,sans-serif,Rockwell;
width: 250px;
font-size: 13px;
color: #fff;
margin-left: 360px;
margin-right: 20px;
line-height: 1.4;
}
.slider-body a {color: #FFD842;}
.slider-body a:hover {color: #f07e42;}
.slider-date {
font-family: BentonSans,Arial,sans-serif,Rockwell;
font-size: 18px;
font-style: normal;
font-weight: normal;
text-transform: uppercase;
margin-top: 10px;
margin-left: 320px;
color: #FFF;
}
/* PUT IN YOUR SLIDER ID AND SIZE TO MAKE LOAD BEAUTIFULLY
================================================== */
#cm-slider-awesome {
width: 625px;
height: 220px;
overflow: hidden; }
#cm-slider-awesome>img,
#cm-slider-awesome>div,
#cm-slider-awesome>a {
display: none;
}
/* CONTAINER
================================================== */
div.orbit-wrapper {
width: 1px;
height: 1px;
position: relative;
float: left;
}
div.orbit {
width: 1px;
height: 1px;
position: relative;
overflow: hidden
}
div.orbit>img {
position: absolute;
top: 0;
left: 0;
display: none;
}
div.orbit>a {
border: none;
position: absolute;
top: 0;
left: 0;
display: none;
}
.orbit>div {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */
/* TIMER
================================================== */
div.timer {
display: none!important; /* only for Unilever */
width: 40px;
height: 40px;
overflow: hidden;
position: absolute;
top: 10px;
right: 10px;
opacity: .6;
cursor: pointer;
z-index: 9;
}
span.rotator {
display: block;
width: 40px;
height: 40px;
position: absolute;
top: 0;
left: -20px;
background: url(http://cdn.changemakers.com/sites/default/files/rotator-black.png) no-repeat;
z-index: 3;
}
span.mask {
display: block;
width: 20px;
height: 40px;
position: absolute;
top: 0;
right: 0;
z-index: 2;
overflow: hidden;
}
span.rotator.move {
left: 0
}
span.mask.move {
width: 40px;
left: 0;
background: url(http://cdn.changemakers.com/sites/default/files/timer-black.png) repeat 0 0;
}
span.pause {
display: block;
width: 40px;
height: 40px;
position: absolute;
top: 0;
left: 0;
background: url(http://cdn.changemakers.com/sites/default/files/pause-black.png) no-repeat;
z-index: 4;
opacity: 0;
}
span.pause.active {
background: url(http://cdn.changemakers.com/sites/default/files/pause-black.png) no-repeat 0 -40px
}
div.timer:hover span.pause,
span.pause.active {
opacity: 1
}
/* CAPTIONS
================================================== */
.orbit-caption {
display: none;
font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif;
}
.orbit-wrapper .orbit-caption {
background: #000;
background: rgba(0,0,0,.6);
z-index: 1000;
color: #fff;
text-align: center;
padding: 7px 0;
font-size: 13px;
position: absolute;
right: 0;
bottom: 0;
width: 100%;
}
/* DIRECTIONAL NAV
================================================== */
div.slider-nav {
display: block
}
div.slider-nav span {
width: 45px;
height: 70px;
text-indent: -9999px;
position: absolute;
z-index: 1000;
top: 55%;
margin-top: -50px;
cursor: pointer;
}
div.slider-nav span.right {
background: url(http://cdn.changemakers.com/sites/default/files/uni_t_slider_right.png) no-repeat;
right: -9px;
top: 40px;
}
div.slider-nav span.left {
background: url(http://cdn.changemakers.com/sites/default/files/uni_t_slider_left.png) no-repeat;
top: 40px;
}
/* BULLET NAV
================================================== */
.orbit-bullets {
position: absolute;
z-index: 1000;
list-style: none;
bottom: -40px;
left: 50%;
margin-left: -50px;
padding: 0;
}
.orbit-bullets li {
float: left;
margin-left: 5px;
cursor: pointer;
color: #999;
text-indent: -9999px;
background: url(http://cdn.changemakers.com/sites/default/files/bullets.jpg) no-repeat 4px 0;
width: 13px;
height: 12px;
overflow: hidden;
}
.orbit-bullets li.active {
color: #222;
background-position: -8px 0;
}
.orbit-bullets li.has-thumb {
background: none;
width: 100px;
height: 75px;
}
.orbit-bullets li.active.has-thumb {
background-position: 0 0;
border-top: 2px solid #000;
}
/* END SLIDER CCS */ </style><!-- SLIDER SCRIPT --><script type="text/javascript">
/*
* jQuery Orbit Plugin 1.2.3
* www.ZURB.com/playground
* Copyright 2010, ZURB
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*/
(function($) {
$.fn.orbit = function(options) {
//Defaults to extend options
var defaults = {
animation: 'horizontal-slide', // fade, horizontal-slide, vertical-slide, horizontal-push
animationSpeed: 600, // how fast animtions are
timer: true, // true or false to have the timer
advanceSpeed: 10000, // if timer is enabled, time between transitions
pauseOnHover: false, // if you hover pauses the slider
startClockOnMouseOut: false, // if clock should start on MouseOut
startClockOnMouseOutAfter: 0, // how long after MouseOut should the timer start again
directionalNav: true, // manual advancing directional navs
captions: false, // do you want captions?
captionAnimation: 'fade', // fade, slideOpen, none
captionAnimationSpeed: 600, // if so how quickly should they animate in
bullets: false, // true or false to activate the bullet navigation
bulletThumbs: false, // thumbnails for the bullets
bulletThumbLocation: '', // location from this file where thumbs will be
afterSlideChange: function(){} // empty function
};
//Extend those options
var options = $.extend(defaults, options);
return this.each(function() {
// ==============
// ! SETUP
// ==============
//Global Variables
var activeSlide = 0,
numberSlides = 0,
orbitWidth,
orbitHeight,
locked;
//Initialize
var orbit = $(this).addClass('orbit'),
orbitWrapper = orbit.wrap('<div class="orbit-wrapper" />').parent();
orbit.add(orbitWidth).width('1px').height('1px');
//Collect all slides and set slider size of largest image
var slides = orbit.children('img, a, div');
slides.each(function() {
var _slide = $(this),
_slideWidth = _slide.width(),
_slideHeight = _slide.height();
if(_slideWidth > orbit.width()) {
orbit.add(orbitWrapper).width(_slideWidth);
orbitWidth = orbit.width();
}
if(_slideHeight > orbit.height()) {
orbit.add(orbitWrapper).height(_slideHeight);
orbitHeight = orbit.height();
}
numberSlides++;
});
//Animation locking functions
function unlock() {
locked = false;
}
function lock() {
locked = true;
}
//If there is only a single slide remove nav, timer and bullets
if(slides.length == 1) {
options.directionalNav = false;
options.timer = false;
options.bullets = false;
}
//Set initial front photo z-index and fades it in
slides.eq(activeSlide)
.css({"z-index" : 3})
.fadeIn(function() {
//brings in all other slides IF css declares a display: none
slides.css({"display":"block"})
});
// ==============
// ! TIMER
// ==============
//Timer Execution
function startClock() {
if(!options.timer || options.timer == 'false') {
return false;
//if timer is hidden, don't need to do crazy calculations
} else if(timer.is(':hidden')) {
clock = setInterval(function(e){
shift("next");
}, options.advanceSpeed);
//if timer is visible and working, let's do some math
} else {
timerRunning = true;
pause.removeClass('active')
clock = setInterval(function(e){
var degreeCSS = "rotate("+degrees+"deg)"
degrees += 2
rotator.css({ "-webkit-transform": degreeCSS,"-moz-transform": degreeCSS,"-o-transform": degreeCSS
});
if(degrees > 180) {
rotator.addClass('move');
mask.addClass('move');
}
if(degrees > 360) {
rotator.removeClass('move');
mask.removeClass('move');
degrees = 0;
shift("next");
}
}, options.advanceSpeed/180);
}
}
function stopClock() {
if(!options.timer || options.timer == 'false') { return false; } else {
timerRunning = false;
clearInterval(clock);
pause.addClass('active');
}
}
//Timer Setup
if(options.timer) {
var timerHTML = '<div class="timer"><span class="mask"><span class="rotator"></span></span><span class="pause"></span></div>'
orbitWrapper.append(timerHTML);
var timer = orbitWrapper.children('div.timer'),
timerRunning;
if(timer.length != 0) {
var rotator = $('div.timer span.rotator'),
mask = $('div.timer span.mask'),
pause = $('div.timer span.pause'),
degrees = 0,
clock;
startClock();
timer.click(function() {
if(!timerRunning) {
startClock();
} else {
stopClock();
}
});
if(options.startClockOnMouseOut){
var outTimer;
orbitWrapper.mouseleave(function() {
outTimer = setTimeout(function() {
if(!timerRunning){
startClock();
}
}, options.startClockOnMouseOutAfter)
})
orbitWrapper.mouseenter(function() {
clearTimeout(outTimer);
})
}
}
}
//Pause Timer on hover
if(options.pauseOnHover) {
orbitWrapper.mouseenter(function() {
stopClock();
});
}
// ==============
// ! CAPTIONS
// ==============
//Caption Setup
if(options.captions) {
var captionHTML = '<div class="orbit-caption"></div>';
orbitWrapper.append(captionHTML);
var caption = orbitWrapper.children('.orbit-caption');
setCaption();
}
//Caption Execution
function setCaption() {
if(!options.captions || options.captions =="false") {
return false;
} else {
var _captionLocation = slides.eq(activeSlide).data('caption'); //get ID from rel tag on image
_captionHTML = $(_captionLocation).html(); //get HTML from the matching HTML entity
//Set HTML for the caption if it exists
if(_captionHTML) {
caption
.attr('id',_captionLocation) // Add ID caption
.html(_captionHTML); // Change HTML in Caption
//Animations for Caption entrances
if(options.captionAnimation == 'none') {
caption.show();
}
if(options.captionAnimation == 'fade') {
caption.fadeIn(options.captionAnimationSpeed);
}
if(options.captionAnimation == 'slideOpen') {
caption.slideDown(options.captionAnimationSpeed);
}
} else {
//Animations for Caption exits
if(options.captionAnimation == 'none') {
caption.hide();
}
if(options.captionAnimation == 'fade') {
caption.fadeOut(options.captionAnimationSpeed);
}
if(options.captionAnimation == 'slideOpen') {
caption.slideUp(options.captionAnimationSpeed);
}
}
}
}
// ==================
// ! DIRECTIONAL NAV
// ==================
//DirectionalNav { rightButton --> shift("next"), leftButton --> shift("prev");
if(options.directionalNav) {
if(options.directionalNav == "false") { return false; }
var directionalNavHTML = '<div class="slider-nav"><span class="right">Right</span><span class="left">Left</span></div>';
orbitWrapper.append(directionalNavHTML);
var leftBtn = orbitWrapper.children('div.slider-nav').children('span.left'),
rightBtn = orbitWrapper.children('div.slider-nav').children('span.right');
leftBtn.click(function() {
stopClock();
shift("prev");
});
rightBtn.click(function() {
stopClock();
shift("next")
});
}
// ==================
// ! BULLET NAV
// ==================
//Bullet Nav Setup
if(options.bullets) {
var bulletHTML = '<ul class="orbit-bullets"></ul>';
orbitWrapper.append(bulletHTML);
var bullets = orbitWrapper.children('ul.orbit-bullets');
for(i=0; i<numberSlides; i++) {
var liMarkup = $('<li>'+(i+1)+'</li>');
if(options.bulletThumbs) {
var thumbName = slides.eq(i).data('thumb');
if(thumbName) {
var liMarkup = $('<li class="has-thumb">'+i+'</li>')
liMarkup.css({"background" : "url("+options.bulletThumbLocation+thumbName+") no-repeat"});
}
}
orbitWrapper.children('ul.orbit-bullets').append(liMarkup);
liMarkup.data('index',i);
liMarkup.click(function() {
stopClock();
shift($(this).data('index'));
});
}
setActiveBullet();
}
//Bullet Nav Execution
function setActiveBullet() {
if(!options.bullets) { return false; } else {
bullets.children('li').removeClass('active').eq(activeSlide).addClass('active');
}
}
// ====================
// ! SHIFT ANIMATIONS
// ====================
//Animating the shift!
function shift(direction) {
//remember previous activeSlide
var prevActiveSlide = activeSlide,
slideDirection = direction;
//exit function if bullet clicked is same as the current image
if(prevActiveSlide == slideDirection) { return false; }
//reset Z & Unlock
function resetAndUnlock() {
slides
.eq(prevActiveSlide)
.css({"z-index" : 1});
unlock();
options.afterSlideChange.call(this);
}
if(slides.length == "1") { return false; }
if(!locked) {
lock();
//deduce the proper activeImage
if(direction == "next") {
activeSlide++
if(activeSlide == numberSlides) {
activeSlide = 0;
}
} else if(direction == "prev") {
activeSlide--
if(activeSlide < 0) {
activeSlide = numberSlides-1;
}
} else {
activeSlide = direction;
if (prevActiveSlide < activeSlide) {
slideDirection = "next";
} else if (prevActiveSlide > activeSlide) {
slideDirection = "prev"
}
}
//set to correct bullet
setActiveBullet();
//set previous slide z-index to one below what new activeSlide will be
slides
.eq(prevActiveSlide)
.css({"z-index" : 2});
//fade
if(options.animation == "fade") {
slides
.eq(activeSlide)
.css({"opacity" : 0, "z-index" : 3})
.animate({"opacity" : 1}, options.animationSpeed, resetAndUnlock);
}
//horizontal-slide
if(options.animation == "horizontal-slide") {
if(slideDirection == "next") {
slides
.eq(activeSlide)
.css({"left": orbitWidth, "z-index" : 3})
.animate({"left" : 0}, options.animationSpeed, resetAndUnlock);
}
if(slideDirection == "prev") {
slides
.eq(activeSlide)
.css({"left": -orbitWidth, "z-index" : 3})
.animate({"left" : 0}, options.animationSpeed, resetAndUnlock);
}
}
//vertical-slide
if(options.animation == "vertical-slide") {
if(slideDirection == "prev") {
slides
.eq(activeSlide)
.css({"top": orbitHeight, "z-index" : 3})
.animate({"top" : 0}, options.animationSpeed, resetAndUnlock);
}
if(slideDirection == "next") {
slides
.eq(activeSlide)
.css({"top": -orbitHeight, "z-index" : 3})
.animate({"top" : 0}, options.animationSpeed, resetAndUnlock);
}
}
//push-over
if(options.animation == "horizontal-push") {
if(slideDirection == "next") {
slides
.eq(activeSlide)
.css({"left": orbitWidth, "z-index" : 3})
.animate({"left" : 0}, options.animationSpeed, resetAndUnlock);
slides
.eq(prevActiveSlide)
.animate({"left" : -orbitWidth}, options.animationSpeed);
}
if(slideDirection == "prev") {
slides
.eq(activeSlide)
.css({"left": -orbitWidth, "z-index" : 3})
.animate({"left" : 0}, options.animationSpeed, resetAndUnlock);
slides
.eq(prevActiveSlide)
.animate({"left" : orbitWidth}, options.animationSpeed);
}
}
setCaption();
} //lock
}//orbit function
});//each call
}//orbit plugin call
})(jQuery);</script><div id="wrapper"><div class="accordionButton"><div class="accordionButtonInner">About the Community</div><div id="triangle-topleft"></div></div><div class="accordionContent"><p>WELCOME TEXT</p><p>Mayor Bloomberg’s Young Men’s Initiative (YMI) is partnering with Ashoka Changemakers to launch an online competition that gives you a stage to share solutions that will create positive activity in your community and strengthen all of New York City.</p> <p>The <i>My Voice, Our City: What will you do?</I> competition seeks to empower young black and Latino men, ages 16-24, to lead the conversation and develop new program ideas that will continue to brighten the future of New York City, and inspire the rest of the nation. <i>My Voice, Our City</i> encourages you - young men, local organizations, and community leaders within New York City’s five boroughs - to enter ideas for initiatives that you think will strengthen your community for the better. Everything from fresh ideas to expanding established projects are eligible for up to $36,000 in prizes.</p><p>This competition is open to solutions that address one or more of the following topics:</p><ul><li><b>Business Development:</b> What is your idea for a business that would address an unmet need or area of potential in your community? What’s unique about this business model and how would it benefit your community?</li><li><b>Employment Opportunities:</b> What do you think are some successful ways to increase youth and young adult access to employment opportunities? What are your ideas to develop/redevelop or expand an existing program(s)?</li><li><b>College Pathways:</b> What do you see as significant opportunities to connect more young adults to post-secondary education? What are your ideas to redevelop those efforts?</li></ul><p>The public conversation about young black and Latino men in New York City often compares their success to their peers, measured by education, employment, criminal justice involvement, and health. In August of 2011, Mayor Bloomberg kicked off the Young Men’s Initiative as a citywide commitment to address the educational, professional, and personal barriers that impede young black and Latino men.</p><p>But addressing the disparities was only half of the Mayor’s call to action. Creativity, achievement, and influence already exist within the black and Latino community of future leaders. The Mayor has charged young black and Latino men to lead in sharing ideas for meaningful programs and policies that will ignite or expand positive outcomes.</p><p>New York City needs you, now more than ever. You have the power to help make meaningful and long lasting changes in your community and city. We need your voice and vision to help young men and New York City both reach their highest potential.</p> <p>This is your chance to take action. It is your voice that counts. It is our city that matters. Your Voice. Our City.</p><p>For more information about the <b>Young Men's Initiative</b> please visit <a href="http://www.nyc.gov/youngmen">www.nyc.gov/youngmen</a></div><div class="accordionButton"><div class="accordionButtonInner">Join the Conversation</div><div id="triangle-topleft"></div></div><div class="accordionContent accordionButtonLast"><h2>Guidelines</h2><b>Eligibility</b><ul><li>The competition is open to all organizations and individuals that have a presence in New York City and have a clear plan to implement their entry in one or more of New York City’s five boroughs .</li><li>Solutions should reflect the theme of the challenge — <b><i>My Voice, Our City: What will you do?</b></i> —and engage in activities that strengthen New York City for young black and Latino men.</li><li>Entries must be in English.</li><li>Entries must include a solution that addresses one or more of the following topics:</li><ul><li><b>Business Development:</b> What is your idea for a business that would address an unmet need or area of potential in your community? What’s unique about this business model and how would it benefit your community?</li><li><b>Employment Opportunities:</b> What do you think are some successful ways to increase youth and young adult access to employment opportunities? What are your ideas to develop/redevelop or expand an existing program(s)?</li><li><b>College Pathways:</b> What do you see as significant opportunities to connect more young adults to post-secondary education? What are your ideas to redevelop those efforts?</li></ul></ul><p>Only entries that fit the eligibility requirements listed above will be displayed publicly in association with the competition.</p><b>Prizes</b><b>$36,000 in total unrestricted funding</b> to use towards the implementation or growth of the projects proposed in top entries. Including:<ul><li><b>Runner-Up Prizes</b>: One of three cash prizes of $5,000</li><li><b>Grand Prize</b>: One cash prize of $20,000</li><li><b>Early Entry Prize</b>: One of two cash prizes of up to $500 (To be eligible, you must submit your entry prior to the 5 p.m. EDT June 19, 2013 early entry prize deadline.)</li></ul><b>Why You Should Enter</b><ul><li>A chance to win!</li><li>Join the movement to strengthen NYC’s communities for the better.</li><li>Shape the future of your city by putting forth your voice and ideas. This is your opportunity to demonstrate your potential, as well as help the young men in your community reach their highest potential.</li><li>Connect with Ashoka Changemakers’ global online community of innovators and problem-solvers. Your participation in the competition gives you the opportunity to forge relationships with like-minded innovators, impact partners, sector experts, and investors online.</li><li>Gain visibility amongst others working in the New York City community and the firms and institutions that are partnering in this effort.</li></ul><b>How to Enter</b><ul><li>For advice about how to create a better entry and boost your chances of winning, read these <a href="http://www.changemakers.com/guide" style="text-decoration: underline;">tips</a> about how to make your entry stand out.</li><li>Please complete the entry form (accessible from the competition homepage) and publish it by the deadline: 5 p.m. EDT on Wednesday, July 31, 2013 . Only those entries that are published by 5 p.m. EDT on Wednesday, June 19th will be eligible for the Early Entry Prize as well.</li></ul><p>If you experience any difficulties in entering the competition please contact <a href=“mailto:lmarino@changemakers.com>lmarino@changemakers.com</a> for support.</p><h2>Criteria</h2><p>Winners of the <b><i>My Voice, Our City: What will you do?</b></i> competition will be entries that best meet the following criteria and address one or more of the following topics: Business Development, Employment Opportunities, and College Pathways (for more information about the three topics please reference the “Eligibility” section above):</p><b>Innovation</b><p>The best entries will be those that identify key issues and ideas that contribute to improving the quality of life of young black and Latino men, and strengthen all of New York City. Innovation does not necessarily involve inventing something entirely new. It may comprise new policies, products or programs models, as well as new processes or hybrid combinations of existing tools/services. Entries should describe how a solution is driven by original, ground-breaking ideas.</p><b>Social Impact</b><p>It is important that the idea or program results in measurable social impact in NYC communities. Some entries will have proven success at a small level, while others may have engaged thousands of people in communities across the city. Some solutions will achieve their impact quickly, while some will slowly seed social change for the long term. For ideas that are entered, they must show how they intend to create and track social impact.</p><b>Sustainability</b><p>For an idea or program to be truly effective, it must have a plan to exist and grow well into the future, a plan to sustain itself. Innovations will be judged on their long-term vision for increasing impact and creating lasting change. Entries should describe how they are currently financing their work (if applicable), and how they plan to finance their work in the future. The most successful entrants go beyond discussing whether or not they will charge for services and describe a business plan. They should also demonstrate that they have strong partnerships and support networks to address ongoing needs, and to aid in scalability and maintenance of a clear financial strategy.</p><h2>Competition Deadlines, Procedures, and Rules</h2><p>Online competition submissions are accepted until 5 p.m. EDT on Wednesday July 31, 2013. At any time before this deadline, competition participants are encouraged to revise their entries based on questions and insights that they may receive from public comments or any advisors (participants can continue to modify their entry even after it’s been “published”).</p><p><b>There are four main phases in the competition:</b></p><ul><li><b>Entry Stage</b>: May 23-July 31</li><ul><li>(<b>Early Entry Stage</b>: May 23-June 19)</li></ul><li><b>Review and Judging</b>: July 31-September 4</li><ul><li>A panel of expert judges and a team of Ashoka Changemakers staff select the Runner-Up prize finalists and Grand prize recipient.</li></ul><li><b>Public Voting</b>: September 4-September 18</li><ul><li>The public will vote to select the three Runner-Up prize recipients from a field of finalists.</li></ul><li><b>Winners Announcement</b>: September 25</li></ul><h2>Prizes</h2><b>Early Entry Prizes</b><p>Early entries received by June 19, 2013 will be eligible to win one of two cash prizes of up to $500. Being an Early Entry Prize winner does not preclude entrants from winning additional competition prizes in any way. All entries will be evaluated on an equal basis at the completion of the entry period, according to the Changemakers criteria.</p><b>Runner-Up Prizes</b><p>The top entries in the competition will be selected as Finalists by an internal group of Ashoka Changemakers staff and a panel of expert judges. Then the public will vote for their top three Finalists during a two week voting period from September 4-18. The top three vote-getters will each win a Runner-up prize of $5,000.</p><b>Grand Prize</b><p>A $20,000 prize will be given to strongest overall entry in the competition as determined by an internal group of Ashoka Changemakers staff and a panel of expert judges. (Please note that this prize will NOT be determined by a public vote).</p><h2>Disclaimer—Compliance with Legal Restrictions</h2><p>Ashoka complies fully with all U.S. laws and regulations, including Office of Foreign Assets Control regulations, export control, and anti-money laundering laws. Any grants will be awarded subject to compliance with such laws. Ashoka will not make any grant if it finds that to do so would be unlawful. This may prohibit awards in certain countries and/or to certain individuals or entities. All recipients will comply with these laws to the extent they are applicable to such recipients. No recipient will take any action that would cause Ashoka to violate any laws. Additionally, Ashoka will not make any grant to a company involved in the promotion of tobacco use.</p></div><br /><br /></div><br /><br /><style><!-- Styles for accordion. Do not modify .accordion* class names! JS depends on them -->
#wrapper {
width: 800px;
margin-left: auto;
margin-right: auto;
}
.accordionButton {
width: 940px;
float: left;
background: #183554;
border-bottom: 1px solid #000000;
cursor: pointer;
font-weight: bold;
font-size: 18px;
color: #FFFFFF;
padding: 8px 0px 0px 8px;
margin-top: 4px;
}
.accordionButtonLast {
margin-bottom: 20px;
}
.accordionButtonInner {
background: #E67C32;
width: 250px;
padding: 3px 0px 3px 5px;
text-transform: uppercase;
font-size: 16px;
}
#triangle-topleft {
width: 0;
height: 0;
border-top: 24px solid #E67C32;
border-right: 12px solid transparent;
display: inline;
position: relative;
left: 255px;
top: 12px;
line-height: 0;
}
.accordionContent {
width: 920px;
float: left;
background: #FFFFFF;
display: none;
border: 1px solid;
padding: 10px;
}
</style><script>
$(document).ready(function() {
//ACCORDION BUTTON ACTION
/*old version:
$('div.accordionButton').click(function() {
$('div.accordionContent').slideUp('normal');
$(this).next().slideDown('normal');
});
*/
$('div.accordionButton').click(function() {
if ($(this).next().attr('id')=='open') {
$('div.accordionContent').slideUp('normal', function() {
$(this).attr('id', 'closed');
});
}
else {
$('div.accordionContent').slideUp('normal', function() {
$(this).attr('id', 'closed');
});
$(this).next().slideDown('normal', function() {
$(this).attr('id', 'open');
});
}
});
//HIDE THE DIVS ON PAGE LOAD
$("div.accordionContent").hide();
});</script>