CINXE.COM
Copernix - Know thy World
<html> <head> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-120049052-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-120049052-1'); </script> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script> <script type="text/javascript">$.ajaxSetup({data: {csrfmiddlewaretoken: 'q53Dur8vKSCczhSu7JgIb9SEZrNlmi6S' },});</script> <script type="text/javascript" src="/static/library/mylogging.js"></script> <title>Copernix - Know thy World</title> <link rel="icon" href="/static/icons/favicon.ico"> <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> <meta http-equiv="Content-type" content="text/html; charset=utf-8"> <meta name="description" content="Explore the world using Wikipedia on a map. Copernix lets you search for information in a new, easy and intuitive way."/> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta property="og:image" content="https://copernix.io/static/images/eye_of_sahara.jpg"/> <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3.31&libraries=places&key=AIzaSyBjPJlV86OR_aw4dV0XnCjbtyV_S1PPfds"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script> <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css"> <script type="text/javascript" src="/static/library/markerwithlabel.js"></script> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/js-info-bubble@0.8.0/src/infobubble.min.js"></script> <link rel="stylesheet" href="/static/new_my_styles.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/simplebar@latest/dist/simplebar.css"> <script src="https://cdn.jsdelivr.net/npm/simplebar@latest/dist/simplebar.js"></script> <!--<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/simplebar/2.6.1/simplebar.min.css"> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/simplebar/2.6.1/simplebar.min.js"></script> </head> <!--<div style="width:100%;display:flex;margin-top:5px;"> <div class="search_bar_bt" id="id_menu_bt_div" > <input type="image" src="/static/icons/menu.svg" id="id_menu_bt"> </div> <img src="/static/icons/copernix_w.svg" id='logo'> </div>--> <body> <div align="center" id="id_start_tip">Zoom around to see places from Wikipedia<br> <button id="got_it_bt" align="center" onclick="document.getElementById('id_start_tip').style.display='none';log_action('got_it');"><b>GOT IT</b></button> <button id="examples_bt" align="center" onclick="window.open('/about');examples_viewed=true;document.getElementById('id_start_tip').style.display='none';log_action('examples')"><b>EXAMPLES</b></button> <button id="video_bt" align="center" onclick="window.open('https://www.youtube.com/watch?v=2QfMjeQHwZ4');log_action('video')"><b>VIDEO DEMO</b></button> </div> <div align="center" id="feedback_please"> <button id="give_feeback_bt" align="center" onclick="window.open('/feedback');log_action('give_feedback');document.getElementById('feedback_please').style.display='none'"><b>GIVE FEEDBACK</b></button><br> <button id="no_feedback_bt" align="center" onclick="log_action('no_feedback');document.getElementById('feedback_please').style.display='none'"><b>no thanks</b></button> </div> <div id="support_div" style="margin-right:10px"> <div style="display:table-cell;vertical-align:middle;text-align:center;"> <div style="display:table-cell;vertical-align:middle;text-align:center"><span onclick="document.getElementById('support_div').style.display='none';log_action('x_support')" style="cursor:pointer"><font color="black">X </font></span> <span onclick="document.getElementById('support_div').style.display='none';">Supported by <a style="color:#fff;" href='https://hotelsnearthemetro.com/'>Hotels Near The Metro</a></div> </div> </div> <div id="map" ></div> <div id="main_div"> <img src="/static/icons/copernix_w.svg" id='logo'> <div class="search_bar_outer"> <div class="search_bar_inner"> <b>Where</b> </div> <input id="id_where_search_bar" class="input_search_bar" type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" placeholder='e.g. Tokyo, USA, Everest' > <div class="search_bar_bt has_tip" title="My Location"> <input type="image" src="/static/icons/precision2.svg" onclick="my_loc()" id="id_my_loc_bt"> </div> </div> <div class="search_bar_outer"> <div class="search_bar_inner"> <b>What</b> </div> <input class="input_search_bar" type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" placeholder='e.g. "Volcano", "Elvis", "Art Deco"' id="id_what_search_bar"> <div class="search_bar_bt" id="id_suggest_bt_div" > <input type="image" src="/static/icons/suggest2.svg" id="id_suggest_bt"> </div> <div class="search_bar_bt" id="id_mg_bt_div" > <input type="image" src="/static/icons/earth.gif" id="id_earth_bt"> <input type="image" src="/static/icons/mg.svg" id="id_mg_bt" onclick="search()" class="has_tip" title="Search"> </div> </div> <div id="id_div_result" onscroll="show_images()" > <div id="expanded_article_div"> <!--<p style="color:white;position: absolute;right: 10px;top: 10px;">X</p>--> <img src="/static/icons/close_round.svg" onclick="close_expanded()" id="id_close_expanded_bt"> <!--<div id="id_close_expanded_div"> </div>--> <div id="crop" > <!--<div id="crop_earth" ></div>--> <!--<div id="id_loading_img_div"> <input type="image" src="/static/icons/earth.gif" > </div>--> <img id="expanded_img" style="width:100%"><!-- src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=">--> </div> <div id="expanded_article_text"></div> </div> <div id="id_showing_results"> <!--<div class="search_bar_bt" id="id_menu_bt_div" > <input type="image" src="/static/icons/menu.svg" id="id_menu_bt"> </div>--> <div id="id_result_num" > Nothing yet </div> <div class="has_tip" title="Hide/Show Text"> <input type="image" id="id_bullets_bt_icon" src="/static/icons/no_bullets.svg" onclick="hide_show_result_list()"> </div> </div> <div id="id_did_you_mean"> <span id="span_did_you_mean">Did you mean: </span><span id="span_did_you_mean_term" onclick="did_you_mean_search()"></span> </div> <div id="result_list"> <!--<div class="text_list_preview"> <img class="thumbnail" src='/static/images/thumb.jpg'> <a onclick="user_log+=out_string" href="https://en.wikipedia.org/wiki/IAC_Building" target="_blank" class="titles_as"> <b>Iac Building</b></a> <input type="image" class="text_marker_img" src="/static/icons/markerp.svg" onclick="zoom_to(40.74556,-74.00778)"><br> The IAC Building, InterActiveCorp's headquarters located at 555 West 18th Street on the... <font color="blue">more</font> </div> <br>--> </div> </div> </div> <!--<div id="second_div"> <div class="arrow_box" id="id_my_loc_tip"> My Location </div> <div class="arrow_box"> Search </div> <div class="arrow_box"> Hide Text </div> </div>--> <div id="id_div_upper_right" > <div style="display: flex;pointer-events: auto;"> <div class="search_bar_bt has_tip" id="id_menu_bt_div" title="Menu"> <input type="image" src="/static/icons/menu.svg" id="id_menu_bt" onclick="open_more()"> </div> <div id="search_as_i_move_bt"> <div style="display:table-cell;vertical-align:middle;text-align:center;"> <div style="display:table-cell;vertical-align:middle;text-align:center"><input id="search_as_i_move_cb" type="checkbox" name="search_as_i_move_name" checked></div> <div style="display:table-cell;vertical-align:middle;text-align:center">Search as I move</div> </div> </div> <!--<div id="support_div"> <button id="support" align="center" onclick=""><b>SUPPORT</b></button> </div>--> </div> <div id="globe_bt" style="pointer-events: auto" class="has_tip" title="Moon"> <img src="/static/icons/moon.png" onclick="change_globe()" id="globe_icon"> </div> <div id="layer_bt" style="pointer-events: auto" class="has_tip" title="Change Map Type"> <img src="/static/icons/layer3.jpg" onclick="change_layer()" id="layer_icon"> </div> </div> <div id = "nav_more" class="sidenav" onclick="close_more()"> <div id="close_more_bt" class="small_bt" > <input type="image" src="/static/icons/close_white.svg" onclick="close_more()" class="small_icon"> </div> <div id="more_buttons" > <button type="button" class="more_button" onclick="log_action('about');window.open('/about')">About / Examples</button> <button type="button" class="more_button" onclick="log_action('feedback');window.open('/feedback')">Feedback / Contact</button> <button type="button" class="more_button" onclick="log_action('join');window.open('/join')">Mailing List</button> </div> </div> <script type="text/javascript" src="/static/new_web_app.js"></script> <script type="text/javascript" src="/static/navigation_functions.js"></script> <script type="text/javascript" src="/static/new_global_functions.js"></script> </body> </html>