✨ feat: add license ui (#12)

* 🐛 fix: update env var name * 🐛 fix: update folder name * 🐛 fix: update probot to esm * ✨ feat: add basic license get page * 🚧 wip: add base ui * ✨ feat: add license ui --------- Co-authored-by: Dorian Portillo <wheresdorian@gmail.com>
fairdataihub · May 1, 2024 · 3b4bf89 · 3b4bf89
1 parent 5b66ff7
commit 3b4bf89
Show file tree

Hide file tree

Showing 19 changed files with 12,230 additions and 3,638 deletions.
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/ui/assets/data/licenses.json b/ui/assets/data/licenses.json
diff --git a/ui/components/spinner/SpinnerOne.vue b/ui/components/spinner/SpinnerOne.vue
@@ -0,0 +1,45 @@
+<template>
+  <span class="loader"></span>
+</template>
+
+<style scoped>
+.loader {
+  width: 48px;
+  height: 48px;
+  border: 2px solid #fff;
+  border-radius: 50%;
+  display: inline-block;
+  position: relative;
+  box-sizing: border-box;
+  animation: rotation 1s linear infinite;
+}
+.loader::after,
+.loader::before {
+  content: "";
+  box-sizing: border-box;
+  position: absolute;
+  left: 0;
+  top: 0;
+  background: #ff3d00;
+  width: 6px;
+  height: 6px;
+  transform: translate(150%, 150%);
+  border-radius: 50%;
+}
+.loader::before {
+  left: auto;
+  top: auto;
+  right: 0;
+  bottom: 0;
+  transform: translate(-150%, -150%);
+}
+
+@keyframes rotation {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+</style>
diff --git a/ui/components/transition/TransitionFade.vue b/ui/components/transition/TransitionFade.vue
@@ -0,0 +1,5 @@
+<template>
+  <transition name="fade" mode="out-in" appear>
+    <slot></slot>
+  </transition>
+</template>
diff --git a/ui/content/docs/_dir.yml b/ui/content/docs/_dir.yml
diff --git a/ui/content/docs/index.md b/ui/content/docs/index.md
diff --git a/ui/layouts/default.vue b/ui/layouts/default.vue
@@ -148,12 +148,12 @@ const devMode = process.env.NODE_ENV === "development";
 
             <nav class="flex flex-col gap-6">
               <a
-                href="codefair.html"
+                href="/codefair"
                 class="text-lg font-bold text-gray-600 transition duration-100 hover:text-indigo-500 active:text-indigo-700"
                 >About</a
               >
               <a
-                href="fairsoftware.html"
+                href="/fairsoftware"
                 class="text-lg font-bold text-gray-600 transition duration-100 hover:text-indigo-500 active:text-indigo-700"
                 >FAIR Software</a
               >

diff --git a/ui/layouts/public.vue b/ui/layouts/public.vue