Make support me buttons into a WebC component
This commit is contained in:
parent
bd2e9cfcee
commit
e3927b4c46
|
@ -0,0 +1,14 @@
|
|||
<p>If you enjoy my work, you can support me on Ko-Fi or Buy Me a Coffee:</p>
|
||||
<div class="support-me">
|
||||
<script webc:keep type='text/javascript' src='https://storage.ko-fi.com/cdn/widget/Widget_2.js'></script><script webc:keep type='text/javascript'>kofiwidget2.init('Support Me on Ko-fi', '#7A37A3', 'A1042UH4');kofiwidget2.draw();</script>
|
||||
|
||||
<script webc:keep type="text/javascript" src="https://cdnjs.buymeacoffee.com/1.0.0/button.prod.min.js" data-name="bmc-button" data-slug="leilukin" data-color="#7a37a3" data-emoji="" data-font="Cookie" data-text="Buy me a coffee" data-outline-color="#ffffff" data-font-color="#ffffff" data-coffee-color="#FFDD00" ></script>
|
||||
</div>
|
||||
|
||||
<style webc:keep webc:bucket="defer">
|
||||
.support-me {
|
||||
display: flex;
|
||||
gap: 1em;
|
||||
align-items: center;
|
||||
}
|
||||
</style>
|
|
@ -72,9 +72,8 @@ metadata:
|
|||
|
||||
<p>You can contact me via email: <a href="mailto:leilukin@outlook.com">leilukin@outlook.com</a>.</p>
|
||||
|
||||
<p>If you enjoy my work, you can support me on Ko-Fi or Buy Me a Coffee:
|
||||
<script type='text/javascript' src='https://storage.ko-fi.com/cdn/widget/Widget_2.js'></script><script type='text/javascript'>kofiwidget2.init('Support Me on Ko-fi', '#7A37A3', 'A1042UH4');kofiwidget2.draw();</script><br><br>
|
||||
<script type="text/javascript" src="https://cdnjs.buymeacoffee.com/1.0.0/button.prod.min.js" data-name="bmc-button" data-slug="leilukin" data-color="#7a37a3" data-emoji="" data-font="Cookie" data-text="Buy me a coffee" data-outline-color="#ffffff" data-font-color="#ffffff" data-coffee-color="#FFDD00" ></script>
|
||||
</p>
|
||||
{% renderTemplate "webc" %}
|
||||
<support-me></support-me>
|
||||
{% endrenderTemplate %}
|
||||
</sectioin>
|
||||
</article>
|
|
@ -63,9 +63,8 @@ metadata:
|
|||
|
||||
<section class="content-section">
|
||||
<h2>Support Me</h2>
|
||||
<p>If you enjoy my work, you can support me on Ko-Fi or Buy Me a Coffee:
|
||||
<script type='text/javascript' src='https://storage.ko-fi.com/cdn/widget/Widget_2.js'></script><script type='text/javascript'>kofiwidget2.init('Support Me on Ko-fi', '#7A37A3', 'A1042UH4');kofiwidget2.draw();</script><br><br>
|
||||
<script type="text/javascript" src="https://cdnjs.buymeacoffee.com/1.0.0/button.prod.min.js" data-name="bmc-button" data-slug="leilukin" data-color="#7a37a3" data-emoji="" data-font="Cookie" data-text="Buy me a coffee" data-outline-color="#ffffff" data-font-color="#ffffff" data-coffee-color="#FFDD00" ></script>
|
||||
</p>
|
||||
{% renderTemplate "webc" %}
|
||||
<support-me></support-me>
|
||||
{% endrenderTemplate %}
|
||||
</section>
|
||||
</div>
|
Loading…
Reference in New Issue