You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

88 lines
3.5 KiB

  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <title><?= $this->title ?></title>
  5. <meta charset="utf-8">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  7. <link rel="pingback" href="https://webmention.io/aaronpk/xmlrpc" />
  8. <link rel="webmention" href="https://webmention.io/aaronpk/webmention" />
  9. <meta name="apple-mobile-web-app-capable" content="yes" />
  10. <!-- standard viewport tag to set the viewport to the device's width
  11. , Android 2.3 devices need this so 100% width works properly and
  12. doesn't allow children to blow up the viewport width-->
  13. <meta name="viewport" content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width" />
  14. <!-- width=device-width causes the iPhone 5 to letterbox the app, so
  15. we want to exclude it for iPhone 5 to allow full screen apps -->
  16. <meta name="viewport" content="initial-scale=1.0,user-scalable=no,maximum-scale=1" media="(device-height: 568px)" />
  17. <link rel="stylesheet" href="/bootstrap/css/bootstrap.min.css">
  18. <link rel="stylesheet" href="/bootstrap/css/bootstrap-theme.css">
  19. <link rel="stylesheet" href="/css/style.css">
  20. <link rel="apple-touch-icon" sizes="57x57" href="/images/teacup-icon-57.png">
  21. <link rel="apple-touch-icon" sizes="72x72" href="/images/teacup-icon-72.png">
  22. <link rel="apple-touch-icon" sizes="114x114" href="/images/teacup-icon-114.png">
  23. <link rel="apple-touch-icon" sizes="144x144" href="/images/teacup-icon-144.png">
  24. <link rel="icon" href="/favicon.ico" type="image/x-icon">
  25. <script src="/js/jquery-1.7.1.min.js"></script>
  26. </head>
  27. <body role="document">
  28. <script type="text/javascript">
  29. var _gaq = _gaq || [];
  30. _gaq.push(['_setAccount', '<?= Config::$gaid ?>']);
  31. _gaq.push(['_trackPageview']);
  32. (function() {
  33. var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  34. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  35. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  36. })();
  37. </script>
  38. <div class="page">
  39. <div class="container">
  40. <?= $this->fetch($this->page . '.php') ?>
  41. </div>
  42. <div class="footer">
  43. <div class="nav">
  44. <ul class="nav navbar-nav">
  45. <? if(session('me')) { ?>
  46. <li><a href="/new">New Post</a></li>
  47. <li><a href="/bookmark">Bookmark</a></li>
  48. <? } ?>
  49. <li><a href="/docs">Docs</a></li>
  50. </ul>
  51. <ul class="nav navbar-nav navbar-right">
  52. <? if(session('me')) { ?>
  53. <li><a href="/add-to-home?start">Add to Home Screen</a></li>
  54. <li><span class="navbar-text"><?= preg_replace('/https?:\/\//','',session('me')) ?></span></li>
  55. <li><a href="/signout">Sign Out</a></li>
  56. <? } else if(property_exists($this, 'authorizing')) { ?>
  57. <li class="navbar-text"><?= $this->authorizing ?></li>
  58. <? } else { ?>
  59. <form action="/auth/start" method="get" class="navbar-form">
  60. <input type="text" name="me" placeholder="yourdomain.com" class="form-control" />
  61. <button type="submit" class="btn">Sign In</button>
  62. </form>
  63. <? } ?>
  64. </ul>
  65. </div>
  66. <p class="credits">&copy; <?=date('Y')?> by <a href="http://aaronparecki.com">Aaron Parecki</a>.
  67. This code is <a href="https://github.com/aaronpk/Teacup">open source</a>.
  68. Feel free to send a pull request, or <a href="https://github.com/aaronpk/Teacup/issues">file an issue</a>.</p>
  69. </div>
  70. </div>
  71. </body>
  72. </html>