Ver código fonte

SVG logo + non-breaking pattern links

Heydon Pickering 8 anos atrás
pai
commit
c927cc1261
37 arquivos alterados com 79 adições e 59 exclusões
  1. 1 1
      config.toml
  2. 7 1
      content/patterns/library-setup.md
  3. 2 0
      docs/css/styles.css
  4. BIN
      docs/images/logo.png
  5. 0 0
      docs/images/logo.svg
  6. 2 2
      docs/index.html
  7. 2 2
      docs/patterns/coding/code-blocks/index.html
  8. 2 2
      docs/patterns/coding/color-palettes/index.html
  9. 2 2
      docs/patterns/coding/command-line/index.html
  10. 2 2
      docs/patterns/coding/demo-embedding/index.html
  11. 2 2
      docs/patterns/coding/file-trees/index.html
  12. 2 2
      docs/patterns/coding/index.html
  13. 2 2
      docs/patterns/coding/tested/index.html
  14. 2 2
      docs/patterns/coding/writing-inline-demos/index.html
  15. 2 2
      docs/patterns/index.html
  16. 2 2
      docs/patterns/installation/index.html
  17. 8 3
      docs/patterns/library-setup/index.html
  18. 2 2
      docs/patterns/media/including-images/index.html
  19. 2 2
      docs/patterns/media/including-videos/index.html
  20. 2 2
      docs/patterns/media/index.html
  21. 2 2
      docs/patterns/printing/index.html
  22. 2 2
      docs/patterns/serving/index.html
  23. 2 2
      docs/patterns/writing/expandable-sections/index.html
  24. 2 2
      docs/patterns/writing/index.html
  25. 2 2
      docs/patterns/writing/library-structure/index.html
  26. 2 2
      docs/patterns/writing/markdown-and-metadata/index.html
  27. 2 2
      docs/patterns/writing/notes-and-warnings/index.html
  28. 2 2
      docs/patterns/writing/references/index.html
  29. 2 2
      docs/patterns/writing/tables-of-contents/index.html
  30. 8 3
      docs/print-version/index.html
  31. 0 0
      docs/service-worker.js
  32. 2 2
      docs/tags/markdown/index.html
  33. 2 2
      docs/tags/metadata/index.html
  34. BIN
      static/images/logo.png
  35. 0 0
      static/images/logo.svg
  36. 1 1
      themes/infusion/layouts/_default/baseof.html
  37. 2 0
      themes/infusion/static/css/styles.css

+ 1 - 1
config.toml

@@ -6,5 +6,5 @@ theme = "infusion"
 publishDir = "docs"
 
 [params]
-  description = "Documentation for the **Infusion** pattern library builder. This documentation is constructed using the builder itself."
+  description = "Documentation for the **Infusion** pattern library builder, built with **Infusion** itself."
   codePenUser = "Heydon"

+ 7 - 1
content/patterns/library-setup.md

@@ -42,6 +42,12 @@ theme = "infusion"
 
 ## Including a logo
 
-In the `images/static` folder, you'll find a `logo.png` file. Replace this file with your own company or project logo. Currently, only the PNG format is supported.
+In the `images/static` folder, you'll find a `logo.svg` file. Replace this file with your own company or project logo. Currently, only the SVG is supported this easily because SVG the superior format for logotypes. However, if you must use a different format, you can open up the `themes/infusion/layouts/_default/baseof.html` file and edit the image reference:
+
+```html
+<a class="logo" href="/" aria-label="{{ .Site.Title }} pattern library home page">
+  <img src="{{ "images/logo.svg" | absURL }}" alt="">
+</a>
+```
 
 Now that your logo's in place, everything should be ready. Where next? You can learn about {{% pattern "Library structure" %}} to help you get writing, or find out how to serve the library locally and on Github Pages in {{% pattern "Serving" %}}.

+ 2 - 0
docs/css/styles.css

@@ -676,6 +676,8 @@ h1 svg {
 
 .pattern-link {
     font-weight: bold;
+    display: inline-block;
+    hyphens: auto;
 }
 /* inline demos */
 

BIN
docs/images/logo.png


Diferenças do arquivo suprimidas por serem muito extensas
+ 0 - 0
docs/images/logo.svg


+ 2 - 2
docs/index.html

@@ -120,10 +120,10 @@
           <div>
             <div class="intro">
               <a class="logo" href="https://heydon.github.io/infusion/" aria-label="Infusion pattern library home page">
-                <img src="https://heydon.github.io/infusion/images/logo.png" alt="">
+                <img src="https://heydon.github.io/infusion/images/logo.svg" alt="">
               </a>
               <p class="library-desc">
-                Documentation for the <strong>Infusion</strong> pattern library builder. This documentation is constructed using the builder itself.
+                Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
                 
                   <a class="print" href="https://heydon.github.io/infusion/print-version">
                     <svg viewBox="0 0 50 50" aria-hidden="true">

+ 2 - 2
docs/patterns/coding/code-blocks/index.html

@@ -117,10 +117,10 @@
           <div>
             <div class="intro">
               <a class="logo" href="https://heydon.github.io/infusion/" aria-label="Infusion pattern library home page">
-                <img src="https://heydon.github.io/infusion/images/logo.png" alt="">
+                <img src="https://heydon.github.io/infusion/images/logo.svg" alt="">
               </a>
               <p class="library-desc">
-                Documentation for the <strong>Infusion</strong> pattern library builder. This documentation is constructed using the builder itself.
+                Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
                 
                   <a class="print" href="https://heydon.github.io/infusion/print-version">
                     <svg viewBox="0 0 50 50" aria-hidden="true">

+ 2 - 2
docs/patterns/coding/color-palettes/index.html

@@ -117,10 +117,10 @@
           <div>
             <div class="intro">
               <a class="logo" href="https://heydon.github.io/infusion/" aria-label="Infusion pattern library home page">
-                <img src="https://heydon.github.io/infusion/images/logo.png" alt="">
+                <img src="https://heydon.github.io/infusion/images/logo.svg" alt="">
               </a>
               <p class="library-desc">
-                Documentation for the <strong>Infusion</strong> pattern library builder. This documentation is constructed using the builder itself.
+                Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
                 
                   <a class="print" href="https://heydon.github.io/infusion/print-version">
                     <svg viewBox="0 0 50 50" aria-hidden="true">

+ 2 - 2
docs/patterns/coding/command-line/index.html

@@ -117,10 +117,10 @@
           <div>
             <div class="intro">
               <a class="logo" href="https://heydon.github.io/infusion/" aria-label="Infusion pattern library home page">
-                <img src="https://heydon.github.io/infusion/images/logo.png" alt="">
+                <img src="https://heydon.github.io/infusion/images/logo.svg" alt="">
               </a>
               <p class="library-desc">
-                Documentation for the <strong>Infusion</strong> pattern library builder. This documentation is constructed using the builder itself.
+                Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
                 
                   <a class="print" href="https://heydon.github.io/infusion/print-version">
                     <svg viewBox="0 0 50 50" aria-hidden="true">

+ 2 - 2
docs/patterns/coding/demo-embedding/index.html

@@ -117,10 +117,10 @@
           <div>
             <div class="intro">
               <a class="logo" href="https://heydon.github.io/infusion/" aria-label="Infusion pattern library home page">
-                <img src="https://heydon.github.io/infusion/images/logo.png" alt="">
+                <img src="https://heydon.github.io/infusion/images/logo.svg" alt="">
               </a>
               <p class="library-desc">
-                Documentation for the <strong>Infusion</strong> pattern library builder. This documentation is constructed using the builder itself.
+                Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
                 
                   <a class="print" href="https://heydon.github.io/infusion/print-version">
                     <svg viewBox="0 0 50 50" aria-hidden="true">

+ 2 - 2
docs/patterns/coding/file-trees/index.html

@@ -117,10 +117,10 @@
           <div>
             <div class="intro">
               <a class="logo" href="https://heydon.github.io/infusion/" aria-label="Infusion pattern library home page">
-                <img src="https://heydon.github.io/infusion/images/logo.png" alt="">
+                <img src="https://heydon.github.io/infusion/images/logo.svg" alt="">
               </a>
               <p class="library-desc">
-                Documentation for the <strong>Infusion</strong> pattern library builder. This documentation is constructed using the builder itself.
+                Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
                 
                   <a class="print" href="https://heydon.github.io/infusion/print-version">
                     <svg viewBox="0 0 50 50" aria-hidden="true">

+ 2 - 2
docs/patterns/coding/index.html

@@ -117,10 +117,10 @@
           <div>
             <div class="intro">
               <a class="logo" href="https://heydon.github.io/infusion/" aria-label="Infusion pattern library home page">
-                <img src="https://heydon.github.io/infusion/images/logo.png" alt="">
+                <img src="https://heydon.github.io/infusion/images/logo.svg" alt="">
               </a>
               <p class="library-desc">
-                Documentation for the <strong>Infusion</strong> pattern library builder. This documentation is constructed using the builder itself.
+                Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
                 
                   <a class="print" href="https://heydon.github.io/infusion/print-version">
                     <svg viewBox="0 0 50 50" aria-hidden="true">

+ 2 - 2
docs/patterns/coding/tested/index.html

@@ -117,10 +117,10 @@
           <div>
             <div class="intro">
               <a class="logo" href="https://heydon.github.io/infusion/" aria-label="Infusion pattern library home page">
-                <img src="https://heydon.github.io/infusion/images/logo.png" alt="">
+                <img src="https://heydon.github.io/infusion/images/logo.svg" alt="">
               </a>
               <p class="library-desc">
-                Documentation for the <strong>Infusion</strong> pattern library builder. This documentation is constructed using the builder itself.
+                Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
                 
                   <a class="print" href="https://heydon.github.io/infusion/print-version">
                     <svg viewBox="0 0 50 50" aria-hidden="true">

+ 2 - 2
docs/patterns/coding/writing-inline-demos/index.html

@@ -117,10 +117,10 @@
           <div>
             <div class="intro">
               <a class="logo" href="https://heydon.github.io/infusion/" aria-label="Infusion pattern library home page">
-                <img src="https://heydon.github.io/infusion/images/logo.png" alt="">
+                <img src="https://heydon.github.io/infusion/images/logo.svg" alt="">
               </a>
               <p class="library-desc">
-                Documentation for the <strong>Infusion</strong> pattern library builder. This documentation is constructed using the builder itself.
+                Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
                 
                   <a class="print" href="https://heydon.github.io/infusion/print-version">
                     <svg viewBox="0 0 50 50" aria-hidden="true">

+ 2 - 2
docs/patterns/index.html

@@ -117,10 +117,10 @@
           <div>
             <div class="intro">
               <a class="logo" href="https://heydon.github.io/infusion/" aria-label="Infusion pattern library home page">
-                <img src="https://heydon.github.io/infusion/images/logo.png" alt="">
+                <img src="https://heydon.github.io/infusion/images/logo.svg" alt="">
               </a>
               <p class="library-desc">
-                Documentation for the <strong>Infusion</strong> pattern library builder. This documentation is constructed using the builder itself.
+                Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
                 
                   <a class="print" href="https://heydon.github.io/infusion/print-version">
                     <svg viewBox="0 0 50 50" aria-hidden="true">

+ 2 - 2
docs/patterns/installation/index.html

@@ -117,10 +117,10 @@
           <div>
             <div class="intro">
               <a class="logo" href="https://heydon.github.io/infusion/" aria-label="Infusion pattern library home page">
-                <img src="https://heydon.github.io/infusion/images/logo.png" alt="">
+                <img src="https://heydon.github.io/infusion/images/logo.svg" alt="">
               </a>
               <p class="library-desc">
-                Documentation for the <strong>Infusion</strong> pattern library builder. This documentation is constructed using the builder itself.
+                Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
                 
                   <a class="print" href="https://heydon.github.io/infusion/print-version">
                     <svg viewBox="0 0 50 50" aria-hidden="true">

+ 8 - 3
docs/patterns/library-setup/index.html

@@ -117,10 +117,10 @@
           <div>
             <div class="intro">
               <a class="logo" href="https://heydon.github.io/infusion/" aria-label="Infusion pattern library home page">
-                <img src="https://heydon.github.io/infusion/images/logo.png" alt="">
+                <img src="https://heydon.github.io/infusion/images/logo.svg" alt="">
               </a>
               <p class="library-desc">
-                Documentation for the <strong>Infusion</strong> pattern library builder. This documentation is constructed using the builder itself.
+                Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
                 
                   <a class="print" href="https://heydon.github.io/infusion/print-version">
                     <svg viewBox="0 0 50 50" aria-hidden="true">
@@ -395,7 +395,12 @@ theme = "infusion"
 
 <h2 id="including-a-logo">Including a logo</h2>
 
-<p>In the <code>images/static</code> folder, you&rsquo;ll find a <code>logo.png</code> file. Replace this file with your own company or project logo. Currently, only the PNG format is supported.</p>
+<p>In the <code>images/static</code> folder, you&rsquo;ll find a <code>logo.svg</code> file. Replace this file with your own company or project logo. Currently, only the SVG is supported this easily because SVG the superior format for logotypes. However, if you must use a different format, you can open up the <code>themes/infusion/layouts/_default/baseof.html</code> file and edit the image reference:</p>
+
+<pre><code class="language-html">&lt;a class=&quot;logo&quot; href=&quot;/&quot; aria-label=&quot;{{ .Site.Title }} pattern library home page&quot;&gt;
+  &lt;img src=&quot;{{ &quot;images/logo.svg&quot; | absURL }}&quot; alt=&quot;&quot;&gt;
+&lt;/a&gt;
+</code></pre>
 
 <p>Now that your logo&rsquo;s in place, everything should be ready. Where next? You can learn about <a class="pattern-link" href="https://heydon.github.io/infusion/patterns/writing/library-structure/"><svg class="bookmark" aria-hidden="true" viewBox="0 0 40 50"><use xlink:href="#bookmark"></use></svg>Library structure</a> to help you get writing, or find out how to serve the library locally and on Github Pages in <a class="pattern-link" href="https://heydon.github.io/infusion/patterns/serving/"><svg class="bookmark" aria-hidden="true" viewBox="0 0 40 50"><use xlink:href="#bookmark"></use></svg>Serving</a>.</p>
 

+ 2 - 2
docs/patterns/media/including-images/index.html

@@ -117,10 +117,10 @@
           <div>
             <div class="intro">
               <a class="logo" href="https://heydon.github.io/infusion/" aria-label="Infusion pattern library home page">
-                <img src="https://heydon.github.io/infusion/images/logo.png" alt="">
+                <img src="https://heydon.github.io/infusion/images/logo.svg" alt="">
               </a>
               <p class="library-desc">
-                Documentation for the <strong>Infusion</strong> pattern library builder. This documentation is constructed using the builder itself.
+                Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
                 
                   <a class="print" href="https://heydon.github.io/infusion/print-version">
                     <svg viewBox="0 0 50 50" aria-hidden="true">

+ 2 - 2
docs/patterns/media/including-videos/index.html

@@ -117,10 +117,10 @@
           <div>
             <div class="intro">
               <a class="logo" href="https://heydon.github.io/infusion/" aria-label="Infusion pattern library home page">
-                <img src="https://heydon.github.io/infusion/images/logo.png" alt="">
+                <img src="https://heydon.github.io/infusion/images/logo.svg" alt="">
               </a>
               <p class="library-desc">
-                Documentation for the <strong>Infusion</strong> pattern library builder. This documentation is constructed using the builder itself.
+                Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
                 
                   <a class="print" href="https://heydon.github.io/infusion/print-version">
                     <svg viewBox="0 0 50 50" aria-hidden="true">

+ 2 - 2
docs/patterns/media/index.html

@@ -117,10 +117,10 @@
           <div>
             <div class="intro">
               <a class="logo" href="https://heydon.github.io/infusion/" aria-label="Infusion pattern library home page">
-                <img src="https://heydon.github.io/infusion/images/logo.png" alt="">
+                <img src="https://heydon.github.io/infusion/images/logo.svg" alt="">
               </a>
               <p class="library-desc">
-                Documentation for the <strong>Infusion</strong> pattern library builder. This documentation is constructed using the builder itself.
+                Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
                 
                   <a class="print" href="https://heydon.github.io/infusion/print-version">
                     <svg viewBox="0 0 50 50" aria-hidden="true">

+ 2 - 2
docs/patterns/printing/index.html

@@ -117,10 +117,10 @@
           <div>
             <div class="intro">
               <a class="logo" href="https://heydon.github.io/infusion/" aria-label="Infusion pattern library home page">
-                <img src="https://heydon.github.io/infusion/images/logo.png" alt="">
+                <img src="https://heydon.github.io/infusion/images/logo.svg" alt="">
               </a>
               <p class="library-desc">
-                Documentation for the <strong>Infusion</strong> pattern library builder. This documentation is constructed using the builder itself.
+                Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
                 
                   <a class="print" href="https://heydon.github.io/infusion/print-version">
                     <svg viewBox="0 0 50 50" aria-hidden="true">

+ 2 - 2
docs/patterns/serving/index.html

@@ -117,10 +117,10 @@
           <div>
             <div class="intro">
               <a class="logo" href="https://heydon.github.io/infusion/" aria-label="Infusion pattern library home page">
-                <img src="https://heydon.github.io/infusion/images/logo.png" alt="">
+                <img src="https://heydon.github.io/infusion/images/logo.svg" alt="">
               </a>
               <p class="library-desc">
-                Documentation for the <strong>Infusion</strong> pattern library builder. This documentation is constructed using the builder itself.
+                Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
                 
                   <a class="print" href="https://heydon.github.io/infusion/print-version">
                     <svg viewBox="0 0 50 50" aria-hidden="true">

+ 2 - 2
docs/patterns/writing/expandable-sections/index.html

@@ -117,10 +117,10 @@
           <div>
             <div class="intro">
               <a class="logo" href="https://heydon.github.io/infusion/" aria-label="Infusion pattern library home page">
-                <img src="https://heydon.github.io/infusion/images/logo.png" alt="">
+                <img src="https://heydon.github.io/infusion/images/logo.svg" alt="">
               </a>
               <p class="library-desc">
-                Documentation for the <strong>Infusion</strong> pattern library builder. This documentation is constructed using the builder itself.
+                Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
                 
                   <a class="print" href="https://heydon.github.io/infusion/print-version">
                     <svg viewBox="0 0 50 50" aria-hidden="true">

+ 2 - 2
docs/patterns/writing/index.html

@@ -117,10 +117,10 @@
           <div>
             <div class="intro">
               <a class="logo" href="https://heydon.github.io/infusion/" aria-label="Infusion pattern library home page">
-                <img src="https://heydon.github.io/infusion/images/logo.png" alt="">
+                <img src="https://heydon.github.io/infusion/images/logo.svg" alt="">
               </a>
               <p class="library-desc">
-                Documentation for the <strong>Infusion</strong> pattern library builder. This documentation is constructed using the builder itself.
+                Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
                 
                   <a class="print" href="https://heydon.github.io/infusion/print-version">
                     <svg viewBox="0 0 50 50" aria-hidden="true">

+ 2 - 2
docs/patterns/writing/library-structure/index.html

@@ -117,10 +117,10 @@
           <div>
             <div class="intro">
               <a class="logo" href="https://heydon.github.io/infusion/" aria-label="Infusion pattern library home page">
-                <img src="https://heydon.github.io/infusion/images/logo.png" alt="">
+                <img src="https://heydon.github.io/infusion/images/logo.svg" alt="">
               </a>
               <p class="library-desc">
-                Documentation for the <strong>Infusion</strong> pattern library builder. This documentation is constructed using the builder itself.
+                Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
                 
                   <a class="print" href="https://heydon.github.io/infusion/print-version">
                     <svg viewBox="0 0 50 50" aria-hidden="true">

+ 2 - 2
docs/patterns/writing/markdown-and-metadata/index.html

@@ -117,10 +117,10 @@
           <div>
             <div class="intro">
               <a class="logo" href="https://heydon.github.io/infusion/" aria-label="Infusion pattern library home page">
-                <img src="https://heydon.github.io/infusion/images/logo.png" alt="">
+                <img src="https://heydon.github.io/infusion/images/logo.svg" alt="">
               </a>
               <p class="library-desc">
-                Documentation for the <strong>Infusion</strong> pattern library builder. This documentation is constructed using the builder itself.
+                Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
                 
                   <a class="print" href="https://heydon.github.io/infusion/print-version">
                     <svg viewBox="0 0 50 50" aria-hidden="true">

+ 2 - 2
docs/patterns/writing/notes-and-warnings/index.html

@@ -117,10 +117,10 @@
           <div>
             <div class="intro">
               <a class="logo" href="https://heydon.github.io/infusion/" aria-label="Infusion pattern library home page">
-                <img src="https://heydon.github.io/infusion/images/logo.png" alt="">
+                <img src="https://heydon.github.io/infusion/images/logo.svg" alt="">
               </a>
               <p class="library-desc">
-                Documentation for the <strong>Infusion</strong> pattern library builder. This documentation is constructed using the builder itself.
+                Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
                 
                   <a class="print" href="https://heydon.github.io/infusion/print-version">
                     <svg viewBox="0 0 50 50" aria-hidden="true">

+ 2 - 2
docs/patterns/writing/references/index.html

@@ -117,10 +117,10 @@
           <div>
             <div class="intro">
               <a class="logo" href="https://heydon.github.io/infusion/" aria-label="Infusion pattern library home page">
-                <img src="https://heydon.github.io/infusion/images/logo.png" alt="">
+                <img src="https://heydon.github.io/infusion/images/logo.svg" alt="">
               </a>
               <p class="library-desc">
-                Documentation for the <strong>Infusion</strong> pattern library builder. This documentation is constructed using the builder itself.
+                Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
                 
                   <a class="print" href="https://heydon.github.io/infusion/print-version">
                     <svg viewBox="0 0 50 50" aria-hidden="true">

+ 2 - 2
docs/patterns/writing/tables-of-contents/index.html

@@ -117,10 +117,10 @@
           <div>
             <div class="intro">
               <a class="logo" href="https://heydon.github.io/infusion/" aria-label="Infusion pattern library home page">
-                <img src="https://heydon.github.io/infusion/images/logo.png" alt="">
+                <img src="https://heydon.github.io/infusion/images/logo.svg" alt="">
               </a>
               <p class="library-desc">
-                Documentation for the <strong>Infusion</strong> pattern library builder. This documentation is constructed using the builder itself.
+                Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
                 
                   <a class="print" href="https://heydon.github.io/infusion/print-version">
                     <svg viewBox="0 0 50 50" aria-hidden="true">

+ 8 - 3
docs/print-version/index.html

@@ -115,10 +115,10 @@
           <div>
             <div class="intro">
               <a class="logo" href="https://heydon.github.io/infusion/" aria-label="Infusion pattern library home page">
-                <img src="https://heydon.github.io/infusion/images/logo.png" alt="">
+                <img src="https://heydon.github.io/infusion/images/logo.svg" alt="">
               </a>
               <p class="library-desc">
-                Documentation for the <strong>Infusion</strong> pattern library builder. This documentation is constructed using the builder itself.
+                Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
                 
                </a>
               </p>
@@ -429,7 +429,12 @@ theme = "infusion"
 
 <h2 id="including-a-logo">Including a logo</h2>
 
-<p>In the <code>images/static</code> folder, you&rsquo;ll find a <code>logo.png</code> file. Replace this file with your own company or project logo. Currently, only the PNG format is supported.</p>
+<p>In the <code>images/static</code> folder, you&rsquo;ll find a <code>logo.svg</code> file. Replace this file with your own company or project logo. Currently, only the SVG is supported this easily because SVG the superior format for logotypes. However, if you must use a different format, you can open up the <code>themes/infusion/layouts/_default/baseof.html</code> file and edit the image reference:</p>
+
+<pre><code class="language-html">&lt;a class=&quot;logo&quot; href=&quot;/&quot; aria-label=&quot;{{ .Site.Title }} pattern library home page&quot;&gt;
+  &lt;img src=&quot;{{ &quot;images/logo.svg&quot; | absURL }}&quot; alt=&quot;&quot;&gt;
+&lt;/a&gt;
+</code></pre>
 
 <p>Now that your logo&rsquo;s in place, everything should be ready. Where next? You can learn about <a class="pattern-link" href="https://heydon.github.io/infusion/patterns/writing/library-structure/"><svg class="bookmark" aria-hidden="true" viewBox="0 0 40 50"><use xlink:href="#bookmark"></use></svg>Library structure</a> to help you get writing, or find out how to serve the library locally and on Github Pages in <a class="pattern-link" href="https://heydon.github.io/infusion/patterns/serving/"><svg class="bookmark" aria-hidden="true" viewBox="0 0 40 50"><use xlink:href="#bookmark"></use></svg>Serving</a>.</p>
 

Diferenças do arquivo suprimidas por serem muito extensas
+ 0 - 0
docs/service-worker.js


+ 2 - 2
docs/tags/markdown/index.html

@@ -117,10 +117,10 @@
           <div>
             <div class="intro">
               <a class="logo" href="https://heydon.github.io/infusion/" aria-label="Infusion pattern library home page">
-                <img src="https://heydon.github.io/infusion/images/logo.png" alt="">
+                <img src="https://heydon.github.io/infusion/images/logo.svg" alt="">
               </a>
               <p class="library-desc">
-                Documentation for the <strong>Infusion</strong> pattern library builder. This documentation is constructed using the builder itself.
+                Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
                 
                   <a class="print" href="https://heydon.github.io/infusion/print-version">
                     <svg viewBox="0 0 50 50" aria-hidden="true">

+ 2 - 2
docs/tags/metadata/index.html

@@ -117,10 +117,10 @@
           <div>
             <div class="intro">
               <a class="logo" href="https://heydon.github.io/infusion/" aria-label="Infusion pattern library home page">
-                <img src="https://heydon.github.io/infusion/images/logo.png" alt="">
+                <img src="https://heydon.github.io/infusion/images/logo.svg" alt="">
               </a>
               <p class="library-desc">
-                Documentation for the <strong>Infusion</strong> pattern library builder. This documentation is constructed using the builder itself.
+                Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
                 
                   <a class="print" href="https://heydon.github.io/infusion/print-version">
                     <svg viewBox="0 0 50 50" aria-hidden="true">

BIN
static/images/logo.png


Diferenças do arquivo suprimidas por serem muito extensas
+ 0 - 0
static/images/logo.svg


+ 1 - 1
themes/infusion/layouts/_default/baseof.html

@@ -44,7 +44,7 @@
           <div>
             <div class="intro">
               <a class="logo" href="/" aria-label="{{ .Site.Title }} pattern library home page">
-                <img src="{{ "images/logo.png" | absURL }}" alt="">
+                <img src="{{ "images/logo.svg" | absURL }}" alt="">
               </a>
               <p class="library-desc">
                 {{ .Site.Params.Description | markdownify }}

+ 2 - 0
themes/infusion/static/css/styles.css

@@ -676,6 +676,8 @@ h1 svg {
 
 .pattern-link {
     font-weight: bold;
+    display: inline-block;
+    hyphens: auto;
 }
 /* inline demos */
 

Alguns arquivos não foram mostrados porque muitos arquivos mudaram nesse diff