site: fix docker; modal with 'make all'

mautrix
Harvey Tindall 3 years ago
parent d5a33cf242
commit fbb9f20026
No known key found for this signature in database
GPG Key ID: BBC65952848FB1A2

@ -1,9 +1,9 @@
all: all:
-mkdir -p out -mkdir -p out
cp index.html out/ cp index.html ../css/modal.css out/
cp -r node_modules/remixicon/fonts/remixicon.css node_modules/remixicon/fonts/remixicon.woff2 out/ cp -r node_modules/remixicon/fonts/remixicon.css node_modules/remixicon/fonts/remixicon.woff2 out/
npx esbuild --bundle ts/main.ts --outfile=out/main.js --minify npx esbuild --bundle ts/main.ts --outfile=out/main.js --minify
npx esbuild --bundle base.css --outfile=out/bundle.css --external:remixicon.css --minify npx esbuild --bundle base.css --outfile=out/bundle.css --external:remixicon.css --external:modal.css --minify
cd out && npx uncss index.html --stylesheets bundle.css > _bundle.css; cd .. cd out && npx uncss index.html --stylesheets bundle.css > _bundle.css; cd ..
mv out/_bundle.css out/bundle.css mv out/_bundle.css out/bundle.css
cd out && npx uncss index.html --stylesheets remixicon.css > _remixicon.css; cd .. cd out && npx uncss index.html --stylesheets remixicon.css > _remixicon.css; cd ..

@ -2,16 +2,17 @@
<html lang="en" class="light-theme"> <html lang="en" class="light-theme">
<head> <head>
<link rel="stylesheet" type="text/css" href="bundle.css"> <link rel="stylesheet" type="text/css" href="bundle.css">
<link rel="stylesheet" type="text/css" href="modal.css">
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="Description" content="jfa-go, a better way to manage Jellyfin users."> <meta name="Description" content="jfa-go, a better way to manage Jellyfin users.">
<meta name="color-scheme" content="dark light"> <meta name="color-scheme" content="dark light">
<link rel="apple-touch-icon" sizes="180x180" href="{{ .urlBase }}/apple-touch-icon.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="{{ .urlBase }}/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="{{ .urlBase }}/favicon-16x16.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="{{ .urlBase }}/site.webmanifest"> <link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="{{ .urlBase }}/safari-pinned-tab.svg" color="#5bbad5"> <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#603cba"> <meta name="msapplication-TileColor" content="#603cba">
<meta name="theme-color" content="#ffffff"> <meta name="theme-color" content="#ffffff">
<title>jfa-go - a better way to manage Jellyfin users</title> <title>jfa-go - a better way to manage Jellyfin users</title>
@ -33,8 +34,7 @@ sudo apt-get install jfa-go
# ------ # ------
# For desktops/servers with GUI (has dependencies) # For desktops/servers with GUI (has dependencies)
sudo apt-get install jfa-go-tray sudo apt-get install jfa-go-tray
# ------ # ------</pre>
</pre>
</div> </div>
</div> </div>
<div id="modal-deb-unstable" class="modal"> <div id="modal-deb-unstable" class="modal">
@ -53,8 +53,7 @@ sudo apt-get install jfa-go
# ------ # ------
# For desktops/servers with GUI (has dependencies) # For desktops/servers with GUI (has dependencies)
sudo apt-get install jfa-go-tray sudo apt-get install jfa-go-tray
# ------ # ------</pre>
</pre>
</div> </div>
</div> </div>
<div id="modal-docker" class="modal"> <div id="modal-docker" class="modal">
@ -62,19 +61,13 @@ sudo apt-get install jfa-go-tray
<span class="heading"> Docker</span> <span class="heading"> Docker</span>
<pre class="monospace pre-line"> <pre class="monospace pre-line">
docker create \ docker create \
--name "jfa-go" \ # Whatever you want to name it --name "jfa-go" \ # Whatever you want to name it
-p 8056:8056 \ -p 8056:8056 \
# -p 8057:8057 if using tls # -p 8057:8057 if using tls
-v /path/to/.config/jfa-go:/data \ # Path to wherever you want to store the config file and other data -v /path/to/.config/jfa-go:/data \ # Path to wherever you want to store the config file and other data
-v /path/to/jellyfin:/jf \ # Path to Jellyfin config directory, ignore if using Emby -v /path/to/jellyfin:/jf \ # Path to Jellyfin config directory, ignore if using Emby
-v /etc/localtime:/etc/localtime:ro \ # Makes sure time is correct -v /etc/localtime:/etc/localtime:ro \ # Makes sure time is correct
<span id="docker-stable"> <span id="docker-stable">hrfee/jfa-go</span><span id="docker-unstable" class="unfocused">hrfee/jfa-go:unstable</span></pre>
hrfee/jfa-go
</span>
<span id="docker-unstable" class="unfocused">
hrfee/jfa-go:unstable
</span>
</pre>
</div> </div>
</div> </div>
<div class="page-container" id="page-container"> <div class="page-container" id="page-container">

@ -23,16 +23,33 @@ const unstableSect = document.getElementById("sect-unstable");
const stableButton = document.getElementById("download-stable") as HTMLSpanElement; const stableButton = document.getElementById("download-stable") as HTMLSpanElement;
const unstableButton = document.getElementById("download-unstable") as HTMLSpanElement; const unstableButton = document.getElementById("download-unstable") as HTMLSpanElement;
const dockerStable = document.getElementById("docker-stable");
const dockerUnstable = document.getElementById("docker-unstable");
stableButton.onclick = () => { stableButton.onclick = () => {
dockerStable.classList.remove("unfocused");
dockerUnstable.classList.add("unfocused");
stableButton.classList.add("!high"); stableButton.classList.add("!high");
unstableButton.classList.remove("!high"); unstableButton.classList.remove("!high");
stableSect.classList.remove("unfocused"); stableSect.classList.remove("unfocused");
unstableSect.classList.add("unfocused"); unstableSect.classList.add("unfocused");
} }
unstableButton.onclick = () => { unstableButton.onclick = () => {
dockerUnstable.classList.remove("unfocused");
dockerStable.classList.add("unfocused");
unstableButton.classList.add("!high"); unstableButton.classList.add("!high");
stableButton.classList.remove("!high"); stableButton.classList.remove("!high");
stableSect.classList.add("unfocused"); stableSect.classList.add("unfocused");
unstableSect.classList.remove("unfocused"); unstableSect.classList.remove("unfocused");
} }
const dockerModal = new Modal(document.getElementById("modal-docker"));
const dockerButton = document.getElementById("download-docker") as HTMLSpanElement;
const dockerUnstableButton = document.getElementById("download-docker-unstable") as HTMLSpanElement;
dockerButton.onclick = dockerModal.toggle;
dockerUnstableButton.onclick = dockerModal.toggle;

Loading…
Cancel
Save