our/index.html at main · Orion-zhen/our · 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
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>OUR - Orion User's Repository</title>

  <!-- Meta -->
  <meta name="description" content="Orion User's Repository for Arch Linux">
  <meta name="author" content="Orion-zhen">
  <meta name="keywords" content="archlinux, repository, aur, packages">

  <!-- Stylesheet (we will create this in the next step) -->
  <link rel="stylesheet" href="style.css">

  <!-- Syntax Highlighting (for code blocks) -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/atom-one-dark.min.css">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>

  <!-- Our script (we will create this later) -->
  <script src="script.js" defer></script>
</head>

<body>

  <div class="container">

    <header class="site-header">
      <a href="#" class="logo">OUR</a>
      <nav class="main-nav">
        <a href="https://github.com/Orion-zhen/our" target="_blank" rel="noopener noreferrer">GitHub</a>
        <!-- <a href="https://huggingface.co/Orion-zhen/our" target="_blank" rel="noopener noreferrer">Hugging
          Face</a> -->
      </nav>
    </header>

    <main>
      <!-- Hero Section -->
      <section class="hero-section fade-in-up">
        <h1>Orion User's Repository</h1>
        <p class="subtitle">A personal software repository for Arch Linux, built with passion.</p>
      </section>

      <!-- About Section -->
      <section id="about" class="fade-in-up">
        <h2>About This Repository</h2>
        <p>
          This repository includes a bunch of useful AUR packages that might not be listed in other popular Arch
          repositories, such as ags-hyprpanel-git, hyprshot-gui, clipse-git, etc. The repository builder is powered by
          GitHub Actions. It will automatically pull AUR packages, build them, and release to my GitHub page
          and regularly.
        </p>
      </section>

      <!-- Usage Section -->
      <section id="usage" class="fade-in-up">
        <h2>Usage</h2>
        <p>Add the following to your <code>/etc/pacman.conf</code> file to enable the OUR repository:</p>
        <pre><code class="language-ini fade-in-up">[our]
# Uncomment this if you encounter GPG key error
# SigLevel = Optional TrustAll
Server = https://orion-zhen.github.io/our/$arch
</code></pre>
        <p>Alternatively, run this command to append the configuration:</p>
        <pre><code class="language-bash fade-in-up">sudo tee -a /etc/pacman.conf << EOF

[our]
# Uncomment this if you encounter GPG key error
# SigLevel = Optional TrustAll
Server = https://orion-zhen.github.io/our/$arch
EOF
</code></pre>
        <p>Then, refresh your package databases and synchronize:</p>
        <pre><code class="language-bash fade-in-up">sudo pacman -Syu
</code></pre>
        <p>You can now install packages from the OUR repository. 🚀</p>
      </section>

      <!-- Packages Section -->
      <section id="packages">
        <h2 class="fade-in-up">Available Packages</h2>
        <div class="package-scroll-container">
          <div id="package-list" class="package-list">
            <!-- Package cards will be dynamically inserted here by JavaScript -->
            <p class="loading-text">Loading packages...</p>
          </div>
        </div>
      </section>

      <!-- Package Request Section -->
      <section id="request" class="fade-in-up">
        <h2>Package Requests</h2>
        <p>
          If you want to add a useful AUR package to this repository, you are welcome to make a package
          request by opening an issue on the <a href="https://github.com/Orion-zhen/our/issues" target="_blank"
            rel="noopener noreferrer">GitHub repository</a>.
        </p>
      </section>
    </main>

    <footer class="site-footer">
      <p>Copyleft © 2025 Orion-zhen. Licensed under <a href="https://www.gnu.org/licenses/gpl-3.0.html" target="_blank"
          rel="noopener noreferrer">GPL-3.0</a>.</p>
    </footer>

  </div>

</body>

</html>