Add demo definition images

tvdeyen · tvdeyen · commit b29fd79786c4 · 2025-08-12T15:34:46.000+02:00
diff --git a/spec/dummy/app/assets/images/alchemy/element_icons/article.svg b/spec/dummy/app/assets/images/alchemy/element_icons/article.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M20 22H4C3.44772 22 3 21.5523 3 21V3C3 2.44772 3.44772 2 4 2H20C20.5523 2 21 2.44772 21 3V21C21 21.5523 20.5523 22 20 22ZM19 20V4H5V20H19ZM7 6H11V10H7V6ZM7 12H17V14H7V12ZM7 16H17V18H7V16ZM13 7H17V9H13V7Z"></path></svg>
diff --git a/spec/dummy/app/assets/images/alchemy/element_icons/download-2-line.svg b/spec/dummy/app/assets/images/alchemy/element_icons/download-2-line.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M13 10H18L12 16L6 10H11V3H13V10ZM4 19H20V12H22V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V12H4V19Z"></path></svg>
diff --git a/spec/dummy/app/assets/images/alchemy/element_icons/font-size.svg b/spec/dummy/app/assets/images/alchemy/element_icons/font-size.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M11.246 15H4.75416L2.75416 20H0.600098L7.0001 4H9.0001L15.4001 20H13.246L11.246 15ZM10.446 13L8.0001 6.88516L5.55416 13H10.446ZM21.0001 12.5351V12H23.0001V20H21.0001V19.4649C20.4118 19.8052 19.7287 20 19.0001 20C16.791 20 15.0001 18.2091 15.0001 16C15.0001 13.7909 16.791 12 19.0001 12C19.7287 12 20.4118 12.1948 21.0001 12.5351ZM19.0001 18C20.1047 18 21.0001 17.1046 21.0001 16C21.0001 14.8954 20.1047 14 19.0001 14C17.8955 14 17.0001 14.8954 17.0001 16C17.0001 17.1046 17.8955 18 19.0001 18Z"></path></svg>
diff --git a/spec/dummy/app/assets/images/alchemy/element_icons/gallery-view.svg b/spec/dummy/app/assets/images/alchemy/element_icons/gallery-view.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M2 4C2 3.44772 2.44772 3 3 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4ZM4 5V19H20V5H4ZM6 7H11V11H6V7ZM11 13H6V17H11V13ZM13 7H18V11H13V7ZM18 13H13V17H18V13Z"></path></svg>
diff --git a/spec/dummy/app/assets/images/alchemy/element_icons/image-2-line.svg b/spec/dummy/app/assets/images/alchemy/element_icons/image-2-line.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M5 11.1005L7 9.1005L12.5 14.6005L16 11.1005L19 14.1005V5H5V11.1005ZM5 13.9289V19H8.1005L11.0858 16.0147L7 11.9289L5 13.9289ZM10.9289 19H19V16.9289L16 13.9289L10.9289 19ZM4 3H20C20.5523 3 21 3.44772 21 4V20C21 20.5523 20.5523 21 20 21H4C3.44772 21 3 20.5523 3 20V4C3 3.44772 3.44772 3 4 3ZM15.5 10C14.6716 10 14 9.32843 14 8.5C14 7.67157 14.6716 7 15.5 7C16.3284 7 17 7.67157 17 8.5C17 9.32843 16.3284 10 15.5 10Z"></path></svg>
diff --git a/spec/dummy/app/assets/images/alchemy/element_icons/infinity-line.svg b/spec/dummy/app/assets/images/alchemy/element_icons/infinity-line.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M3 12C3 10.067 4.567 8.5 6.5 8.5C7.7035 8.5 8.51959 8.9338 9.19914 9.61336C9.9255 10.3397 10.4851 11.3322 11.1258 12.4856L11.1595 12.5462C11.7605 13.6283 12.4431 14.8573 13.3866 15.8009C14.3946 16.8088 15.7035 17.5 17.5 17.5C20.5376 17.5 23 15.0376 23 12C23 8.96243 20.5376 6.5 17.5 6.5C15.8394 6.5 14.3508 7.2359 13.3423 8.39937C13.7887 9.05406 14.1574 9.70577 14.464 10.2574C15.0681 9.20718 16.2014 8.5 17.5 8.5C19.433 8.5 21 10.067 21 12C21 13.933 19.433 15.5 17.5 15.5C16.2965 15.5 15.4804 15.0662 14.8009 14.3866C14.0745 13.6603 13.5149 12.6678 12.8742 11.5144L12.8405 11.4538C12.2395 10.3717 11.5569 9.14265 10.6134 8.19914C9.60541 7.1912 8.2965 6.5 6.5 6.5C3.46243 6.5 1 8.96243 1 12C1 15.0376 3.46243 17.5 6.5 17.5C8.16056 17.5 9.64923 16.7641 10.6577 15.6006C10.2113 14.9459 9.84262 14.2942 9.53605 13.7426C8.93194 14.7928 7.79856 15.5 6.5 15.5C4.567 15.5 3 13.933 3 12Z"></path></svg>
diff --git a/spec/dummy/app/assets/images/alchemy/element_icons/layout-column-line.svg b/spec/dummy/app/assets/images/alchemy/element_icons/layout-column-line.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M11 5H5V19H11V5ZM13 5V19H19V5H13ZM4 3H20C20.5523 3 21 3.44772 21 4V20C21 20.5523 20.5523 21 20 21H4C3.44772 21 3 20.5523 3 20V4C3 3.44772 3.44772 3 4 3Z"></path></svg>
diff --git a/spec/dummy/app/assets/images/alchemy/element_icons/mail-line.svg b/spec/dummy/app/assets/images/alchemy/element_icons/mail-line.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M3 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3ZM20 7.23792L12.0718 14.338L4 7.21594V19H20V7.23792ZM4.51146 5L12.0619 11.662L19.501 5H4.51146Z"></path></svg>
diff --git a/spec/dummy/app/assets/images/alchemy/element_icons/news-line.svg b/spec/dummy/app/assets/images/alchemy/element_icons/news-line.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M2 4C2 3.44772 2.44772 3 3 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4ZM4 5V19H20V5H4ZM6 7H12V13H6V7ZM8 9V11H10V9H8ZM14 9H18V7H14V9ZM18 13H14V11H18V13ZM6 15V17L18 17V15L6 15Z"></path></svg>
diff --git a/spec/dummy/app/assets/images/alchemy/element_icons/slideshow-view.svg b/spec/dummy/app/assets/images/alchemy/element_icons/slideshow-view.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M2 4C2 3.44772 2.44772 3 3 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4ZM4 14H20V5H4V14ZM4 16V19H8V16H4ZM10 16V19H14V16H10ZM16 16V19H20V16H16Z"></path></svg>
diff --git a/spec/dummy/app/assets/images/alchemy/element_icons/text-block.svg b/spec/dummy/app/assets/images/alchemy/element_icons/text-block.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M1 2V5H3V4H5V9H3.5V11H8.5V9H7V4H9V5H11V2H1ZM21 3H14V5H20V19H4V14H2V20C2 20.5523 2.44772 21 3 21H21C21.5523 21 22 20.5523 22 20V4C22 3.44772 21.5523 3 21 3Z"></path></svg>
diff --git a/spec/dummy/app/assets/images/alchemy/element_icons/text-snippet.svg b/spec/dummy/app/assets/images/alchemy/element_icons/text-snippet.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M2 4C2 3.44772 2.44772 3 3 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4ZM4 5V19H20V5H4ZM7 8H17V11H15V10H13V14H14.5V16H9.5V14H11V10H9V11H7V8Z"></path></svg>
diff --git a/spec/dummy/app/assets/images/grid-lists.png b/spec/dummy/app/assets/images/grid-lists.png
diff --git a/spec/dummy/app/assets/images/header.png b/spec/dummy/app/assets/images/header.png
diff --git a/spec/dummy/config/alchemy/elements.yml b/spec/dummy/config/alchemy/elements.yml
@@ -1,5 +1,6 @@
 - name: header
   unique: true
+  icon: font-size
   ingredients:
     - role: image
       type: Picture
@@ -12,6 +13,8 @@
       type: Headline
 
 - name: article
+  icon: true
+  hint: "Article element with a headline, image and text."
   taggable: true
   ingredients:
     - role: intro
@@ -31,6 +34,7 @@
       type: Richtext
 
 - name: text
+  icon: text-snippet
   ingredients:
     - role: text
       type: Richtext
@@ -43,6 +47,7 @@
   ingredients: []
 
 - name: news
+  icon: news-line
   ingredients:
     - role: date
       type: Datetime
@@ -52,6 +57,7 @@
       type: Richtext
 
 - name: download
+  icon: download-2-line
   ingredients:
     - role: file
       type: File
@@ -63,6 +69,8 @@
 
 - name: contactform
   unique: true
+  icon: mail-line
+  hint: "A contact form element with a mail to address and a success page."
   ingredients:
     - role: mail_from
       type: Text
@@ -83,6 +91,7 @@
         - presence
 
 - name: all_you_can_eat
+  icon: infinity-line
   hint: true
   taggable: true
   ingredients:
@@ -175,6 +184,7 @@
       type: Richtext
 
 - name: tinymce_custom
+  icon: text-block
   ingredients:
     - role: text
       type: Richtext
@@ -200,6 +210,7 @@
                   wrapper: true
 
 - name: slide
+  icon: image-2-line
   compact: true
   ingredients:
     - role: picture
@@ -212,16 +223,19 @@
       as_element_title: true
 
 - name: slider
+  icon: slideshow-view
   nestable_elements:
     - slide
   autogenerate:
     - slide
 
 - name: gallery
+  icon: gallery-view
   nestable_elements:
     - gallery_picture
 
 - name: gallery_picture
+  icon: image-2-line
   compact: true
   ingredients:
     - role: picture
@@ -231,6 +245,7 @@
         crop: true
 
 - name: right_column
+  icon: layout-column-line
   fixed: true
   unique: true
   ingredients:
@@ -239,6 +254,7 @@
   nestable_elements: [search, text]
 
 - name: left_column
+  icon: layout-column-line
   fixed: true
   unique: true
   nestable_elements: [text]
diff --git a/spec/dummy/config/alchemy/page_layouts.yml b/spec/dummy/config/alchemy/page_layouts.yml
@@ -19,6 +19,8 @@
     meta_description: ~
 
 - name: standard
+  image: header.png
+  hint: The standard layout is used for most pages.
   elements: [article, header, slider, download]
   autogenerate: [header, article, download]
 
@@ -39,6 +41,8 @@
   autogenerate: [all_you_can_eat, right_column, left_column]
 
 - name: news
+  image: grid-lists.png
+  hint: The news layout is used to display a list of news articles.
   unique: true
   insert_elements_at: top
   elements: [headline, news]
