Added Gittip button in the About dialog

This commit is contained in:
benweet 2013-10-27 01:57:46 +01:00
parent 94bafa2c16
commit fbb366c59e
3 changed files with 49 additions and 29 deletions

View File

@ -1,27 +1,30 @@
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"
aria-hidden="true">&times;</button>
<img data-stackedit-src="stackedit-promo.png" width="240" height="60" />
</div>
<div class="modal-body">
<dl>
<dt>About:</dt>
<dd>
<a target="_blank" href="https://github.com/benweet/stackedit/">GitHub
project</a> / <a target="_blank"
href="https://github.com/benweet/stackedit/issues">issue
tracker</a><br /> <a target="_blank"
href="https://chrome.google.com/webstore/detail/stackedit/iiooodelglhkcpgbajoejffhijaclcdg">Chrome
app</a> (thanks for your review!)<br /> <a target="_blank"
href="https://twitter.com/stackedit/">Follow on Twitter</a><br />
<a target="_blank" href="https://www.facebook.com/stackedit/">Follow
on Facebook</a><br /> <a target="_blank"
href="https://plus.google.com/110816046787593496375"
rel="publisher">Follow on Google+</a><br />
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<img data-stackedit-src="stackedit-promo.png" width="240"
height="60" />
</div>
<div class="modal-body">
<dl>
<dt>About:</dt>
<dd>
<a target="_blank" href="https://github.com/benweet/stackedit/">GitHub
project</a>/
<a target="_blank" href="https://github.com/benweet/stackedit/issues">issue
tracker</a>
<br />
<a target="_blank" href="https://chrome.google.com/webstore/detail/stackedit/iiooodelglhkcpgbajoejffhijaclcdg">Chrome
app</a>(thanks for your review!)
<br />
<a target="_blank" href="https://twitter.com/stackedit/">Follow on Twitter</a>
<br />
<a target="_blank" href="https://www.facebook.com/stackedit/">Follow
on Facebook</a>
<br />
<a target="_blank" href="https://plus.google.com/110816046787593496375"
rel="publisher">Follow on Google+</a>
<br />
</dd>
</dl>
<dl>
@ -45,6 +48,12 @@
href="<%= url %>"><%= name %></a><br /> <% }); %>
</dd>
</dl>
<dl>
<dt>Support StackEdit:</dt>
<dd>
<a target="_blank" href="https://www.gittip.com/stackedit/"><img class="btn-gittip" data-stackedit-src="gittip.png" /></a>
</dd>
</dl>
<p>
StackEdit <%= version %><br /> Copyright 2013 <a
target="_blank" href="http://www.benoitschweblin.com">Benoit

View File

@ -78,8 +78,10 @@
@modal-content-separator-color: @primary-bg-lighter;
@modal-backdrop-bg: @secondary-bg-light;
@blockquote-border-color: fade(#000, 5%);
@blockquote-bg: fade(#000, 3%);
@code-color: @primary-color;
@code-bg: fade(#000, 5%);
@code-bg: fade(#000, 3%);
@hr-border: #e0e0e0;
@tooltip-max-width: 240px;
@close-color: @primary-color;
@popover-bg: @primary-bg-lighter;
@ -857,7 +859,6 @@ blockquote {
}
hr {
border-top: 1px solid #ddd;
margin: 30px 0;
}
@ -917,6 +918,10 @@ table tbody+tbody {
blockquote {
border-left-width: 10px;
background-color: @blockquote-bg;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
padding: 15px 20px;
p {
margin-bottom: 15px;
font-size: @font-size-base;
@ -988,8 +993,8 @@ ul,ol {
}
.ace_code {
color: @primary-color-lighter;
background-color: fade(@secondary-bg, 10%);
color: @primary-color;
background-color: @code-bg;
}
.ace_code_block {
@ -1201,6 +1206,11 @@ div.dropdown-menu textarea {
background-position: -144px 0;
}
.btn-gittip {
width: 52px;
height: 25px;
}
// File titles
.title-icon-category {
display: inline-block;
@ -1340,12 +1350,12 @@ body.pdf {
font-family: "DejaVu Sans";
background-color: transparent;
& code, & pre {
code, pre {
font-family: "DejaVu Sans Mono";
}
// Bug with PNG when using transparency (See #149)
blockquote{
blockquote {
border-left: 10px solid #eee;
}
}

View File

@ -23,6 +23,7 @@
@input-bg: #111;
@list-group-bg: @primary-bg-light;
@list-group-hover-bg: @primary-bg;
@blockquote-bg: fade(#fff, 5%);
@code-bg: fade(#fff, 10%);
@modal-content-bg: @primary-bg-light;
@modal-header-border-color: @primary-bg;