Move everything in place and add containerfile
parent
5b7fc1c22d
commit
b42702640a
GPG Key ID:
DFFFCC2C7A02DB45
@ -0,0 +1,3 @@
|
|||||||
|
node_modules
|
||||||
|
.git
|
||||||
|
build
|
||||||
@ -0,0 +1,23 @@
|
|||||||
|
FROM docker.io/node:19.5.0-alpine AS builder
|
||||||
|
|
||||||
|
# install dependencies
|
||||||
|
WORKDIR /app
|
||||||
|
COPY package.json package-lock.json ./
|
||||||
|
RUN npm ci
|
||||||
|
|
||||||
|
# Copy all local files into the image.
|
||||||
|
COPY . .
|
||||||
|
|
||||||
|
RUN npm run build
|
||||||
|
|
||||||
|
###
|
||||||
|
# Only copy over the Node pieces we need
|
||||||
|
# ~> Saves 35MB
|
||||||
|
###
|
||||||
|
FROM docker.io/nginx:alpine
|
||||||
|
|
||||||
|
WORKDIR /app
|
||||||
|
COPY --from=builder /app/build /usr/share/nginx/html
|
||||||
|
COPY nginx.conf /etc/nginx/nginx.conf
|
||||||
|
|
||||||
|
CMD ["nginx", "-g", "daemon off;"]
|
||||||
@ -1,50 +0,0 @@
|
|||||||
<html>
|
|
||||||
<head>
|
|
||||||
<title>No Chromium</title>
|
|
||||||
<link rel="stylesheet" href="style.css"></link>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<center class="banner">
|
|
||||||
<h1>No Chromium</h1>
|
|
||||||
<h2>Do not use Chromium</h2>
|
|
||||||
<h3>Use a different web browser</h3>
|
|
||||||
</center>
|
|
||||||
<section class="content">
|
|
||||||
|
|
||||||
<h2>What is Chromium?</h2>
|
|
||||||
<p>
|
|
||||||
Chromium is a web browser developed by Google. Many modern web browsers
|
|
||||||
use its codebase and extened upon it, for example:
|
|
||||||
</p>
|
|
||||||
<ul>
|
|
||||||
<li>Google Chrome</li>
|
|
||||||
<li>Opera</li>
|
|
||||||
<li>Microsoft Edge</li>
|
|
||||||
<li>Brave Browser</li>
|
|
||||||
</ul>
|
|
||||||
<a href="https://en.wikipedia.org/wiki/Chromium_(web_browser)">more...</a>
|
|
||||||
|
|
||||||
<h2>Why is this a bad thing?</h2>
|
|
||||||
<p>
|
|
||||||
Chromium based browsers dominate the market. This means that any changes
|
|
||||||
Google makes to the Chromium code base are also present in the browsers that build on it.
|
|
||||||
As Chromium based browsers are the majority, websites have to adapt.
|
|
||||||
This also forces non chromium browsers like Firefox to implement these changes.
|
|
||||||
This gives Google the power to steer the web in a direction they benefit from the most.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<h2>Examples</h2>
|
|
||||||
<ul>
|
|
||||||
<li>WebIntegrity</li>
|
|
||||||
<li>Widevine</li>
|
|
||||||
<li style="color: red">TODO...</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<h2>What can I do</h2>
|
|
||||||
<p>
|
|
||||||
You should use alternative browsers like <a href="https://www.mozilla.org/en-US/firefox/">Firefox</a>
|
|
||||||
or, even better, <a href="https://librewolf.net/">LibreWolf</a>
|
|
||||||
</p>
|
|
||||||
</section>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -0,0 +1,37 @@
|
|||||||
|
user nginx;
|
||||||
|
worker_processes auto;
|
||||||
|
|
||||||
|
error_log /var/log/nginx/error.log notice;
|
||||||
|
pid /var/run/nginx.pid;
|
||||||
|
|
||||||
|
events {
|
||||||
|
worker_connections 1024;
|
||||||
|
}
|
||||||
|
|
||||||
|
http {
|
||||||
|
include /etc/nginx/mime.types;
|
||||||
|
default_type application/octet-stream;
|
||||||
|
log_format main '$remote_addr - $remote_user [$time_local] "$request" '
|
||||||
|
'$status $body_bytes_sent "$http_referer" '
|
||||||
|
'"$http_user_agent" "$http_x_forwarded_for"';
|
||||||
|
access_log /var/log/nginx/access.log main;
|
||||||
|
sendfile on;
|
||||||
|
keepalive_timeout 65;
|
||||||
|
gzip on;
|
||||||
|
|
||||||
|
server {
|
||||||
|
listen 80;
|
||||||
|
listen [::]:80;
|
||||||
|
server_name localhost;
|
||||||
|
index index.html index.htm;
|
||||||
|
|
||||||
|
location / {
|
||||||
|
root /usr/share/nginx/html;
|
||||||
|
try_files $uri$args $uri$args/ /index.html;
|
||||||
|
}
|
||||||
|
error_page 500 502 503 504 /50x.html;
|
||||||
|
location = /50x.html {
|
||||||
|
root /usr/share/nginx/html;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,6 @@
|
|||||||
|
export default {
|
||||||
|
plugins: {
|
||||||
|
tailwindcss: {},
|
||||||
|
autoprefixer: {},
|
||||||
|
},
|
||||||
|
}
|
||||||
@ -1,18 +0,0 @@
|
|||||||
<html>
|
|
||||||
<head>
|
|
||||||
<title>No Chromium</title>
|
|
||||||
<link rel="stylesheet" href="style.css"></link>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div class="container">
|
|
||||||
<div class="banner centered">
|
|
||||||
<center>
|
|
||||||
<h1>No Chromium</h1>
|
|
||||||
<h2>This website does not accept chromium based browsers</h2>
|
|
||||||
<h3>Use a different web browser</h3>
|
|
||||||
<h4><a href="index.html">Why?</a></h4>
|
|
||||||
</center>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -0,0 +1,5 @@
|
|||||||
|
<script>
|
||||||
|
import "../app.css";
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<slot/>
|
||||||
@ -0,0 +1,2 @@
|
|||||||
|
export const csr = false;
|
||||||
|
export const prerender = true;
|
||||||
@ -1,2 +1,42 @@
|
|||||||
<h1>Welcome to SvelteKit</h1>
|
<center class="banner">
|
||||||
<p>Visit <a href="https://kit.svelte.dev">kit.svelte.dev</a> to read the documentation</p>
|
<h1>No Chromium</h1>
|
||||||
|
<h2>Do not use Chromium</h2>
|
||||||
|
<h3>Use a different web browser</h3>
|
||||||
|
</center>
|
||||||
|
<section class="content">
|
||||||
|
|
||||||
|
<h2>What is Chromium?</h2>
|
||||||
|
<p>
|
||||||
|
Chromium is a web browser developed by Google. Many modern web browsers
|
||||||
|
use its codebase and extened upon it, for example:
|
||||||
|
</p>
|
||||||
|
<ul>
|
||||||
|
<li>Google Chrome</li>
|
||||||
|
<li>Opera</li>
|
||||||
|
<li>Microsoft Edge</li>
|
||||||
|
<li>Brave Browser</li>
|
||||||
|
</ul>
|
||||||
|
<a href="https://en.wikipedia.org/wiki/Chromium_(web_browser)">more...</a>
|
||||||
|
|
||||||
|
<h2>Why is this a bad thing?</h2>
|
||||||
|
<p>
|
||||||
|
Chromium based browsers dominate the market. This means that any changes
|
||||||
|
Google makes to the Chromium code base are also present in the browsers that build on it.
|
||||||
|
As Chromium based browsers are the majority, websites have to adapt.
|
||||||
|
This also forces non chromium browsers like Firefox to implement these changes.
|
||||||
|
This gives Google the power to steer the web in a direction they benefit from the most.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<h2>Examples</h2>
|
||||||
|
<ul>
|
||||||
|
<li>WebIntegrity</li>
|
||||||
|
<li>Widevine</li>
|
||||||
|
<li style="color: red">TODO...</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h2>What can I do</h2>
|
||||||
|
<p>
|
||||||
|
You should use alternative browsers like <a href="https://www.mozilla.org/en-US/firefox/">Firefox</a>
|
||||||
|
or, even better, <a href="https://librewolf.net/">LibreWolf</a>
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
|
|||||||
@ -0,0 +1,10 @@
|
|||||||
|
<div class="container">
|
||||||
|
<div class="banner centered">
|
||||||
|
<center>
|
||||||
|
<h1>No Chromium</h1>
|
||||||
|
<h2>This website does not accept chromium based browsers</h2>
|
||||||
|
<h3>Use a different web browser</h3>
|
||||||
|
<h4><a href="/">Why?</a></h4>
|
||||||
|
</center>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
Before Width: | Height: | Size: 4.2 KiB After Width: | Height: | Size: 4.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 33 KiB |
|
Before Width: | Height: | Size: 4.8 KiB After Width: | Height: | Size: 4.8 KiB |
@ -0,0 +1,9 @@
|
|||||||
|
/** @type {import('tailwindcss').Config} */
|
||||||
|
export default {
|
||||||
|
content: ["./src/**/*.{htm,js,svelte,ts}"],
|
||||||
|
theme: {
|
||||||
|
extend: {},
|
||||||
|
},
|
||||||
|
plugins: [],
|
||||||
|
}
|
||||||
|
|
||||||
Loading…
Reference in New Issue