diff options
Diffstat (limited to 'design')
| -rw-r--r-- | design/assets/lpdonate.svg | 2 | ||||
| -rw-r--r-- | design/sass/_footer.scss | 18 | ||||
| -rw-r--r-- | design/templates/base.html | 27 |
3 files changed, 33 insertions, 14 deletions
diff --git a/design/assets/lpdonate.svg b/design/assets/lpdonate.svg new file mode 100644 index 0000000..007d686 --- /dev/null +++ b/design/assets/lpdonate.svg @@ -0,0 +1,2 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="83" height="30"><rect id="back" fill="#f6c915" x="1" y=".5" width="82" height="29" rx="4"/><svg viewBox="0 0 80 80" height="16" width="16" x="7" y="7"><g transform="translate(-78.37-208.06)" fill="#1a171b"><path d="m104.28 271.1c-3.571 0-6.373-.466-8.41-1.396-2.037-.93-3.495-2.199-4.375-3.809-.88-1.609-1.308-3.457-1.282-5.544.025-2.086.313-4.311.868-6.675l9.579-40.05 11.69-1.81-10.484 43.44c-.202.905-.314 1.735-.339 2.489-.026.754.113 1.421.415 1.999.302.579.817 1.044 1.546 1.395.729.353 1.747.579 3.055.679l-2.263 9.278"/><path d="m146.52 246.14c0 3.671-.604 7.03-1.811 10.07-1.207 3.043-2.879 5.669-5.01 7.881-2.138 2.213-4.702 3.935-7.693 5.167-2.992 1.231-6.248 1.848-9.767 1.848-1.71 0-3.42-.151-5.129-.453l-3.394 13.651h-11.162l12.52-52.19c2.01-.603 4.311-1.143 6.901-1.622 2.589-.477 5.393-.716 8.41-.716 2.815 0 5.242.428 7.278 1.282 2.037.855 3.708 2.024 5.02 3.507 1.307 1.484 2.274 3.219 2.904 5.205.627 1.987.942 4.11.942 6.373m-27.378 15.461c.854.202 1.91.302 3.167.302 1.961 0 3.746-.364 5.355-1.094 1.609-.728 2.979-1.747 4.111-3.055 1.131-1.307 2.01-2.877 2.64-4.714.628-1.835.943-3.858.943-6.071 0-2.161-.479-3.998-1.433-5.506-.956-1.508-2.615-2.263-4.978-2.263-1.61 0-3.118.151-4.525.453l-5.28 21.948"/></g></svg><text fill="#1a171b" text-anchor="middle" font-family="Helvetica Neue,Helvetica,Arial,sans-serif" + font-weight="700" font-size="14" x="50" y="20">Donate</text></svg>
\ No newline at end of file diff --git a/design/sass/_footer.scss b/design/sass/_footer.scss index 05c1490..5d72eae 100644 --- a/design/sass/_footer.scss +++ b/design/sass/_footer.scss @@ -54,4 +54,22 @@ footer[role="contentinfo"] { } .donate-btn { display: inline-block; + margin-left: .5rem; + input[type="submit"] { + background: url("img/pp_donate.gif") 0 0 no-repeat; + border: none; + width: 100px; + text-indent: -9999em; + line-height: 22px; + padding: 2px 7px 3px; + } +} +.liberapay-btn { + background: url("img/lpdonate.svg") 0 0 no-repeat; + text-indent: -9999em; + display: inline-block; + line-height: 22px; + padding: 5px 7px 3px; + text-decoration: none; + width: 70px; } diff --git a/design/templates/base.html b/design/templates/base.html index 56eea92..dd2292a 100644 --- a/design/templates/base.html +++ b/design/templates/base.html @@ -49,19 +49,6 @@ {% block primary %}{% endblock %} {% block extrabody %}{% endblock %} <footer role="contentinfo"> - <div class="support">Support luxagraf: - <div class="donate-btn"> - <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top"> - <input type="hidden" name="cmd" value="_s-xclick"> - <input type="hidden" name="hosted_button_id" value="HYJFZQSBGJ8QQ"> - <input type="submit" name="submit" alt="Donate to luxagraf via PayPal"> - </form> - </div> - <div class="donate-btn"> - <script src="https://liberapay.com/luxagraf/widgets/button.js"></script> - <noscript><a href="https://liberapay.com/luxagraf/donate"><img alt="Donate using Liberapay" src="https://liberapay.com/assets/widgets/donate.svg"></a></noscript> - </div> - </div> <nav class="bl"> <ul> <li><a href="/blogroll" title="Sites that inspire us">Blogroll</a></li> @@ -74,7 +61,19 @@ <li><a href="https://www.facebook.com/luxagraf" rel="me" title="luxagraf on Facebook">Facebook</a></li> </ul> </ul> - </nav> + <div class="support">Support luxagraf: + <div class="donate-btn"> + <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top"> + <input type="hidden" name="cmd" value="_s-xclick"> + <input type="hidden" name="hosted_button_id" value="HYJFZQSBGJ8QQ"> + <input type="submit" name="submit" alt="Donate to luxagraf via PayPal"> + </form> + </div> + <div class="donate-btn"> + <a class="liberapay-btn" href="https://liberapay.com/luxagraf/donate"><span>Donate</span></a> + </div> + </div> + </nav> <p id="license"> © 2003-{% now "Y" %} <span class="h-card"><a class="p-name u-url" href="https://luxagraf.net/">Scott Gilbertson</a><data class="p-nickname" value="luxagraf"></data><data class="p-locality" value="Athens"></data><data class="p-region" value="Georgia"></data><data class="p-country-name" value="United States"></data></span>, except photos, which are licensed under the Creative Commons (<a href="http://creativecommons.org/licenses/by-sa/3.0/" title="read the Attribution-Share Alike 3.0 deed">details</a>). |
