resolves #113 add Zulip as sponsor

yuzutech · May 20, 2023 · 8748226 · 8748226
1 parent 24976f9
commit 8748226
Show file tree

Hide file tree

Showing 8 changed files with 91 additions and 25 deletions.
diff --git a/assets/zulip-org-logo.svg b/assets/zulip-org-logo.svg
diff --git a/css/main.css b/css/main.css
diff --git a/css/main.css.map b/css/main.css.map
diff --git a/css/main.min.css b/css/main.min.css
diff --git a/index.html b/index.html
@@ -24,7 +24,7 @@
  <meta name="msapplication-wide310x150logo" content="./assets/mstile-310x150.png" />
  <meta name="msapplication-square310x310logo" content="./assets/mstile-310x310.png" />
  <title>Kroki!</title>
- <link rel="stylesheet" href="./css/main.min.css?v=0.7.0">
+ <link rel="stylesheet" href="./css/main.min.css?v=0.8.0">
 </head>
 <body>
 <section class="section">
@@ -38,7 +38,7 @@ <h1 class="subtitle">Creates <strong>diagrams</strong> from <strong>textual</str
  <div class="content">
  <p>
  Kroki provides a unified API with support for BlockDiag (BlockDiag, SeqDiag, ActDiag, NwDiag, PacketDiag, RackDiag),
- BPMN, Bytefield, C4 (with PlantUML), D2, DBML, Ditaa, Erd, Excalidraw, GraphViz, Mermaid, Nomnoml, Pikchr, PlantUML, Structurizr, SvgBob, UMLet, Vega, Vega-Lite, WaveDrom, WireViz...
+ BPMN, Bytefield, C4 (with PlantUML), D2, DBML, Ditaa, Erd, Excalidraw, GraphViz, Mermaid, Nomnoml, Pikchr, PlantUML, Structurizr, SvgBob, TikZ, UMLet, Vega, Vega-Lite, WaveDrom, WireViz...
  and more to come!
  </p>
  </div>
@@ -625,6 +625,12 @@ <h2 id="sponsors" class="title is-2">Sponsors<a class="anchor-link" href="#spons
  <span>The diagramming tool for developers.</span>
  </a>
  </li>
+ <li>
+ <a href="https://zulip.com/?utm_source=kroki" target="_blank" rel="noopener noreferrer">
+ <img class="inline-zulip" src="assets/zulip-org-logo.svg" alt="Zulip"/>
+ <span>An open-source modern team chat app designed to keep both live and asynchronous conversations organized.</span>
+ </a>
+ </li>
  </ul>
  <p>
  Sponsors play a critical role, without them, we won't be able to provide Kroki as a free service.<br/>
@@ -662,7 +668,8 @@ <h2 id="about" class="title is-2">About<a class="anchor-link" href="#about">#</a
  <li><a href="#about">About</a></li>
  <li><a href="#" id="back-top">Back to top ↑</a></li>
  <li><hr class="menu-divider"/></li>
- <li><a href="https://docs.kroki.io/kroki/" target="_blank" rel="noopener noreferrer">📖 Documentation</a></li>
+ <li><a class="link has-icon" href="https://docs.kroki.io/kroki/" target="_blank" rel="noopener noreferrer"><svg xmlns="http:https://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path d="M0 1.75A.75.75 0 0 1 .75 1h4.253c1.227 0 2.317.59 3 1.501A3.743 3.743 0 0 1 11.006 1h4.245a.75.75 0 0 1 .75.75v10.5a.75.75 0 0 1-.75.75h-4.507a2.25 2.25 0 0 0-1.591.659l-.622.621a.75.75 0 0 1-1.06 0l-.622-.621A2.25 2.25 0 0 0 5.258 13H.75a.75.75 0 0 1-.75-.75Zm7.251 10.324.004-5.073-.002-2.253A2.25 2.25 0 0 0 5.003 2.5H1.5v9h3.757a3.75 3.75 0 0 1 1.994.574ZM8.755 4.75l-.004 7.322a3.752 3.752 0 0 1 1.992-.572H14.5v-9h-3.495a2.25 2.25 0 0 0-2.25 2.25Z"></path></svg> Documentation</a></li>
+ <li><a class="link has-icon" href="https://kroki.zulipchat.com/" target="_blank" rel="noopener noreferrer"><svg xmlns="http:https://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path d="M1.75 1h8.5c.966 0 1.75.784 1.75 1.75v5.5A1.75 1.75 0 0 1 10.25 10H7.061l-2.574 2.573A1.458 1.458 0 0 1 2 11.543V10h-.25A1.75 1.75 0 0 1 0 8.25v-5.5C0 1.784.784 1 1.75 1ZM1.5 2.75v5.5c0 .138.112.25.25.25h1a.75.75 0 0 1 .75.75v2.19l2.72-2.72a.749.749 0 0 1 .53-.22h3.5a.25.25 0 0 0 .25-.25v-5.5a.25.25 0 0 0-.25-.25h-8.5a.25.25 0 0 0-.25.25Zm13 2a.25.25 0 0 0-.25-.25h-.5a.75.75 0 0 1 0-1.5h.5c.966 0 1.75.784 1.75 1.75v5.5A1.75 1.75 0 0 1 14.25 12H14v1.543a1.458 1.458 0 0 1-2.487 1.03L9.22 12.28a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215l2.22 2.22v-2.19a.75.75 0 0 1 .75-.75h1a.25.25 0 0 0 .25-.25Z"></path></svg> Discussion</a></li>
  </ul>
  </div>
  </aside>

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -29,5 +29,8 @@
  "deploy": "npm run build",
  "start": "npm run build-sass -- --watch"
  },
- "private": "true"
+ "private": "true",
+ "volta": {
+ "node": "18.16.0"
+ }
 }
diff --git a/src/kroki.sass b/src/kroki.sass
@@ -16,16 +16,26 @@
 ul.sponsors
  list-style: none
  margin: 1em 0 0
+ padding-bottom: 1.25em
  display: grid
  justify-items: center
+
+ li + li
+ margin-top: 0.75em
  li
+ max-width: 350px
  a
  display: grid
  justify-items: center
+ text-align: center
  img.inline-exoscale
  max-width: 250px
  img.inline-terrastruct
  max-width: 250px
+ img.inline-zulip
+ max-height: 54px
+ padding-bottom: 0.25em
+ padding-top: 0.5em
 
 .tag.is-highlight
  background-color: #ff3860
@@ -262,20 +272,28 @@ svg:not(:root)
  .lead
  background-color: #fff
  overflow: hidden
- flex-grow: 1
- flex-shrink: 1
+ flex: 1
  margin-left: -3rem
  padding: 0 3rem 3rem
  aside.menu
- display: none
  .anchors.is-pinned
  display: block
- max-width: 14rem
  padding: 1.5rem
- position: fixed
+ position: sticky
  top: 2rem
  background-color: #fafafa
 
++from($desktop)
+ .container > .duo
+ aside.menu
+ .anchors.is-pinned
+ max-width: 14rem
+
++until($desktop)
+ .container > .duo
+ flex-direction: column-reverse
+
+
 .anchor-link
  color: #a9a9a9
  position: absolute
@@ -299,3 +317,8 @@ svg
  flex-direction: column
  img
  padding-bottom: 0.75em
+
+.link.has-icon
+ display: inline-flex
+ align-items: center
+ gap: 0.5em