aka RedditBar, Mac OS X menu bar reddit client
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.

index.html 9.0KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <meta name="description" content="BaconBar Mac App">
  7. <meta name="author" content="Thomas Buck">
  8. <title>BaconBar</title>
  9. <link rel="shortcut icon" href="favicon.png">
  10. <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
  11. <link rel="stylesheet" href="style.css">
  12. </head>
  13. <body>
  14. <div id="out" class="container">
  15. <a name="top"></a>
  16. <div class="header">
  17. <ul class="nav nav-pills pull-right">
  18. <li class="active"><a href="#">BaconBar</a></li>
  19. <li><a href="contact.php">Contact</a></li>
  20. </ul>
  21. <h1>BaconBar</h1>
  22. </div>
  23. <div class="jumbotron">
  24. <div id="carousel" class="carousel slide" data-ride="carousel" data-interval="5000">
  25. <ol class="carousel-indicators">
  26. <li data-target="#carousel" data-slide-to="0" class="active"></li>
  27. <li data-target="#carousel" data-slide-to="1"></li>
  28. </ol>
  29. <div class="carousel-inner">
  30. <div class="item active">
  31. <img class="screenshot" src="image.png" alt="BaconBar Screenshot 1">
  32. </div>
  33. <div class="item">
  34. <a href="prefs.png">
  35. <img class="screenshot" src="prefs.png" alt="BaconBar Preferences Screenshot">
  36. </a>
  37. </div>
  38. </div>
  39. <a class="left carousel-control" href="#carousel" data-slide="prev"></a>
  40. <a class="right carousel-control" href="#carousel" data-slide="next"></a>
  41. </div>
  42. <p class="lead">Quickly open Reddit links and get notified about new PMs, right from your Mac system menu bar.</p>
  43. <p><a href="https://itunes.apple.com/us/app/baconbar/id787870887?ls=1&mt=12"><img src="badge.svg" alt="App Store Badge"></a></p>
  44. <p class="small text-muted system">Requires Mac OS X 10.8 or newer</p>
  45. </div>
  46. <a name="text"></a>
  47. <div class="row marketing">
  48. <div class="col-lg-6">
  49. <h4>Full control</h4>
  50. <p>View links from your Frontpage or only show specific subreddits. You can also specify how many links you want to see at once.</p>
  51. </div>
  52. <div class="col-lg-6">
  53. <h4>Orangered</h4>
  54. <p>Get notified about new PMs or replies to your posts and comments. The refresh interval is configurable!</p>
  55. </div>
  56. </div>
  57. <div class="twitter">
  58. <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://xythobuz.de/redditbar/" data-via="xythobuz" data-size="large" data-related="xythobuz" data-hashtags="BaconBar" data-dnt="true">Tweet</a>
  59. <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
  60. </div>
  61. <a name="changelog"></a>
  62. <div class="subheading">
  63. <h3>Changelog</h3>
  64. </div>
  65. <div class="panel panel-default">
  66. <div class="panel-heading">
  67. <span class="panel-title heading">Version 1.6.0</span>
  68. <span class="pull-right text-muted heading">In review...</span>
  69. </div>
  70. <div class="panel-body">
  71. <ul>
  72. <li>Now support down to Mac OS X 10.6 Snow Leopard</li>
  73. </ul>
  74. </div>
  75. </div>
  76. <div class="panel panel-default">
  77. <div class="panel-heading">
  78. <span class="panel-title heading">Version 1.5.0</span>
  79. <span class="pull-right text-muted heading">2013-12-31</span>
  80. </div>
  81. <div class="panel-body">
  82. <ul>
  83. <li>New Preference: Can open BaconBar on login</li>
  84. <li>When saving changed preferences, the list is only reloaded if needed</li>
  85. </ul>
  86. </div>
  87. </div>
  88. <div class="panel panel-default">
  89. <div class="panel-heading">
  90. <span class="panel-title heading">Version 1.4.0</span>
  91. <span class="pull-right text-muted heading">2013-12-30</span>
  92. </div>
  93. <div class="panel-body">
  94. <ul>
  95. <li>Notification Center integration for unread PMs</li>
  96. <li>Can open both links &amp; comments at the same time</li>
  97. <li>New Preference: Items can be removed after opening them</li>
  98. <li>New Preference: Can load a single link after each removal</li>
  99. <li>Set Title to 0 to disable the title length limit</li>
  100. <li>Bugfix with the steppers in the Pref Window going too far</li>
  101. <li>Stability improvements</li>
  102. </ul>
  103. </div>
  104. </div>
  105. <div class="panel panel-default">
  106. <div class="panel-heading">
  107. <span class="panel-title heading">Version 1.3.0</span>
  108. <span class="pull-right text-muted heading">No public release</span>
  109. </div>
  110. <div class="panel-body">
  111. <ul>
  112. <li>Added keyboard shortcuts for most static menu items</li>
  113. <li>Can select between hot or new links</li>
  114. </ul>
  115. </div>
  116. </div>
  117. <div class="panel panel-default">
  118. <div class="panel-heading">
  119. <span class="panel-title heading">Version 1.2.0</span>
  120. <span class="pull-right text-muted heading">No public release</span>
  121. </div>
  122. <div class="panel-body">
  123. <ul>
  124. <li>Added PM functionality with another icon as notification</li>
  125. </ul>
  126. </div>
  127. </div>
  128. <div class="panel panel-default">
  129. <div class="panel-heading">
  130. <span class="panel-title heading">Version 1.1.0</span>
  131. <span class="pull-right text-muted heading">No public release</span>
  132. </div>
  133. <div class="panel-body">
  134. <ul>
  135. <li>User can select maximum title length</li>
  136. <li>Activate the Preferences window after showing it</li>
  137. <li>Enabled App Sandbox</li>
  138. <li>Added Tooltips for truncated titles</li>
  139. </ul>
  140. </div>
  141. </div>
  142. <div class="panel panel-default">
  143. <div class="panel-heading">
  144. <span class="panel-title heading">Version 1.0.0</span>
  145. <span class="pull-right text-muted heading">No public release</span>
  146. </div>
  147. <div class="panel-body">
  148. Initial release to beta testers. Thanks go to Max &amp; Flo!
  149. </div>
  150. </div>
  151. <div class="footer">
  152. <span>&copy; 2013 <a href="//xythobuz.de">Thomas Buck</a></span>
  153. <span class="pull-right">Made with <a href="//getbootstrap.com">Bootstrap</a></span>
  154. </div>
  155. </div>
  156. <img src="//xythobuz.de/stats/count.php?img" alt="Analytics">
  157. <!-- Piwik -->
  158. <script type="text/javascript">
  159. var _paq = _paq || [];
  160. _paq.push(["trackPageView"]);
  161. _paq.push(["enableLinkTracking"]);
  162. (function() {
  163. var u=(("https:" == document.location.protocol) ? "https" : "http") + "://xythobuz.de/piwik/";
  164. _paq.push(["setTrackerUrl", u+"piwik.php"]);
  165. _paq.push(["setSiteId", "2"]);
  166. var d=document, g=d.createElement("script"), s=d.getElementsByTagName("script")[0]; g.type="text/javascript";
  167. g.defer=true; g.async=true; g.src=u+"piwik.js"; s.parentNode.insertBefore(g,s);
  168. })();
  169. </script>
  170. <noscript><p><img src="http://xythobuz.de/piwik/piwik.php?idsite=2" style="border:0;" alt="" /></p></noscript>
  171. <!-- End Piwik Code -->
  172. <script src="//code.jquery.com/jquery-1.10.1.min.js"></script>
  173. <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
  174. </body>
  175. </html>