locationspage.ejs (4841B)
1 <!-- <html> 2 <head> 3 <title>locations</title> 4 5 <link rel="stylesheet" href="https://unpkg.com/leaflet@1.6.0/dist/leaflet.css" 6 integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ==" 7 crossorigin=""/> 8 <link rel = 'stylesheet' href = '/css/leafstyles.css'> 9 10 <script src="https://unpkg.com/leaflet@1.6.0/dist/leaflet.js" 11 integrity="sha512-gZwIG9x3wUXg2hdXF6+rVkLF/0Vi9U8D2Ntg4Ga5I5BZpVkVxlJWbSQtXPSiUTtC0TjtGOmxa1AJPuV0CPthew==" 12 crossorigin=""></script> 13 14 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> 15 </head> 16 <body> 17 18 <script> 19 var socket = io.connect('http://localhost:3000'); 20 socket.on('stream', function(tweet){ 21 $('#tweetd').append(tweet+'<br>'); 22 }); 23 </script> 24 25 <div id="tweetd" style = "height:320px; width:auto; overflow: auto;"></div> 26 27 <div id="mapid"></div> 28 <script> 29 30 var mymap = L.map('mapid').setView([51.505, -0.09], 13); 31 L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', { 32 attribution: '© <a href="http://osm.org/copyright">OpenStreetMap</a> contributors' 33 }).addTo(mymap); 34 </script> 35 36 37 38 39 40 </body> 41 </html> --> 42 43 44 <!DOCTYPE html> 45 <html lang="en"> 46 <head> 47 48 <title>TweetWebGraph</title> 49 <meta charset="utf-8"> 50 <meta name="viewport" content="width=device-width, initial-scale=1"> 51 <link rel = 'stylesheet' href = '/css/stylesheet.css'> 52 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"> 53 <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet"> 54 55 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script> 56 <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.3/angular.min.js"></script> 57 58 59 </head> 60 <body> 61 62 <!-- Navbar --> 63 <nav class="navbar navbar-default"> 64 <div class="container"> 65 <div class="navbar-header"> 66 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar"> 67 <span class="icon-bar"></span> 68 <span class="icon-bar"></span> 69 <span class="icon-bar"></span> 70 </button> 71 <a class="navbar-brand" href="#">< TweetWebGraph /> </a> 72 </div> 73 <div class="collapse navbar-collapse" id="myNavbar"> 74 <ul class="nav navbar-nav navbar-right"> 75 <li><a href="#">WHOIS</a></li> 76 <li><a href="#">./run</a></li> 77 <li><a href="#">HOWTO</a></li> 78 </ul> 79 </div> 80 </div> 81 </nav> 82 83 <!-- First Container --> 84 <div class="container-fluid bg-1 text-center"> 85 <h3 class="margin">Whois?</h3> 86 <img src="/images/dead-smiley-face-icon_17015.png" class="img-responsive" style="display:inline" alt="smile" width="350" height="350"> 87 <h3>Just Another WebApp To Show Your Twitter Stats...</h3><p></p> 88 </div> 89 90 <!-- Second Container --> 91 <!-- Inject some JS to add the api connection and user functionality --> 92 <div class="container-fluid bg-2 text-center"> 93 94 <h3 class="margin">./Run</h3> 95 <br /> 96 97 98 99 </div> 100 101 <!-- Third Container (Grid) --> 102 <div class="container-fluid bg-3 text-center"> 103 <h3 class="margin">HOWTO / TODO</h3><br> 104 <p> style the input better (button on the same line as box)</p> 105 <p> add the server side post action (send it route)</p> 106 <p> configure the client side render and display for send it route</p> 107 <p>do an actual whois section for the project resources and friends</p> 108 <p> add to lobster (feed.domain.com)</p> 109 <p> come up with more api features to display 110 <div class="row"> 111 <div class="col-sm-4"> 112 <p>Check out the project on Github!</p> 113 <a href="https://www.github.com/underd0g1/tweetwebgraph">Project</a> 114 </div> 115 <div class="col-sm-4"> 116 <p>References</p> 117 <a href="https://www.github.com/underd0g1/tweetwebgraph">Twit</a><br> 118 <a href="https://www.github.com/underd0g1/tweetwebgraph">Leaflet</a><br> 119 <a href="https://www.github.com/underd0g1/tweetwebgraph">TwitterDev</a><br> 120 <a href="https://www.github.com/underd0g1/tweetwebgraph">Node.js</a><br> 121 </div> 122 <div class="col-sm-4"> 123 <p>Friends</p> 124 <a href="https://www.2f30.org">2f30</a><br> 125 <a href="https://http://www.ersteinle.com">Eric</a><br> 126 <a href="https://www.mimarcos.com">mimarcos</a><br> 127 <a href="http://www.underd0g.co">underd0g</a><br> 128 129 130 </div> 131 </div> 132 </div> 133 134 <!-- Footer --> 135 <footer class="container-fluid bg-4 text-center"> 136 <p>Made with <span class="glyphicon glyphicon-heart"></span><br><a href="http://www.underd0g.co"><span class="glyphicon glyphicon-barcode"></span></a></p> 137 </footer> 138 139 </body> 140 </html>