Update Site

Author: smashedr

.github/workflows/build.yaml

@@ -1,11 +1,8 @@
-name: 'Pages'
+name: "Pages"
 
 on:
   push:
-    branches: ['master']
-  repository_dispatch:
-    types:
-      - webhook
+    branches: ["master"]
   workflow_dispatch:
 
 permissions:
@@ -14,34 +11,34 @@ permissions:
   id-token: write
 
 concurrency:
-  group: 'pages'
+  group: "pages"
   cancel-in-progress: false
 
 jobs:
   build:
-    name: 'Build'
+    name: "Build"
     runs-on: ubuntu-latest
     timeout-minutes: 5
 
     steps:
-      - name: 'Checkout'
+      - name: "Checkout"
         uses: actions/checkout@v4
 
-      - name: 'Configure Pages'
+      - name: "Configure Pages"
         uses: actions/configure-pages@v5
 
-      - name: 'Jekyll Build Pages'
+      - name: "Jekyll Build Pages"
         uses: actions/jekyll-build-pages@v1
         with:
-          source: './src'
+          source: "./src"
 
-      - name: 'Upload Pages Artifact'
+      - name: "Upload Pages Artifact"
         uses: actions/upload-pages-artifact@v2
         with:
           path: _site/
 
   deploy:
-    name: 'Deploy'
+    name: "Deploy"
     runs-on: ubuntu-latest
     timeout-minutes: 5
     needs: build
@@ -51,7 +48,7 @@ jobs:
       url: ${{ steps.deployment.outputs.page_url }}
 
     steps:
-      - name: 'Deploy Pages'
+      - name: "Deploy Pages"
         id: deployment
         uses: actions/deploy-pages@v2
         with:

.gitignore

@@ -1,5 +1,8 @@
 .idea/
 *.iml
 .vscode/
+node_modules/
 **/.jekyll-cache/
 **/_site/
+**/dist/
+src/css/bootstrap.css

.prettierignore

@@ -0,0 +1,18 @@
+# IDE
+.idea/
+.vscode/
+
+# Tools
+.ruff_cache/
+.mypy_cache/
+.pytest_cache/
+eslint_report.json
+
+# Build
+dist/
+node_modules/
+.github/disabled/
+
+# Files
+.github/pull_request_template.md
+*.html

.prettierrc.json

@@ -5,13 +5,13 @@
   "singleQuote": true,
   "overrides": [
     {
-      "files": ["**/*.html"],
+      "files": ["**/*.json", "**/*.yaml", "**/*.yml"],
       "options": {
         "singleQuote": false
       }
     },
     {
-      "files": ["**/*.json", "**/*.yaml"],
+      "files": ["**/*.json", "**/*.yaml", "**/*.yml"],
       "options": {
         "tabWidth": 2
       }

README.md

@@ -1,7 +1,22 @@
 [![Pages](https://github.com/django-files/django-files.github.io/actions/workflows/build.yaml/badge.svg)](https://github.com/django-files/django-files.github.io/actions/workflows/build.yaml)
+
 # Django Files Website
 
 https://django-files.github.io/
 
-* Django Files: https://github.com/django-files/django-files
-* Web Extension: https://github.com/django-files/web-extension
+-   Django Files: https://github.com/django-files/django-files
+-   Web Extension: https://github.com/django-files/web-extension
+-   iOS Application: https://github.com/django-files/ios-client
+
+## Development
+
+Install Jekyll: https://jekyllrb.com/docs/installation/
+
+Run: `jekyll serve -s src -o -l`
+
+This will build the site from the `src` directory, open `-o` it in your browser, watch for file changes, automatically
+rebuild the site and refresh `-l` the site in your browser; enjoy...
+
+For more information see `jekyll help` and `jekyll serve --help` or visit: https://jekyllrb.com/docs/
+
+For production, this site is built with GitHub Actions on push to master or dispatch: [build.yaml](.github/workflows/build.yaml)

genshots.js

@@ -1,20 +1,23 @@
+const fs = require('fs')
+
 const repoDir = './src/screenshots'
+const varsFile = './src/js/vars.js'
+const varName = 'screenShots'
 const relPath = ''
 
-const fs = require('fs')
 const files = []
 fs.readdirSync(repoDir).forEach((file) => {
-    files.push(file)
+    files.push(`${relPath}${file}`)
 })
 console.log(files)
 
-const file = fs.createWriteStream('./src/js/vars.js')
+const file = fs.createWriteStream(varsFile)
 file.on('error', function (err) {
     console.error('err', err)
 })
-file.write('const screenShots = [\n')
+file.write(`const ${varName} = [\n`)
 files.forEach(function (x) {
-    file.write(`    '${relPath}${x}',\n`)
+    file.write(`    '${x}',\n`)
 })
 file.write(']\n')
 file.end()

src/_config.yml

@@ -11,23 +11,25 @@ menu:
       link: /
     - name: Docs
       link: /docs/
+    - name: iOS App
+      link: /ios/
     - name: Web Extension
       link: /extension/
     - name: Screen Shots
       link: /screenshots/
-      external: true
 
-github_owner_repo: django-files/django-files
-github_url: https://github.com/django-files/django-files
 github_name: django-files/web-extension
+github_url: https://github.com/django-files/django-files
 
 chrome_id: abpbiefojfkekhkjnpakpekkpeibnjej
 chrome_url: https://chromewebstore.google.com/detail/django-files/abpbiefojfkekhkjnpakpekkpeibnjej
 
 firefox_id: django-files
 firefox_url: https://addons.mozilla.org/en-US/firefox/addon/django-files/
 
-extension_github: https://github.com/django-files/web-extension
-
 discord_invite: https://discord.gg/wXy6m2X8wY
-discord_webhook: https://discord.com/api/webhooks/1258944618389569566/gqge0T5UZcJHLxfAFLPNjlzsuqikQJtTlCRvVWbw2ufDv_WrJ8yzVRWenb__s1PxyawH
+discord_server: 899171661457293343
+
+extension_github: https://github.com/django-files/web-extension
+github_owner_repo: django-files/django-files
+relay_url: https://relay.cssnr.com/discord/1258944618389569566

src/_layouts/default.html

@@ -7,7 +7,7 @@
     <title>{{ site.site_name }} - {{ page.title }}</title>
 
     {% if page.noindex %}
-        <meta name="robots" content="noindex, nofollow">
+        <meta name="robots" content="noindex">
     {% endif %}
 
     <meta name="author" content="{{ site.author }}"/>
@@ -21,6 +21,8 @@
     <meta property="og:url" content="{{ "/" | absolute_url }}">
     <meta property="og:image" content="{{ "/media/logo.png" | absolute_url }}">
 
+    <meta name="darkreader-lock">
+
     {% if page.dark != true %}
         <script type="text/javascript" src="{{ "/js/theme.js" | relative_url }}"></script>
     {% endif %}
@@ -33,6 +35,10 @@
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" integrity="sha512-c42qTSw/wPZ3/5LBzD+Bw5f7bSF2oxou6wEb+I/lqeaKV5FDIfMvvRp772y4jcJLKuGUOpbJMdg/BTl50fJYAw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
     <link rel="stylesheet" href="{{ "/css/main.css" | relative_url }}">
 
+    {% if page.title == 'Screen Shots' %}
+        <link rel="stylesheet" href="{{ "/dist/swiper/swiper-bundle.min.css" | relative_url }}">
+        <link rel="stylesheet" href="{{ "/css/screenshots.css" | relative_url }}">
+    {% endif %}
     {% if page.title == 'Uninstall' %}
         <link rel="stylesheet" href="{{ "/css/uninstall.css" | relative_url }}">
     {% endif %}
@@ -43,71 +49,90 @@
 <div id="tsparticles"></div>
 
 <header>
-    <nav class="navbar navbar-expand-sm bg-body-tertiary mb-2" aria-label="Primary Navigation">
+    <nav aria-label="Primary Navigation" class="navbar navbar-expand-md bg-body-tertiary mb-2">
         <div class="container-fluid">
-            <a class="mx-2" href="{{ "/" | relative_url }}">
-                <img src="{{ "/media/logo.png" | relative_url }}" width="30" height="30" alt="logo" class="my-auto"></a>
+            <a class="px-2" href="{{ "/" | relative_url }}">
+                <img alt="logo" src="{{ "/media/logo.png" | relative_url }}" width="30" height="30" class="my-auto"></a>
             <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
                     data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                     aria-expanded="false" aria-label="Toggle navigation">
                 <span class="navbar-toggler-icon"></span>
             </button>
-            <div class="collapse navbar-collapse me-auto " id="navbarSupportedContent">
+            <div class="collapse navbar-collapse me-auto" id="navbarSupportedContent">
                 <ul class="navbar-nav me-auto">
                     {% for item in site.menu %}
                         <li class="nav-item">
-                            <a class="nav-link {% if page.title == item.name %}active{% endif %}"
+                            <a class="nav-link {% if page.permalink == item.link %}active{% endif %}"
                                href="{{ item.link | relative_url }}" {% if item.external %}target="_blank"{% endif %}>
                                 {{ item.name }}{% if item.external %} <i class="fa-solid fa-arrow-up-right-from-square fa-sm"></i>{% endif %}</a>
                         </li>
                     {% endfor %}
-                </ul>
+                </ul> <!-- main navigation -->
                 <ul class="navbar-nav nav-icons d-flex flex-row">
+
                     <li class="nav-item">
                         <a class="nav-link hvr-grow-lg" href="{{ site.discord_invite }}" target="_blank" rel="noopener">
                             <i class="fa-brands fa-discord fa-xl"></i></a>
                     </li>
+
                     <li class="nav-item">
-                        <a class="nav-link hvr-grow-lg" href="{{ site.github_url }}" target="_blank" rel="noopener">
+                        <a class="nav-link hvr-grow-lg" href="{{ site.github_url }}?tab=readme-ov-file#readme" target="_blank" rel="noopener">
                             <i class="fa-brands fa-github fa-xl"></i></a>
                     </li>
-                </ul>
-            </div>
-        </div>
+
+                    <li class="nav-item dropdown">
+                        <a class="nav-link hvr-grow ms-1" id="bd-theme-disabled" role="button" data-bs-toggle="dropdown" aria-expanded="false" style="min-width: 56px;">
+                            <i id="theme-icon" class="fa-solid fa-circle-half-stroke fa-lg" style="min-width: 20px;"></i> <i class="fa-solid fa-caret-down fa-xs mx-1"></i></a>
+                        <ul class="dropdown-menu auto dropdown-menu-end" aria-labelledby="bd-theme-disabled">
+                            <li><button class="dropdown-item" data-bs-theme-value="dark" aria-pressed="false">
+                                    <i class="fa-regular fa-moon" style="min-width: 16px;"></i> <span class="ms-3">Dark</span></button></li>
+                            <li><button class="dropdown-item" data-bs-theme-value="light" aria-pressed="false">
+                                    <i class="fa-solid fa-sun" style="min-width: 16px;"></i> <span class="ms-3">Light</span></button></li>
+                            <li><button class="dropdown-item" data-bs-theme-value="auto" aria-pressed="false">
+                                    <i class="fa-solid fa-circle-half-stroke" style="min-width: 16px;"></i> <span class="ms-3">Auto</span></button></li>
+                        </ul>
+                    </li>
+                </ul> <!-- icons -->
+            </div> <!-- navbar -->
+        </div> <!-- container -->
     </nav>
 </header>
 
+
 <main class="flex-grow-1 px-0 px-sm-3">
     {{ content }}
 </main>
 
-<footer class="footer mt-auto px-1 flex-shrink-0 bg-body-tertiary">
-    <div class="container-fluid py-2">
-        <div class="d-flex flex-column flex-md-row">
-            <div class="me-md-auto">
-                <a class="text-decoration-none link-body-emphasis" href="{{ site.github_url }}" target="_blank" rel="noopener">
-                    <i class="fab fa-github"></i> {{ site.site_name }}</a>
-            </div>
-            <div class="ms-md-auto">
-                <nav aria-label="Secondary Navigation">
-                    <ol class="list-inline mb-1 d-flex flex-column flex-sm-row">
-                        {% for item in site.menu %}
+
+{% if page.nofooter != true %}
+    <footer class="footer mt-auto px-1 flex-shrink-0 bg-body-tertiary">
+        <div class="container-fluid py-2">
+            <div class="d-flex flex-column flex-md-row">
+                <div class="me-md-auto mb-2 mb-md-0">
+                    <a class="link-body-emphasis text-decoration-none" href="{{ site.github_url }}?tab=readme-ov-file#readme" target="_blank" rel="noopener">
+                        <i class="fab fa-github"></i> {{ site.site_name }}</a>
+                </div>
+                <div class="ms-md-auto">
+                    <nav aria-label="Secondary Navigation">
+                        <ol class="list-inline mb-1 d-flex flex-column flex-sm-row">
+                            {% for item in site.menu %}
+                                <li class="list-inline-item mb-2 mb-sm-0">
+                                    <a class="link-body-emphasis text-decoration-none {% if page.permalink == item.link %}fw-bold{% endif %}"
+                                       href="{{ item.link | relative_url }}" {% if item.external %}target="_blank"{% endif %}>
+                                        {{ item.name }}{% if item.external %} <i class="fa-solid fa-arrow-up-right-from-square fa-sm"></i>{% endif %}</a>
+                                </li>
+                            {% endfor %}
                             <li class="list-inline-item">
-                                <a class="text-decoration-none link-body-emphasis {% if page.title == item.name %}fw-bold{% endif %}"
-                                   href="{{ item.link | relative_url }}" {% if item.external %}target="_blank"{% endif %}>
-                                    {{ item.name }}{% if item.external %} <i class="fa-solid fa-arrow-up-right-from-square fa-sm"></i>{% endif %}</a>
+                                <a class="link-body-emphasis text-decoration-none" href="{{ site.discord_invite }}" target="_blank">
+                                    Discord <i class="fa-solid fa-arrow-up-right-from-square fa-xs"></i></a>
                             </li>
-                        {% endfor %}
-                        <li class="list-inline-item">
-                            <a class="text-decoration-none link-body-emphasis" href="{{ site.discord_invite }}" target="_blank">
-                                Discord <i class="fa-solid fa-arrow-up-right-from-square fa-sm"></i></a>
-                        </li>
-                    </ol>
-                </nav>
-            </div>
-        </div>
-    </div>
-</footer>
+                        </ol>
+                    </nav>
+                </div> <!-- bottom navigation -->
+            </div> <!-- row -->
+        </div> <!-- container -->
+    </footer>
+{% endif %}
 
 <button type="button" class="btn btn-outline-secondary" id="back-to-top">
     <i class="fa-regular fa-square-caret-up"></i>