postpage.ejs (3960B)
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 5 <title>TweetWebGraph</title> 6 <meta charset="utf-8"> 7 <meta name="viewport" content="width=device-width, initial-scale=1"> 8 <link rel = 'stylesheet' href = '/css/stylesheet.css'> 9 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"> 10 <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet"> 11 12 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script> 13 14 <script src="/socket.io/socket.io.js"></script> 15 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js"></script> 16 17 18 </head> 19 <body> 20 21 <!-- Navbar --> 22 <nav class="navbar navbar-default"> 23 <div class="container"> 24 <div class="navbar-header"> 25 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar"> 26 <span class="icon-bar"></span> 27 <span class="icon-bar"></span> 28 <span class="icon-bar"></span> 29 </button> 30 <a class="navbar-brand" href="#">< TweetWebGraph /> </a> 31 </div> 32 <div class="collapse navbar-collapse" id="myNavbar"> 33 <ul class="nav navbar-nav navbar-right"> 34 <li><a href="#">WHOIS</a></li> 35 <li><a href="#">./run</a></li> 36 <li><a href="#">HOWTO</a></li> 37 </ul> 38 </div> 39 </div> 40 </nav> 41 42 <!-- First Container --> 43 <div class="container-fluid bg-1 text-center"> 44 <h3 class="margin">Whois?</h3> 45 <img src="/images/dead-smiley-face-icon_17015.png" class="img-responsive" style="display:inline" alt="smile" width="350" height="350"> 46 <h3>Just Another WebApp To Show Your Twitter Stats...</h3><p></p> 47 </div> 48 49 <!-- Second Container --> 50 <!-- Inject some JS to add the api connection and user functionality --> 51 <div class="container-fluid bg-2 text-center"> 52 53 <h3 class="margin">./Run</h3> 54 <p><h4>Check out some live tweets for a certain word or hashtag</h4> </p> 55 56 57 <script> 58 var socket = io.connect('http://localhost:3000'); 59 socket.on('stream', function(tweet){ 60 $('#tweetd').append(tweet+'<br>'); 61 }); 62 </script> 63 <div id="tweetd" style = "height:320px; width:auto; overflow: auto;"></div> 64 65 </div> 66 </div> 67 68 <!-- Third Container (Grid) --> 69 <div class="container-fluid bg-3 text-center"> 70 <h3 class="margin">HOWTO / TODO</h3><br> 71 <p> style the input better (button on the same line as box)</p> 72 <p> add the server side post action (send it route)</p> 73 <p> configure the client side render and display for send it route</p> 74 <p>do an actual whois section for the project resources and friends</p> 75 <p> add to lobster (feed.domain.com)</p> 76 <p> come up with more api features to display 77 <div class="row"> 78 <div class="col-sm-4"> 79 <p>Check out the project on Github!</p> 80 <a href="https://www.github.com/underd0g1/tweetwebgraph">Project</a> 81 </div> 82 <div class="col-sm-4"> 83 <p>References</p> 84 <a href="https://www.github.com/underd0g1/tweetwebgraph">Project</a><br> 85 <a href="https://www.github.com/underd0g1/tweetwebgraph">Project</a><br> 86 <a href="https://www.github.com/underd0g1/tweetwebgraph">Project</a><br> 87 <a href="https://www.github.com/underd0g1/tweetwebgraph">Project</a><br> 88 </div> 89 <div class="col-sm-4"> 90 <p>Friends</p> 91 <a href="https://www.github.com/underd0g1/tweetwebgraph">Project</a><br> 92 <a href="https://www.github.com/underd0g1/tweetwebgraph">Project</a><br> 93 <a href="https://www.github.com/underd0g1/tweetwebgraph">Project</a><br> 94 <a href="https://www.github.com/underd0g1/tweetwebgraph">Project</a><br> 95 <a href="https://www.github.com/underd0g1/tweetwebgraph">Project</a><br> 96 97 </div> 98 </div> 99 </div> 100 101 <!-- Footer --> 102 <footer class="container-fluid bg-4 text-center"> 103 <p>Made with <span class="glyphicon glyphicon-heart"></span><br><a href="http://www.underd0g.co"><span class="glyphicon glyphicon-barcode"></span></a></p> 104 </footer> 105 106 </body> 107 </html>