willfaught / paige

Powerful, pliable pixel perfection. An advanced Hugo theme.
https://willfaught.com/paige
MIT License
242 stars 51 forks source link

Feature Request: Add Codeberg Icons #77

Closed zigmd closed 4 months ago

zigmd commented 4 months ago

Codeberg is a privacy respecting GitHub alternative.

The homepage of this theme uses Github's icon at the bottom. It would be nice to have the option of using the Codeberg logo.

willfaught commented 4 months ago

It seems like you mean add a font icon for the Codeberg logo. It looks like Bootstrap Icons doesn't have one yet. I suggest waiting for Bootstrap Icons to add the Codeberg logo, or adding another icon font to your site that has the Codeberg logo, or using the logo image directly with an img tag.

zigmd commented 4 months ago

or using the logo image directly with an img tag.

I currently have:

<div class="column-gap-3 d-flex display-6 justify-content-center mb-3">
    {{< paige/icon class="bi bi-git" title="Codeberg" url="https://codeberg.org/myuser/myrepo" >}}
</div>

at the bottom of _index.md.

How do I used the img tag ?

willfaught commented 4 months ago

Something like:

<img src="https://codeberg.org/Codeberg/Design/raw/branch/main/logo/icon/png/codeberg-logo_icon_blue-64x64.png">

Example:

You will probably have to set the height explicitly to whatever the pixel count is for the height of the display-6 Bootstrap class, which seems to be 2.5rem:

<div class="column-gap-3 d-flex display-6 justify-content-center mb-3">
    <img src="https://codeberg.org/Codeberg/Design/raw/branch/main/logo/icon/png/codeberg-logo_icon_blue-64x64.png" style="height:2.5rem">
</div>
zigmd commented 4 months ago

Thank you !