Updated website. Added Changelog.

web/index.html

@@ -14,12 +14,12 @@
         <div class="container">
             <div class="header">
                 <ul class="nav nav-pills pull-right">
-                    <li><a href="mailto:xythobuz@xythobuz.de">Contact</a></li>
+                    <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>
                 </ul>
                 <h1 class="">RedditBar</h1>
             </div>
             <div class="jumbotron">
-                <div id="carousel" class="carousel slide" data-ride="carousel"  data-interval="6000">
+                <div id="carousel" class="carousel slide" data-ride="carousel"  data-interval="5000">
                     <ol class="carousel-indicators">
                         <li data-target="#carousel" data-slide-to="0" class="active"></li>
                         <li data-target="#carousel" data-slide-to="1"></li>
@@ -29,7 +29,9 @@
                             <img class="screenshot" src="image.png" alt="RedditBar Screenshot 1">
                         </div>
                         <div class="item">
-                            <img class="screenshot" src="prefs.png" alt="RedditBar Preferences Screenshot">
+                            <a href="prefs.png">
+                                <img class="screenshot" src="prefs.png" alt="RedditBar Preferences Screenshot">
+                            </a>
                         </div>
                     </div>
                     <a class="left carousel-control" href="#carousel" data-slide="prev"></a>
@@ -49,8 +51,76 @@
                     <p>Get notified about new PMs or replies to your posts and comments. The refresh interval is configurable!</p>
                 </div>
             </div>
+            <div class="subheading">
+                <h3>Changelog</h3>
+            </div>
+            <div class="panel panel-default">
+                <div class="panel-heading">
+                    <span class="panel-title heading">Version 1.4.0</span>
+                    <span class="pull-right text-muted heading">Will be submitted after 2013-12-28</span>
+                </div>
+                <div class="panel-body">
+                    <ul>
+                        <li>Notification Center integration for unread PMs</li>
+                        <li>Can open both links &amp; comments at the same time</li>
+                        <li>New Preference: Items can be removed after opening them</li>
+                        <li>New Preference: Can load a single link after each removal</li>
+                        <li>Set Title to 0 to disable the title length limit</li>
+                        <li>Bugfix with the steppers in the Pref Window going too far</li>
+                        <li>Stability improvements</li>
+                    </ul>
+                </div>
+            </div>
+            <div class="panel panel-default">
+                <div class="panel-heading">
+                    <span class="panel-title heading">Version 1.3.0</span>
+                    <span class="pull-right text-muted heading">Submitted on 2013-12-21</span>
+                </div>
+                <div class="panel-body">
+                    Initial Mac App Store release!
+                    <ul>
+                        <li>Added keyboard shortcuts for most static menu items</li>
+                        <li>Can select between hot or new links</li>
+                    </ul>
+                </div>
+            </div>
+            <div class="panel panel-default">
+                <div class="panel-heading">
+                    <span class="panel-title heading">Version 1.2.0</span>
+                    <span class="pull-right text-muted heading">No public release</span>
+                </div>
+                <div class="panel-body">
+                    <ul>
+                        <li>Added PM functionality with another icon as notification</li>
+                    </ul>
+                </div>
+            </div>
+            <div class="panel panel-default">
+                <div class="panel-heading">
+                    <span class="panel-title heading">Version 1.1.0</span>
+                    <span class="pull-right text-muted heading">No public release</span>
+                </div>
+                <div class="panel-body">
+                    <ul>
+                        <li>User can select maximum title length</li>
+                        <li>Activate the Preferences window after showing it</li>
+                        <li>Enabled App Sandbox</li>
+                        <li>Added Tooltips for truncated titles</li>
+                    </ul>
+                </div>
+            </div>
+            <div class="panel panel-default">
+                <div class="panel-heading">
+                    <span class="panel-title heading">Version 1.0.0</span>
+                    <span class="pull-right text-muted heading">No public release</span>
+                </div>
+                <div class="panel-body">
+                    Initial release to beta testers. Thanks go to Max &amp; Flo!
+                </div>
+            </div>
             <div class="footer">
-                <p>&copy; 2013 Thomas Buck</p>
+                <span>&copy; 2013 <a href="//xythobuz.de">Thomas Buck</a></span>
+                <span class="pull-right">Made with <a href="//getbootstrap.com">Bootstrap</a></span>
             </div>
         </div>
     <img src="//xythobuz.de/stats/count.php?img" alt="Analytics">

web/style.css

@@ -87,3 +87,12 @@ body {
     margin-right: auto;
     max-height: 360px;
 }
+
+.subheading {
+    margin-bottom: 20px;
+    border-top: 1px solid #e5e5e5;
+}
+
+.heading {
+    font-weight: bold;
+}