Skip to content

Add other social media links in _config.yml #324

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
bedroesb merged 5 commits into from
Feb 7, 2025
Merged

Add other social media links in _config.yml #324

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
fad21a7
Add other social media links in _config.yml
anenadic Feb 6, 2025
4c229ee
Add social media link to topnav
anenadic Feb 6, 2025
3a1e9e2
Change fosstodon to mastodon
anenadic Feb 7, 2025
2737ddb
Revert mastodon to fosstodon
anenadic Feb 7, 2025
96de12c
adding docs
bedroesb Feb 7, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions _config.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -85,6 +85,9 @@ theme_variables:
# brand_logo: assets/img/main_logo.svg
# github: true
# twitter: false
# bluesky: false
# linkedin: false
# fosstodon: false
# theme_color: 0d6efd
# fonts:
# - url towards a font
Expand Down
15 changes: 15 additions & 0 deletions _includes/topnav.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -56,6 +56,21 @@
<a class="nav-link ps-2 d-flex align-items-center" href="{{site.theme_variables.topnav.twitter}}"><i class="fa-brands fa-x-twitter me-2"></i>Twitter</a>
</li>
{%- endif %}
{%- if site.theme_variables.topnav.bluesky %}
<li class="nav-item">
<a class="nav-link ps-2 d-flex align-items-center" href="{{site.theme_variables.topnav.bluesky}}"><i class="fa-brands fa-bluesky me-2"></i>Bluesky</a>
</li>
{%- endif %}
{%- if site.theme_variables.topnav.fosstodon %}
<li class="nav-item">
<a class="nav-link ps-2 d-flex align-items-center" href="{{site.theme_variables.topnav.fosstodon}}"><i class="fa-brands fa-mastodon me-2"></i>FOSStodon</a>
</li>
{%- endif %}
{%- if site.theme_variables.topnav.linkedin %}
<li class="nav-item">
<a class="nav-link ps-2 d-flex align-items-center" href="{{site.theme_variables.topnav.linkedin}}"><i class="fa-brands fa-linkedin me-2"></i>LinkedIn</a>
</li>
{%- endif %}
{%- if site.theme_variables.topnav.github or site.theme_variables.topnav.github == nil %}
<li class="nav-item">
<a class="nav-link ps-2 d-flex align-items-center" href="{{site.github.repository_url}}">
Expand Down
6 changes: 6 additions & 0 deletions pages/documentation/configuring_theme.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -71,6 +71,9 @@ theme_variables:
brand_logo: assets/img/main_logo.svg
github: true
twitter: false
bluesky: false
linkedin: false
fosstodon: false
theme_color: 0d6efd
fonts:
- url towards a font
Expand Down Expand Up @@ -104,5 +107,8 @@ More detailed information about these settings can be found here:
* `brand_logo`: Custom path towards the brand logo, in case the assets/img/main_logo.svg can not be used.
* `github`: Enable or disable the appearance of the Github repo nav link. Default: *true*
* `twitter`: Enable or disable the appearance of the Twitter nav link by adding the url towards the twitter page. Default: *false*
* `bluesky`: Enable or disable the appearance of the Bluesky nav link by adding the url towards the Bluesky page. Default: *false*
* `linkedin`: Enable or disable the appearance of the Linkedin nav link by adding the url towards the Linkedin page. Default: *false*
* `fosstodon`: Enable or disable the appearance of the Fosstodon nav link by adding the url towards the Fosstodon page. Default: *false*
* `theme_color`: This is the primary theme color which is used in the metadata of the website. Please use the hex color without the hashtag as value.
* `fonts`: List here the urls towards google fonts to include custom fonts for your website.