Browse Source

gitcitadel branding: logos, favicons, og-image + CSS adjustments

- assets/laeserin_logo.png → GitCitadel_Graphic_Landscape.png (header banner)
- assets/theme/local/og-image.jpg → same landscape logo (OG / share preview)
- assets/theme/local/icons/ → GitCitadel_PFP.png resized to all required sizes:
    favicon.ico (32×32), favicon-96x96.png, apple-touch-icon.png (180×180),
    web-app-manifest-192x192.png, web-app-manifest-512x512.png
- app.css: header__logo-banner → object-fit: contain + center (landscape logo,
    not portrait crop); card-header--no-cover img same change
- .gitignore: track all theme/local assets in this branch

Co-authored-by: Cursor <cursoragent@cursor.com>
gitcitadel
Silberengel 2 weeks ago
parent
commit
26eab2b3c3
  1. BIN
      assets/laeserin_logo.png
  2. 19
      assets/styles/app.css
  3. 3
      assets/theme/local/.gitignore
  4. BIN
      assets/theme/local/icons/apple-touch-icon.png
  5. BIN
      assets/theme/local/icons/favicon-96x96.png
  6. BIN
      assets/theme/local/icons/favicon.ico
  7. BIN
      assets/theme/local/icons/web-app-manifest-192x192.png
  8. BIN
      assets/theme/local/icons/web-app-manifest-512x512.png
  9. BIN
      assets/theme/local/og-image.jpg

BIN
assets/laeserin_logo.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.1 MiB

After

Width:  |  Height:  |  Size: 166 KiB

19
assets/styles/app.css

@ -736,10 +736,9 @@ svg.icon { @@ -736,10 +736,9 @@ svg.icon {
text-underline-offset: 2px;
}
/* Fallback hero: portrait painting at low opacity with a diagonal stripe overlay.
/* Fallback hero: landscape logo at low opacity with a diagonal stripe overlay.
Applied to any card container (.card-header, .featured-tile__media, etc.) when
the article has no cover image. The painting is cropped to the face same
object-position as .header__logo-banner. */
the article has no cover image. Logo is shown in full (contain + center). */
.card-header--no-cover {
position: relative;
overflow: hidden;
@ -748,8 +747,8 @@ svg.icon { @@ -748,8 +747,8 @@ svg.icon {
.card-header--no-cover img {
opacity: 0.18;
object-fit: cover;
object-position: 50% 14%;
object-fit: contain;
object-position: center;
}
.card-header--no-cover::after {
@ -1148,19 +1147,15 @@ svg.icon { @@ -1148,19 +1147,15 @@ svg.icon {
}
}
/* Horizontal banner logo: portrait painting cropped to a wide strip that shows the
subject's face/upper body. object-position 50% 14% targets the face at the top
of the portrait; adjust the Y value if the crop drifts on a different painting. */
/* Horizontal banner logo: landscape logo image shown in full (contain + center). */
.header__logo-banner {
display: block;
flex-shrink: 0;
/* Width drives the banner proportions; height clips into the portrait. */
width: 140px;
height: 48px;
object-fit: cover;
object-position: 50% 14%;
object-fit: contain;
object-position: center;
border-radius: 5px;
box-shadow: 0 0 0 1px var(--color-border);
/* Prevent global img { height: auto } from overriding the fixed height. */
max-width: none;
}

3
assets/theme/local/.gitignore vendored

@ -1,2 +1 @@ @@ -1,2 +1 @@
icons
# theme.css and theme-dark.css are tracked in this branch (gitcitadel brand assets)
# All theme/local assets are tracked in this branch (gitcitadel brand assets)

BIN
assets/theme/local/icons/apple-touch-icon.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.6 KiB

BIN
assets/theme/local/icons/favicon-96x96.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.5 KiB

BIN
assets/theme/local/icons/favicon.ico

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.2 KiB

BIN
assets/theme/local/icons/web-app-manifest-192x192.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

BIN
assets/theme/local/icons/web-app-manifest-512x512.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 54 KiB

BIN
assets/theme/local/og-image.jpg

Binary file not shown.

Before

Width:  |  Height:  |  Size: 91 KiB

After

Width:  |  Height:  |  Size: 166 KiB

Loading…
Cancel
Save