iroha2-branding (#511)

Signed-off-by: tarmovannas <[email protected]>

.vitepress/config.mts

@@ -394,7 +394,7 @@ export default defineConfig({
   base: BASE,
   srcDir: 'src',
   srcExclude: ['snippets/*.md'],
-  title: 'Hyperledger Iroha 2 Tutorial',
+  title: "Hyperledger Iroha 2 Docs | World's Most Advanced Blockchain Framework",
   description:
     'Documentation for Hyperledger Iroha 2 offering step-by-step guides for SDKs and outlining the main differences between Iroha versions.',
   lang: 'en-US',
@@ -439,7 +439,7 @@ export default defineConfig({
   },
 
   themeConfig: {
-    // logo: '/icon.svg',
+    logo: '/icon.svg',
     siteTitle: 'Iroha 2',
 
     socialLinks: [

.vitepress/theme/components/ShareFeedback.vue

@@ -225,6 +225,9 @@ function doSubmit() {
     color: var(--vp-custom-block-tip-text);
   }
 }
+.overflow-y-scroll {
+  overflow-y: auto;
+}
 
 textarea,
 input {
@@ -251,4 +254,7 @@ input {
   display: block;
   margin-bottom: 8px;
 }
+fieldset {
+  border: none;
+}
 </style>

.vitepress/theme/style/index.scss

@@ -1,5 +1,27 @@
+@import url('https://fonts.googleapis.com/css2?family=Sora:[email protected]&display=swap');
+
 :root {
   --vp-font-family-mono: 'JetBrains Mono', 'Fira Code', Menlo, Monaco, Consolas, 'Courier New', monospace;
+  --vp-font-family-base: 'Sora', 'Inter', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+
+  --vp-c-brand-1: var(--vp-c-red-1);
+  --vp-c-brand-2: var(--vp-c-red-2);
+  --vp-c-brand-3: var(--vp-c-red-3);
+  --vp-c-brand-soft: var(--vp-c-red-soft);
+}
+
+.VPSidebarItem.level-0 .text {
+  font-weight: 500 !important;
+  color: var(--vp-c-text-1);
+}
+
+.VPSidebarItem.level-1 .text, .VPSidebarItem.level-2 .text, .VPSidebarItem.level-3 .text, .VPSidebarItem.level-4 .text, .VPSidebarItem.level-5 .text {
+  font-weight: 400 !important;
+  color: var(--vp-c-text-2);
+}
+
+.VPHero .image {
+  min-height: 320px;
 }
 
 .vp-doc {
@@ -17,4 +39,9 @@
   sup {
     line-height: 0;
   }
+
+  p {
+    line-height: 1.75;
+    font-weight: 300;
+  }
 }

src/index.md

@@ -2,29 +2,46 @@
 layout: home
 
 hero:
-  name: Iroha 2 Documentation
-  # text: 
-  tagline: Fully-featured blockchain ledger
+  name: Hyperledger Iroha 2
+  text: Documentation
+  tagline: World's Most Advanced Blockchain Framework
+  image:
+    src: /icon.svg
+    alt: Hyperledger Iroha 2 logo
   #actions:
   #- theme: alt
   #  text: View on GitHub
   #  link: https://github.com/hyperledger-iroha/iroha/
 
 features:
-  - icon: 🚀
+  - icon:
+     dark: /start.svg
+     light: /start-light.svg
     title: Get Started
     details: Install and build Iroha, follow a step-by-step tutorial to start working with Iroha
     link: /get-started/
-  - icon: 🏗️
+  - icon:
+     dark: /build.svg
+     light: /build-light.svg
     title: Build on Iroha
     details: Discover how to develop a product on Iroha using popular programming languages
     link: /guide/tutorials/
-  - icon: 📖
+  - icon:
+     dark: /explained.svg
+     light: /explained-light.svg
     title: Iroha Explained
     details: Learn about Iroha functionality in great detail and understand the underlying principles
     link: /blockchain/iroha-explained
-  - icon: 💻
+  - icon:
+     dark: /reference.svg
+     light: /reference-light.svg
     title: Reference
     details: Consult reference documentation for extensive information about available functionality
     link: /reference/torii-endpoints
   # - title: Cookbook # (TBA)
+
+footer: true
+---
+
+<hr style="margin-top: 3rem;">
+<p style="font-weight: 200; font-size: 0.875rem;">The Hyperledger Iroha project is part of the <a href="https://www.lfdecentralizedtrust.org/projects/tag/ledger-technology" target="_blank">LF Decentralized Trust</a> | Learn more about the features and use cases at <a href="https://iroha.tech/" target="_blank">iroha.tech</a></p>