Add sample with brand CDN icon.

web-illinois · Aug 23, 2024 · a6694c8 · a6694c8
1 parent 1827aae
commit a6694c8
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/builder/versions/ilw-call-to-action.1.0.0-alpha.json b/builder/versions/ilw-call-to-action.1.0.0-alpha.json
@@ -18,6 +18,11 @@
             "description": "Default information",
             "text": "<svg slot=\"icon\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 7 51.26 51.26\"><defs><style>.cls-1{fill:#0c1b55;}</style></defs><g id=\"Layer_2\" data-name=\"Layer 2\"><path class=\"cls-1\" d=\"M37.92,10.39H13.33a4.08,4.08,0,0,0-4.06,4.06V28.18a4.08,4.08,0,0,0,4.06,4.06h4.76L17.55,39a1.14,1.14,0,0,0,1.95.89l7.56-7.64H37.92A4.08,4.08,0,0,0,42,28.18V14.45A4.08,4.08,0,0,0,37.92,10.39ZM19.48,23.26a1.83,1.83,0,1,1,1.83-1.83A1.83,1.83,0,0,1,19.48,23.26Zm6.15,0a1.83,1.83,0,1,1,1.83-1.83A1.83,1.83,0,0,1,25.63,23.26Zm6.15,0a1.83,1.83,0,1,1,1.83-1.83A1.83,1.83,0,0,1,31.78,23.26Z\"/></g></svg>\n<h2>Get started today</h2>\n<p>Enroll in a class after you are admitted as a non-degree student. Enroll in a class after you are admitted as a non-degree student. Enroll in a class after you are admitted as a non-degree student.</p>\n<ul class=\"ilw-buttons\">\n<li><a href=\"#\">Register <span class=\"ilw-sr-only\">for classes</span></a></li>\n<li><a href=\"#\">Contact us</a></li>\n</ul>"
         },
+        {
+            "name": "external icon",
+            "description": "Illinois brand CDN icon",
+            "text": "<img src=\"https://cdn.brand.illinois.edu/icons/line/blue/faq.svg\" alt=\"\" slot=\"icon\">\n<h2>Get started today</h2>\n<p>Enroll in a class after you are admitted as a non-degree student. Enroll in a class after you are admitted as a non-degree student. Enroll in a class after you are admitted as a non-degree student.</p>\n<ul class=\"ilw-buttons\">\n<li><a href=\"#\">Register <span class=\"ilw-sr-only\">for classes</span></a></li>\n<li><a href=\"#\">Contact us</a></li>\n</ul>"
+        },
         {
             "name": "iconless",
             "description": "Without Icon",

diff --git a/samples/index.html b/samples/index.html
@@ -20,7 +20,7 @@
 
 <body style="margin: 0; padding: 0;">
 <ilw-call-to-action theme="white">
-    <svg slot="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 7 51.26 51.26"><defs><style>.cls-1{fill:#0c1b55;}</style></defs><g id="Layer_2" data-name="Layer 2"><path class="cls-1" d="M37.92,10.39H13.33a4.08,4.08,0,0,0-4.06,4.06V28.18a4.08,4.08,0,0,0,4.06,4.06h4.76L17.55,39a1.14,1.14,0,0,0,1.95.89l7.56-7.64H37.92A4.08,4.08,0,0,0,42,28.18V14.45A4.08,4.08,0,0,0,37.92,10.39ZM19.48,23.26a1.83,1.83,0,1,1,1.83-1.83A1.83,1.83,0,0,1,19.48,23.26Zm6.15,0a1.83,1.83,0,1,1,1.83-1.83A1.83,1.83,0,0,1,25.63,23.26Zm6.15,0a1.83,1.83,0,1,1,1.83-1.83A1.83,1.83,0,0,1,31.78,23.26Z"/></g></svg>
+    <img src="https://cdn.brand.illinois.edu/icons/line/blue/faq.svg" alt="" slot="icon">
     <h2>Get started today</h2>
     <p>Enroll in a class after you are admitted as a non-degree student. Enroll in a class after you are admitted as a non-degree student. Enroll in a class after you are admitted as a non-degree student.</p>
     <ul class="ilw-buttons">
@@ -39,7 +39,7 @@ <h2>Get started today</h2>
 </ilw-call-to-action>
 </ilw-call-to-action>
 <ilw-call-to-action theme="blue-gradient">
-    <svg slot="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51.26 51.26"><defs><style>.cls-1{fill:#0c1b55;}</style></defs><g id="Layer_2" data-name="Layer 2"><path class="cls-1" d="M42.84,22.68H37.78v-12a4.16,4.16,0,0,0-4.15-4.16H9.37a4.16,4.16,0,0,0-4.15,4.16V25.51a4.16,4.16,0,0,0,4.15,4.16h.8a.34.34,0,0,1,.24.1.32.32,0,0,1,.09.25L10,36.49a1.57,1.57,0,0,0,.92,1.56,1.55,1.55,0,0,0,.66.15,1.57,1.57,0,0,0,1.12-.48l7.87-8a.32.32,0,0,1,.23-.09H24v6.19a3.2,3.2,0,0,0,3.2,3.2h6.63l4.61,4.66a1.32,1.32,0,0,0,1,.41A1.24,1.24,0,0,0,40,44a1.35,1.35,0,0,0,.79-1.33l-.29-3.61h2.34a3.21,3.21,0,0,0,3.2-3.2v-10A3.21,3.21,0,0,0,42.84,22.68ZM24,25.88v2.54H20.78a1.6,1.6,0,0,0-1.12.46l-7.87,8a.31.31,0,0,1-.37.07.32.32,0,0,1-.19-.32l.51-6.47a1.57,1.57,0,0,0-.41-1.2,1.59,1.59,0,0,0-1.16-.5h-.8a2.91,2.91,0,0,1-2.9-2.91V10.65a2.91,2.91,0,0,1,2.9-2.91H33.63a2.91,2.91,0,0,1,2.9,2.91v12H27.24A3.2,3.2,0,0,0,24,25.88Zm20.75,10a2,2,0,0,1-1.95,2H39.15l.39,5a.09.09,0,0,1-.06.1c-.07,0-.1,0-.11,0l-5-5H27.24a2,2,0,0,1-1.95-2v-10a2,2,0,0,1,1.95-1.95h15.6a2,2,0,0,1,1.95,1.95Z"/><path class="cls-1" d="M21.09,22a1.72,1.72,0,1,0,1.65,1.73A1.66,1.66,0,0,0,21.09,22Z"/><path class="cls-1" d="M21.37,10.43a5.19,5.19,0,0,0-3.94,1.89l1.43,1.3a3,3,0,0,1,2.19-1.11A1.61,1.61,0,0,1,22.8,14.2c0,1.93-3.29,3.16-2.83,6.3H22.2c-.28-2.77,3.07-3.72,3.07-6.47C25.27,11.67,23.65,10.43,21.37,10.43Z"/><path class="cls-1" d="M33.64,34.17h-.06a18.7,18.7,0,0,0-1.8-3.61l-1.42.93a17.77,17.77,0,0,1,2.29,4.35l2.11-.25a18.62,18.62,0,0,1,5-8.85l-1.38-1.21A21.83,21.83,0,0,0,33.64,34.17Z"/></g></svg>
+    <svg slot="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 7 51.26 51.26"><defs><style>.cls-1{fill:#0c1b55;}</style></defs><g id="Layer_2" data-name="Layer 2"><path class="cls-1" d="M37.92,10.39H13.33a4.08,4.08,0,0,0-4.06,4.06V28.18a4.08,4.08,0,0,0,4.06,4.06h4.76L17.55,39a1.14,1.14,0,0,0,1.95.89l7.56-7.64H37.92A4.08,4.08,0,0,0,42,28.18V14.45A4.08,4.08,0,0,0,37.92,10.39ZM19.48,23.26a1.83,1.83,0,1,1,1.83-1.83A1.83,1.83,0,0,1,19.48,23.26Zm6.15,0a1.83,1.83,0,1,1,1.83-1.83A1.83,1.83,0,0,1,25.63,23.26Zm6.15,0a1.83,1.83,0,1,1,1.83-1.83A1.83,1.83,0,0,1,31.78,23.26Z"/></g></svg>
     <h2>Get started today</h2>
     <p>Enroll in a class after you are admitted as a non-degree student.</p>
     <ul class="ilw-buttons">