CINXE.COM
Crowdhackathon
<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.0"> <title>Crowdhackathon</title> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous"> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.bundle.min.js" integrity="sha384-JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf" crossorigin="anonymous"> </script> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.3/css/all.css" integrity="sha384-SZXxX4whJ79/gErwcOYf+zWLeJdY/qpuqC4cAa9rOGUstPomtqpuNWT9wdPEn2fk" crossorigin="anonymous"> <link rel="icon" type="image/x-ico" href="images/favicon.ico?v=2" /> <link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet"> <link rel="stylesheet" href="style.css"> <!-- Primary Meta Tags --> <title>Crowdhackathon</title> <meta name="title" content="Crowdhackathon"> <meta name="description" content="螠螜螒 螞违危螚 螒螡螣螜围韦螚危 螝螒螜螡螣韦螣螠螜螒危 螒螤螣 韦螚螡 CROWDPOLICY."> <!-- Open Graph / Facebook --> <meta property="og:type" content="website"> <meta property="og:url" content="https://www.crowdhackathon.com/"> <meta property="og:title" content="Crowdhackathon"> <meta property="og:description" content="螠螜螒 螞违危螚 螒螡螣螜围韦螚危 螝螒螜螡螣韦螣螠螜螒危 螒螤螣 韦螚螡 CROWDPOLICY"> <meta property="og:image" content="images/oishare.jpg"> <!-- Twitter --> <meta property="twitter:card" content="summary_large_image"> <meta property="twitter:url" content="https://www.crowdhackathon.com/"> <meta property="twitter:title" content="Crowdhackathon"> <meta property="twitter:description" content="螠螜螒 螞违危螚 螒螡螣螜围韦螚危 螝螒螜螡螣韦螣螠螜螒危 螒螤螣 韦螚螡 CROWDPOLICY"> <meta property="twitter:image" content="images/oishare.jpg"> </head> <body> <div class="offcanvas offcanvas-end w-50" tabindex="-1" id="offcanvas" data-bs-keyboard="false" data-bs-backdrop="false"> <div class="offcanvas-header"> <h6 class="offcanvas-title d-none d-sm-block" id="offcanvas">Menu</h6> <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button> </div> <div class="offcanvas-body px-0"> <ul class="nav nav-pills flex-column mb-sm-auto mb-0 align-items-start" id="menu"> <li class="nav-item"> <a href="https://www.crowdpolicy.com" class="nav-link text-truncate"> <i class="fs-5 bi-house"></i><span>Crowdpolicy</span> </a> </li> <li class="dropdown"> <a href="#" class="nav-link dropdown-toggle text-truncate" id="dropdown" data-bs-toggle="dropdown" aria-expanded="false"> <i class="fs-5 bi-bootstrap"></i><span>违蟺畏蟻蔚蟽喂蔚蟼</span> </a> <ul class="dropdown-menu text-small shadow" aria-labelledby="dropdown"> <li><a class="dropdown-item" href="https://www.crowdhackathon.com/live">Live Streaming</a></li> <li><a class="dropdown-item" href="http://certificate.crowdhackathon.com/">螤喂蟽蟿慰蟺慰喂畏蟿喂魏维</a></li> <li><a class="dropdown-item" href="http://vote.crowdhackathon.com/">唯畏蠁慰蠁慰蟻委伪</a></li> <li><a class="dropdown-item" href="https://medium.com/the-crowdpolicy-collection/crowdhackathons-new-services-d55ba2d8091">螠维胃蔚 螤蔚蟻喂蟽蟽蠈蟿蔚蟻伪</a></li> </ul> </li> <li> <a href="#" class="nav-link text-truncate"> <i class="fs-5 bi-grid"></i><span>螘魏未萎位蠅蟽畏 螘谓未喂伪蠁苇蟻慰谓蟿慰蟼 <i class="fas fa-external-link-alt "></i></span></a> </li> <li> </li> </ul> </div> </div> <div> <nav class="navbar navbar-expand-md"> <div class="collapse navbar-collapse d-flex justify-content-end" id="navbarNavDropdown"> <ul class="navbar-nav align-items-baseline"> <li class="nav-item me-4"> <a href="https://www.facebook.com/crowdhackathon/"><i class="fab fa-facebook-f"></i></a> </li> <li class="nav-item me-4"> <a href="https://twitter.com/crowdhackathon"><i class="fab fa-twitter"></i></a> </li> <li class="nav-item"> <a class="nav-link active" aria-current="page" href="https://www.crowdpolicy.com/">Crowdpolicy</a> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false"> 违蟺畏蟻蔚蟽委蔚蟼 </a> <ul class="dropdown-menu text-small" aria-labelledby="dropdown"> <li><a class="dropdown-item" href="https://www.crowdhackathon.com/live">Live Streaming</a></li> <li><a class="dropdown-item" href="http://certificate.crowdhackathon.com/">螤喂蟽蟿慰蟺慰喂畏蟿喂魏维</a></li> <li><a class="dropdown-item" href="http://vote.crowdhackathon.com/">唯畏蠁慰蠁慰蟻委伪</a></li> <li><a class="dropdown-item" href="https://medium.com/the-crowdpolicy-collection/crowdhackathons-new-services-d55ba2d8091">螠维胃蔚 螤蔚蟻喂蟽蟽蠈蟿蔚蟻伪</a></li> </ul> </li> <li class="nav-item"> <a class="nav-link active" aria-current="page" href="https://www.crowdpolicy.com/oi/subscribe/" target="_blank">螘魏未萎位蠅蟽畏 螘谓未喂伪蠁苇蟻慰谓蟿慰蟼<i class="fas fa-external-link-alt"></i></a> </li> </ul> <div class="form-check form-switch lang-toggle" id="langswitch"> <input class="form-check-input" type="checkbox" id="flexSwitchCheckDefault"> <label for="lang-toggle"> <div class="slider"></div> <div class="options"> <div id="el">EN</div> <div id="en">螘螞</div> </div> </label> <a class="d-none language" href="index_en.php">螘N</a> </div> </div> </nav> </div> <button class="btn burgermenu float-end" data-bs-toggle="offcanvas" data-bs-target="#offcanvas" role="button"> <i class="fas fa-bars" data-bs-toggle="offcanvas" data-bs-target="#offcanvas"></i> </button> <header class="homeheader"> <div class="overlay"></div> <video autoplay muted loop id="myVideo"> <source src="https://drive.google.com/uc?export=download&id=17utVhxmobCnvtpMMaZNCeoP3rF__-hjN" type="video/mp4" codecs="avc1.42E01E, mp4a.40.2"> Your browser does not support HTML5 video. </video> <div class="container h-100"> <div class="d-flex h-100 text-center justify-content-center flex-column align-items-center"> <div class="w-100 text-white"> <a href="https://www.crowdpolicy.com/oi" target="_blank"><img class="headerlogo" src="images/crowdhackathon-full_logo_animate.svg" alt="big_cp_logo"></a> <h4 class="mt-5 herotext">螠螜螒 螞违危螚 螒螡螣螜围韦螚危 螝螒螜螡螣韦螣螠螜螒危<br /> 螒螤螣 韦螚螡 CROWDPOLICY</h4> </div> </div> </div> </header> <div class="arrow d-flex justify-content-center"> <a href="#draseis-container"> <i class="fas fa-chevron-down"></i> </a> </div> <div class="container" id="draseis-container"></div> <div class="container pagination"></div> <footer class="p-5 wrapper-footer"> <div class="cpbiglogo"><a href="https://www.crowdpolicy.com/oi" target="_blank"><img src="images/OI-full_logo-white.svg" alt="big_cp_logo"></a> <div class="d-flex justify-content-center align-items-baseline social mt-3"> <a href="https://www.facebook.com/crowdhackathon/" target="_blank"><i class="fab fa-facebook-f"></i></a> <a href="https://twitter.com/crowdhackathon" target="_blank"><i class="fab fa-twitter"></i></a> </div> </div> <div class="copyright container"><a href="terms/"> 螌蟻慰喂 围蟻萎蟽畏蟼</a><span class="mx-2"> -</span><a href="https://www.crowdpolicy.com/oi/terms-of-use/" target="_blank"> 螤蟻慰蟽蟿伪蟽委伪 螜未喂蠅蟿喂魏蠈蟿畏蟿伪蟼</a></div> <div class="cpcopyr d-flex justify-content-center align-items-baseline mt-3"><span>Copyright © 2024</span><a href="https://www.crowdpolicy.com" target="_blank">Crowdpolicy<img src="images/cp_icon_white.svg" alt="crowdpolicy_logo" class="cplogo"></a></div> </footer> </body> </html> <script> $(document).ready(function() { div_container = $('#draseis-container'); div_pagination = $('.pagination'); //Using Fetch //Using ajax function ajax_caller(page) { let container = ''; let pagination_temp = ''; var call = $.ajax({ 'method': 'GET', 'url': `https://www.crowdpolicy.com/wp-json/wp/v2/events?events-categories=173&events-categories=173&per_page=10&page=${page}`, beforeSend: () => { div_pagination.after( '<div class="container loading text-center"><img width=50 src="https://upload.wikimedia.org/wikipedia/commons/c/c7/Loading_2.gif"></div>' ); }, success: (data) => { let pagination = call.getResponseHeader("x-wp-totalpages"); $('.loading').remove(); data.map((event) => { console.log(event); let event_button_title_1_el = event.acf.event_button_1.event_button_title_1_el; let event_button_url_1_el_target = event.acf.event_button_1.event_button_title_1_el.target; let event_button_url_1_el_url = event.acf.event_button_1.event_button_url_1_el.url; let event_button_title_1_en = event.acf.event_button_1.event_button_title_1_en; let event_button_url_1_en_target = event.acf.event_button_1.event_button_url_1_en.target; let event_button_url_1_en_url = event.acf.event_button_1.event_button_url_1_en.url; let event_button_2_question = event.acf.event_button_2_question; let btn_blue2 = false; if (event_button_2_question !== "false") { let event_button_title_2_el = event.acf.event_button_2.event_button_title_2_el; let event_button_url_2_el_target = event.acf.event_button_2.event_button_url_2_el.target; let event_button_url_2_el_url = event.acf.event_button_2.event_button_url_2_el.url; let event_button_title_2_en = event.acf.event_button_2.event_button_title_2_en; let event_button_url_2_en_target = event.acf.event_button_2.event_button_url_2_en.target; let event_button_url_2_en_url = event.acf.event_button_2.event_button_url_2_en.url; btn_blue2 = `<a class="btn blue" href="${event_button_url_2_el_url}" target="_blank">${event_button_title_2_el}</a>`; } let event_date = event.acf.event_date; let event_desc_el = event.acf.event_desc_el; let event_desc_en = event.acf.event_desc_en; let event_picture = event.acf.event_picture; let event_title_el = event.acf.event_title_el; let event_title_en = event.acf.event_title_en; let catname = event["events-categories"]; container += `<div class="row eventbox"> <div class="col-md-6 description"> <p class="title">${event_title_el}</p> <span>crowdhackathon | ${event_date}</span> <p class="descparagraph">${event_desc_el}</p> <div class="buttonrow"> <a class="btn white" href="${event_button_url_1_el_url}" target="_blank">${event_button_title_1_el}</a> ${(btn_blue2 != false) ? btn_blue2 : ''} </div> </div> <div class="col-md-6 imagecontainer"><img src="${event_picture}"></div> </div>`; //TODO: Fix it properply }) div_container.empty().append(container); pagination_temp += '<div class="pagination-inner d-flex justify-content-center align-items-center">'; for (var i = 1; i <= pagination; i++) { if (page == i) { active = 'background: #002a41;color: #fff;border-radius: 50%;width: 30px;height: 30px;display: flex;justify-content: center;align-items: center;'; } else { active = ''; } pagination_temp += `<a class="pagination-inner__item" style="${active}">${i}</a>`; } pagination_temp += '</div>'; div_pagination.empty().append(pagination_temp); } }) } ajax_caller(1); $(document).on('click', '.pagination-inner__item', function(e) { e.preventDefault(); page = $(this).text(); ajax_caller(page); }); }) </script> <script> $(document).ready(function() { $('#el').css('display', 'flex'); $('#en').css('display', 'none'); $('input[type="checkbox"]').click(function() { if ($(this).prop("checked") == true) { window.location.href = "index_en.php"; } else if ($(this).prop("checked") == false) { $('#el').css('display', 'block'); $('#en').css('display', 'none'); } }); }); </script>