From 4a2b1660b699e21b674ef470662a5719bc9050f4 Mon Sep 17 00:00:00 2001 From: Natasha Moongrave Date: Tue, 31 Mar 2026 15:01:24 +0200 Subject: Add example image slots to commission types on commissions page Replaced table layout with flexbox cards showing placeholder images for each commission type (Icon, Bust, Half-Body, Full-Body, Half Scene, Full Scene). Images to be replaced with actual examples later. --- src/Pages/commissions/commissions.php | 149 +++++++++++++++++++++++++--------- 1 file changed, 112 insertions(+), 37 deletions(-) (limited to 'src') diff --git a/src/Pages/commissions/commissions.php b/src/Pages/commissions/commissions.php index 6304f2c..010bf4e 100644 --- a/src/Pages/commissions/commissions.php +++ b/src/Pages/commissions/commissions.php @@ -134,6 +134,51 @@ color: #00ffff; font-weight: bold; } + .commission-type { + display: flex; + gap: 20px; + padding: 20px 0; + border-bottom: 1px solid rgba(255, 0, 255, 0.2); + align-items: center; + } + .commission-type:last-of-type { + border-bottom: none; + } + .commission-type-info { + flex: 1; + } + .commission-type-info h3 { + color: #00ffff; + margin: 0 0 8px 0; + } + .commission-type-info p { + margin: 4px 0; + } + .commission-type-info .price { + color: #ff00ff; + font-weight: bold; + } + .commission-type-example { + flex-shrink: 0; + width: 150px; + height: 150px; + } + .commission-type-example img { + width: 100%; + height: 100%; + object-fit: cover; + border: 1px solid rgba(255, 0, 255, 0.3); + } + @media (max-width: 500px) { + .commission-type { + flex-direction: column; + text-align: center; + } + .commission-type-example { + width: 120px; + height: 120px; + } + } @@ -178,43 +223,73 @@

Sizes & Types

Prices vary based on complexity. Contact me for a quote.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
TypeDescriptionPrice Range
IconSmall profile picture or avatar, simple backgroundN/A
BustHead and shoulders, chest upN/A
Half-BodyWaist up, more detail and pose optionsN/A
Full-BodyComplete character from head to toeN/A
Half SceneCharacter with partial background or simple environmentN/A
Full SceneComplete illustration with detailed background and compositionN/A
+ +
+
+

Icon

+

Small profile picture or avatar, simple background

+

Price: N/A

+
+
+ Icon example +
+
+ +
+
+

Bust

+

Head and shoulders, chest up

+

Price: N/A

+
+
+ Bust example +
+
+ +
+
+

Half-Body

+

Waist up, more detail and pose options

+

Price: N/A

+
+
+ Half-body example +
+
+ +
+
+

Full-Body

+

Complete character from head to toe

+

Price: N/A

+
+
+ Full-body example +
+
+ +
+
+

Half Scene

+

Character with partial background or simple environment

+

Price: N/A

+
+
+ Half scene example +
+
+ +
+
+

Full Scene

+

Complete illustration with detailed background and composition

+

Price: N/A

+
+
+ Full scene example +
+
+

+ Complex backgrounds cost extra
+ Additional characters cost extra
+ Commercial use costs extra
-- cgit v1.2.3