Ellpeck/Web
1
0
Fork 0
Code Issues Pull requests Actions Releases Activity

redesign donation buttons

Browse source
This commit is contained in:
Ell 2021-11-08 18:28:32 +01:00
parent cab01a8749
commit 28aa18b713
3 changed files with 17 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
main/_includes/projects.html
View file

@ -18,7 +18,7 @@
{% endif %}
{%- for link in item.links -%}
<a href="{{ link.link }}" class="card-link btn rounded-0 btn-outline-info">{{ link.name }}</a>
<a href="{{ link.link }}" class="card-link btn rounded-0 btn-outline-dark">{{ link.name }}</a>
{%- endfor -%}
</div>
</div>
@ -26,9 +26,9 @@
</div>
<script>
if (dark) {
$("#project-list").find(".btn-outline-info").each(function () {
$("#project-list").find(".btn-outline-dark").each(function () {
let e = $(this);
e.removeClass("btn-outline-info");
e.removeClass("btn-outline-dark");
e.addClass("btn-outline-light");
});
}

20
main/index.html
View file

@ -17,13 +17,21 @@ nav: nav/indexnav.html
<script src="./scripts/greet.js"></script>
<p class="lead">Welcome to my little website! I'm Ellpeck, a student and programmer from Germany. I do a lot of stuff, actually. My life is pretty busy.</p>
<!-- Sponsor buttons -->
<div class="sellout">
<iframe src="https://github.com/sponsors/Ellpeck/button" title="Sponsor Ellpeck" height="32" width="116" style="border: 0; margin-right: 10px;"></iframe>
<a href="https://www.patreon.com/bePatron?u=2494595" class="patreon-button" style="padding: 5px;">
<img src="./res/becomePatron.png" width="auto" height="34px" alt="Become a patron">
</a>
<!-- Donation buttons -->
<div id="donation-buttons">
<a href="https://github.com/sponsors/Ellpeck" class="card-link btn rounded-0 btn-outline-primary">Sponsor on GitHub</a>
<a href="https://patreon.com/Ellpeck" class="card-link btn rounded-0 btn-outline-primary">Become a Patron</a>
<a href="https://ko-fi.com/ellpeck" class="card-link btn rounded-0 btn-outline-primary">Buy me a Coffee</a>
</div>
<script>
if (dark) {
$("#donation-buttons").find(".btn-outline-primary").each(function () {
let e = $(this);
e.removeClass("btn-outline-primary");
e.addClass("btn-outline-info");
});
}
</script>
</div>
</div>
</div>

14
main/style/style.css
View file

@ -209,11 +209,6 @@ blockquote {
font-style: italic;
}
.sellout {
display: flex;
align-items: center;
}
.patreon-button :hover {
filter: saturate(130%);
}
@ -252,15 +247,6 @@ blockquote {
right: auto;
top: auto;
}
.sellout {
flex-direction: column;
}
.sellout iframe {
margin-bottom: 10px;
margin-right: 0 !important;
}
}
@media (max-width: 510px) {