update callout shortcode (#10326)

layouts/_default/baseof.html

@@ -113,7 +113,7 @@
         <!-- style sheets -->
         <link rel="stylesheet" href="/css/all.css">
         <link rel="preconnect" href="https://fonts.gstatic.com">
-        <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,400;0,500;0,600;0,700;1,600&display=swap">
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,400;0,500;0,600;0,700;1,400;1,600&display=swap">
 
         <!-- set the color theme -->
         <script src="/js/themes_init.min.js"></script>

layouts/shortcodes/quote.html

@@ -1,12 +1,15 @@
-<figure>
+<div>
     <aside class="callout quote">
-        <div class="quote-text">
+        <div class="type">
+            {{ partial "large_icon.html" "callout-quote" }}
+        </div>
+        <div class="content">
             {{- $text := partial "strip_indent.html" (dict "content" .Inner "pos" .Position) -}}
             {{- $text | markdownify -}}
         </div>
 
         {{ with .Get "caption" }}
-            <figcaption class="quote-author">{{.}}</figcaption>
+            <div class="quote-author">{{.}}</div>
         {{ end }}
     </aside>
-</figure>
+</div>

layouts/shortcodes/tip.html

@@ -1,5 +1,8 @@
 <div>
     <aside class="callout tip">
+        <div class="type">
+            {{ partial "large_icon.html" "callout-tip" }}
+        </div>
         <div class="content">
             {{- $text := partial "strip_indent.html" (dict "content" .Inner "pos" .Position) -}}
             {{- $text | markdownify -}}