index.ejs (5559B)
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 <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.3/angular.min.js"></script> 14 15 16 </head> 17 <body> 18 19 <!-- Navbar --> 20 <nav class="navbar navbar-default"> 21 <div class="container"> 22 <div class="navbar-header"> 23 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar"> 24 <span class="icon-bar"></span> 25 <span class="icon-bar"></span> 26 <span class="icon-bar"></span> 27 </button> 28 <a class="navbar-brand" href="#">< TweetWebGraph /> </a> 29 </div> 30 <div class="collapse navbar-collapse" id="myNavbar"> 31 <ul class="nav navbar-nav navbar-right"> 32 <li><a href="#">WHOIS</a></li> 33 <li><a href="#">./run</a></li> 34 <li><a href="#">HOWTO</a></li> 35 </ul> 36 </div> 37 </div> 38 </nav> 39 40 <!-- First Container --> 41 <div class="container-fluid bg-1 text-center"> 42 <h3 class="margin">Whois?</h3> 43 <img src="/images/dead-smiley-face-icon_17015.png" class="img-responsive" style="display:inline" alt="smile" width="350" height="350"> 44 <h3>Just Another WebApp To Show Your Twitter Stats...</h3><p></p> 45 </div> 46 47 <!-- Second Container --> 48 <!-- Inject some JS to add the api connection and user functionality --> 49 <div class="container-fluid bg-2 text-center"> 50 51 <h3 class="margin">./Run</h3> 52 <br /> 53 54 <div align = 'center'> 55 <script> 56 function openform(){ 57 var userstatsform = document .getElementById('streamer'); 58 if (userstatsform.style.display === 'none'){ 59 userstatsform.style.display= 'block'; 60 }else { 61 userstatsform.style.display== 'none'; 62 } 63 } 64 65 </script> 66 67 <div id = "options"> 68 69 <span> 70 <button id ="userstats" onclick = 'userlink();'>user stats</button> 71 <button id = "stream" onclick = 'openform();'>tweet stream</button> 72 <button id ="location" onlclick = 'locationlink();'> location trends</button> 73 </span> 74 </div> 75 <div id = 'streamer'> 76 <form id = 'twitterstream' action = "/sendit" method = "post" > 77 <div class="input-group mb-3"> 78 <div class="input-group-append"> 79 <span> 80 <input type="text" name = 'tag' id= 'userstatsform' class="form-control" placeholder="l0bster..." aria-label="Enter a tag..." aria-describedby="basic-addon2"></input> 81 <!-- <button id = 'submitbutton' class="btn btn-outline-secondary" type="button" value = "Submit">Submit</button> --> 82 </span> 83 84 </div> 85 </div> 86 </form> 87 </div> 88 89 <div id = 'streamer1' > 90 <form id = 'userstatsform' action = "/userstatspage" method = "post"> 91 <div class="input-group mb-3"> 92 <div class="input-group-append"> 93 <span> 94 <input type="text" name = 'username' class="form-control" placeholder="@twitterdev" aria-label="Enter a username." aria-describedby="basic-addon2"></input> 95 <!-- <button id = 'submitbutton' class="btn btn-outline-secondary" type="button" value = "Submit">Submit</button> --> 96 </span> 97 98 </div> 99 </div> 100 </form> 101 </div> 102 103 <div id = "locations" > 104 <form id = 'locationtrends' action = "/locations" method = "post"> 105 <div class="input-group mb-3"> 106 <div class="input-group-append"> 107 <span> 108 <input type="text" name = 'tag' class="form-control" placeholder="New York City" aria-label="Enter a location..." aria-describedby="basic-addon2"></input> 109 <!-- <button id = 'submitbutton' class="btn btn-outline-secondary" type="button" value = "Submit">Submit</button> --> 110 </span> 111 112 </div> 113 </div> 114 </form> 115 116 117 </div> 118 119 </div> 120 121 <!-- Third Container (Grid) --> 122 <div class="container-fluid bg-3 text-center"> 123 <h3 class="margin">HOWTO / TODO</h3><br> 124 <p> style the input better (button on the same line as box)</p> 125 <p> add the server side post action (send it route)</p> 126 <p> configure the client side render and display for send it route</p> 127 <p>do an actual whois section for the project resources and friends</p> 128 <p> add to lobster (feed.domain.com)</p> 129 <p> come up with more api features to display 130 <div class="row"> 131 <div class="col-sm-4"> 132 <p>Check out the project on Github!</p> 133 <a href="https://www.github.com/underd0g1/tweetwebgraph">Project</a> 134 </div> 135 <div class="col-sm-4"> 136 <p>References</p> 137 <a href="https://www.github.com/underd0g1/tweetwebgraph">Twit</a><br> 138 <a href="https://www.github.com/underd0g1/tweetwebgraph">Leaflet</a><br> 139 <a href="https://www.github.com/underd0g1/tweetwebgraph">TwitterDev</a><br> 140 <a href="https://www.github.com/underd0g1/tweetwebgraph">Node.js</a><br> 141 </div> 142 <div class="col-sm-4"> 143 <p>Friends</p> 144 <a href="https://www.2f30.org">2f30</a><br> 145 <a href="https://http://www.ersteinle.com">Eric</a><br> 146 <a href="https://www.mimarcos.com">mimarcos</a><br> 147 <a href="http://www.underd0g.co">underd0g</a><br> 148 149 150 </div> 151 </div> 152 </div> 153 154 <!-- Footer --> 155 <footer class="container-fluid bg-4 text-center"> 156 <p>Made with <span class="glyphicon glyphicon-heart"></span><br><a href="http://www.underd0g.co"><span class="glyphicon glyphicon-barcode"></span></a></p> 157 </footer> 158 159 </body> 160 </html>