Commit 02468880 authored by Siong-Ui Te's avatar Siong-Ui Te

add social buttons and update about

parent 9d4b481a
......@@ -33,6 +33,40 @@ If any questions, problems, or suggestions, please
{% endif %}
-->
<hr>
<strong>Abbreviations</strong>
<br>
<ul>
<li>
<a href="https://www.accesstoinsight.org/abbrev.html" target="_blank">Abbreviations, Symbols, and Sutta Reference Numbers</a>
</li>
<li>
<a href="http://www.palitext.com/subpages/abbrev.htm" target="_blank">Abbreviations in Pali</a>
</li>
<!--
<li>
<a href=""></a>
</li>
-->
</ul>
<strong>References</strong>
<br>
<ul>
<li>
<a href="http://dhamma.sutta.org/index2.htm" target="_blank">巴利語三藏多語言版本匯總</a>
</li>
<li>
<a href="https://www.google.com/search?q=%E5%B7%B4%E5%88%A9%E4%B8%89%E8%97%8F" target="_blank">Google Search 巴利三藏</a>
</li>
<!--
<li>
<a href="" target="_blank"></a>
</li>
-->
</ul>
</div>
</article>
......
{{define "footer"}}
<footer>
<div class="content is-small">
<span class="tag is-link is-light">
<span data-default-string="Share to">{{gettext "Share to"}}</span>
</span>
{{template "socialbuttons" .}}
</div>
<div class="content has-text-right">
<p>
Built with
......
{{define "socialbuttons"}}
<!-- https://sharingbuttons.io/ -->
<!-- Sharingbutton Facebook -->
<a class="resp-sharing-button__link" href="https://facebook.com/sharer/sharer.php?u=https%3A%2F%2Ftipitaka.sutta.org%2F" target="_blank" rel="noopener" aria-label="Facebook">
<div class="resp-sharing-button resp-sharing-button--facebook resp-sharing-button--medium"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--circle">
</div>Facebook</div>
</a>
<!-- Sharingbutton Twitter -->
<a class="resp-sharing-button__link" href="https://twitter.com/intent/tweet/?text=P%C4%81li%20to%20English%2C%20Chinese%2C%20Japanese%2C%20Vietnamese%2C%20Burmese%20Dictionary&amp;url=https%3A%2F%2Ftipitaka.sutta.org%2F" target="_blank" rel="noopener" aria-label="Twitter">
<div class="resp-sharing-button resp-sharing-button--twitter resp-sharing-button--medium"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--circle">
</div>Twitter</div>
</a>
<!-- Sharingbutton Tumblr -->
<a class="resp-sharing-button__link" href="https://www.tumblr.com/widgets/share/tool?posttype=link&amp;title=P%C4%81li%20to%20English%2C%20Chinese%2C%20Japanese%2C%20Vietnamese%2C%20Burmese%20Dictionary&amp;caption=P%C4%81li%20to%20English%2C%20Chinese%2C%20Japanese%2C%20Vietnamese%2C%20Burmese%20Dictionary&amp;content=https%3A%2F%2Ftipitaka.sutta.org%2F&amp;canonicalUrl=https%3A%2F%2Ftipitaka.sutta.org%2F&amp;shareSource=tumblr_share_button" target="_blank" rel="noopener" aria-label="Tumblr">
<div class="resp-sharing-button resp-sharing-button--tumblr resp-sharing-button--medium"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--circle">
</div>Tumblr</div>
</a>
<!-- Sharingbutton E-Mail -->
<a class="resp-sharing-button__link" href="mailto:?subject=P%C4%81li%20to%20English%2C%20Chinese%2C%20Japanese%2C%20Vietnamese%2C%20Burmese%20Dictionary&amp;body=https%3A%2F%2Ftipitaka.sutta.org%2F" target="_self" rel="noopener" aria-label="E-Mail">
<div class="resp-sharing-button resp-sharing-button--email resp-sharing-button--medium"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--circle">
</div>E-Mail</div>
</a>
<!-- Sharingbutton Pinterest -->
<a class="resp-sharing-button__link" href="https://pinterest.com/pin/create/button/?url=https%3A%2F%2Ftipitaka.sutta.org%2F&amp;media=https%3A%2F%2Ftipitaka.sutta.org%2F&amp;description=P%C4%81li%20to%20English%2C%20Chinese%2C%20Japanese%2C%20Vietnamese%2C%20Burmese%20Dictionary" target="_blank" rel="noopener" aria-label="Pinterest">
<div class="resp-sharing-button resp-sharing-button--pinterest resp-sharing-button--medium"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--circle">
</div>Pinterest</div>
</a>
<!-- Sharingbutton Reddit -->
<a class="resp-sharing-button__link" href="https://reddit.com/submit/?url=https%3A%2F%2Ftipitaka.sutta.org%2F&amp;resubmit=true&amp;title=P%C4%81li%20to%20English%2C%20Chinese%2C%20Japanese%2C%20Vietnamese%2C%20Burmese%20Dictionary" target="_blank" rel="noopener" aria-label="Reddit">
<div class="resp-sharing-button resp-sharing-button--reddit resp-sharing-button--medium"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--circle">
</div>Reddit</div>
</a>
<!-- Sharingbutton Hacker News -->
<a class="resp-sharing-button__link" href="https://news.ycombinator.com/submitlink?u=https%3A%2F%2Ftipitaka.sutta.org%2F&amp;t=P%C4%81li%20to%20English%2C%20Chinese%2C%20Japanese%2C%20Vietnamese%2C%20Burmese%20Dictionary" target="_blank" rel="noopener" aria-label="Hacker News">
<div class="resp-sharing-button resp-sharing-button--hackernews resp-sharing-button--medium"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--circle">
</div>Hacker News</div>
</a>
<style>
.resp-sharing-button__link,
.resp-sharing-button__icon {
display: inline-block
}
.resp-sharing-button__link {
text-decoration: none;
color: #fff;
margin: 0.5em
}
.resp-sharing-button {
border-radius: 5px;
transition: 25ms ease-out;
padding: 0.5em 0.75em;
font-family: Helvetica Neue,Helvetica,Arial,sans-serif
}
.resp-sharing-button__icon svg {
width: 1em;
height: 1em;
margin-right: 0.4em;
vertical-align: top
}
.resp-sharing-button--small svg {
margin: 0;
vertical-align: middle
}
/* Non solid icons get a stroke */
.resp-sharing-button__icon {
stroke: #fff;
fill: none
}
/* Solid icons get a fill */
.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
fill: #fff;
stroke: none
}
.resp-sharing-button--twitter {
background-color: #55acee
}
.resp-sharing-button--twitter:hover {
background-color: #2795e9
}
.resp-sharing-button--pinterest {
background-color: #bd081c
}
.resp-sharing-button--pinterest:hover {
background-color: #8c0615
}
.resp-sharing-button--facebook {
background-color: #3b5998
}
.resp-sharing-button--facebook:hover {
background-color: #2d4373
}
.resp-sharing-button--tumblr {
background-color: #35465C
}
.resp-sharing-button--tumblr:hover {
background-color: #222d3c
}
.resp-sharing-button--reddit {
background-color: #5f99cf
}
.resp-sharing-button--reddit:hover {
background-color: #3a80c1
}
.resp-sharing-button--google {
background-color: #dd4b39
}
.resp-sharing-button--google:hover {
background-color: #c23321
}
.resp-sharing-button--linkedin {
background-color: #0077b5
}
.resp-sharing-button--linkedin:hover {
background-color: #046293
}
.resp-sharing-button--email {
background-color: #777
}
.resp-sharing-button--email:hover {
background-color: #5e5e5e
}
.resp-sharing-button--xing {
background-color: #1a7576
}
.resp-sharing-button--xing:hover {
background-color: #114c4c
}
.resp-sharing-button--whatsapp {
background-color: #25D366
}
.resp-sharing-button--whatsapp:hover {
background-color: #1da851
}
.resp-sharing-button--hackernews {
background-color: #FF6600
}
.resp-sharing-button--hackernews:hover, .resp-sharing-button--hackernews:focus { background-color: #FB6200 }
.resp-sharing-button--vk {
background-color: #507299
}
.resp-sharing-button--vk:hover {
background-color: #43648c
}
.resp-sharing-button--facebook {
background-color: #3b5998;
border-color: #3b5998;
}
.resp-sharing-button--facebook:hover,
.resp-sharing-button--facebook:active {
background-color: #2d4373;
border-color: #2d4373;
}
.resp-sharing-button--twitter {
background-color: #55acee;
border-color: #55acee;
}
.resp-sharing-button--twitter:hover,
.resp-sharing-button--twitter:active {
background-color: #2795e9;
border-color: #2795e9;
}
.resp-sharing-button--tumblr {
background-color: #35465C;
border-color: #35465C;
}
.resp-sharing-button--tumblr:hover,
.resp-sharing-button--tumblr:active {
background-color: #222d3c;
border-color: #222d3c;
}
.resp-sharing-button--email {
background-color: #777777;
border-color: #777777;
}
.resp-sharing-button--email:hover,
.resp-sharing-button--email:active {
background-color: #5e5e5e;
border-color: #5e5e5e;
}
.resp-sharing-button--pinterest {
background-color: #bd081c;
border-color: #bd081c;
}
.resp-sharing-button--pinterest:hover,
.resp-sharing-button--pinterest:active {
background-color: #8c0615;
border-color: #8c0615;
}
.resp-sharing-button--reddit {
background-color: #5f99cf;
border-color: #5f99cf;
}
.resp-sharing-button--reddit:hover,
.resp-sharing-button--reddit:active {
background-color: #3a80c1;
border-color: #3a80c1;
}
.resp-sharing-button--hackernews {
background-color: #FF6600;
border-color: #FF6600;
}
.resp-sharing-button--hackernews:hover
.resp-sharing-button--hackernews:active {
background-color: #FB6200;
border-color: #FB6200;
}
</style>
{{end}}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment