index.php 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <meta name="description" content="A webgl semantic web mashup to query dbpedia, wikipedia and display the results in a virtual reality and on google maps.">
  6. <meta name="keywords" content="Wikipedia3d, wikipedia 3d, mashup, semantic web, webgl, knowledge visualisation, VR wikipedia ">
  7. <meta name="author" content="Lukas Goldschmidt">
  8. <meta name="bitcoin" content="3B8xyT4anwjjQREZFj84dJMAWQguKGcQzT" />
  9. <link rel="icon" type="image/x-icon" href="/favicon.ico">
  10. <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
  11. <link rel="icon" type="image/gif" href="/animated_favicon1.gif" >
  12. <!-- wikipedia 3d, semantic web, webgl mashup -->
  13. <title>Wikipedia 3D - WebGL, Semantic Web, Visualisation</title>
  14. <link href="css/wp3d.css" rel="stylesheet" type="text/css">
  15. <script type="text/javascript">
  16. function copyToClipboard (text) {
  17. window.prompt ("Copy to clipboard: Ctrl+C, Enter", text);
  18. }
  19. </script>
  20. <script type="text/javascript">
  21. var _gaq = _gaq || [];
  22. _gaq.push(['_setAccount', 'UA-385729-11']);
  23. _gaq.push(['_trackPageview']);
  24. (function() {
  25. var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  26. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  27. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  28. })();
  29. </script>
  30. </head>
  31. <body>
  32. <div class="container">
  33. <div class="header">
  34. <div align="center"><a href="#" ><img src="images/Logo.png" alt="Wikipedia 3D Logo" name="Wikipedia3d_logo" width="960" height="120" id="Wikipedia3d_logo" style="background: #C6D580; display:block;" /></a></div>
  35. <!-- end .header --></div>
  36. <div class="content">
  37. <h1>Wikipedia 3D</h1>
  38. <h2>Introduction</h2>
  39. <p>Wikipedia 3D is a Javascript Mashup that uses <a href="http://get.webgl.org/" title="Get WebGL" accesskey="G" target="_blank">WebGL</a> and semantic web technologies to render a virtual environment, in which you can literally walk through the knowledge provided by Wikipedia and DBPedia.<br>
  40. As you type characters into the search box, suggestions appear. Select one and it will be displayed as 3D Item in a virtual reality.<br>
  41. If the subject has a geolocation it will be displayed in a Google Map below the 3D View. Once you double click inside that Google Map, the application will look for Wikipedia Articles related to this area and display them in 3D ! <br>
  42. Just click below and try it out <br>
  43. <div align="center"><a href="wikipedia3d/"><b>ENTER</b><br /><br /><img src="images/Wikipedia3D_Snapshot_1.png" width="720" height="450" alt="Wikipedia 3D Screenshot 1"></a>
  44. <br>
  45. </div>
  46. </p>
  47. <h2>Toolbar</h2>
  48. <p>
  49. With our <a href="https://addons.mozilla.org/en-US/firefox/addon/wikipedia3d-toolbar/" target="_toolbar" >Toolbar</a> you can search wikipedia in any language at any time ! <br />
  50. Simply type the first couple of letters and choose from the suggestions, that appear as you type, select one and it will open Wikipedia 3D and display the item ...
  51. </p>
  52. <div align="center">
  53. <img src="images/Wikipedia3D_Toolbar_v1_0_0.png" width="478" height="223" alt="Wikipedia3D Toolbar"></div>
  54. <p>Please install our Firefox toolbar by clicking on the link below:
  55. <div align="center"><a href="https://addons.mozilla.org/en-US/firefox/addon/wikipedia3d-toolbar/" target="_toolbar">Install Firefox Toolbar Now !</a>
  56. </div>
  57. </p>
  58. <h2>Donations</h2>
  59. <p>If you like this idea, why not donate some to the creator of this site ?
  60. We welcome you sending bitcoins to
  61. <div onclick="copyToClipboard ('3B8xyT4anwjjQREZFj84dJMAWQguKGcQzT');">
  62. <img src="images/donations.png" width="141" height="141" alt="bitcoin:3B8xyT4anwjjQREZFj84dJMAWQguKGcQzT"><br>
  63. 3B8xyT4anwjjQREZFj84dJMAWQguKGcQzT</div>
  64. </p>
  65. </div>
  66. <div class="footer">
  67. <p class="footer">&copy; 2012 <a href="http://wikipedia3d.world.eu.org/" title="Wikipedia3D" accesskey="W" target="_self">Wikipedia3D.world.eu.org</a></p>
  68. <!-- end .footer --></div>
  69. <!-- end .container --></div>
  70. </body>
  71. </html>