Add new sections to home page (#170)

* X * Add quotes functionality to website * Add support options * Update footer and community section * Refactor home page with Jekyll templates * Refactor based on comment * X * X * Refactor footer to update copyright year format * Add community social posts * X * Add pics for community quotes section * Reduce img size * Refactor CSS for better readability * Increase item width --------- Co-authored-by: prrao87 <prrao87@gmail.com>
kuzudb · Jul 10, 2024 · 89ab870 · 89ab870
1 parent afdc903
commit 89ab870
Show file tree

Hide file tree

Showing 19 changed files with 625 additions and 79 deletions.
diff --git a/_data/community.yml b/_data/community.yml
@@ -0,0 +1,47 @@
+- quote: "I've enjoyed spending time with Kuzu and this blog neatly summarised why I like it (namely, how it interops so easily with relational sets - arrow, parquet etc)"
+  url: https://x.com/Jamessandwich/status/1701160520508678388
+  name: James McNeill
+  handle: Jamessandwich
+  img: /img/community/jamessandwich.jpg
+  platform: twitter
+
+- quote: Finally, a whole host of new technologies from embedded databases (@duckdb, @kuzudb) and open table formats (@ApacheIceberg, @apachehudi) are making it easier to query data in object storage and analyze "small" data on a local machine/single node.
+  url: https://x.com/VinIyengar/status/1724902592030126170
+  name: Vinay Iyengar
+  handle: VinIyengar
+  img: /img/community/vinIyengar.jpg
+  platform: twitter
+
+- quote: "One of my favorite recent discoveries is @kuzudb. Super lightweight and supports the Cypher query language, such a nice project for graph analytics."
+  url: https://x.com/chr_norm/status/1682053731339182080
+  name: Chris Norman
+  handle: chr_norm
+  img: /img/community/chr_norm.jpg
+  platform: twitter
+
+- quote: "Kùzu is a really good graph database. If DuckDB is as an emerging power in the relational database world, there is Kùzu in the GDBMS world, and it is open source and faithful to the basics."
+  url: https://jeongiitae.medium.com/you-must-eat-this-graph-news-graph-omakase-2-weeks-may-db41d24b77d2
+  name: Jeong Yitae
+  handle: jeongiitae
+  img: /img/community/jandland2.jpg
+  platform: medium
+
+- quote: "KuzuDB has straightforward integrations with Polars, NetworkX, Pandas, PyArrow and...Torch Geometric! Meaning that you can export data towards Graph Machine Learning with one method call."
+  url: https://www.linkedin.com/posts/francoisvanderseypen_graphmachinelearning-activity-7171385765657075712-3XIY
+  name: Francois Vanderseypen
+  handle: francoisvanderseypen
+  img: /img/community/francoisvanderseypen.jpeg
+  platform: linkedin
+
+- quote: |
+    Embedded DBs are having a renaissance.
+    RDBMS: SQLite
+    OLAP: DuckDB
+    Graph: KuzuDB
+    Search: Chroma
+    The developer experience is so good on these. Things just work. Really cool to see.
+  url: https://x.com/criccomini/status/1627508372194074624
+  name: Chris Riccomini
+  handle: criccomini
+  img: /img/community/criccomini.jpg
+  platform: twitter
diff --git a/_data/features.yml b/_data/features.yml
@@ -5,17 +5,11 @@
     - content: Property graph data model
     - content: Cypher query language
 
-- title: Graph-optimized Storage
+- title: Graph-optimized Storage & Query Execution
   icon: fa-solid fa-database
   style: 2
   subtitles:
-    - content: Columnar storage
-    - content: Columnar sparse row-based adjacency list/join indices
-
-- title: Graph-optimized Query Execution
-  icon: fa-solid fa-bolt-lightning
-  style: 3
-  subtitles:
+    - content: Columnar storage and indices
     - content: Vectorized and factorized query processor
     - content: Novel and very fast join algorithms
     - content: Multi-core query parallelism

diff --git a/_data/nav-links.yml b/_data/nav-links.yml
@@ -3,13 +3,18 @@
   class: active link
   target: self
 
+- title: Features
+  href: "#features"
+  class: link
+  target: self
+
 - title: Download
   href: "#download"
   class: link
   target: self
 
-- title: Core Features
-  href: "#features"
+- title: Community
+  href: "#community"
   class: link
   target: self
 
@@ -28,6 +33,11 @@
   class: link
   target: _blank
 
+- title: Support
+  href: "#support"
+  class: button primary
+  target: self
+
 - title: Try Kùzu
   href: "//demo.kuzudb.com"
   class: button primary

diff --git a/_includes/community.html b/_includes/community.html
@@ -0,0 +1,35 @@
+<section id="community" class="main special">
+  <header class="major">
+    <h2>Our Community</h2>
+  </header>
+  <div class="community-wrapper">
+    {% for post in site.data.community %}
+    <div class="community-item">
+      <div class="community-header">
+        <img src="{{post.img}}" alt="{{post.name}}">
+        <p>
+          <strong> {{post.name}} </strong>
+          <br>
+          <small> @{{post.handle}} </small>
+        </p>
+        <a href="{{post.url}}" target="_blank" rel="noopener noreferrer">
+          <i class="fa-solid fa-brands fa-{{post.platform}}"></i></a>
+      </div>
+
+      <p>
+        {{post.quote | newline_to_br}}
+      </p>
+
+    </div>
+    {% endfor %}
+
+  </div>
+  <div class="community-buttons">
+    <i class="fas fa-chevron-left"
+      onclick="document.querySelector('.community-wrapper').scrollBy({left: -400, behavior: 'smooth'})"></i>
+    </i>
+    <i class="fas fa-chevron-right"
+      onclick="document.querySelector('.community-wrapper').scrollBy({left: 400, behavior: 'smooth'})"></i>
+    </i>
+  </div>
+</section>
diff --git a/_includes/features.html b/_includes/features.html
@@ -13,11 +13,4 @@ <h3>{{ feature.title }}</h3>
     </li>
     {% endfor %}
   </ul>
-  <footer class="major">
-    <ul class="actions special">
-      <li>
-        <a href="/blog/what-every-gdbms-should-do-and-vision.html" class="button">Learn More</a>
-      </li>
-    </ul>
-  </footer>
 </section>
diff --git a/_includes/footer.html b/_includes/footer.html
@@ -4,17 +4,32 @@ <h2>Contact</h2>
     <dl class="alt">
       <dt>Email</dt>
       <dd><a href="mailto:contact@kuzudb.com">contact@kuzudb.com</a></dd>
+      <dt>Address</dt>
+      <dd>
+        295 Hagey Blvd, Waterloo, ON, Canada
+      </dd>
     </dl>
   </section>
-  <p class="copyright">
-    Kù-zu ('bright' + 'to know') is a Sumerian word for "wisdom".
-    <br />
-    &copy; Kùzu Team. Design:
-    <a href="https://html5up.net">HTML5 UP</a>.
-    <br />
-    <a
-      href="https://www.freepik.com/free-vector/white-background-with-low-poly-digital-lines-connection_8562954.htm#query=network&position=22&from_view=search&track=country_rows_v2">Background
-      image by starline</a>
-    on Freepik
-  </p>
-</footer>
+  <section>
+    <p class="copyright">
+      Kù-zu ('bright' + 'to know') is a Sumerian word for "wisdom"
+      <br />
+      &copy; 2023 - 2024 Kùzu Inc. 
+      <br />
+      Design based on 
+      <a
+        href="https://html5up.net/stellar" target="_blank" rel="noopener noreferrer"
+      >Stellar </a>
+
+      by 
+      <a href="https://html5up.net" target="_blank" rel="noopener noreferrer">HTML5 UP</a>
+      <br />
+      <a href="https://www.freepik.com/free-vector/white-background-with-low-poly-digital-lines-connection_8562954.htm"
+        target="_blank" rel="noopener noreferrer">
+        Background image by starline</a> on 
+        <a href="https://www.freepik.com" target="_blank" rel="noopener noreferrer">
+        Freepik
+      </a>
+    </p>
+  </section>
+</footer>
diff --git a/_includes/quotes.html b/_includes/quotes.html
@@ -0,0 +1,22 @@
+<section id="quotes" class="main quotes">
+  <div class="buttons" id="quote-buttons">
+    <i class="fa-solid fa-chevron-up" id="next-quote"></i>
+    <i class="fa-solid fa-chevron-down" id="prev-quote"></i> 
+  </div>
+  <div class="quote">
+    <i class="fa-solid fa-quote-left"></i>
+    <p id="quote-text">
+    </p>
+    <i class="fa-solid fa-quote-right"></i>
+    <small class="name-title">
+      <span id="quote-name"></span> 
+      <a href="#"
+        target="_blank" id="quote-company"></a>
+    </small>
+  </div>
+
+  <div class="bio">
+    <img id="quote-img" >
+    <img id="quote-logo" >
+  </div>
+</section>
diff --git a/_includes/support.html b/_includes/support.html
@@ -0,0 +1,64 @@
+<section id="support" class="main special">
+  <header class="major">
+    <h2>Kùzu Support Options</h2>
+  </header>
+  <div class="support">
+    <div class="summary">
+      Kùzu Inc. provides professional support for using Kùzu, ensuring timely responses and flexible coverage.
+      <a href="mailto:contact@kuzudb.com">
+        Contact us</a>
+      for more
+      information.
+
+    </div>
+    <div class="support-options">
+      <div class="free">
+        <small>Free</small>
+        <h2>Community Support</h2>
+        <hr>
+        <ul>
+          <li>
+            <i class="fa-regular fa-circle-check"></i>&nbsp;
+            Public issue tracker
+          </li>
+          <li>
+            <i class="fa-regular fa-circle-xmark"></i>&nbsp;
+            No guaranteed response time
+          </li>
+          <li>
+            <i class="fa-regular
+                        fa-circle-xmark"></i>&nbsp;
+            No guaranteed resolution
+          </li>
+        </ul>
+
+        <a class="button secondary" href="https://github.com/kuzudb/kuzu/issues/" target="_blank">Get
+          Started</a>
+
+      </div>
+      <div class="premium">
+        <small>Negotiable</small>
+        <h2>Custom Support</h2>
+        <hr>
+
+        <ul>
+          <li>
+            <i class="fa-regular fa-circle-check"></i>&nbsp;
+            Private issue tracker
+          </li>
+          <li>
+            <i class="fa-regular fa-circle-check"></i>&nbsp;
+            Guaranteed response time
+          </li>
+
+          <li>
+            <i class="fa-regular fa-circle-check"></i>&nbsp;
+            Deployment and performance advice
+          </li>
+        </ul>
+
+        <a href="mailto:contact@kuzudb.com" class="button primary">Contact Us</a>
+      </div>
+    </div>
+  </div>
+</section>