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 7.3KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138
  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><a href="mai&#108;to&#58;%78%79th%6Fbuz&#64;x%&#55;9t%&#54;8ob&#37;75z%2&#69;d&#101;">Contact</a></li>
  19. <li><a href="#changelog">Changelog</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/redditbar/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.4.0</span>
  68. <span class="pull-right text-muted heading">Will be submitted after 2013-12-28</span>
  69. </div>
  70. <div class="panel-body">
  71. <ul>
  72. <li>Notification Center integration for unread PMs</li>
  73. <li>Can open both links &amp; comments at the same time</li>
  74. <li>New Preference: Items can be removed after opening them</li>
  75. <li>New Preference: Can load a single link after each removal</li>
  76. <li>Set Title to 0 to disable the title length limit</li>
  77. <li>Bugfix with the steppers in the Pref Window going too far</li>
  78. <li>Stability improvements</li>
  79. </ul>
  80. </div>
  81. </div>
  82. <div class="panel panel-default">
  83. <div class="panel-heading">
  84. <span class="panel-title heading">Version 1.3.0</span>
  85. <span class="pull-right text-muted heading">Submitted on 2013-12-21</span>
  86. </div>
  87. <div class="panel-body">
  88. Initial Mac App Store release!
  89. <ul>
  90. <li>Added keyboard shortcuts for most static menu items</li>
  91. <li>Can select between hot or new links</li>
  92. </ul>
  93. </div>
  94. </div>
  95. <div class="panel panel-default">
  96. <div class="panel-heading">
  97. <span class="panel-title heading">Version 1.2.0</span>
  98. <span class="pull-right text-muted heading">No public release</span>
  99. </div>
  100. <div class="panel-body">
  101. <ul>
  102. <li>Added PM functionality with another icon as notification</li>
  103. </ul>
  104. </div>
  105. </div>
  106. <div class="panel panel-default">
  107. <div class="panel-heading">
  108. <span class="panel-title heading">Version 1.1.0</span>
  109. <span class="pull-right text-muted heading">No public release</span>
  110. </div>
  111. <div class="panel-body">
  112. <ul>
  113. <li>User can select maximum title length</li>
  114. <li>Activate the Preferences window after showing it</li>
  115. <li>Enabled App Sandbox</li>
  116. <li>Added Tooltips for truncated titles</li>
  117. </ul>
  118. </div>
  119. </div>
  120. <div class="panel panel-default">
  121. <div class="panel-heading">
  122. <span class="panel-title heading">Version 1.0.0</span>
  123. <span class="pull-right text-muted heading">No public release</span>
  124. </div>
  125. <div class="panel-body">
  126. Initial release to beta testers. Thanks go to Max &amp; Flo!
  127. </div>
  128. </div>
  129. <div class="footer">
  130. <span>&copy; 2013 <a href="//xythobuz.de">Thomas Buck</a></span>
  131. <span class="pull-right">Made with <a href="//getbootstrap.com">Bootstrap</a></span>
  132. </div>
  133. </div>
  134. <img src="//xythobuz.de/stats/count.php?img" alt="Analytics">
  135. <script src="//code.jquery.com/jquery-1.10.1.min.js"></script>
  136. <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
  137. </body>
  138. </html>