Merge branch 'feature/update-landing-page' into 'feature-6/docusaurus-setup'

Value point update

See merge request !14

.gitignore

@@ -2,13 +2,14 @@
 /node_modules
 
 # Production
-/docs/_build
+/build
 
 # Generated files
 .docusaurus
 .cache-loader
 
 # Misc
+.idea
 .DS_Store
 .env.local
 .env.development.local

.gitlab-ci.yml

@@ -6,26 +6,23 @@ stages:
 
 docs-build:
   stage: build
-  image: python:3.10
+  image: node:20
   script:
-    - pip install -U jupyter-book
-    - jupyter-book clean docs
-    - jupyter-book toc from-project docs > docs/_toc.yml
-    - jupyter-book build docs
+    - npm install
+    - npm run build
   artifacts:
     paths:
-      - docs/_build/
+      - build
 
 pages:
   stage: deploy
   image: busybox:latest
   needs: [docs-build]
   script:
-    - ls
-    - mv docs/_build/html public
+    - mv build public
   artifacts:
     paths:
       - public
   rules:
-    - if: $CI_COMMIT_BRANCH == "main"
+    - if: '$CI_COMMIT_TAG =~ /^\d+\.\d+(\.\d+)?(-pl\d+){0,1}$/'
 

docs/guides/index.md

@@ -5,4 +5,4 @@ sidebar_position: 1
 
 # Guides
 
-Let's discover **UnHIDE Guides in less than 5 minutes**.
+Here you will find the user guides for the interfaces to the **Helmholtz KG via the UnHIDE initiative**.

docs/guides/sparql/about-sparql.md

+---
+displayed_sidebar: guidesSidebar
+sidebar_position: 2
+---
+
+# SPARQL Query Language
+
+SPARQL queries [RDF](https://www.w3.org/RDF/) graphs, which is comprises a set of semantic triple, or RDF triple or simply triple. A triple is a set of three entities that constitutes a statement about semantic data in the form of subject–predicate–object statements (e.g., "DatasetX has license CC BY 4.0").
+The importance lies in the triples, not the serialization. Serialization is just a way to write the triples down.
+
+SPARQL allows for a query to consist of triple patterns, conjunctions, disjunctions, and optional patterns as well as to perform changes on data via SPARQL updates. It also supports aggregation, subqueries, negation, creating values by expressions, extensible value testing, and constraining queries by source RDF graph. The results of SPARQL queries can be result sets or RDF graphs.
+
+### Syntax
+
+Before writing a SPARQL query it is important to define the namespace prefix bindings which are used int he query. A binging is a pair of a prefix name and the corresponting IRI. For instance, the following is a binding for `schema` and `rdfs` namespaces:
+
+```
+PREFIX schema: <http://schema.org/>
+PREFIX rdfs: <http://www.w3.org/2000/01/rdf-schema#>
+```
+
+Most forms of SPARQL query contain a set of triple patterns called a basic graph pattern. Triple patterns are like RDF triples except that each of the subject, predicate and object may be a variable. A basic graph pattern matches a subgraph of the RDF data when RDF terms from that subgraph may be substituted for the variables and the result is RDF graph equivalent to the subgraph.
+
+### Examples
+
+The example below demonstrates a simple query that leverages the publicatoins along with their authors. Specifically, the following query returns names and affiliation of every person participated in the creation of that resource:
+
+```
+PREFIX schema: <http://schema.org/>
+SELECT *
+WHERE {
+  ?resource    schema:creator         ?person.
+  ?resource    schema:name            ?rname.
+  ?person      schema:affiliation     ?affiliation.
+  ?person      schema:name            ?PersonName
+}
+```
+
+The results will look like:
+![](../../../static/img/SPARQL-query1-sample-results.png)

docs/guides/sparql/intro.md

----
-displayed_sidebar: guidesSidebar
-sidebar_position: 1
----
-
-### SPARQL Guide

docs/guides/sparql/introduction.mdx

+---
+displayed_sidebar: guidesSidebar
+sidebar_position: 1
+---
+
+# Introduction
+
+UnHIDE exposes the full public part of the graph through a read only SPARQL endpoint:
+currently available under https://sparql.unhide.helmholtz-metadaten.de/sparql/ but in the future mainly under https://sparql.unhide.helmholtz-metadaten.de/.
+
+<p style={{ textAlign: "center" }}>
+  <img
+    align="right"
+    width="250"
+    src="https://community.openlinksw.com/uploads/default/original/1X/e92dc4ebb5a2f272de53b2dff1f928f5d940c1f3.png"
+  />
+</p>
+
+UNHIDE runs a [Virtuoso SPARQL](https://vos.openlinksw.com/owiki/wiki/VOS/VOSSPARQL) Endpoint which could be used to query the unHIDE knowledge graph using the [SPARQL Query Language](https://www.w3.org/TR/sparql11-query/) — a W3C open standard which can be used to express queries across diverse data sources, whether the data is stored natively as RDF.
+
+The server is running as part of the larger deployment of unHIDE, as a part of the Docker compose file.
+
+<!-- ![](https://community.openlinksw.com/uploads/default/original/1X/e92dc4ebb5a2f272de53b2dff1f928f5d940c1f3.png =400x)
+-->

docs/guides/sparql/virtuoso-sparql.md

+---
+displayed_sidebar: guidesSidebar
+sidebar_position: 3
+---
+
+# Virtuoso SPARQL Endpoint
+
+[Virtuoso universal server](https://docs.openlinksw.com/virtuoso/) provides the [SPARQL 1.1 protocols](http://www.w3.org/TR/sparql11-protocol/) for query and update as well as the SPARQL Graph Store protocol. Virtuoso reserves the path `/sparql/` and a synonym path `/SPARQL/` for SPARQL service. Virtuoso’s built-in SPARQL Query Service functionality delivers a variety of capabilities:
+
+- Supports the HTTP-based SPARQL Query Service Protocol
+- Supports Federated SPARQL (i.e. supports `SERVICE` clause that identifies an external SPARQL endpoint upon which to execute a sub-query — as one option for executing federated queries over SPARQL endpoints from the [LOD Cloud](https://lod-cloud.net/).
+- Supports optional de-referencing of variables and constants in the body of a query, thereby incorporating content crawling over external data sources into the query solution production pipeline.
+- Support for a variety of query types including CONSTRUCT, ASK, DESCRIBE.
+- Supports a wide variety of query solution document types including (among others) HTML, CSV, JSON, and XML for SELECT Queries, and RDF-Turtle, RDF-N-Triples, JSON-LD, and RDF-XML for DESCRIBE and CONSTRUCT Queries.
+- Includes a query optimaization service that produces the SPARQL query after parsing, optimization and converting back into SPARQL.
+- Adds Extract, Transform, and Load operations to the query solution production pipeline through built-in integration with Virtuoso RDF Transformation Middleware (or [RDFizer](https://github.com/SDM-TIB/SDM-RDFizer)), commonly referred to as the Sponger — which also includes cache invalidation functionality.
+- Supports HTTP Content Negotiation ("conneg"), both Basic and Dynamic via QoS algorithms.
+- Also exploitable by ODBC, JDBC, ADO.NET, OLE DB, and XMLA applications as an open standards-based extension to SQL.
+
+### Virtuoso SPARQL Query Service
+
+Both `GET` and `POST` requests are supported by both server and client. The server recognizes the `Accept:` line of the request header to find MIME types preferred by the connected client and adjust the output mode of the response. The client chooses between GET and POST automatically, based on the length of the query text. More information can be found [here](https://vos.openlinksw.com/owiki/wiki/VOS/VOSSparqlProtocol).
+
+### Virtuoso Facet Browser
+
+The Virtuoso Facet Browser UI allows users to save Faceted View and iSPARQL queries as "Featured" queries for future reference.
+
+![](../../../static/img/fct.png)
+
+Use the Faceted Browser Search to search for information on "HZDR":
+
+![](../../../static/img/fct-hzdr.png)
+
+Results of the following form should be returned for the resource being fetched:
+
+![](../../../static/img/fct-hzdr-results.png)
+
+where users can find all entities that are related to `HZDR` and their title, type, etc. Below is an example of one of these entities:
+
+![](../../../static/img/fct-hzdr-results-ex.png)
+
+Additionally, users can export these results in various formats, including csv, HTML, RDF (N-triples), RDF (turtule), etc.
+Here is the results exported as RDF/XML:
+
+```xml
+<?xml version="1.0" encoding="utf-8" ?>
+<rdf:RDF
+	xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+	xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#"
+	xmlns:schema="http://schema.org/" >
+  <rdf:Description rdf:about="https://orcid.org/0000-0001-7990-9564">
+    <rdf:type rdf:resource="http://schema.org/Person" />
+    <schema:affiliation>HZDR</schema:affiliation>
+    <schema:name>Pausch, Richard</schema:name>
+  </rdf:Description>
+</rdf:RDF>
+```
+
+**Entity Label Lookup** tab: In the Label auto-complete text box of the Entity Label Lookup tab, enter the name of an rdfs label to be Described, then select a URI from the list of available Labels to obtain a description of the URI.
+
+![](../../../static/img/fct-lookup.png)
+
+**Entity URI Lookup** tab: In the URI auto-complete text box of the Entity URI Lookup tab enter the name URI to be Described, then select a URI from the list of available Labels to obtain a description of the URI.
+
+![](../../../static/img/fct-uri-lookup.png)

docusaurus.config.ts

@@ -3,9 +3,10 @@ import type { Config } from "@docusaurus/types";
 import type * as Preset from "@docusaurus/preset-classic";
 
 const config: Config = {
-  title: "UnHIDE",
-  tagline: "an initiative of the Helmholtz Knowledge Graph (HKG)",
-  favicon: "img/unhide_logo.png",
+  title: "Helmholtz Knowledge Graph (HKG)",
+  tagline:
+    "the knowledge graph driving the Unified Helmholtz Information and Data Exchange (UnHide)",
+  favicon: "img/Logo_HGF-KG_notext_brightback.png",
 
   // Set the production url of your site here
   url: "https://docs.unhide.helmholtz-metadaten.de",
@@ -16,7 +17,7 @@ const config: Config = {
   // GitHub pages deployment config.
   // If you aren't using GitHub pages, you don't need these.
   organizationName: "Helmholtz Metadata Collaboration", // Usually your GitHub org/user name.
-  projectName: "unhide-documentation", // Usually your repo name.
+  projectName: "helmholtz-kg-documentation", // Usually your repo name.
 
   onBrokenLinks: "throw",
   onBrokenMarkdownLinks: "warn",
@@ -47,14 +48,14 @@ const config: Config = {
     // Replace with your project's social card
     image: "img/docusaurus-social-card.jpg",
     navbar: {
-      title: "UnHIDE Docs",
+      title: "Helmholtz KG Docs",
       logo: {
-        alt: "UnHIDE documentation docs",
-        src: "img/unhide_logo.png",
+        alt: "Helmholtz KG documentation docs",
+        src: "img/Logo_HGF-KG_notext_brightback.png",
       },
       items: [
         { to: "/docs/about/introduction", label: "About", position: "left" },
-        { to: "/docs/guides", label: "Guides", position: "left" },
+        { to: "/docs/guides", label: "Interface Guides", position: "left" },
         {
           to: "/docs/community/partners",
           label: "Community",
@@ -82,7 +83,7 @@ const config: Config = {
               to: "/docs/about/introduction",
             },
             {
-              label: "Guides",
+              label: "Interface Guides",
               to: "/docs/guides",
             },
             {

sidebars.ts

@@ -51,7 +51,11 @@ const sidebars: SidebarsConfig = {
         type: "generated-index",
       },
       collapsed: true,
-      items: ["guides/sparql/intro"],
+      items: [
+        "guides/sparql/introduction",
+        "guides/sparql/about-sparql",
+        "guides/sparql/virtuoso-sparql",
+      ],
     },
   ],
   communitySidebar: [{ type: "autogenerated", dirName: "community" }],

src/components/HomepageFeatures/index.tsx

-import clsx from 'clsx';
-import Heading from '@theme/Heading';
-import styles from './styles.module.css';
+import clsx from "clsx";
+import Heading from "@theme/Heading";
+import styles from "./styles.module.css";
 
 type FeatureItem = {
   title: string;
-  Svg: React.ComponentType<React.ComponentProps<'svg'>>;
+  Svg: React.ComponentType<React.ComponentProps<"svg">>;
   description: JSX.Element;
 };
 
 const FeatureList: FeatureItem[] = [
   {
-    title: 'Easy to Use',
-    Svg: require('@site/static/img/undraw_docusaurus_mountain.svg').default,
+    title: "Find data (& more)",
+    Svg: require("@site/static/img/HKG_docs_LP1.svg").default,
     description: (
       <>
-        Docusaurus was designed from the ground up to be easily installed and
-        used to get your website up and running quickly.
+        Explore the wealth of Helmholtz's data, digital assets, resources and
+        infrastructure in one place.
       </>
     ),
   },
   {
-    title: 'Focus on What Matters',
-    Svg: require('@site/static/img/undraw_docusaurus_tree.svg').default,
+    title: "Explore connections",
+    Svg: require("@site/static/img/HKG_docs_LP2.svg").default,
     description: (
       <>
-        Docusaurus lets you focus on your docs, and we&apos;ll do the chores. Go
-        ahead and move your docs into the <code>docs</code> directory.
+        See how data relates to other digital assets or what related digital
+        assets from the field can be found.
       </>
     ),
   },
   {
-    title: 'Powered by React',
-    Svg: require('@site/static/img/undraw_docusaurus_react.svg').default,
+    title: "Highlight your data",
+    Svg: require("@site/static/img/HKG_docs_LP3.svg").default,
     description: (
       <>
-        Extend or customize your website layout by reusing React. Docusaurus can
-        be extended while reusing the same header and footer.
+        Connect your data by making your respository a{" "}
+        <a href="/docs/community/contributing">
+          <code>data provider</code>
+        </a>
+        .
       </>
     ),
   },
 ];
 
-function Feature({title, Svg, description}: FeatureItem) {
+function Feature({ title, Svg, description }: FeatureItem) {
   return (
-    <div className={clsx('col col--4')}>
+    <div className={clsx("col col--4")}>
       <div className="text--center">
         <Svg className={styles.featureSvg} role="img" />
       </div>

src/components/HomepageFeatures/styles.module.css

 .features {
   display: flex;
   align-items: center;
-  padding: 2rem 0;
+  padding: 4rem 0;
   width: 100%;
 }
 

src/pages/index.module.css

@@ -6,8 +6,23 @@
 .heroBanner {
   padding: 4rem 0;
   text-align: center;
-  position: relative;
-  overflow: hidden;
+  display: flex;
+  justify-content: center;
+}
+
+.bgImage {
+  /* Add the blur effect */
+  filter: blur(2px);
+  -webkit-filter: blur(2px);
+
+  position: absolute;
+  height: 38%;
+  width: 100%;
+}
+
+.bgText {
+  z-index: 2;
+  padding: 2rem;
 }
 
 @media screen and (max-width: 996px) {

src/pages/index.tsx

@@ -10,8 +10,9 @@ import styles from "./index.module.css";
 function HomepageHeader() {
   const { siteConfig } = useDocusaurusContext();
   return (
-    <header className={clsx("hero shadow--lw bg-kg-img", styles.heroBanner)}>
-      <div className="container text--primary">
+    <header className={clsx("hero shadow--lw", styles.heroBanner)}>
+      <div className={clsx("bg-kg-img", styles.bgImage)}></div>
+      <div className={clsx("container text--primary", styles.bgText)}>
         <Heading as="h1" className="hero__title">
           {siteConfig.title}
         </Heading>
@@ -33,7 +34,7 @@ export default function Home(): JSX.Element {
   const { siteConfig } = useDocusaurusContext();
   return (
     <Layout
-      title={`UnHIDE Docs`}
+      title={`Helmholtz KG - Docs`}
       description="Description will go into a meta tag in <head />"
     >
       <HomepageHeader />

static/img/HKG_docs_LP1.svg

+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="81.34079mm"
+   height="56.905006mm"
+   viewBox="0 0 81.340787 56.905006"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.3.2 (1:1.3.2+202311252150+091e20ef0f)"
+   sodipodi:docname="HKG_docs_LP1.svg"
+   xml:space="preserve"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="1.4513545"
+     inkscape:cx="-128.15615"
+     inkscape:cy="248.73317"
+     inkscape:window-width="2500"
+     inkscape:window-height="1376"
+     inkscape:window-x="2620"
+     inkscape:window-y="27"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1" /><defs
+     id="defs1"><filter
+       inkscape:collect="always"
+       style="color-interpolation-filters:sRGB"
+       id="filter20"
+       x="-0.14401156"
+       y="-0.1774977"
+       width="1.3122993"
+       height="1.3293904"><feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="0.12596954"
+         id="feGaussianBlur20" /></filter><filter
+       inkscape:collect="always"
+       style="color-interpolation-filters:sRGB"
+       id="filter19"
+       x="-0.72419904"
+       y="-0.22993997"
+       width="2.4483981"
+       height="1.4598799"><feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="1.50031"
+         id="feGaussianBlur19" /></filter><filter
+       inkscape:collect="always"
+       style="color-interpolation-filters:sRGB"
+       id="filter18"
+       x="-0.22582797"
+       y="-0.22582817"
+       width="1.4516558"
+       height="1.451656"><feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="2.705325"
+         id="feGaussianBlur18" /></filter><clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath14"><path
+         style="opacity:0.910411;fill:#ffffff;fill-rule:evenodd;stroke:#000080;stroke-width:2.4155;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:2.5;stroke-opacity:0.913725;paint-order:markers stroke fill"
+         id="path15"
+         sodipodi:type="arc"
+         sodipodi:cx="73.990303"
+         sodipodi:cy="213.1485"
+         sodipodi:rx="13.513734"
+         sodipodi:ry="13.513734"
+         sodipodi:start="0"
+         sodipodi:end="6.2710147"
+         sodipodi:open="true"
+         sodipodi:arc-type="arc"
+         d="m 87.504037,213.1485 a 13.513734,13.513734 0 0 1 -13.472616,13.51367 13.513734,13.513734 0 0 1 -13.554602,-13.43144 13.513734,13.513734 0 0 1 13.390133,-13.5954 13.513734,13.513734 0 0 1 13.636084,13.3487" /></clipPath><filter
+       inkscape:collect="always"
+       style="color-interpolation-filters:sRGB"
+       id="filter21"
+       x="-0.072500409"
+       y="-0.072500624"
+       width="1.1450006"
+       height="1.1450009"><feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="1.3449649"
+         id="feGaussianBlur21" /></filter></defs><g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-134.26382,11.223506)"><g
+       id="g18"
+       transform="matrix(0.68599796,0,0,0.6820044,93.868282,-33.70181)"
+       style="opacity:0.390865;mix-blend-mode:normal;stroke:#000000;stroke-opacity:1;filter:url(#filter21)"><g
+         id="g17"
+         transform="matrix(2.8455572,0,0,2.8455572,-190.09593,-128.01985)"
+         style="stroke:#000000;stroke-width:1.05428;stroke-dasharray:none;stroke-opacity:1"><path
+           style="opacity:1;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1.05428;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:2.5;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill"
+           id="path12"
+           sodipodi:type="arc"
+           sodipodi:cx="114.19261"
+           sodipodi:cy="69.713531"
+           sodipodi:rx="11.458655"
+           sodipodi:ry="11.458655"
+           sodipodi:start="0"
+           sodipodi:end="6.2710147"
+           sodipodi:open="true"
+           sodipodi:arc-type="arc"
+           d="M 125.65127,69.713531 A 11.458655,11.458655 0 0 1 114.22748,81.172134 11.458655,11.458655 0 0 1 102.73417,69.78326 11.458655,11.458655 0 0 1 114.08802,58.255353 11.458655,11.458655 0 0 1 125.65042,69.574076" /><path
+           style="opacity:1;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1.05428;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:2.5;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill"
+           id="path13"
+           sodipodi:type="arc"
+           sodipodi:cx="114.19261"
+           sodipodi:cy="69.713539"
+           sodipodi:rx="5.8049994"
+           sodipodi:ry="11.422169"
+           sodipodi:start="0"
+           sodipodi:end="6.2710147"
+           sodipodi:open="true"
+           sodipodi:arc-type="arc"
+           d="m 119.99761,69.713539 a 5.8049994,11.422169 0 0 1 -5.78734,11.422116 5.8049994,11.422169 0 0 1 -5.82255,-11.352609 5.8049994,11.422169 0 0 1 5.7519,-11.4912 5.8049994,11.422169 0 0 1 5.85756,11.282682" /><path
+           style="opacity:1;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.978504;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:2.5;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill"
+           id="path14"
+           sodipodi:type="arc"
+           sodipodi:cx="114.19261"
+           sodipodi:cy="69.713531"
+           sodipodi:rx="11.421292"
+           sodipodi:ry="5.7870603"
+           sodipodi:start="0"
+           sodipodi:end="6.2710147"
+           sodipodi:open="true"
+           sodipodi:arc-type="arc"
+           d="m 125.6139,69.713531 a 11.421292,5.7870603 0 0 1 -11.38654,5.787034 11.421292,5.7870603 0 0 1 -11.45583,-5.751818 11.421292,5.7870603 0 0 1 11.31683,-5.822035 11.421292,5.7870603 0 0 1 11.5247,5.716389" /><path
+           style="fill:none;stroke:#000000;stroke-width:1.05428;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+           d="m 102.76503,69.435976 22.85515,0.555109"
+           id="path16" /><path
+           style="fill:none;stroke:#000000;stroke-width:1.05428;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+           d="m 114.47016,58.285955 -0.55511,22.85515"
+           id="path17" /></g></g><g
+       id="g7"
+       transform="matrix(0.68599796,0,0,0.6820044,105.3387,-27.242915)"><g
+         id="g6"
+         transform="matrix(2.8455572,0,0,2.8455572,-208.16333,-140.07018)"
+         style="stroke:#012761;stroke-width:1.05428;stroke-dasharray:none;stroke-opacity:0.752941"><path
+           style="opacity:1;fill:none;fill-rule:evenodd;stroke:#022762;stroke-width:1.05428;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:2.5;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill"
+           id="path2"
+           sodipodi:type="arc"
+           sodipodi:cx="114.19261"
+           sodipodi:cy="69.713531"
+           sodipodi:rx="11.458655"
+           sodipodi:ry="11.458655"
+           sodipodi:start="0"
+           sodipodi:end="6.2710147"
+           sodipodi:open="true"
+           sodipodi:arc-type="arc"
+           d="M 125.65127,69.713531 A 11.458655,11.458655 0 0 1 114.22748,81.172134 11.458655,11.458655 0 0 1 102.73417,69.78326 11.458655,11.458655 0 0 1 114.08802,58.255353 11.458655,11.458655 0 0 1 125.65042,69.574076" /><path
+           style="opacity:1;fill:none;fill-rule:evenodd;stroke:#022762;stroke-width:1.05428;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:2.5;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill"
+           id="path3"
+           sodipodi:type="arc"
+           sodipodi:cx="114.19261"
+           sodipodi:cy="69.713539"
+           sodipodi:rx="5.8049994"
+           sodipodi:ry="11.422169"
+           sodipodi:start="0"
+           sodipodi:end="6.2710147"
+           sodipodi:open="true"
+           sodipodi:arc-type="arc"
+           d="m 119.99761,69.713539 a 5.8049994,11.422169 0 0 1 -5.78734,11.422116 5.8049994,11.422169 0 0 1 -5.82255,-11.352609 5.8049994,11.422169 0 0 1 5.7519,-11.4912 5.8049994,11.422169 0 0 1 5.85756,11.282682" /><path
+           style="opacity:1;fill:none;fill-rule:evenodd;stroke:#022762;stroke-width:0.978504;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:2.5;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill"
+           id="path4"
+           sodipodi:type="arc"
+           sodipodi:cx="114.19261"
+           sodipodi:cy="69.713531"
+           sodipodi:rx="11.421292"
+           sodipodi:ry="5.7870603"
+           sodipodi:start="0"
+           sodipodi:end="6.2710147"
+           sodipodi:open="true"
+           sodipodi:arc-type="arc"
+           d="m 125.6139,69.713531 a 11.421292,5.7870603 0 0 1 -11.38654,5.787034 11.421292,5.7870603 0 0 1 -11.45583,-5.751818 11.421292,5.7870603 0 0 1 11.31683,-5.822035 11.421292,5.7870603 0 0 1 11.5247,5.716389" /><path
+           style="opacity:1;fill:none;stroke:#022762;stroke-width:1.05428;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+           d="m 102.76503,69.435976 22.85515,0.555109"
+           id="path5" /><path
+           style="opacity:1;fill:none;stroke:#022762;stroke-width:1.05428;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+           d="m 114.47016,58.285955 -0.55511,22.85515"
+           id="path6" /></g></g><g
+       id="g19"
+       transform="matrix(0.91983707,0,0,0.91983707,48.240193,-113.52743)"
+       style="opacity:0.830337;filter:url(#filter20)"
+       inkscape:export-filename="Docs_ValueProp1.png"
+       inkscape:export-xdpi="464.76"
+       inkscape:export-ydpi="464.76"><rect
+         style="opacity:0.287682;fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#020000;stroke-width:2.09041;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:2.5;stroke-opacity:1;paint-order:markers stroke fill;filter:url(#filter19)"
+         id="rect17"
+         width="6.4152927"
+         height="20.205051"
+         x="188.06464"
+         y="6.8464704"
+         transform="rotate(49.926879)" /><path
+         style="opacity:0.435763;mix-blend-mode:normal;fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#020000;stroke-width:2.4155;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:2.5;stroke-opacity:1;paint-order:markers stroke fill;filter:url(#filter18)"
+         id="path18"
+         sodipodi:type="arc"
+         sodipodi:cx="130.87396"
+         sodipodi:cy="138.19781"
+         sodipodi:rx="17.049561"
+         sodipodi:ry="17.049561"
+         sodipodi:start="0"
+         sodipodi:end="6.2710147"
+         sodipodi:open="true"
+         sodipodi:arc-type="arc"
+         d="m 147.92352,138.19781 a 17.049561,17.049561 0 0 1 -16.99768,17.04949 17.049561,17.049561 0 0 1 -17.10112,-16.94573 17.049561,17.049561 0 0 1 16.89362,-17.15261 17.049561,17.049561 0 0 1 17.20392,16.84136" /></g><rect
+       style="opacity:0.910411;fill:#21c6fc;fill-opacity:1;fill-rule:evenodd;stroke:#21c6fc;stroke-width:1.44988;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:2.5;stroke-opacity:1;paint-order:markers stroke fill"
+       id="rect2"
+       width="4.4495411"
+       height="14.01389"
+       x="113.95741"
+       y="-106.25297"
+       transform="rotate(49.926879)" /><path
+       style="opacity:0.748908;fill:#f9f9f9;fill-opacity:1;fill-rule:evenodd;stroke:#21c6fc;stroke-width:2.22187;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:2.5;stroke-opacity:1;paint-order:markers stroke fill"
+       id="path1"
+       sodipodi:type="arc"
+       sodipodi:cx="167.77594"
+       sodipodi:cy="8.1668615"
+       sodipodi:rx="15.682817"
+       sodipodi:ry="15.682817"
+       sodipodi:start="0"
+       sodipodi:end="6.2710147"
+       sodipodi:open="true"
+       sodipodi:arc-type="arc"
+       d="M 183.45876,8.1668615 A 15.682817,15.682817 0 0 1 167.82366,23.849606 15.682817,15.682817 0 0 1 152.09341,8.2622957 15.682817,15.682817 0 0 1 167.63279,-7.5153026 15.682817,15.682817 0 0 1 183.4576,7.9759968" /><g
+       id="g13"
+       clip-path="url(#clipPath14)"
+       style="stroke:#000000;stroke-opacity:0.913725"
+       transform="matrix(1.1605096,0,0,1.1605096,81.776881,-239.25618)"><g
+         id="g12"
+         transform="translate(-36.392522,125.40396)"
+         style="stroke:#000000;stroke-opacity:0.913725"><g
+           id="g11"
+           transform="matrix(2.8455572,0,0,2.8455572,-188.65669,-106.65683)"
+           style="stroke:#000000;stroke-width:1.05428;stroke-dasharray:none;stroke-opacity:0.913725"><path
+             style="opacity:0.910411;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1.05428;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:2.5;stroke-dasharray:none;stroke-opacity:0.913725;paint-order:markers stroke fill"
+             id="path7"
+             sodipodi:type="arc"
+             sodipodi:cx="114.19261"
+             sodipodi:cy="69.713531"
+             sodipodi:rx="11.458655"
+             sodipodi:ry="11.458655"
+             sodipodi:start="0"
+             sodipodi:end="6.2710147"
+             sodipodi:open="true"
+             sodipodi:arc-type="arc"
+             d="M 125.65127,69.713531 A 11.458655,11.458655 0 0 1 114.22748,81.172134 11.458655,11.458655 0 0 1 102.73417,69.78326 11.458655,11.458655 0 0 1 114.08802,58.255353 11.458655,11.458655 0 0 1 125.65042,69.574076" /><path
+             style="opacity:0.910411;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1.05428;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:2.5;stroke-dasharray:none;stroke-opacity:0.913725;paint-order:markers stroke fill"
+             id="path8"
+             sodipodi:type="arc"
+             sodipodi:cx="114.19261"
+             sodipodi:cy="69.713539"
+             sodipodi:rx="5.8049994"
+             sodipodi:ry="11.422169"
+             sodipodi:start="0"
+             sodipodi:end="6.2710147"
+             sodipodi:open="true"
+             sodipodi:arc-type="arc"
+             d="m 119.99761,69.713539 a 5.8049994,11.422169 0 0 1 -5.78734,11.422116 5.8049994,11.422169 0 0 1 -5.82255,-11.352609 5.8049994,11.422169 0 0 1 5.7519,-11.4912 5.8049994,11.422169 0 0 1 5.85756,11.282682" /><path
+             style="opacity:0.910411;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.978504;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:2.5;stroke-dasharray:none;stroke-opacity:0.913725;paint-order:markers stroke fill"
+             id="path9"
+             sodipodi:type="arc"
+             sodipodi:cx="114.19261"
+             sodipodi:cy="69.713531"
+             sodipodi:rx="11.421292"
+             sodipodi:ry="5.7870603"
+             sodipodi:start="0"
+             sodipodi:end="6.2710147"
+             sodipodi:open="true"
+             sodipodi:arc-type="arc"
+             d="m 125.6139,69.713531 a 11.421292,5.7870603 0 0 1 -11.38654,5.787034 11.421292,5.7870603 0 0 1 -11.45583,-5.751818 11.421292,5.7870603 0 0 1 11.31683,-5.822035 11.421292,5.7870603 0 0 1 11.5247,5.716389" /><path
+             style="fill:none;stroke:#000000;stroke-width:1.05428;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:0.913725"
+             d="m 102.76503,69.435976 22.85515,0.555109"
+             id="path10" /><path
+             style="fill:none;stroke:#000000;stroke-width:1.05428;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:0.913725"
+             d="m 114.47016,58.285955 -0.55511,22.85515"
+             id="path11" /></g></g></g></g></svg>

static/img/HKG_docs_LP2.svg

+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="106.92996mm"
+   height="70.993835mm"
+   viewBox="0 0 106.92996 70.993835"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.3.2 (1:1.3.2+202311252150+091e20ef0f)"
+   sodipodi:docname="HKG_docs_LP2.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="1.0262626"
+     inkscape:cx="395.61025"
+     inkscape:cy="429.71458"
+     inkscape:window-width="2500"
+     inkscape:window-height="1376"
+     inkscape:window-x="2620"
+     inkscape:window-y="27"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1" />
+  <defs
+     id="defs1">
+    <filter
+       inkscape:collect="always"
+       style="color-interpolation-filters:sRGB"
+       id="filter39"
+       x="-0.20991211"
+       y="-0.15745585"
+       width="1.4198269"
+       height="1.3127269">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="0.74986893"
+         id="feGaussianBlur39" />
+    </filter>
+    <filter
+       inkscape:collect="always"
+       style="color-interpolation-filters:sRGB"
+       id="filter41"
+       x="-0.20435522"
+       y="-0.35381236"
+       width="1.4087104"
+       height="1.7076247">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="2.9237843"
+         id="feGaussianBlur41" />
+    </filter>
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-0.26458482,-34.924994)">
+    <g
+       id="g29"
+       transform="rotate(57.78436,145.01771,54.316456)"
+       inkscape:export-filename="Docs_ValueProp2.png"
+       inkscape:export-xdpi="464.76"
+       inkscape:export-ydpi="464.76">
+      <path
+         style="fill:none;stroke:#022762;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+         d="M 94.585944,161.0778 91.922332,134.83563"
+         id="path24"
+         sodipodi:nodetypes="cc" />
+      <path
+         style="opacity:1;fill:#022762;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:4.94837;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:2.5;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill"
+         id="path16"
+         sodipodi:type="arc"
+         sodipodi:cx="68.055336"
+         sodipodi:cy="151.09399"
+         sodipodi:rx="5.8704309"
+         sodipodi:ry="5.8704309"
+         sodipodi:start="0"
+         sodipodi:end="6.2710147"
+         sodipodi:open="true"
+         sodipodi:arc-type="arc"
+         d="m 73.925767,151.09399 a 5.8704309,5.8704309 0 0 1 -5.852569,5.87041 5.8704309,5.8704309 0 0 1 -5.888184,-5.83468 5.8704309,5.8704309 0 0 1 5.816738,-5.90591 5.8704309,5.8704309 0 0 1 5.92358,5.79874" />
+      <path
+         style="opacity:1;fill:#022762;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:3.1527;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:2.5;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill"
+         id="path20"
+         sodipodi:type="arc"
+         sodipodi:cx="91.475555"
+         sodipodi:cy="134.4075"
+         sodipodi:rx="3.7401567"
+         sodipodi:ry="3.7401567"
+         sodipodi:start="0"
+         sodipodi:end="6.2710147"
+         sodipodi:open="true"
+         sodipodi:arc-type="arc"
+         d="m 95.215712,134.4075 a 3.7401567,3.7401567 0 0 1 -3.728777,3.74014 3.7401567,3.7401567 0 0 1 -3.751467,-3.71738 3.7401567,3.7401567 0 0 1 3.705948,-3.76276 3.7401567,3.7401567 0 0 1 3.774019,3.69448" />
+      <path
+         style="opacity:1;fill:#022762;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:6.11905;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:2.5;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill"
+         id="path21"
+         sodipodi:type="arc"
+         sodipodi:cx="94.645569"
+         sodipodi:cy="161.06543"
+         sodipodi:rx="7.2592483"
+         sodipodi:ry="7.2592483"
+         sodipodi:start="0"
+         sodipodi:end="6.2710147"
+         sodipodi:open="true"
+         sodipodi:arc-type="arc"
+         d="m 101.90482,161.06543 a 7.2592483,7.2592483 0 0 1 -7.237164,7.25921 7.2592483,7.2592483 0 0 1 -7.281201,-7.21504 7.2592483,7.2592483 0 0 1 7.192853,-7.30312 7.2592483,7.2592483 0 0 1 7.324972,7.1706" />
+      <path
+         style="opacity:1;fill:#022762;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:7.44287;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:2.5;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill"
+         id="path22"
+         sodipodi:type="arc"
+         sodipodi:cx="109.29488"
+         sodipodi:cy="182.65656"
+         sodipodi:rx="8.8297396"
+         sodipodi:ry="8.8297396"
+         sodipodi:start="0"
+         sodipodi:end="6.2710147"
+         sodipodi:open="true"
+         sodipodi:arc-type="arc"
+         d="m 118.12462,182.65656 a 8.8297396,8.8297396 0 0 1 -8.80287,8.82969 8.8297396,8.8297396 0 0 1 -8.85644,-8.77596 8.8297396,8.8297396 0 0 1 8.74898,-8.88311 8.8297396,8.8297396 0 0 1 8.90968,8.72191" />
+      <path
+         style="fill:none;stroke:#022762;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+         d="m 67.45948,150.16456 26.188079,10.09208 15.402701,21.88312"
+         id="path23"
+         sodipodi:nodetypes="ccc" />
+      <path
+         style="opacity:1;fill:#022762;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:4.94837;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:2.5;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill"
+         id="path27"
+         sodipodi:type="arc"
+         sodipodi:cx="73.339371"
+         sodipodi:cy="173.30556"
+         sodipodi:rx="5.8704309"
+         sodipodi:ry="5.8704309"
+         sodipodi:start="0"
+         sodipodi:end="6.2710147"
+         sodipodi:open="true"
+         sodipodi:arc-type="arc"
+         d="m 79.209802,173.30556 a 5.8704309,5.8704309 0 0 1 -5.85257,5.8704 5.8704309,5.8704309 0 0 1 -5.888184,-5.83468 5.8704309,5.8704309 0 0 1 5.816738,-5.90591 5.8704309,5.8704309 0 0 1 5.923581,5.79874" />
+      <path
+         style="fill:none;stroke:#022762;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+         d="m 94.477423,160.69279 -22.18178,14.27287"
+         id="path28"
+         sodipodi:nodetypes="cc" />
+    </g>
+    <g
+       id="g45"
+       transform="translate(-67.75134,-80.728118)">
+      <rect
+         style="opacity:0.40844;fill:#000000;fill-opacity:0.996078;fill-rule:evenodd;stroke:#000300;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:2.5;stroke-dasharray:none;stroke-opacity:0.996078;paint-order:markers stroke fill;filter:url(#filter41)"
+         id="rect40"
+         width="39.23111"
+         height="22.659136"
+         x="122.40606"
+         y="158.61653" />
+      <rect
+         style="opacity:1;fill:#ffffff;fill-opacity:0.996078;fill-rule:evenodd;stroke:#21c6fc;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:2.5;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill"
+         id="rect41"
+         width="39.23111"
+         height="22.659136"
+         x="123.58778"
+         y="155.99876" />
+      <g
+         id="g39"
+         transform="rotate(-12.794863,160.52123,188.30613)"
+         inkscape:transform-center-x="31.052873"
+         inkscape:transform-center-y="6.4359256"
+         style="opacity:0.510145;fill:#000000;stroke:#000300;stroke-opacity:0.996078;filter:url(#filter39)">
+        <path
+           sodipodi:type="star"
+           style="opacity:1;fill:#000000;fill-opacity:0.996078;fill-rule:evenodd;stroke:#000300;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:2.5;stroke-dasharray:none;stroke-opacity:0.996078;paint-order:markers stroke fill"
+           id="path38"
+           inkscape:flatsided="true"
+           sodipodi:sides="3"
+           sodipodi:cx="-17.988348"
+           sodipodi:cy="99.579407"
+           sodipodi:r1="8.6906729"
+           sodipodi:r2="2.6022513"
+           sodipodi:arg1="0.0092249386"
+           sodipodi:arg2="1.0564225"
+           inkscape:rounded="0.03"
+           inkscape:randomized="0"
+           d="m -9.2980449,99.659577 c -0.00417,0.451563 -12.7159031,7.635153 -13.1048841,7.405773 -0.38898,-0.22939 -0.254288,-14.829878 0.138859,-15.052051 0.393146,-0.222173 12.9701908,7.194716 12.9660251,7.646278 z"
+           inkscape:transform-center-x="-0.37262877"
+           inkscape:transform-center-y="-0.96501241"
+           transform="translate(141.96613,43.160558)" />
+        <rect
+           style="opacity:1;fill:#000000;fill-opacity:0.996078;fill-rule:evenodd;stroke:#000300;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:2.5;stroke-dasharray:none;stroke-opacity:0.996078;paint-order:markers stroke fill"
+           id="rect39"
+           width="3.0486705"
+           height="6.0973411"
+           x="34.102325"
+           y="189.22838"
+           transform="rotate(-30.25675)" />
+      </g>
+      <path
+         style="fill:none;stroke:#010000;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:0.99607801"
+         d="m 126.36672,159.87232 h 33.05041"
+         id="path42" />
+      <path
+         style="fill:none;stroke:#010000;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:0.99607801"
+         d="M 126.36672,164.51159 H 151.1815"
+         id="path43" />
+      <path
+         style="fill:none;stroke:#010000;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:0.99607801"
+         d="m 126.36672,169.15087 h 19.93026"
+         id="path44" />
+      <path
+         style="fill:none;stroke:#010000;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:0.99607801"
+         d="m 126.36672,173.79014 h 33.05041"
+         id="path45" />
+      <g
+         id="g38"
+         transform="rotate(-12.794863,139.62865,169.56438)">
+        <path
+           sodipodi:type="star"
+           style="opacity:1;fill:#21c6fc;fill-opacity:1;fill-rule:evenodd;stroke:#21c6fc;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:2.5;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill"
+           id="path29"
+           inkscape:flatsided="true"
+           sodipodi:sides="3"
+           sodipodi:cx="-17.988348"
+           sodipodi:cy="99.579407"
+           sodipodi:r1="8.6906729"
+           sodipodi:r2="2.6022513"
+           sodipodi:arg1="0.0092249386"
+           sodipodi:arg2="1.0564225"
+           inkscape:rounded="0.03"
+           inkscape:randomized="0"
+           d="m -9.2980449,99.659577 c -0.00417,0.451563 -12.7159031,7.635153 -13.1048841,7.405773 -0.38898,-0.22939 -0.254288,-14.829878 0.138859,-15.052051 0.393146,-0.222173 12.9701908,7.194716 12.9660251,7.646278 z"
+           inkscape:transform-center-x="-0.37262877"
+           inkscape:transform-center-y="-0.96501241"
+           transform="translate(139.31606,45.271933)" />
+        <rect
+           style="opacity:1;fill:#21c6fc;fill-opacity:1;fill-rule:evenodd;stroke:#21c6fc;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:2.5;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill"
+           id="rect38"
+           width="3.0486705"
+           height="6.0973411"
+           x="30.052361"
+           y="191.23817"
+           transform="rotate(-30.25675)" />
+      </g>
+    </g>
+  </g>
+</svg>

static/img/HKG_docs_LP3.svg

+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="109.55197mm"
+   height="81.833191mm"
+   viewBox="0 0 109.55197 81.833191"
+   version="1.1"
+   id="svg1"
+   xml:space="preserve"
+   inkscape:version="1.3.2 (1:1.3.2+202311252150+091e20ef0f)"
+   sodipodi:docname="HKG_docs_LP3.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="1.0503157"
+     inkscape:cx="-292.29307"
+     inkscape:cy="-79.023859"
+     inkscape:window-width="2500"
+     inkscape:window-height="1376"
+     inkscape:window-x="2620"
+     inkscape:window-y="27"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     showgrid="false" /><defs
+     id="defs1"><clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath13"><path
+         style="opacity:0.910411;fill:#ffffff;fill-rule:evenodd;stroke:#000080;stroke-width:2.4155;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:2.5;stroke-opacity:0.913725;paint-order:markers stroke fill"
+         id="path13"
+         sodipodi:type="arc"
+         sodipodi:cx="69.825546"
+         sodipodi:cy="212.29991"
+         sodipodi:rx="17.049561"
+         sodipodi:ry="17.049561"
+         sodipodi:start="0"
+         sodipodi:end="6.2710147"
+         sodipodi:open="true"
+         sodipodi:arc-type="arc"
+         d="m 86.875107,212.29991 a 17.049561,17.049561 0 0 1 -16.997685,17.04948 17.049561,17.049561 0 0 1 -17.101121,-16.94573 17.049561,17.049561 0 0 1 16.89362,-17.1526 17.049561,17.049561 0 0 1 17.203923,16.84135" /></clipPath><clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath14"><path
+         style="opacity:0.910411;fill:#ffffff;fill-rule:evenodd;stroke:#000080;stroke-width:2.4155;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:2.5;stroke-opacity:0.913725;paint-order:markers stroke fill"
+         id="path15"
+         sodipodi:type="arc"
+         sodipodi:cx="73.990303"
+         sodipodi:cy="213.1485"
+         sodipodi:rx="13.513734"
+         sodipodi:ry="13.513734"
+         sodipodi:start="0"
+         sodipodi:end="6.2710147"
+         sodipodi:open="true"
+         sodipodi:arc-type="arc"
+         d="m 87.504037,213.1485 a 13.513734,13.513734 0 0 1 -13.472616,13.51367 13.513734,13.513734 0 0 1 -13.554602,-13.43144 13.513734,13.513734 0 0 1 13.390133,-13.5954 13.513734,13.513734 0 0 1 13.636084,13.3487" /></clipPath><filter
+       inkscape:collect="always"
+       style="color-interpolation-filters:sRGB"
+       id="filter80"
+       x="-0.17994149"
+       y="-0.17997639"
+       width="1.359883"
+       height="1.3599528"><feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="4.2280493"
+         id="feGaussianBlur80" /></filter><filter
+       inkscape:collect="always"
+       style="color-interpolation-filters:sRGB"
+       id="filter1"
+       x="-0.1348583"
+       y="-0.23348819"
+       width="1.2697166"
+       height="1.4669764"><feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="1.7877669"
+         id="feGaussianBlur1" /></filter></defs><g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-93.451759,-190.60811)"><g
+       id="g59"
+       transform="translate(-43.247801,84.794126)"
+       inkscape:export-filename="Docs_ValueProp3.png"
+       inkscape:export-xdpi="464.76"
+       inkscape:export-ydpi="464.76"><g
+         id="g60-0"
+         transform="matrix(1.4943676,0,0,1.4943676,-49.237262,-125.06358)"><rect
+           style="opacity:0.325492;fill:#000000;fill-opacity:0.996078;fill-rule:evenodd;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:2.5;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill;filter:url(#filter1)"
+           id="rect56-9"
+           width="39.23111"
+           height="22.659136"
+           x="125.99819"
+           y="185.15887" /></g><g
+         id="g60"
+         transform="matrix(1.4943676,0,0,1.4943676,-49.654711,-81.12555)"
+         style="fill:#ffffff"><rect
+           style="opacity:1;fill:#ffffff;fill-opacity:0.996078;fill-rule:evenodd;stroke:#022762;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:2.5;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill"
+           id="rect56"
+           width="39.23111"
+           height="22.659136"
+           x="125.70444"
+           y="153.35297" /><path
+           style="fill:#ffffff;stroke:#022762;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+           d="m 128.4834,157.22647 h 33.05041"
+           id="path56" /><path
+           style="fill:#ffffff;stroke:#022762;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+           d="m 128.4834,161.86574 h 24.81478"
+           id="path57" /><path
+           style="fill:#ffffff;stroke:#022762;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+           d="m 128.4834,166.50502 h 19.93026"
+           id="path58" /><path
+           style="fill:#ffffff;stroke:#022762;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+           d="m 128.4834,171.14429 h 33.05041"
+           id="path59" /></g><g
+         id="g80"
+         transform="translate(241.26927,-3.9527661)"
+         style="opacity:0.482252;fill:#000000;stroke:#000000;stroke-opacity:0.996078;filter:url(#filter80)"><path
+           sodipodi:type="star"
+           style="opacity:1;fill:#000000;fill-opacity:0.996078;fill-rule:evenodd;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:2.5;stroke-dasharray:none;stroke-opacity:0.996078;paint-order:markers stroke fill"
+           id="path71"
+           inkscape:flatsided="false"
+           sodipodi:sides="5"
+           sodipodi:cx="-120.84049"
+           sodipodi:cy="599.07019"
+           sodipodi:r1="120.22715"
+           sodipodi:r2="66.245163"
+           sodipodi:arg1="0.93997632"
+           sodipodi:arg2="1.5682949"
+           inkscape:rounded="0.134"
+           inkscape:randomized="0"
+           d="m -49.92966,696.15892 c -8.351339,6.09958 -60.40351,-30.86964 -70.74512,-30.84377 -10.34162,0.0259 -62.20818,37.25504 -70.58993,31.19732 -8.38175,-6.05772 10.69307,-66.9864 7.47273,-76.81387 -3.22034,-9.82746 -54.65504,-47.65104 -51.4839,-57.4945 3.17113,-9.84346 67.01218,-10.53023 75.36352,-16.6298 8.35134,-6.09958 28.42951,-66.70501 38.77112,-66.73088 10.34162,-0.0259 30.722746,60.47835 39.104496,66.53608 8.381749,6.05772 72.225435,6.42508 75.4457731,16.25255 3.2203384,9.82747 -48.0244861,47.9079 -51.1956181,57.75136 -3.171132,9.84346 16.208268,70.67593 7.856929,76.77551 z"
+           transform="matrix(0.1624364,0,0,0.1624364,-16.296579,55.168378)"
+           inkscape:transform-center-x="0.015096275"
+           inkscape:transform-center-y="-1.8504424" /><g
+           id="g79"
+           style="fill:#000000;stroke:#000000;stroke-opacity:0.996078"><path
+             style="fill:#000000;stroke:#000000;stroke-width:1.365;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:0.996078"
+             d="m -66.032778,150.67534 h 7.15177"
+             id="path72"
+             inkscape:transform-center-x="26.518156"
+             inkscape:transform-center-y="-0.0063653611" /><path
+             style="fill:#000000;stroke:#000000;stroke-width:1.365;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:0.996078"
+             d="m -35.206825,120.59657 -0.172425,7.14969"
+             id="path73"
+             inkscape:transform-center-x="-0.6456995"
+             inkscape:transform-center-y="-26.51029" /><path
+             style="fill:#000000;stroke:#000000;stroke-width:1.365;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:0.996078"
+             d="m -5.8475587,151.09647 -7.1511103,-0.0971"
+             id="path74"
+             inkscape:transform-center-x="-26.515623"
+             inkscape:transform-center-y="0.366215" /><path
+             style="fill:#000000;stroke:#000000;stroke-width:1.365;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:0.996078"
+             d="m -35.357243,180.77012 -0.139658,-7.1504"
+             id="path75"
+             inkscape:transform-center-x="-0.51166485"
+             inkscape:transform-center-y="26.513215" /><path
+             style="fill:#000000;stroke:#000000;stroke-width:1.365;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:0.996078"
+             d="m -56.240196,172.8966 4.823502,-5.2803"
+             id="path76"
+             inkscape:transform-center-x="17.889708"
+             inkscape:transform-center-y="19.574745" /><path
+             style="fill:#000000;stroke:#000000;stroke-width:1.365;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:0.996078"
+             d="m -57.944616,130.15387 5.230639,4.87731"
+             id="path77"
+             inkscape:transform-center-x="19.39056"
+             inkscape:transform-center-y="-18.08918" /><path
+             style="fill:#000000;stroke:#000000;stroke-width:1.365;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:0.996078"
+             d="m -15.617484,128.48492 -4.828207,5.27599"
+             id="path78"
+             inkscape:transform-center-x="-17.907149"
+             inkscape:transform-center-y="-19.55879" /><path
+             style="fill:#000000;stroke:#000000;stroke-width:1.365;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:0.996078"
+             d="m -12.614832,169.6987 -5.543783,-4.5182"
+             id="path79"
+             inkscape:transform-center-x="-20.552013"
+             inkscape:transform-center-y="16.757895" /></g></g><g
+         id="g71"
+         transform="translate(240.62037,-6.2075493)"><path
+           sodipodi:type="star"
+           style="opacity:1;fill:#21c6fc;fill-opacity:1;fill-rule:evenodd;stroke:#21c6fc;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:2.5;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill"
+           id="path61"
+           inkscape:flatsided="false"
+           sodipodi:sides="5"
+           sodipodi:cx="-120.84049"
+           sodipodi:cy="599.07019"
+           sodipodi:r1="120.22715"
+           sodipodi:r2="66.245163"
+           sodipodi:arg1="0.93997632"
+           sodipodi:arg2="1.5682949"
+           inkscape:rounded="0.134"
+           inkscape:randomized="0"
+           d="m -49.92966,696.15892 c -8.351339,6.09958 -60.40351,-30.86964 -70.74512,-30.84377 -10.34162,0.0259 -62.20818,37.25504 -70.58993,31.19732 -8.38175,-6.05772 10.69307,-66.9864 7.47273,-76.81387 -3.22034,-9.82746 -54.65504,-47.65104 -51.4839,-57.4945 3.17113,-9.84346 67.01218,-10.53023 75.36352,-16.6298 8.35134,-6.09958 28.42951,-66.70501 38.77112,-66.73088 10.34162,-0.0259 30.722746,60.47835 39.104496,66.53608 8.381749,6.05772 72.225435,6.42508 75.4457731,16.25255 3.2203384,9.82747 -48.0244861,47.9079 -51.1956181,57.75136 -3.171132,9.84346 16.208268,70.67593 7.856929,76.77551 z"
+           transform="matrix(0.1624364,0,0,0.1624364,-16.296579,55.168378)"
+           inkscape:transform-center-x="0.015096275"
+           inkscape:transform-center-y="-1.8504424" /><g
+           id="g70"><path
+             style="fill:none;stroke:#21c6fc;stroke-width:1.365;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+             d="m -66.032778,150.67534 h 7.15177"
+             id="path63"
+             inkscape:transform-center-x="26.518156"
+             inkscape:transform-center-y="-0.0063653611" /><path
+             style="fill:none;stroke:#21c6fc;stroke-width:1.365;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+             d="m -35.206825,120.59657 -0.172425,7.14969"
+             id="path64"
+             inkscape:transform-center-x="-0.6456995"
+             inkscape:transform-center-y="-26.51029" /><path
+             style="fill:none;stroke:#21c6fc;stroke-width:1.365;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+             d="m -5.8475587,151.09647 -7.1511103,-0.0971"
+             id="path65"
+             inkscape:transform-center-x="-26.515623"
+             inkscape:transform-center-y="0.366215" /><path
+             style="fill:none;stroke:#21c6fc;stroke-width:1.365;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+             d="m -35.357243,180.77012 -0.139658,-7.1504"
+             id="path66"
+             inkscape:transform-center-x="-0.51166485"
+             inkscape:transform-center-y="26.513215" /><path
+             style="fill:none;stroke:#21c6fc;stroke-width:1.365;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+             d="m -56.240196,172.8966 4.823502,-5.2803"
+             id="path67"
+             inkscape:transform-center-x="17.889708"
+             inkscape:transform-center-y="19.574745" /><path
+             style="fill:none;stroke:#21c6fc;stroke-width:1.365;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+             d="m -57.944616,130.15387 5.230639,4.87731"
+             id="path68"
+             inkscape:transform-center-x="19.39056"
+             inkscape:transform-center-y="-18.08918" /><path
+             style="fill:none;stroke:#21c6fc;stroke-width:1.365;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+             d="m -15.617484,128.48492 -4.828207,5.27599"
+             id="path69"
+             inkscape:transform-center-x="-17.907149"
+             inkscape:transform-center-y="-19.55879" /><path
+             style="fill:none;stroke:#21c6fc;stroke-width:1.365;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+             d="m -12.614832,169.6987 -5.543783,-4.5182"
+             id="path70"
+             inkscape:transform-center-x="-20.552013"
+             inkscape:transform-center-y="16.757895" /></g></g></g></g></svg>