Skip to content

Add Bluesky topnav feature; and update name of X (formerly Twitter) #325

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

Closed
PhilReedData wants to merge 3 commits into from
Closed

Add Bluesky topnav feature; and update name of X (formerly Twitter) #325

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
65199ec
Merge pull request #1 from ELIXIR-Belgium/main
PhilReedData Oct 3, 2024
5ed49ae
Merge pull request #2 from ELIXIR-Belgium/main
PhilReedData Feb 7, 2025
223f52b
Added Bluesky to topnav
PhilReedData 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
1 change: 1 addition & 0 deletions _config.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -85,6 +85,7 @@ theme_variables:
# brand_logo: assets/img/main_logo.svg
# github: true
# twitter: false
# bluesky: false
# theme_color: 0d6efd
# fonts:
# - url towards a font
Expand Down
7 changes: 6 additions & 1 deletion _includes/topnav.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -53,7 +53,12 @@
{%- endif %}
{%- if site.theme_variables.topnav.twitter %}
<li class="nav-item">
<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>
<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>X (formerly 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.github or site.theme_variables.topnav.github == nil %}
Expand Down
3 changes: 2 additions & 1 deletion pages/documentation/configuring_theme.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -103,6 +103,7 @@ More detailed information about these settings can be found here:
* `theme`: This variable is needed to change between a dark and a light top navigation. possible values: *dark* and *light*
* `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*
* `twitter`: Enable or disable the appearance of the X (formerly 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*
* `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.