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 %} {% endif %}
{%- for link in item.links -%} {%- 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 -%} {%- endfor -%}
</div> </div>
</div> </div>
@ -26,9 +26,9 @@
</div> </div>
<script> <script>
if (dark) { if (dark) {
$("#project-list").find(".btn-outline-info").each(function () { $("#project-list").find(".btn-outline-dark").each(function () {
let e = $(this); let e = $(this);
e.removeClass("btn-outline-info"); e.removeClass("btn-outline-dark");
e.addClass("btn-outline-light"); 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> <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> <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 --> <!-- Donation buttons -->
<div class="sellout"> <div id="donation-buttons">
<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://github.com/sponsors/Ellpeck" class="card-link btn rounded-0 btn-outline-primary">Sponsor on GitHub</a>
<a href="https://www.patreon.com/bePatron?u=2494595" class="patreon-button" style="padding: 5px;"> <a href="https://patreon.com/Ellpeck" class="card-link btn rounded-0 btn-outline-primary">Become a Patron</a>
<img src="./res/becomePatron.png" width="auto" height="34px" alt="Become a patron"> <a href="https://ko-fi.com/ellpeck" class="card-link btn rounded-0 btn-outline-primary">Buy me a Coffee</a>
</a>
</div> </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> </div>
</div> </div>

14
main/style/style.css
View file

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