about page restyling

This commit is contained in:
Athou
2013-05-31 09:06:58 +02:00
parent 354d82eba5
commit 13e8c1ed1d
2 changed files with 91 additions and 73 deletions

View File

@@ -2,4 +2,8 @@
margin: 0; margin: 0;
padding: 0; padding: 0;
height: auto; height: auto;
}
.help .about-module {
margin-bottom: 40px;
} }

View File

@@ -1,82 +1,96 @@
<div class="row-fluid help"> <div class="row-fluid help">
<div class="span6"> <div class="span6">
<h4><i class="icon-question-sign"></i> ${toolbar.about}</h4>
<p> <div class="about-module">
${about.line1_prefix}<a href="https://github.com/Athou/commafeed" target="_blank">GitHub</a>${about.line1_suffix} <h4><i class="icon-question-sign"></i> ${toolbar.about}</h4>
</p> <p>
<p> ${about.line1_prefix}<a href="https://github.com/Athou/commafeed" target="_blank">GitHub</a>${about.line1_suffix}
${about.line2_prefix}<a href="https://github.com/Athou/commafeed/issues" target="_blank">GitHub</a>${about.line2_suffix} </p>
</p> <p>
${about.line2_prefix}<a href="https://github.com/Athou/commafeed/issues" target="_blank">GitHub</a>${about.line2_suffix}
</p>
</div>
<h4><i class="icon-money"></i> ${toolbar.donate}</h4> <div class="about-module">
<p> <h4><i class="icon-money"></i> ${toolbar.donate}</h4>
${about.line3} <p>
</p> ${about.line3}
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top"> </p>
<input type="hidden" name="cmd" value="_donations"> <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="business" value="9CNQHMJG2ZJVY"> <input type="hidden" name="cmd" value="_donations">
<input type="hidden" name="lc" value="US"> <input type="hidden" name="business" value="9CNQHMJG2ZJVY">
<input type="hidden" name="item_name" value="CommaFeed"> <input type="hidden" name="lc" value="US">
<input type="hidden" name="bn" value="PP-DonationsBF:btn_donateCC_LG.gif:NonHosted"> <input type="hidden" name="item_name" value="CommaFeed">
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!"> <input type="hidden" name="bn" value="PP-DonationsBF:btn_donateCC_LG.gif:NonHosted">
<input type="hidden" name="currency_code" value="USD"> <input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<select name="currency_code"> <input type="hidden" name="currency_code" value="USD">
<option value="EUR">Euros</option> <select name="currency_code">
<option value="USD">US Dollars</option> <option value="EUR">Euros</option>
</select> <option value="USD">US Dollars</option>
</form> </select>
${about.line4} </form>
<code>1dymfUxqCWpyD7a6rQSqNy4rLVDBsAr5e</code> ${about.line4}
<code>1dymfUxqCWpyD7a6rQSqNy4rLVDBsAr5e</code>
</div>
<h4><i class="icon-puzzle-piece"></i> ${about.goodies}</h4> <div class="about-module">
<p> <h4><i class="icon-puzzle-piece"></i> ${about.goodies}</h4>
<a href="https://chrome.google.com/webstore/detail/commafeed/bpbfpjiciblcfeganojjkfapnllbhdga" target="_blank">${about.goodies.chrome_extension}</a> <p>
</p> <a href="https://chrome.google.com/webstore/detail/commafeed/bpbfpjiciblcfeganojjkfapnllbhdga" target="_blank">${about.goodies.chrome_extension}</a>
<p> </p>
<a href="https://addons.mozilla.org/en-US/firefox/addon/commafeed/" target="_blank">${about.goodies.firefox_extension}</a> <p>
</p> <a href="https://addons.mozilla.org/en-US/firefox/addon/commafeed/" target="_blank">${about.goodies.firefox_extension}</a>
<p> </p>
<a href="https://addons.opera.com/en/extensions/details/commafeed-extension-for-opera/" target="_blank">${about.goodies.opera_extension}</a> <p>
</p> <a href="https://addons.opera.com/en/extensions/details/commafeed-extension-for-opera/" target="_blank">${about.goodies.opera_extension}</a>
</p>
<p>
${about.goodies.subscribe_url}: <a href="rest/feed/subscribe?url=FEED_URL_HERE" target="_blank">rest/feed/subscribe?url=FEED_URL_HERE</a>
</p>
<p>
${about.goodies.subscribe_bookmarklet}: <a href="https://www.subtome.com/settings.html" target="_blank">SubToMe</a>
</p>
<p>
${about.goodies.next_unread_bookmarklet}: ${subscribe.category}
<select ng-model="categoryId" ng-options="cat.id as cat.name for cat in CategoryService.flatCategories"
class="category-select">
</select>
<a href="next?category={{categoryId}}" target="_blank">${global.link}</a>
</p>
</div>
<p> <div class="about-module">
${about.goodies.subscribe_url}: <a href="rest/feed/subscribe?url=FEED_URL_HERE" target="_blank">rest/feed/subscribe?url=FEED_URL_HERE</a> <h4><i class="icon-globe"></i> ${about.translation}</h4>
</p> <p>
<p> ${about.translation.message}
${about.goodies.subscribe_bookmarklet}: <a href="https://www.subtome.com/settings.html" target="_blank">SubToMe</a> </p>
</p> <p>
<p> <a href="https://github.com/Athou/commafeed#translate-commafeed-into-your-language" target="_blank">
${about.goodies.next_unread_bookmarklet}: ${subscribe.category} ${about.translation.link}
<select ng-model="categoryId" ng-options="cat.id as cat.name for cat in CategoryService.flatCategories" </a>
class="category-select"> </p>
</select> </div>
<a href="next?category={{categoryId}}" target="_blank">${global.link}</a> <div class="about-module">
</p> <h4><i class="icon-rocket"></i> ${about.rest_api}</h4>
<p>
<h4><i class="icon-globe"></i> ${about.translation}</h4> ${about.rest_api.line1}
<p> </p>
${about.translation.message} <p>
</p> <a href="api" target="_blank">${about.rest_api.link_to_documentation}</a>
<p> </p>
<a href="https://github.com/Athou/commafeed#translate-commafeed-into-your-language" target="_blank"> </div>
${about.translation.link}
</a>
</p>
<h4><i class="icon-rocket"></i> ${about.rest_api}</h4>
<p>
${about.rest_api.line1}
</p>
<p>
<a href="api" target="_blank">${about.rest_api.link_to_documentation}</a>
</p>
<h4><i class="icon-keyboard"></i> ${about.keyboard_shortcuts}</h4>
<div ng-include="'templates/_shortcuts.html'"></div>
</div> </div>
<div class="span6"> <div class="span6">
<h4><i class="icon-info-sign"></i> ${about.announcements}</h4> <div class="about-module">
<a class="twitter-timeline" href="https://twitter.com/CommaFeed" data-widget-id="333897786657480704">Tweets by @CommaFeed</a> <h4><i class="icon-info-sign"></i> ${about.announcements}</h4>
<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> <a class="twitter-timeline" href="https://twitter.com/CommaFeed" data-widget-id="333897786657480704">Tweets by @CommaFeed</a>
<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>
</div>
<div class="about-module">
<h4><i class="icon-keyboard"></i> ${about.keyboard_shortcuts}</h4>
<div ng-include="'templates/_shortcuts.html'"></div>
</div>
</div> </div>
</div> </div>