Merge pull request #538 from MacOS/main

Add social media to docs

.gitignore

@@ -8,5 +8,9 @@ __pycache__/
 llmware.egg-info/
 venv/
 
+# Jekyll
+docs/_site/
+
+
 # Mac
 .DS_Store/

docs/_includes/footer_custom.html

@@ -0,0 +1,33 @@
+<ul class="list-style-none">
+    <li class="d-inline-block mr-1">
+        <a href="https://llmware.ai/">llmware</a>
+    </li>
+    <li class="d-inline-block mr-1">
+       by 
+    </li>
+    <li class="d-inline-block mr-1">
+        <a href="https://www.aibloks.com/home">AI Bloks</a>
+    </li>
+    <li class="d-inline-block mr-1">
+       |
+    </li>
+    <li class="d-inline-block mr-1 hugging-face-li">
+        <a href="https://huggingface.co/llmware"><span><img src="assets/images/hf-logo.svg" alt="Hugging Face" class="hugging-face-logo"/></span></a>
+    </li>
+    <li class="d-inline-block mr-1">
+        <a href="https://www.youtube.com/@llmware"><i class="fa-brands fa-youtube"></i></a>
+    </li>
+    <li class="d-inline-block mr-1">
+        <a href="https://www.linkedin.com/company/aibloks/"><i class="fa-brands fa-linkedin"></i></a>
+    </li>
+    <li class="d-inline-block mr-1">
+        <a href="https://twitter.com/AiBloks"><i class="fa-brands fa-square-x-twitter"></i></a>
+    </li>
+    <li class="d-inline-block mr-1">
+        <a href="https://www.instagram.com/aibloks/"><i class="fa-brands fa-instagram"></i></a>
+    </li>
+</ul>
+
+<p>
+    &copy; 2023-{{ "now" | date: "%Y" }} <a href="https://www.aibloks.com/home">AI Bloks</a>
+</p>

docs/_includes/head_custom.html

@@ -0,0 +1,57 @@
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+
+
+<style>
+ul li span {
+    font-size: 3em;
+}
+
+.fa-youtube:hover {
+    color: red;
+}
+
+/*
+Code taken from
+https://stackoverflow.com/questions/38507734/fontawesome-instagram-icon-colorized
+*/
+.fa-instagram:hover {
+    color: transparent;
+    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
+    background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
+    background-clip: text;
+    -webkit-background-clip: text;
+}
+
+.fa-square-x-twitter:hover {
+    color: black;
+}
+
+.fa-linkedin:hover {
+    color: #0077B5;
+}
+
+.fa-discord:hover {
+    color: white;
+    background-color: #5865F2;
+    border-radius: 5px;
+}
+
+.hugging-face-logo {
+    height: 50px;
+    width: 50px;
+    padding-top: 5px;
+    filter: hue-rotate(210deg);
+}
+
+footer ul li .hugging-face-logo {
+    height: 15px;
+    width: 15px;
+    padding-top: 0px;
+    padding: 0px;
+    filter: hue-rotate(210deg);
+}
+
+ul li .hugging-face-logo:hover {
+    filter: hue-rotate(0deg);
+}
+</style>

docs/index.md

@@ -5,7 +5,12 @@ nav_order: 1
 description: llmware is an integrated framework with over 50+ models in Hugging Face for quickly developing LLM-based applications including Retrieval Augmented Generation (RAG) and Multi-Step Orchestration of Agent Workflows.
 permalink: /
 ---
-# Welcome to llmware
+# Welcome to
+<ul class="list-style-none">
+    <li class="d-inline-block mr-1">
+        <a href="https://llmware.ai/"><span><img src="assets/images/llmware_logo_color_cropped.png" alt="llmware"/></span></a>
+    </li>
+</ul>
 
 `llmware` is an integrated framework with over 50+ models in Hugging Face for quickly developing LLM-based applications including Retrieval Augmented Generation (RAG) and Multi-Step Orchestration of Agent Workflows.
 {: .fs-6 .fw-300 }
@@ -14,6 +19,28 @@ permalink: /
 [View llmware on GitHub](https://github.com/llmware-ai/llmware/tree/main){: .btn .fs-5 .mb-4 .mb-md-0 }
 [Open an Issue on GitHub](https://github.com/llmware-ai/llmware/issues){: .btn .fs-5 .mb-4 .mb-md-0 }
 
+---
+<ul class="list-style-none">
+    <li class="d-inline-block mr-1">
+        <a href="https://discord.gg/MhZn5Nc39h"><span><i class="fa-brands fa-discord"></i></span></a>
+    </li>
+    <li class="d-inline-block mr-1">
+        <a href="https://www.youtube.com/@llmware"><span><i class="fa-brands fa-youtube"></i></span></a>
+    </li>
+    <li class="d-inline-block mr-1">
+        <a href="https://huggingface.co/llmware"><span><img src="assets/images/hf-logo.svg" alt="Hugging Face" class="hugging-face-logo"/></span></a>
+    </li>
+    <li class="d-inline-block mr-1">
+        <a href="https://www.linkedin.com/company/aibloks/"><span><i class="fa-brands fa-linkedin"></i></span></a>
+    </li>
+    <li class="d-inline-block mr-1">
+        <a href="https://twitter.com/AiBloks"><span><i class="fa-brands fa-square-x-twitter"></i></span></a>
+    </li>
+    <li class="d-inline-block mr-1">
+        <a href="https://www.instagram.com/aibloks/"><span><i class="fa-brands fa-instagram"></i></span></a>
+    </li>
+</ul>
+---
 
 # Install llmware 
 
@@ -46,4 +73,4 @@ ModelCatalog().tool_test_run("slim-sentiment-tool")
 
 ## License
 
-`llmware` is diributed by an [Apache-2.0 license](https://github.com/llmware-ai/llmware/blob/main/LICENSE).
+`llmware` is distributed by an [Apache-2.0 license](https://github.com/llmware-ai/llmware/blob/main/LICENSE).