basalt-team/basalt

Base theme for the SCP Wiki.

basalt's Issues

Add a way to exclusively import Basalt's divs without the theme itself.

Likely via include variable; for users who want to steal basalt's fancy divs without actually using Basalt.

Add alternative top-bar formats.

Include variable allowing a centered header format and potential others. (removal of topbar entirely?)

Concept art for this or possible other alternatives:

Add image tooltips.

Replacing footnotes within image captions, image tooltips expand out of an image on hover and display text. Inpsiration here: https://codepen.io/free-source-code-bd/pen/VwpMNoJ

This feature, like the parallax feature, could be released as a separate component and included in Basalt.

Logo Quality Change

When the page first loads, the logo in the top-left corner is duller and slightly blurry; when the logo is hovered over and the tilt animation plays, the logo visibly brightens and becomes crisper, and stays that way until the page is reloaded.

Just a request to tweak it somehow so that no change in brightness / crispness occurs (with preference for the crisper appearance from the outset)

Add an 'accented' mode in which several elements gain colored accents.

Said accents' color would be controlled by root variable. See Penumbra Theme: https://scp-wiki.wikidot.com/theme:penumbra

Add a way to disable Wide Mode, reverting main-content to typical width.

For people who aren't fans of the Wide.

Increase gap between header text and topbar

The space between the header text and topbar seems to be a fraction too narrow. I believe it might look more pleasing to users if there were a slightly larger gap between the two elements.

Increase accessibility of color customization.

Like BHL: The colors of all the elements on the page are governed by a bunch of root variables that can be easily overwritten by the user. Additionally, present a few different preset palettes like Monotypical.

(I wonder if darkmode should be presented as one of these presets, or if it requires so many other elements to change that it needs to remain an include variable).

Add sidebox/authorbox.

Find a way to make sidebox work with wide page content (and i guess it should also respond to disabling wide mode), set up authorbox with light customizability (maybe the way it displays titles is different for the scp, author and/or supplement tags).

Add a way to re-enable the "ITEM#:" in the ACS Component.

For people whose tastes are objectively wrong /j
This one will also probably be done via include variable

Add a period after the end of the licensing notice at the bottom of the page.

This has been a serious issue for a long time which Sigma-9 has failed to address. The sentence at the bottom of each page exclaiming the site's licensing lacks a period. This is an egregious oversight by the developers of Wikidot, and thus requires manual fixing. Black Highlighter has already fixed this, and thus we should as well.

Here you can see the current appearance of the licensing notice (note the lack of period):

Here are my proposed changes to the theme implemented on a local build (i.e. inspect element):

This can be achieved with the following code:

#license-area a::after {
    content: '.'
}

I urge the developers of BASALT to immediately fix this issue without delay. It is of utmost importance.

Fade-In component does not properly interact with current Basalt.

because elements of the header/top-bar are page elements, they are affected by the Fade-in component in an undesirable way.

(this is probably an easy fix -- I just recall it not working properly during development)

Increase accessibility of background image customization.

Add some sort of root variable to customize body's background image and overlayed gradient, as seen in 6820, 6747. Some sort of versatility will be required to figure out which background-size property is best for the image, both on PC and mobile.

Add proper print support.

Sidebar icon missing in iOS

Description the issue:
The sidebar icon is disappeared in iPad landscape view, but the sidebar hover pop out function still function properly.

Device: iPad 9
OS: iOS 17.2
Browser: Safari, Chrome

Multiple fonts for localization are not imported

Multiple fonts for localization are not imported, including Noto Sans SC, Noto Serif SC, Noto Sans TC, Kanit, Charcoal (not sure if it exists on Google Fonts), Nanum Gothic and so on.

Add centered title setting.

include variable changes title to a unique centered format, a la Monotypical Theme

Remove Basalt's dependencies to make it a base theme.

Reconstruct Basalt without dependencies on Sigma-9, Paperstack, or HTML (where possible).

Add a parallax feature.

Whether it only affects background layers or can be hacked to affect actual page content. there should be some sort of parallax-based scrolling feature. This, like image tooltips, could be its own separate component that happens to be included in the theme.

Proof-of-concept by stephlynch: http://anoesis.wikidot.com/parallaxtest

Rearrange bottom-of-page buttons.

We'd like to try formatting the bottom-of-page buttons to resemble Github's bottom-of-page links. Centered, justified, and separated in the middle by either the SCP or Basalt logo.