1<!DOCTYPE html> 2<html lang="en"> 3 <head> 4 <meta charset="utf-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="viewport" content="width=device-width, initial-scale=1"> 7 <title>Landmark: A Blockchain Message Board</title> 8 9 <meta property="og:title" content="Landmark" /> 10 <meta name="twitter:title" content="Landmark" /> 11 12 <meta property="og:description" content="A Blockchain message board." /> 13 <meta name="twitter:description" content="A Blockchain message board."> 14 15 <meta property="og:image" 16 content="https://thoppe.github.io/Landmark/LandmarkMediaLogo.png" /> 17 18 <meta name="twitter:card" 19 content="https://thoppe.github.io/Landmark/LandmarkMediaLogo.png" /> 20 <meta name="twitter:image" 21 content="https://thoppe.github.io/Landmark/LandmarkMediaLogo.png" /> 22 <meta name="twitter:site" 23 content="https://thoppe.github.io/Landmark/index.html"> 24 <meta name="twitter:creator" content="@metasemantic"> 25 26 <link href="bootswatch.min.css" rel="stylesheet"> 27 <link rel="stylesheet" 28 href="bower_components/components-font-awesome/css/font-awesome.min.css"> 29 <link rel="stylesheet" href="app.css"> 30 31 <link rel="shortcut icon" href="LandmarkMediaLogo.png" type="image/x-icon"> 32 33 </head> 34 35 36 37 <body> 38 39 40 <nav class="navbar navbar-default"> 41 <div class="container"> 42 43 <div class="navbar-header navbar-left"> 44 <a class="navbar-brand logo " 45 data-toggle="modal" data-target="#InfoModal"> 46 Landmark</a> 47 </div> 48 49 <p class="navbar-text"> 50 <a class="ellipsis" id="contractHash" 51 data-toggle="modal" data-target="#AddressChangeModal"> 52 Looking for web3 interface (like Metamask)</a> 53 </p> 54 55 56 <div class="navbar-right navbar-text" id="navbar-isSiteUsable"> 57 58 <a class="navbar-link no-underline btn" 59 id="navbar-postLink" 60 style="padding-right:1.5em;" 61 data-toggle="modal" data-target="#PostModal"> 62 <i class="fa fa-plus-circle" aria-hidden="true"></i> 63 Post 64 </a> 65 66 <a class="navbar-link no-underline btn" 67 data-toggle="modal" data-target="#AdminModal"> 68 <i class="fa fa-superpowers" aria-hidden="true"></i> 69 Admin 70 </a> 71 72 </div> 73 74 </div> 75 </nav> 76 77 <div class="container"> 78 79 <div class="small" id="curatorMessage"> 80 <blockquote class="blockquote"> 81 <p class="md-0" id="curatorMessageText">MESSAGE!</p> 82 <footer class="blockquote-footer"><cite title="Source Title"> 83 Message from the Landmark curator</cite></footer> 84 </blockquote> 85 </div> 86 87 <div class="no-vertical" id="errorbox"></div> 88 89 90 <table class="table table-striped" id="marks"> 91 <h3 id="statusLooking" 92 class="text-muted"> 93 Looking for marks... 94 <i class="fa fa-refresh fa-spin fa-fw"></i> 95 </h3> 96 <h3 id="statusNotFound" 97 class="">Landmark not found at this address.</h3> 98 <h3 id="statusEmpty" 99 class="">Empty Landmark</h3> 100 101 <h3 id="MarksStatus" class="hidden"></h3> 102 103 <tbody> </tbody> 104 </table> 105 106 107 108 </div> 109 110 111<footer class="bd-footer text-muted"> 112 <div class="container"> 113 <a href="https://github.com/thoppe/ethereum_Landmark"> 114 Landmark</a> 115 <span id="versiontag"></span> 116 <span>is a permanent, decentralized, and uncensorable tool for communication</span> 117 <br> 118 <a href="https://twitter.com/metasemantic?lang=en">@metasemantic</a> 119 </div> 120</footer> 121 122 123<div class="modal fade" id="InfoModal" role="dialog" tabindex="-1"> 124 <div class="modal-dialog"> 125 126 <div class="modal-content"> 127 <div class="modal-header"> 128 129 <div class="modal-title"> 130 <h4>What is Landmark?</h4> 131 </div> 132 </div> 133 134 135 <div class="form-group modal-body"> 136Landmark is message board on the blockchain. 137What you post will live on the chain forever and can not be edited or removed. 138Your identity is your wallet address, and with a new wallet you'll have a new identity. 139Posting is free except for a small cost you'll pay to the miners to store the information on the chain. 140It is an Ethereum experiment implemented as an altruistic <a href="https://github.com/thoppe/ethereum_Landmark">smart-contract</a>. 141What should you post? That's up to you. 142<br><br> 143by <a href="https://twitter.com/metasemantic?lang=en">@metasemantic</a> 144 </div> 145 146 <div class="modal-footer"> 147 <button type="button" class="btn btn-secondary" 148 data-dismiss="modal">Close</button> 149 </div> 150 151 </div> 152 153 </div> 154</div> 155 156<div class="modal fade" id="PostModal" role="dialog" tabindex="-1"> 157 <div class="modal-dialog"> 158 159 <div class="modal-content"> 160 <div class="modal-header"> 161 162 <div class="modal-title"> 163 <h4>Post to the Landmark 164 <span id="curatorNote" class="bg-info"> (curator post)</span></h4> 165 </div> 166 167 </div>
168 <div class="form-group modal-body"> 169 <label for="marktext"></label> 170 <textarea id="marktext" rows="3" 171 placeholder="Set your mark here" 172 class="form-control input-lg" 173 type="text"></textarea> 174 </div> 175 176 <div class="modal-footer"> 177 <button type="button" class="btn btn-process-post" 178 data-dismiss="modal"> 179 Post 180 </button> 181 </div> 182 </div> 183 184 </div> 185</div> 186 187 188<div class="modal fade" id="cantPostModal" role="dialog" tabindex="-1"> 189 <div class="modal-dialog"> 190 191 <div class="modal-content"> 192 <div class="modal-header"> 193 <h4 class="modal-title">Unable to post</h4> 194 </div> 195 196 <div class="form-group modal-body"> 197 Hi there. I can't seem to find the web3 interface. To post to this 198 Landmark you'll need to install the 199 <a href="https://chrome.google.com/webstore/detail/metamask/nkbihfbeogaeaoehlefnkodbefgpgknn">Metamask</a> 200 extension in Chrome. 201 </div> 202 203 <div class="modal-footer"> 204 <button type="button" class="btn btn-secondary" 205 data-dismiss="modal">Close</button> 206 </div> 207 208 </div> 209 </div> 210</div> 211 212 213<div class="modal fade" id="AddressChangeModal" role="dialog" tabindex="-1"> 214 <div class="modal-dialog"> 215 216 <div class="modal-content"> 217 <div class="modal-header"> 218 <h4 class="modal-title">Change Landmark location</h4> 219 </div> 220 <form class="form-group modal-body"> 221 <label for="modalAddressText"></label> 222 <input id="modalAddressText" 223 spellcheck="false" 224 placeholder="" 225 class="form-control input-lg" 226 type="text"></input> 227 228 <div class="modal-footer"> 229 <input type="submit" class="btn btn-process-change-address" 230 data-dismiss="modal" value="Change"> 231 </input> 232 </div> 233 234 </form> 235 236 237 </div> 238 239 </div> 240</div> 241 242 243<div class="modal fade" id="AdminModal" role="dialog" tabindex="-1"> 244 <div class="modal-dialog"> 245 246 <div class="modal-content"> 247 <div class="modal-header"> 248 <h4 class="modal-title">Admin & Status</h4> 249 </div> 250 251 <div class="modal-body"> 252 253 254 <div class="panel panel-default"> 255 <div class="panel-body table-responsive"> 256 257 <table class="table table-striped"> 258 <tbody> 259 260 <tr> 261 <td>Contract hash:</td> 262 <td class=""> 263 <a href="#" id="adminContractHash"></a> 264 </td> 265 </tr> 266 267 <tr> 268 <td>Is Landmark open:</td> 269 <td id="siteinfoIsOpen"> 270 <i class="fa fa-refresh fa-spin fa-fw"></i> 271 </td> 272 </tr> 273 274 <tr> 275 <td>Message post max length:</td> 276 <td id="siteinfoMaxPostLength"> 277 <i class="fa fa-refresh fa-spin fa-fw"></i> 278 </td> 279 </tr> 280 281 <tr> 282 <td>Total posts:</td> 283 <td id="postCount"><i class="fa fa-refresh fa-spin fa-fw"></i></td> 284 </tr> 285 286 <tr> 287 <td>Network ID:</td> 288 <td id="accountNetwork">Sign in with Metamask</td> 289 </tr> 290 291 292 <tr> 293 <td>Forwarding address:</td> 294 <td id="siteinfoForwardingAddress"> 295 <i class="fa fa-refresh fa-spin fa-fw"></i> 296 </td> 297 </tr> 298 299 <tr> 300 <td>Account balance:</td> 301 <td id="accountBalance">Sign in with Metamask</td> 302 </tr> 303 304 <tr> 305 <td>Account hash:</td> 306 <td> 307 <a href="https://metamask.io/" id="accountHash" 308 class=""> 309 Sign in with Metamask 310 </td> 311 </tr> 312 313 <tr> 314 <td>Curator account:</td> 315 <td class="" id="siteinfoCuratorAddress"> 316 <i class="fa fa-refresh fa-spin fa-fw"></i> 317 </td> 318 </tr> 319 320 321 <tr> 322 <td>Curator only options</td> 323 <td class="pull-right"> 324 <button 325 type="button" 326 id="curatorPostMessageBtn" 327 class="btn btn-info btn-sm btn-process-curatormsg"> 328 Set Curator message 329 </button> 330 331 <button 332 type="button" 333 id="curatorCloseMessageBtn" 334 class="btn btn-danger btn-sm btn-process-closesite"> 335 Permanently close Landmark 336 </button> 337 </td> 338 </tr> 339 340 341 342 </tbody> 343 </table> 344 345 </div></div> 346 347 </div> 348 349 </div> 350 351 </div> 352</div> 353 354 355 356
357<script src="bower_components/jquery/dist/jquery.min.js"></script>
vendor: 1 bytes, line 357
357
358<script src="bower_components/web3/dist/web3.min.js"></script>
vendor: 1 bytes, line 358
358
359<script src="bower_components/truffle-contract/dist/truffle-contract.js"></script>
vendor: 1 bytes, line 359
359
360<script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
vendor: 1 bytes, line 360
360
361<script src="bower_components/urijs/src/URI.min.js"></script>
vendor: 1 bytes, line 361
361
362<script src="bower_components/jqueryemoji/js/jQueryEmoji.min.js"></script>
362 363
364<script src="app.js"></script>
364 365 366 367</body> 368</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.