Sunshine/src_assets/common/assets/web/ResourceCard.vue at 4bad014527af38d16360dc93387bf8fd7d6c1c0f · LizardByte/Sunshine · GitHub

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
<template>
    <div class="card">
        <div class="card-body">
            <h2>{{ $t('resource_card.resources') }}</h2>
            <p>{{ $t('resource_card.resources_desc') }}</p>
            <div class="d-flex flex-wrap gap-2 mt-4">
                <a class="btn btn-success" href="https://app.lizardbyte.dev" target="_blank">
                  <Globe :size="18" class="icon"></Globe>
                  {{ $t('resource_card.lizardbyte_website') }}
                </a>
                <a class="btn btn-primary" href="https://app.lizardbyte.dev/discord" target="_blank">
                  <SimpleIcon icon="Discord" :size="18" class="icon"></SimpleIcon>
                  Discord
                </a>
                <a class="btn btn-secondary" href="https://github.com/orgs/LizardByte/discussions" target="_blank">
                  <SimpleIcon icon="GitHub" :size="18" class="icon"></SimpleIcon>
                  {{ $t('resource_card.github_discussions') }}
                </a>
            </div>
        </div>
    </div>
    <!-- Legal -->
    <div class="card mt-4">
        <div class="card-body">
            <h2>{{ $t('resource_card.legal') }}</h2>
            <p>{{ $t('resource_card.legal_desc') }}</p>
            <div class="d-flex flex-wrap gap-2 mt-4">
                <a class="btn btn-danger" href="https://github.com/LizardByte/Sunshine/blob/master/LICENSE"
                    target="_blank">
                  <FileText :size="18" class="icon"></FileText>
                  {{ $t('resource_card.license') }}
                </a>
                <a class="btn btn-danger" href="https://github.com/LizardByte/Sunshine/blob/master/NOTICE"
                    target="_blank">
                  <AlertCircle :size="18" class="icon"></AlertCircle>
                  {{ $t('resource_card.third_party_notice') }}
                </a>
            </div>
        </div>
    </div>
</template>

<script>
import {
  AlertCircle,
  FileText,
  Globe,
} from 'lucide-vue-next'
import SimpleIcon from './SimpleIcon.vue'

export default {
  components: {
    SimpleIcon,
    AlertCircle,
    FileText,
    Globe,
  }
}
</script>