material-shell.github.io/components/Get-Material-Shell-Card.vue at 91754791c4461545ac930e9cd4a79d408db60f97 · material-shell/material-shell.github.io · 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
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
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
<template>
  <div>
    <v-card-title id="installation" class="display-2 hidden-md-and-up"
      >Installation</v-card-title
    >
    <v-card-title class="text-subtitle-1">
      <span>
        Material Shell require a
        <strong>
          recent
          <a href="https://wiki.gnome.org/Projects/GnomeShell">GNOME Shell</a>
          installed </strong
        >. (At least 3.34+)
      </span>
    </v-card-title>

    <v-card-text>
      <v-expansion-panels :value="0">
        <v-expansion-panel>
          <v-expansion-panel-header class="text-subtitle-2">
            Get it in two clicks from extensions.gnome.org
          </v-expansion-panel-header>
          <v-expansion-panel-content>
            <ul>
              <li>
                Navigate to
                <a
                  href="https://extensions.gnome.org/extension/3357/material-shell/"
                  >extensions.gnome.org</a
                >
              </li>
              <li>Switch the toggle ON</li>
            </ul>
          </v-expansion-panel-content>
        </v-expansion-panel>
        <v-expansion-panel>
          <v-expansion-panel-header class="text-subtitle-2"
            >Use your distribution Package Manager</v-expansion-panel-header
          >
          <v-expansion-panel-content>
            <p class="text-subtitle-1">1- Install the extension</p>
            <ul>
              <li>
                <strong>Fedora:</strong>
                <code class="primary--text text-subtitle-2"
                  >sudo dnf install gnome-shell-extension-material-shell</code
                >
              </li>
              <li>
                <strong>Arch Linux:</strong>
                <code class="primary--text text-subtitle-2"
                  >yay -S gnome-shell-extension-material-shell-git</code
                >
              </li>
              <li>
                <strong>Manjaro:</strong>
                <code class="primary--text text-subtitle-2"
                  >pacman -S gnome-shell-extension-material-shell</code
                >
              </li>
            </ul>
            <i>
              (We appreciate package maintainers! If you would like to make a
              package available for your distro please submit a PR so it can be
              added here!)
            </i>
            <p class="text-subtitle-1 mt-2 mb-2">2- Restart GNOME Shell</p>
            <code class="primary--text text-subtitle-2 mb-2"
              >Log out and Log back in</code
            >
            or
            <code class="primary--text text-subtitle-2 mb-2">Alt+F2 => R</code>
            in Xorg
            <p class="text-subtitle-1 mt-2 mb-2">3- Enable GNOME Shell</p>
            <code class="primary--text text-subtitle-2 mb-2"
              >gnome-extensions enable material-shell@papyelgringo</code
            >
          </v-expansion-panel-content>
        </v-expansion-panel>
        <v-expansion-panel>
          <v-expansion-panel-header class="text-subtitle-2"
            >Get the most up to date version with Git</v-expansion-panel-header
          >
          <v-expansion-panel-content>
            <p class="text-subtitle-1 mb-2">1- Clone our Github repository</p>
            <code class="primary--text d-block mb-1">
              git clone https://github.com/material-shell/material-shell.git &&
              cd material-shell && make install
            </code>

            <p class="text-subtitle-1 mt-2 mb-2">2- Restart GNOME Shell</p>
            <code class="primary--text text-subtitle-2 mb-2"
              >Log out and Log back in</code
            >
            or
            <code class="primary--text text-subtitle-2 mb-2">Alt+F2 => R</code>
            in Xorg
            <p class="text-subtitle-1 mt-2 mb-2">3- Enable GNOME Shell</p>
            <code class="primary--text text-subtitle-2 mb-2"
              >gnome-extensions enable material-shell@papyelgringo</code
            >

            <p class="text-subtitle-1 mt-2 mb-2">
              Then you can update with the last changes
            </p>
            <code class="primary--text">
              git pull
              ~/.local/share/gnome-shell/extensions/material-shell@papyelgringo
            </code>
          </v-expansion-panel-content>
        </v-expansion-panel>
      </v-expansion-panels>
    </v-card-text>
  </div>
</template>
<script lang="ts">
export default {}
</script>
<style lang="css" scoped>
li {
  margin-bottom: 8px;
}
</style>