diff --git a/css/custom.css b/css/custom.css new file mode 100644 index 0000000..fc4abbd --- /dev/null +++ b/css/custom.css @@ -0,0 +1,70 @@ +:root { + --parvus-background-color: #161618; + --parvus-color: #f2f5f4; + --parvus-caption-color: #f2f5f4; + --parvus-btn-background-color: #F5A9B8; + --parvus-btn-color: #ffffff; + --parvus-btn-disabled-background-color: #5BCEFA; + --parvus-btn-disabled-color: #161618; + --img-height: 12.5em; + --max-img-width: 22em; /* So breit wie das breiteste Bild */ + } + + +body { + background-color: #161618; + color: #f2f5f4; +} + +a:hover { + color: #f2f5f4; +} + +a.lightbox { + margin: 10px; +} + +.parvus-trigger:has(img) .parvus-zoom__indicator { + display: none; +} + +.image-box { + height: var(--img-height); + width: var(--max-img-width); + display: flex; + align-items: center; + justify-content: center; + background-color: #222222; + border: 1px solid #222222; + border-radius: 0.5rem; + +} + +.image-box img { + max-height: 100%; + max-width: 100%; + object-fit: contain; +} + +.page-title { + padding-bottom: 3em; + color: #F5A9B8; +} + +.logo { + height: 8em; + width: auto; +} + +a.svg-link { + display: inline-block; + line-height: 0; + padding: 0; + margin: 0; +} + +a.svg-link svg { + display: block; + width: 3em; + height: max-content; +} \ No newline at end of file diff --git a/css/sites.css b/css/sites.css new file mode 100644 index 0000000..67a8261 --- /dev/null +++ b/css/sites.css @@ -0,0 +1,11 @@ +.twitch { + color: #9146ff; +} + +.twitter { + color: #1DA1F2; +} + +.vgen { + color: #B8FF26; +} \ No newline at end of file diff --git a/index.html b/index.html index e7614e3..7cb71af 100644 --- a/index.html +++ b/index.html @@ -1,86 +1,145 @@ + - Liste mit zentrierten Bildern + JaxOffTV Art Credits + + - +
- - -
-
-
- Bild 1 -
-
-
-

Titel 1

-

Dies ist eine kurze Beschreibung.

- + +
+
+

+ +

Credits

+

- -
-
-
- Bild 2 -
-
-
-

Titel 2

-

Kleineres Bild, aber trotzdem zentriert im Container.

- -
+ + +
+ + +
+
+ +
+
+
+ +

Twitch Emotes

+ +

by Yume Shirokuro


+ +
+ + + + + + + + + + + + + +
- -
-
-
- Bild 2 -
-
-
-

Titel 3

-

Kleineres Bild, aber trotzdem zentriert im Container.

- -
+ +
+
+ + + +
+ + +
+
+
+
+
+ +

Logo, Background & Rigging

+ +

by A3l_is


+ +
+ + + + + + + + + + + + + + +
+ + +
+
+ + + +
+ + +
+
+ +
+
+
+ +

Model Art

+ +

by Milky Blanc


+ +
+ + + + + + + + + +
+ + +
+
@@ -88,4 +147,5 @@ - + + \ No newline at end of file diff --git a/static/bg_rig_logo.png b/static/bg_rig_logo.png new file mode 100644 index 0000000..97a4117 Binary files /dev/null and b/static/bg_rig_logo.png differ diff --git a/static/jaxoff_logo.png b/static/jaxoff_logo.png new file mode 100644 index 0000000..f8b7c15 Binary files /dev/null and b/static/jaxoff_logo.png differ diff --git a/static/model.png b/static/model.png new file mode 100644 index 0000000..cb7644d Binary files /dev/null and b/static/model.png differ diff --git a/static/yume_emotes.jpeg b/static/yume_emotes.jpeg new file mode 100644 index 0000000..eb9f315 Binary files /dev/null and b/static/yume_emotes.jpeg differ diff --git a/test.html b/test.html deleted file mode 100644 index a004a57..0000000 --- a/test.html +++ /dev/null @@ -1,83 +0,0 @@ - - - - - - Grid mit unbeschnittenen Bildern - - - - - -
-
- - -
-
-
- Bild 1 -
-
-
Titel 1
-

Bild mit Standardverhältnis.

- -
-
-
- - -
-
-
- Bild 2 -
-
-
Titel 2
-

Sehr hohes Bild – trotzdem zentriert & sichtbar.

- -
-
-
- - -
-
-
- Bild 3 -
-
-
Titel 3
-

Panoramabild – vollständig skaliert.

- -
-
-
- -
-
- - - -