embystream 0.0.36

Another Emby streaming application (frontend/backend separation) written in Rust.
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94

<script setup lang="ts">
import { Icon } from "@iconify/vue";
import { useI18n } from "vue-i18n";

import AppWorkspaceShell from "@/components/blocks/AppWorkspaceShell.vue";
import { EXTERNAL_LINKS } from "@/constants/app";
import GlassPanel from "@/components/ui/GlassPanel.vue";
import { useDocumentLocale } from "@/composables/useDocumentLocale";

const { t } = useI18n();
const githubUrl = __APP_GITHUB_URL__;
const claudeUrl = EXTERNAL_LINKS.claudeCode;
const codexUrl = EXTERNAL_LINKS.codex;

useDocumentLocale();
</script>

<template>
  <AppWorkspaceShell
    :body="t('disclaimer.body')"
    :eyebrow="t('common.disclaimer')"
    :title="t('disclaimer.title')"
  >
    <GlassPanel class="disclaimer-card" tone="warm">
      <div class="disclaimer-card__links">
        <a :href="claudeUrl" rel="noopener noreferrer" target="_blank">
          <svg
            aria-hidden="true"
            class="disclaimer-card__brand-icon"
            viewBox="0 0 24 24"
          >
            <path
              clip-rule="evenodd"
              d="M20.998 10.949H24v3.102h-3v3.028h-1.487V20H18v-2.921h-1.487V20H15v-2.921H9V20H7.488v-2.921H6V20H4.487v-2.921H3V14.05H0V10.95h3V5h17.998v5.949zM6 10.949h1.488V8.102H6v2.847zm10.51 0H18V8.102h-1.49v2.847z"
              fill="currentColor"
              fill-rule="evenodd"
            />
          </svg>
          <span>{{ t("disclaimer.claude") }}</span>
        </a>
        <a :href="codexUrl" rel="noopener noreferrer" target="_blank">
          <svg
            aria-hidden="true"
            class="disclaimer-card__brand-icon"
            viewBox="0 0 24 24"
          >
            <path
              clip-rule="evenodd"
              d="M8.086.457a6.105 6.105 0 013.046-.415c1.333.153 2.521.72 3.564 1.7a.117.117 0 00.107.029c1.408-.346 2.762-.224 4.061.366l.063.03.154.076c1.357.703 2.33 1.77 2.918 3.198.278.679.418 1.388.421 2.126a5.655 5.655 0 01-.18 1.631.167.167 0 00.04.155 5.982 5.982 0 011.578 2.891c.385 1.901-.01 3.615-1.183 5.14l-.182.22a6.063 6.063 0 01-2.934 1.851.162.162 0 00-.108.102c-.255.736-.511 1.364-.987 1.992-1.199 1.582-2.962 2.462-4.948 2.451-1.583-.008-2.986-.587-4.21-1.736a.145.145 0 00-.14-.032c-.518.167-1.04.191-1.604.185a5.924 5.924 0 01-2.595-.622 6.058 6.058 0 01-2.146-1.781c-.203-.269-.404-.522-.551-.821a7.74 7.74 0 01-.495-1.283 6.11 6.11 0 01-.017-3.064.166.166 0 00.008-.074.115.115 0 00-.037-.064 5.958 5.958 0 01-1.38-2.202 5.196 5.196 0 01-.333-1.589 6.915 6.915 0 01.188-2.132c.45-1.484 1.309-2.648 2.577-3.493.282-.188.55-.334.802-.438.286-.12.573-.22.861-.304a.129.129 0 00.087-.087A6.016 6.016 0 015.635 2.31C6.315 1.464 7.132.846 8.086.457zm-.804 7.85a.848.848 0 00-1.473.842l1.694 2.965-1.688 2.848a.849.849 0 001.46.864l1.94-3.272a.849.849 0 00.007-.854l-1.94-3.393zm5.446 6.24a.849.849 0 000 1.695h4.848a.849.849 0 000-1.696h-4.848z"
              fill="currentColor"
              fill-rule="evenodd"
            />
          </svg>
          <span>{{ t("disclaimer.codex") }}</span>
        </a>
        <a :href="githubUrl" rel="noopener noreferrer" target="_blank">
          <Icon icon="mdi:github" width="18" />
          <span>{{ t("disclaimer.github") }}</span>
        </a>
      </div>
    </GlassPanel>
  </AppWorkspaceShell>
</template>

<style scoped>
.disclaimer-card {
  display: grid;
  gap: 1rem;
  padding: 1.1rem;
}

.disclaimer-card__links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.disclaimer-card__links a {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  min-height: 2.45rem;
  padding: 0.55rem 0.9rem;
  border: 1px solid var(--border-strong);
  border-radius: var(--radius-pill);
  background: var(--button-secondary-bg);
}

.disclaimer-card__brand-icon {
  width: 18px;
  height: 18px;
  display: block;
}
</style>