forked from Archives/Athou_commafeed
about page restyling
This commit is contained in:
Athou
@@ -2,4 +2,8 @@
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.help .about-module {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
@@ -1,82 +1,96 @@
|
||||
<div class="row-fluid help">
|
||||
<div class="span6">
|
||||
<h4><i class="icon-question-sign"></i> ${toolbar.about}</h4>
|
||||
<p>
|
||||
${about.line1_prefix}<a href="https://github.com/Athou/commafeed" target="_blank">GitHub</a>${about.line1_suffix}
|
||||
</p>
|
||||
<p>
|
||||
${about.line2_prefix}<a href="https://github.com/Athou/commafeed/issues" target="_blank">GitHub</a>${about.line2_suffix}
|
||||
</p>
|
||||
|
||||
<div class="about-module">
|
||||
<h4><i class="icon-question-sign"></i> ${toolbar.about}</h4>
|
||||
<p>
|
||||
${about.line1_prefix}<a href="https://github.com/Athou/commafeed" target="_blank">GitHub</a>${about.line1_suffix}
|
||||
</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>
|
||||
<p>
|
||||
${about.line3}
|
||||
</p>
|
||||
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
|
||||
<input type="hidden" name="cmd" value="_donations">
|
||||
<input type="hidden" name="business" value="9CNQHMJG2ZJVY">
|
||||
<input type="hidden" name="lc" value="US">
|
||||
<input type="hidden" name="item_name" value="CommaFeed">
|
||||
<input type="hidden" name="bn" value="PP-DonationsBF:btn_donateCC_LG.gif:NonHosted">
|
||||
<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="currency_code" value="USD">
|
||||
<select name="currency_code">
|
||||
<option value="EUR">Euros</option>
|
||||
<option value="USD">US Dollars</option>
|
||||
</select>
|
||||
</form>
|
||||
${about.line4}
|
||||
<code>1dymfUxqCWpyD7a6rQSqNy4rLVDBsAr5e</code>
|
||||
<div class="about-module">
|
||||
<h4><i class="icon-money"></i> ${toolbar.donate}</h4>
|
||||
<p>
|
||||
${about.line3}
|
||||
</p>
|
||||
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
|
||||
<input type="hidden" name="cmd" value="_donations">
|
||||
<input type="hidden" name="business" value="9CNQHMJG2ZJVY">
|
||||
<input type="hidden" name="lc" value="US">
|
||||
<input type="hidden" name="item_name" value="CommaFeed">
|
||||
<input type="hidden" name="bn" value="PP-DonationsBF:btn_donateCC_LG.gif:NonHosted">
|
||||
<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="currency_code" value="USD">
|
||||
<select name="currency_code">
|
||||
<option value="EUR">Euros</option>
|
||||
<option value="USD">US Dollars</option>
|
||||
</select>
|
||||
</form>
|
||||
${about.line4}
|
||||
<code>1dymfUxqCWpyD7a6rQSqNy4rLVDBsAr5e</code>
|
||||
</div>
|
||||
|
||||
<h4><i class="icon-puzzle-piece"></i> ${about.goodies}</h4>
|
||||
<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.opera.com/en/extensions/details/commafeed-extension-for-opera/" target="_blank">${about.goodies.opera_extension}</a>
|
||||
</p>
|
||||
<div class="about-module">
|
||||
<h4><i class="icon-puzzle-piece"></i> ${about.goodies}</h4>
|
||||
<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.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>
|
||||
${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>
|
||||
|
||||
<h4><i class="icon-globe"></i> ${about.translation}</h4>
|
||||
<p>
|
||||
${about.translation.message}
|
||||
</p>
|
||||
<p>
|
||||
<a href="https://github.com/Athou/commafeed#translate-commafeed-into-your-language" target="_blank">
|
||||
${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 class="about-module">
|
||||
<h4><i class="icon-globe"></i> ${about.translation}</h4>
|
||||
<p>
|
||||
${about.translation.message}
|
||||
</p>
|
||||
<p>
|
||||
<a href="https://github.com/Athou/commafeed#translate-commafeed-into-your-language" target="_blank">
|
||||
${about.translation.link}
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
<div class="about-module">
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
<div class="span6">
|
||||
<h4><i class="icon-info-sign"></i> ${about.announcements}</h4>
|
||||
<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 class="about-module">
|
||||
<h4><i class="icon-info-sign"></i> ${about.announcements}</h4>
|
||||
<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>
|
||||
Reference in New Issue
Block a user