<!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">
 
<title>World Diabetes Day</title>
<link rel="icon" sizes="16x16 32x32 64x64" href="favicon/favicon.png">
<link rel="icon" type="image/png" sizes="196x196" href="favicon/favicon-192.png">
<link rel="icon" type="image/png" sizes="96x96" href="favicon/favicon-96.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16.png">
<link rel="apple-touch-icon" sizes="76x76" href="favicon/favicon-76.png">
<link rel="apple-touch-icon" sizes="114x114" href="favicon/favicon-114.png">
<link rel="apple-touch-icon" sizes="144x144" href="favicon/favicon-144.png">
<link rel="apple-touch-icon" sizes="152x152" href="favicon/favicon-152.png">
<link rel="apple-touch-icon" sizes="180x180" href="favicon/favicon-180.png">
 
 
<!--[if lt IE 9]>

    <!-- Bootstrap / Animate and Custom CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/animate.css" rel="stylesheet">
<link rel="stylesheet" href="css/global.css">
<link href="css/nanogallery.min.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="css/main.css">
<link href="style.css?v=6" rel="stylesheet">
<script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>
<!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
<script>
        (function (i, s, o, g, r, a, m) {
            i['GoogleAnalyticsObject'] = r;
            i[r] = i[r] || function () {
                    (i[r].q = i[r].q || []).push(arguments)
                }, i[r].l = 1 * new Date();
            a = s.createElement(o),
                m = s.getElementsByTagName(o)[0];
            a.async = 1;
            a.src = g;
            m.parentNode.insertBefore(a, m)
        })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');

        ga('create', 'UA-972814-1', 'auto');
        ga('send', 'pageview');

    </script>
</head>
<body id="home">
 
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container container-wdd-nav">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#">HOME</a></li>
<li><a href="about.html">About WDD</a></li>
<li><a href="wdd2016.html">WDD 2016</a></li>
<li><a href="getinvolved.html">Get Involved</a></li>
<li><a href="test2prevent.php">Test2Prevent</a></li>
<li><a href="resources.html">Resources</a></li>
<li><a href="partners.html">Partners</a></li>
</ul>
</div> 
</div>
</nav>
<div class="wrapper">
<div class="center-me" id="skrollr-body">
<a href="http://www.idf.org" class="logo--main" title="Action on diabetes">
<img src="img/idf-logo.png" alt="International Diabetes Federation"/>
</a>
<a href="http://www.idf.org/worlddiabetesday" class="logo--parent logo--parent-righter" title="World Diabetes Day">
<img src="img/idf__wdd-logo-new.png" alt="World Diabetes Day"/>
</a>
<br class="clear-me"/>
<div class="clearfix"></div>
</div>
<div class="clr20"></div>
</div>
 
<div id="diabetesCarousel" class="carousel slide" data-ride="carousel">
<div class="carousel-inner" role="listbox">
<div class="item active item-1">
<img class="slider-image img-responsive" src="img/content//home/home_slider_first.png" alt="Second slide">
</div>
<div class="item item-2">
<img class="slider-image img-responsive" src="img/content/home/home_slider_1.png" alt="First slide">
<div class="container container-carousel">
</div>
</div>
<div class="item item-3">
<img class="slider-image img-responsive" src="img/content//home/home_slider_2.png" alt="Second slide">
</div>
</div>
<a class="left carousel-control" href="#diabetesCarousel" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#diabetesCarousel" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div> 
<div class="site-block-section site-block-section--shadow parallax bg-numbers reduce-padding" data-bottom-top="background-position: 50% -400px" data--100-top="background-position: 50% 0px">
<div class="container-fluid">
<div class="share-this-wrapper">
<h5 class="share-this-page-header">Share this page</h5>
 
<a class="resp-sharing-button__link" href="https://facebook.com/sharer/sharer.php?u=http%3A%2F%2Fwww.idf.org%2Fwdd-index%2F" target="_blank" aria-label="">
<div class="resp-sharing-button resp-sharing-button--facebook resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid">
<svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
<g>
<path d="M18.768,7.465H14.5V5.56c0-0.896,0.594-1.105,1.012-1.105s2.988,0,2.988,0V0.513L14.171,0.5C10.244,0.5,9.5,3.438,9.5,5.32 v2.145h-3v4h3c0,5.212,0,12,0,12h5c0,0,0-6.85,0-12h3.851L18.768,7.465z"/>
</g>
</svg>
</div>
</div>
</a>
 
<a class="resp-sharing-button__link" href="https://twitter.com/intent/tweet/?text=Eyes%20on%20%23diabetes%20this%20World%20Diabetes%20Day!%20%23WDD&amp;url=http%3A%2F%2Fwww.idf.org%2Fwdd-index%2F" target="_blank" aria-label="">
<div class="resp-sharing-button resp-sharing-button--twitter resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid">
<svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
<g>
<path d="M23.444,4.834c-0.814,0.363-1.5,0.375-2.228,0.016c0.938-0.562,0.981-0.957,1.32-2.019c-0.878,0.521-1.851,0.9-2.886,1.104 C18.823,3.053,17.642,2.5,16.335,2.5c-2.51,0-4.544,2.036-4.544,4.544c0,0.356,0.04,0.703,0.117,1.036 C8.132,7.891,4.783,6.082,2.542,3.332C2.151,4.003,1.927,4.784,1.927,5.617c0,1.577,0.803,2.967,2.021,3.782 C3.203,9.375,2.503,9.171,1.891,8.831C1.89,8.85,1.89,8.868,1.89,8.888c0,2.202,1.566,4.038,3.646,4.456 c-0.666,0.181-1.368,0.209-2.053,0.079c0.579,1.804,2.257,3.118,4.245,3.155C5.783,18.102,3.372,18.737,1,18.459 C3.012,19.748,5.399,20.5,7.966,20.5c8.358,0,12.928-6.924,12.928-12.929c0-0.198-0.003-0.393-0.012-0.588 C21.769,6.343,22.835,5.746,23.444,4.834z"/>
</g>
</svg>
</div>
</div>
</a>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-12">
</div>
</div>
<div class="row">
<div class="col-sm-4">
<img src="img/content/home/home_top_circle.png" alt="" class="article-block__img  img-responsive  faded  delay02s animated fadeIn" data-waypoint="true" data-animation="fadeIn">
</div>
<div class="col-sm-8">
<article class="article-block">
<header>
<h1 class="faded  delay04s animated fadeInRight" data-waypoint="true" data-animation="fadeInRight">
<strong>World Diabetes Day 2016</strong>
</h1>
</header>
<div class="faded  delay06s animated fadeInRight" data-waypoint="true" data-animation="fadeInRight">
<p>The theme of World Diabetes Day 2016 is Eyes on Diabetes. The year's activities and materials
will focus on promoting the importance of screening to ensure early diagnosis of type 2
diabetes and treatment to reduce the risk of serious complications.</p>
<p>
<a class="rounded-btn  rounded-btn--primary" href="wdd2016.html">Read more</a>
</p>
</div>
</article>
</div>
</div>
</div>
</div>
<div class="site-block-section site-block-section--shadow parallax bg-numbers" data-bottom-top="background-position: 50% -400px" data--100-top="background-position: 50% 0px">
<div class="container">
<div class="row">
<div class="col-sm-4">
<img src="img/wdd-test2prevent-circle-image.png" alt="" class="article-block__img  img-responsive  faded  delay02s animated fadeIn" data-waypoint="true" data-animation="fadeIn">
</div>
<div class="col-sm-8">
<article class="article-block">
<header>
<h1 class="faded  delay04s animated fadeInRight" data-waypoint="true" data-animation="fadeInRight">
<strong>Test2Prevent</strong>
</h1>
</header>
<div class="faded  delay06s animated fadeInRight" data-waypoint="true" data-animation="fadeInRight">
<p>1 in 2 people currently living with diabetes is undiagnosed. Help us achieve 1 million individual screenings this November by participating in our Test2Prevent initiative.</p>
<p>
<a class="rounded-btn  rounded-btn--primary" href="http://www.idf.org/wdd-index/test2prevent.php">Learn more</a>
<a class="rounded-btn  rounded-btn--primary" href="http://www.idf.org/type-2-diabetes-risk-assessment">Get tested</a>
</p>
</div>
</article>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<img src="img/idf__by-the-numbers--03.png" alt="" class="article-block__img  img-responsive  faded  delay02s animated fadeIn" data-waypoint="true" data-animation="fadeIn">
</div>
<div class="col-sm-8">
<article class="article-block">
<header>
<h1 class="faded  delay04s animated fadeInRight" data-waypoint="true" data-animation="fadeInRight">
<strong>WDD 2016 around the world</strong>
</h1>
</header>
<div class="faded  delay06s animated fadeInRight" data-waypoint="true" data-animation="fadeInRight">
<p>See what activities are taking place around the world for WDD 2016 and share your own event information on our interactive map.</p>
<p>
<a class="rounded-btn  rounded-btn--primary" href="http://www.idf.org/wdd-events" target="_blank">WDD 2016 events</a>
</p>
</div>
</article>
</div>
</div>
</div>
</div>
<div class="site-block-section site-block-section--shadow">
<div class="container">
<div class="row padding-sm call-to-actions">
<div class="col-sm-4 center-me">
<div class="circle circle--1 parallax fx-anim delay-02s" data-waypoint="true" data-animation="fadeIn" id="line-1-1a" data-bottom-top="background-position: 0 0px" data--100-top="background-position: 0 -100px"></div>
<article class="article-block">
<header class="fx-anim delay-03s banner__header" data-waypoint="true" data-animation="fadeIn" id="line-1-1b">
<h4 class="faded  delay04s animated fadeInRight" data-waypoint="true" data-animation="fadeInRight"><strong>See how you<br/> can take part</strong></h4>
</header>
<div class="fx-anim delay-03s button-wrap" data-waypoint="true" data-animation="fadeIn" id="line-1-1c">
<a class="rounded-btn rounded-btn--primary" href="getinvolved.html">Get involved</a>
</div>
</article>
</div>
<div class="col-sm-4 center-me">
<div class="circle circle--3 parallax fx-anim delay-02s" data-waypoint="true" data-animation="fadeIn" id="line-2-1a" data-bottom-top="background-position: 0 0px" data--100-top="background-position: 0 -100px"></div>
<article class="article-block">
<header class="fx-anim delay-03s banner__header" data-waypoint="true" data-animation="fadeIn" id="line-2-1b">
<h4 class="faded  delay04s animated fadeInRight" data-waypoint="true" data-animation="fadeInRight"><strong>WDD16<br/> around the world</strong></h4>
</header>
<div class="fx-anim delay-04s button-wrap" data-waypoint="true" data-animation="fadeIn" id="line-2-1c">
<a class="rounded-btn rounded-btn--primary" href="http://www.idf.org/wdd-events" target="_blank">Submit your activity</a>
</div>
</article>
</div>
<div class="col-sm-4 center-me">
<div class="circle circle--2 parallax fx-anim delay-02s" data-waypoint="true" data-animation="fadeIn" id="line-2-1a" data-bottom-top="background-position: 0 0px" data--100-top="background-position: 0 -100px"></div>
<article class="article-block">
<header class="fx-anim delay-03s banner__header" data-waypoint="true" data-animation="fadeIn" id="line-2-1b">
<h4 class="faded  delay04s animated fadeInRight" data-waypoint="true" data-animation="fadeInRight"><strong>WDD<br/> in pictures</strong></h4>
</header>
<div class="fx-anim delay-04s button-wrap" data-waypoint="true" data-animation="fadeIn" id="line-2-1c">
<a class="rounded-btn rounded-btn--primary" href="https://www.flickr.com/photos/idf/albums/72157648760596157" target="_blank">Flickr
Gallery</a>
</div>
</article>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div class="social-wrap">
<ul class="socal  socal--blue">
<li><a target="_blank" class="facebook" href="https://www.facebook.com/internationaldiabetesfederation"><span class="icon-facebook"></span></a></li>
<li><a target="_blank" class="twitter" href="https://twitter.com/IntDiabetesFed"><span class="icon-twitter"></span></a></li>
<li><a target="_blank" class="flickr" href="http://www.flickr.com/photos/idf"><span class="icon-flickr"></span></a></li>
<li><a target="_blank" class="youtube" href="http://www.youtube.com/intdiabetesfed"><span class="icon-youtube"></span></a></li>
<li><a target="_blank" class="linkedin" href="http://www.linkedin.com/company/international-diabetes-federation"><span class="icon-linkedin"></span></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-12">
<h2 class="flickr-gallery-header center-me">Your WDD images</h2>
<div id="nanoGallery1"></div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="photo-submit-wrapper">
<a class="rounded-btn rounded-btn--primary" href="http://www.idf.org/wdd-upload" target="_blank">Submit your photos</a>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-12">
<h2 class="flickr-gallery-header center-me">Your blue circle selfies</h2>
<div id="nanoGallery2"></div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="photo-submit-wrapper-bottom">
<a class="rounded-btn rounded-btn--primary" href="http://www.idf.org/worlddiabetesday/selfie-app" target="_blank">Get the WDD selfie app</a>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-12">
<h2 class="flickr-gallery-header center-me">Your WDD Tweets</h2>
<iframe class="tweetmap" width="100%" height="500" src="https://www.tweetping.net/ui/dashboard/#54c3b6e3" frameborder="0"></iframe>
</div>
</div>
</div>
<div class="site-block-section site-block-section--shadow parallax bg-wdd diap" data-bottom-top="background-position: 50% -30px" data--100-top="background-position: 50% 10px">
<div class="container">
<div class="row">
<div class="col-sm-8">
<article class="article-block">
<header class="fx-anim  delay-2s" data-waypoint="true" data-animation="fadeInLeft" id="line-2a">
<h1>World Diabetes Day</h1>
</header>
<div class="fx-anim  delay-04s" data-waypoint="true" data-animation="fadeInLeft" id="line-2b">
<p><strong>World Diabetes Day (WDD)</strong> is the <strong>world’s largest diabetes awareness
campaign</strong> with events organised in more than 100 countries in 2015 and dedicated
advocacy activities around G7, UN General Assembly and G20.</p>
<p>
Led by the International Diabetes Federation, WDD unites the global diabetes community to
produce a powerful voice for diabetes awareness and advocacy. WDD is a year-long campaign to
reflect the realities of dealing with a chronic condition.</p>
<p>The theme of WDD 2016 will be ‘Eyes on diabetes’. Supporting materials for the campaign will
be released from May 16 through to September in an effort to help WDD stakeholders to
prepare for the day.</p>
<p>
<a class="rounded-btn rounded-btn--primary" href="about.html">Learn more about the
campaign</a>
</p>
</div>
</article>
</div>
<div class="col-sm-4">
</div>
</div>
</div>
</div>
<div class="site-block-section  site-block-section--shadow" id="section-twitter-feed">
<div class="container">
<div class="row text-center">
<div class="col-xs-12">
<h2><strong>@IntDiabetesFed</strong></h2>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div id="twitter"></div>
</div>
</div>
<div class="row">
<div class="col-xs-12 text-center">
<div class="article-block">
<p>
 
 
 
<a class="twitter-timeline" href="https://twitter.com/WDD" data-widget-id="730076527187140610">Tweets
by @WDD</a>
<script>!function (d, s, id) {
                                var js, fjs = d.getElementsByTagName(s)[0], p = /^http:/.test(d.location) ? 'http' : 'https';
                                if (!d.getElementById(id)) {
                                    js = d.createElement(s);
                                    js.id = id;
                                    js.src = p + "://platform.twitter.com/widgets.js";
                                    fjs.parentNode.insertBefore(js, fjs);
                                }
                            }(document, "script", "twitter-wjs");</script>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="row">
<div class="center-me">
<div class="col col3">
<h5>Useful links</h5>
<ul>
<li><a href="http://www.idf.org" target="_blank">International Diabetes Federation</a></li>
<li><a href="http://www.diabetesatlas.org" target="_blank">IDF Diabetes Atlas</a></li>
 
</ul>
</div>
<div class="col col3">
<h5>Get in touch</h5>
<address>
166 Chaussee de La Hulpe<br/>
B-1170 Brussels, Belgium<br/>
P: +32-2-538 55 11<br/>
F: +32-2-538 51 14<br/>
<a href="mailto:wdd@idf.org" target="_blank">General queries</a><br/>
<a href="mailto:communications@idf.org" target="_blank">Website queries</a>
</address>
</div>
<div class="col col3">
<h5>Connect with IDF</h5>
<ul class="social">
<li><a target="_blank" href="https://www.facebook.com/internationaldiabetesfederation" class="fa fa-facebook"></a></li>
<li><a target="_blank" href="https://twitter.com/IntDiabetesFed" class="fa fa-twitter"></a></li>
<li><a target="_blank" href="http://www.flickr.com/photos/idf" class="fa fa-flickr"></a></li>
<li><a target="_blank" href="http://www.youtube.com/intdiabetesfed" class="fa fa-youtube-play"></a>
</li>
<li><a target="_blank" href="http://www.linkedin.com/company/international-diabetes-federation" class="fa fa-linkedin"></a></li>
</ul>
 
</div>
<div class="col col3 last">
<h5>Donate</h5>
<a target="_blank" href="http://www.idf.org/lifeforachild">Life for a Child</a>
</div>
</div>
</div>
</footer>
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
 
<script src="js/bootstrap.min.js"></script>
<script src="js/app-min.js"></script>
<script type="text/javascript" async src="//platform.twitter.com/widgets.js"></script>
<!--[if lt IE 9]>
<script type="text/javascript" src="js/lib/skrollr.ie.js"></script><![endif]-->
<script type="text/javascript" src="js/jquery.nanogallery.min.js"></script>
<script>

    $(document).ready(function () {

        var myColorScheme = {
            navigationbar: {
                background: '#f00',
                border: '0px dotted #555',
                color: '#ccc',
                colorHover: '#fff'
            },
            thumbnail: {
                background: '#fff',
                border: '0px solid #5d91cf',
                labelBackground: 'transparent',
                labelOpacity: '0.8',
                titleColor: '#fff',
                descriptionColor: '#eee'
            }
        };
        var myColorSchemeViewer = {
            background: 'rgba(1, 1, 1, 0.75)',
            imageBorder: '2px solid #f8f8f8',
            imageBoxShadow: '#888 0px 0px 20px',
            barBackground: '#222',
            barBorder: '0px solid #111',
            barColor: '#eee',
            barDescriptionColor: '#aaa'
        };


        $("#nanoGallery1").nanoGallery({
            userID: '62264172@N00',
            kind: 'flickr',
            colorScheme: myColorScheme,
            photoset: '72157648760596157',
            thumbnailWidth: 150, thumbnailHeight: 150,
            theme: 'default',
            paginationMaxLinesPerPage:2,
            thumbnailLabel: { display: true, displayDescription: false, position:'overImageOnBottom', align:'center', hideIcons:true },
            viewerToolbar: { display: true, position: 'bottom', style: 'fullWidth', standard:'minimizeButton, previousButton, pageCounter, nextButton, playPauseButton, fullscreenButton, infoButton, linkOriginalButton, closeButton, label, customN', minimized: 'closeButton', autoMinimize: 800},

            thumbnailHoverEffect: [{ name: 'labelAppear75', duration: 300 }],
            locationHash:true,
            thumbnailLazyLoad: true

        });

        /**
         * API
         * @type {string}
         */
//        var requestURL = '/wdd-new/API/get.php'; //Local URL
        var requestURL = '/wdd-index/API/get.php'; //Live URL

        $.get(requestURL, {}, function(data) {
            if ( data.error ) {

            }
            else {
                var pictures = JSON.parse(data);
                var items = [];

                $.each(pictures, function(index, picture) {
                    items.push({src: 'http://idf.intotheweb.be' + picture.image_url});
                });

                console.log(items);


                jQuery("#nanoGallery2").nanoGallery({
                    items: items,
                    thumbnailWidth: 150, thumbnailHeight: 150,
                    theme: 'default',
                    colorScheme: myColorScheme,
                    paginationMaxLinesPerPage:2,
                    thumbnailHoverEffect: 'borderLighter,imageScaleIn80',
                    itemsBaseURL: '',
                    locationHash: false,
                    thumbnailLabel: { display: true, displayDescription: false, position:'overImageOnBottom', align:'center', hideIcons:true },
                    viewerToolbar: { display: true, position: 'bottom', style: 'fullWidth', standard:'minimizeButton, previousButton, pageCounter, nextButton, playPauseButton, fullscreenButton, infoButton, linkOriginalButton, closeButton, label, customN', minimized: 'closeButton', autoMinimize: 800}
                });

            }
        });

    });

</script>
<script>
    $('iframe').load( function() {

        $('iframe.tweetmap').contents().find(".filter-selector ul li").hide();
        console.log('class added');

    });
</script>
</body>
</html>