neutral preview images

config/merged/card_styles.yml

@@ -3,6 +3,8 @@
   header: Full background
   text: Text in box on top of the imag. Adjustable background
             and text color to mix/match with images.
+            Images can be wide or square, for 2 column 800 wide,
+            3 column 600 , 4 column 400
   fields:
     - header
     - text
@@ -13,7 +15,9 @@
 - template: card_gap_square
   header: Narrow card with up down section
   text: Smaller image, large margins, possible subheader
-    Order turns it upside down, image bottom
+      Order turns it upside down, image bottom
+      Images can be wide or square, for 2 column 800 wide,
+      3 column 600 , 4 column 400
   fields:
     - header
     - text
@@ -28,6 +32,8 @@
   text: Image, header, text, normal stuff. No margin between image and text.
         Possible subheader. Text alignment option. Also option to turn upside
         down with order.
+        Images can be wide or square, for 2 column 800 wide,
+        3 column 600 , 4 column 400
   fields:
     - header
     - text
@@ -42,6 +48,10 @@
 - template: card_wide_square
   header: Sideway card with square image
   text: Much like standard square card, just turned sideways.
+    Works best for 2 or three columns. Wide pictures, unless there is a lot of text.
+    Images can be wide or square, for 2 column 600 wide,
+    3 columns 400
+
   fields:
     - header
     - text
@@ -57,7 +67,8 @@
   header: Card looking feature
   text: For things where no image is available or apropriate.
         Making lists a little more interesting to look at.
-        May use svg as image.
+        May use svg as image, or normal with transparent bg.
+        Small images or icons.
   fields:
     - header
     - text
@@ -84,6 +95,9 @@
 - template: card_normal_round
   header: Standard card with rounded look
   text: Otherwise quite similar to standard. But there is gap under the image.
+        Images can be wide or square, for 2 column 800 wide,
+        3 column 600 , 4 column 400
+
   fields:
     - header
     - text
@@ -96,7 +110,7 @@
 - template: form_field
   header: A single field in a form
   text: The header is the Name of the field, the description
-        serves as a placeholder.
+        serves as a placeholder. (No image)
   fields:
     - header
     - text

config/merged/section_styles.yml

@@ -16,8 +16,8 @@
 - template: section_feature
   header: Feature section with 2 column,
   text: A split header with two column layout on the right.
-        Cards can be choosen freely but columns should be carefully
-        choosen to fit.
+        Cards can be choosen freely but columns should be choosen to fit.
+        Look very much depends on card style and column number.
   cards: true
   fields:
     - header
@@ -60,6 +60,8 @@
         can be embedded into the text by writing IMAGE (in caps)
         where the image should be inserted. Not more than 200 words
         or 1000 characters are best.
+        Image size depends on columms, 3 column should be 600 wide and 300
+        to 600 high.
   fields:
     - header
     - text
@@ -76,6 +78,8 @@
   header: Split section with image left or right
   text: Image on one side, header and text on the other.
     Order depends on order option. Optional button.
+    Image aspect ratio can be choosen and determines layout.
+    Wide image, narrow look. Square image big look. No portraits.
   fields:
     - header
     - text
@@ -93,6 +97,8 @@
     Adjustable text text alignment (left, center, right).
     Text may be slightly shaded for readability,
     text color can be changed too.
+    Image should be 1600 wide and can be between 400 and 900 for
+    different looks
   fields:
     - header
     - text
@@ -109,8 +115,8 @@
   header: Two third image header with adjustable text
   text: Large picture background with Header and text offset.
     Adjustable text alignment (left, center, right).
-    Text section may have background color.
-    Text color can be changed too
+    Image size determines the look or layout. Images should be 1200 wide
+    and 300 - 600 high.
   fields:
     - header
     - text
@@ -163,6 +169,7 @@
   text: Image on one side, header and text on the other.
     Order depends on order option. Date is subheader.
     Extra text possible under both text and picture, as markdown.
+    Image should be 600 wide and 400-900 high, depending on text.
   fields:
     - header
     - text