Merge pull request #19 from LuxDL/how_is_using

adds trustees and favicon

.github/workflows/Documenter.yml

@@ -19,7 +19,8 @@ permissions:
   contents: write
   pages: write
   id-token: write
-
+  statuses: write
+
 # Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
 # However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
 concurrency:
@@ -55,4 +56,4 @@ jobs:
           DOCUMENTER_KEY: ${{ secrets.DOCUMENTER_KEY }} # For authentication with SSH deploy key
           GKSwstype: "100" # for Plots.jl plots (if you have them)
           JULIA_DEBUG: "Documenter"
-          DATADEPS_ALWAYS_ACCEPT: true
+          DATADEPS_ALWAYS_ACCEPT: true

docs/src/.vitepress/config.mts

@@ -9,6 +9,7 @@ export default defineConfig({
   description: "A VitePress Site",
   lastUpdated: true,
   cleanUrls: true,
+  head: [['link', { rel: 'icon', href: '/base/favicon.ico' }]],
 
   markdown: {
     math: true,

docs/src/.vitepress/theme/index.ts

@@ -1,17 +1,21 @@
 // .vitepress/theme/index.ts
 import { h } from 'vue'
-import Theme from 'vitepress/theme'
+import type { Theme } from 'vitepress'
+import DefaultTheme from 'vitepress/theme'
+import AsideTrustees from '../../components/AsideTrustees.vue'
+
 import { enhanceAppWithTabs } from 'vitepress-plugin-tabs/client'
 import './style.css'
 
 export default {
-  extends: Theme,
-  Layout: () => {
-    return h(Theme.Layout, null, {
-      // https://vitepress.dev/guide/extending-default-theme#layout-slots
+  extends: DefaultTheme,
+  Layout() {
+    return h(DefaultTheme.Layout, null, {
+      // 'home-hero-info-after': () => h(HomeTrustees),
+      'aside-ads-before': () => h(AsideTrustees),
     })
   },
   enhanceApp({ app, router, siteData }) {
     enhanceAppWithTabs(app)
   }
-}
+} satisfies Theme

docs/src/components/AsideTrustees.vue

@@ -0,0 +1,96 @@
+
+<template>
+  <br>
+  <h2> Trusted by </h2>
+  <a
+    class="enjoyer"
+    href="https://rafaqz.github.io/DimensionalData.jl/dev/"
+    target="_blank"
+  >
+    <img width="32" height="32" src="https://rafaqz.github.io/DimensionalData.jl/dev/logoDD.png" />
+    <span>
+      <p class="extra-info">Named Dimensions</p>
+      <p class="heading">DimensionalData.jl</p>
+      <p class="extra-info">Select & Index!</p>
+    </span>
+  </a>
+
+  <a
+    class="enjoyer"
+    href="https://lux.csail.mit.edu/"
+    target="_blank"
+  >
+    <img width="32" height="32" src="https://lux.csail.mit.edu/lux-logo-dark.svg" />
+    <span>
+      <p class="extra-info">Deep Learning</p>
+      <p class="heading">Lux.jl</p>
+      <p class="extra-info">Performance first</p>
+    </span>
+  </a>
+
+  <a
+    class="enjoyer"
+    href="https://beautiful.makie.org"
+    target="_blank"
+  >
+    <img width="32" height="32" src="https://beautiful.makie.org/test_alpha_s.png" />
+    <span>
+      <p class="extra-info">Visualize your data</p>
+      <p class="heading">BeautifulMakie</p>
+      <p class="extra-info">Make your screen shine!</p>
+    </span>
+  </a>
+</template>
+
+<style>
+.enjoyer {
+  margin-top: 0.5rem;
+  margin-bottom: 0.0rem;
+  border-radius: 14px;
+  padding-top: 0.2rem;
+  padding-bottom: 0.2rem;
+  position: relative;
+  font-size: 0.9rem;
+  font-weight: 700;
+  line-height: 1.1rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  gap: 1rem;
+  background-color: var(--vp-c-bg-alt);
+  border: 2px solid var(--vp-c-bg-alt);
+  transition: border-color 0.5s;
+}
+.enjoyer:hover {
+  border: 2px solid var(--vp-c-brand-light);
+}
+.enjoyer img {
+  transition: transform 0.5s;
+  transform: scale(1.25);
+}
+.enjoyer:hover img {
+  transform: scale(1.75);
+}
+.enjoyer .heading {
+  background-image: linear-gradient(
+    120deg,
+    #b047ff 16%,
+    var(--vp-c-brand-lighter),
+    var(--vp-c-brand-lighter)
+  );
+  background-clip: text;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+.enjoyer .extra-info {
+  color: var(--vp-c-text-1);
+  opacity: 0;
+  font-size: 0.7rem;
+  padding-left: 0.1rem;
+  transition: opacity 0.5s;
+}
+.enjoyer:hover .extra-info {
+  opacity: 0.9;
+}
+</style>