Merge pull request #4287 from bamaer/main

provide more context about logo vs icon in the tech docs. fixes #4284

docs/hop-tech-manual/modules/ROOT/pages/hop-logo-and-icons.adoc

@@ -17,35 +17,69 @@ under the License.
 [[HopLogoAndIcons-HopLogoAndIcons]]
 = Hop Logo and Icons
 
+== The Apache Hop logo and icon
+
+The Apache Hop logo should be used as the main reference to the Apache Hop project.
+
+The Apache Hop icon should be used in graphical user interfaces like Apache Hop's Hop Gui. The icon should not be used as a replacement for the Apache Hop logo.
+
 == CMYK for Printing
 
-image::logo/CMYK/jpg/HOP_logo_CMYK-2.jpg[HOP_logo_CMYK-2.jpg]
-image::logo/CMYK/jpg/HOP_logo_CMYK-1.jpg[HOP_logo_CMYK-1.jpg]
-image::logo/CMYK/jpg/HOP_logo_CMYK-3.jpg[HOP_logo_CMYK-3.jpg]
-image::logo/CMYK/jpg/HOP_logo_CMYK-4.jpg[HOP_logo_CMYK-4.jpg]
-image::logo/CMYK/jpg/HOP_logo_CMYK-5.jpg[HOP_logo_CMYK-5.jpg]
-image::logo/CMYK/jpg/HOP_logo_CMYK-6.jpg[HOP_logo_CMYK-6.jpg]
-image::logo/CMYK/jpg/HOP_logo_CMYK-7.jpg[HOP_logo_CMYK-7.jpg]
-image::logo/CMYK/jpg/HOP_logo_CMYK-8.jpg[HOP_logo_CMYK-8.jpg]
-image::logo/CMYK/jpg/HOP_logo_CMYK-9.jpg[HOP_logo_CMYK-9.jpg]
-image::logo/CMYK/jpg/HOP_logo_CMYK-10.jpg[HOP_logo_CMYK-10.jpg]
-image::logo/CMYK/jpg/HOP_logo_CMYK-11.jpg[HOP_logo_CMYK-11.jpg]
-image::logo/CMYK/jpg/HOP_logo_CMYK-12.jpg[HOP_logo_CMYK-12.jpg]
+=== Logo
+
+image::logo/CMYK/jpg/HOP_logo_CMYK-4.jpg[HOP_logo_CMYK-4.jpg, width="50%"]
+
+image::logo/CMYK/jpg/HOP_logo_CMYK-2.jpg[HOP_logo_CMYK-2.jpg, width="50%"]
+
+image::logo/CMYK/jpg/HOP_logo_CMYK-1.jpg[HOP_logo_CMYK-1.jpg, width="50%"]
+
+image::logo/CMYK/jpg/HOP_logo_CMYK-3.jpg[HOP_logo_CMYK-3.jpg, width="50%"]
+
+image::logo/CMYK/jpg/HOP_logo_CMYK-5.jpg[HOP_logo_CMYK-5.jpg, width="50%"]
+
+image::logo/CMYK/jpg/HOP_logo_CMYK-6.jpg[HOP_logo_CMYK-6.jpg, width="50%"]
+
+=== Icon
+
+image::logo/CMYK/jpg/HOP_logo_CMYK-10.jpg[HOP_logo_CMYK-10.jpg, width="50%"]
+
+image::logo/CMYK/jpg/HOP_logo_CMYK-7.jpg[HOP_logo_CMYK-7.jpg, width="50%"]
+
+image::logo/CMYK/jpg/HOP_logo_CMYK-8.jpg[HOP_logo_CMYK-8.jpg, width="50%"]
+
+image::logo/CMYK/jpg/HOP_logo_CMYK-9.jpg[HOP_logo_CMYK-9.jpg, width="50%"]
+
+image::logo/CMYK/jpg/HOP_logo_CMYK-12.jpg[HOP_logo_CMYK-12.jpg, width="50%"]
 
 == RGB for Web usage
 
-image::logo/RGB/jpg/HOP_logo_RGB-1.jpg[HOP_logo_RGB-1.jpg]
-image::logo/RGB/jpg/HOP_logo_RGB-2.jpg[HOP_logo_RGB-2.jpg]
-image::logo/RGB/jpg/HOP_logo_RGB-3.jpg[HOP_logo_RGB-3.jpg]
-image::logo/RGB/jpg/HOP_logo_RGB-4.jpg[HOP_logo_RGB-4.jpg]
-image::logo/RGB/jpg/HOP_logo_RGB-5.jpg[HOP_logo_RGB-5.jpg]
-image::logo/RGB/jpg/HOP_logo_RGB-6.jpg[HOP_logo_RGB-6.jpg]
-image::logo/RGB/jpg/HOP_logo_RGB-7.jpg[HOP_logo_RGB-7.jpg]
-image::logo/RGB/jpg/HOP_logo_RGB-8.jpg[HOP_logo_RGB-8.jpg]
-image::logo/RGB/jpg/HOP_logo_RGB-9.jpg[HOP_logo_RGB-9.jpg]
-image::logo/RGB/jpg/HOP_logo_RGB-10.jpg[HOP_logo_RGB-10.jpg]
-image::logo/RGB/jpg/HOP_logo_RGB-11.jpg[HOP_logo_RGB-11.jpg]
-image::logo/RGB/jpg/HOP_logo_RGB-12.jpg[HOP_logo_RGB-12.jpg]
+=== Logo
+
+image::logo/RGB/jpg/HOP_logo_RGB-4.jpg[HOP_logo_RGB-4.jpg, width="50%"]
+
+image::logo/RGB/jpg/HOP_logo_RGB-1.jpg[HOP_logo_RGB-1.jpg, width="50%"]
+
+image::logo/RGB/jpg/HOP_logo_RGB-2.jpg[HOP_logo_RGB-2.jpg, width="50%"]
+
+image::logo/RGB/jpg/HOP_logo_RGB-3.jpg[HOP_logo_RGB-3.jpg, width="50%"]
+
+image::logo/RGB/jpg/HOP_logo_RGB-5.jpg[HOP_logo_RGB-5.jpg, width="50%"]
+
+image::logo/RGB/jpg/HOP_logo_RGB-6.jpg[HOP_logo_RGB-6.jpg, width="50%"]
+
+=== Icon
+
+image::logo/RGB/jpg/HOP_logo_RGB-10.jpg[HOP_logo_RGB-10.jpg, width="50%"]
+
+image::logo/RGB/jpg/HOP_logo_RGB-7.jpg[HOP_logo_RGB-7.jpg, width="50%"]
+
+image::logo/RGB/jpg/HOP_logo_RGB-8.jpg[HOP_logo_RGB-8.jpg, width="50%"]
+
+image::logo/RGB/jpg/HOP_logo_RGB-9.jpg[HOP_logo_RGB-9.jpg, width="50%"]
+
+image::logo/RGB/jpg/HOP_logo_RGB-11.jpg[HOP_logo_RGB-11.jpg, width="50%"]
+
+image::logo/RGB/jpg/HOP_logo_RGB-12.jpg[HOP_logo_RGB-12.jpg, width="50%"]
 
 == Style guide: