forked from Trivernis/no-chromium
Compare commits
35 Commits
@ -0,0 +1,5 @@
|
|||||||
|
node_modules
|
||||||
|
.git
|
||||||
|
build
|
||||||
|
Containerfile
|
||||||
|
.svelte-kit
|
||||||
@ -0,0 +1,13 @@
|
|||||||
|
.DS_Store
|
||||||
|
node_modules
|
||||||
|
/build
|
||||||
|
/.svelte-kit
|
||||||
|
/package
|
||||||
|
.env
|
||||||
|
.env.*
|
||||||
|
!.env.example
|
||||||
|
|
||||||
|
# Ignore files for PNPM, NPM and YARN
|
||||||
|
pnpm-lock.yaml
|
||||||
|
package-lock.json
|
||||||
|
yarn.lock
|
||||||
@ -0,0 +1,30 @@
|
|||||||
|
module.exports = {
|
||||||
|
root: true,
|
||||||
|
extends: [
|
||||||
|
'eslint:recommended',
|
||||||
|
'plugin:@typescript-eslint/recommended',
|
||||||
|
'plugin:svelte/recommended',
|
||||||
|
'prettier'
|
||||||
|
],
|
||||||
|
parser: '@typescript-eslint/parser',
|
||||||
|
plugins: ['@typescript-eslint'],
|
||||||
|
parserOptions: {
|
||||||
|
sourceType: 'module',
|
||||||
|
ecmaVersion: 2020,
|
||||||
|
extraFileExtensions: ['.svelte']
|
||||||
|
},
|
||||||
|
env: {
|
||||||
|
browser: true,
|
||||||
|
es2017: true,
|
||||||
|
node: true
|
||||||
|
},
|
||||||
|
overrides: [
|
||||||
|
{
|
||||||
|
files: ['*.svelte'],
|
||||||
|
parser: 'svelte-eslint-parser',
|
||||||
|
parserOptions: {
|
||||||
|
parser: '@typescript-eslint/parser'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
]
|
||||||
|
};
|
||||||
@ -0,0 +1,10 @@
|
|||||||
|
.DS_Store
|
||||||
|
node_modules
|
||||||
|
/build
|
||||||
|
/.svelte-kit
|
||||||
|
/package
|
||||||
|
.env
|
||||||
|
.env.*
|
||||||
|
!.env.example
|
||||||
|
vite.config.js.timestamp-*
|
||||||
|
vite.config.ts.timestamp-*
|
||||||
@ -0,0 +1,13 @@
|
|||||||
|
.DS_Store
|
||||||
|
node_modules
|
||||||
|
/build
|
||||||
|
/.svelte-kit
|
||||||
|
/package
|
||||||
|
.env
|
||||||
|
.env.*
|
||||||
|
!.env.example
|
||||||
|
|
||||||
|
# Ignore files for PNPM, NPM and YARN
|
||||||
|
pnpm-lock.yaml
|
||||||
|
package-lock.json
|
||||||
|
yarn.lock
|
||||||
@ -0,0 +1,9 @@
|
|||||||
|
{
|
||||||
|
"useTabs": true,
|
||||||
|
"singleQuote": false,
|
||||||
|
"trailingComma": "none",
|
||||||
|
"printWidth": 100,
|
||||||
|
"plugins": ["prettier-plugin-svelte"],
|
||||||
|
"pluginSearchDirs": ["."],
|
||||||
|
"overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }]
|
||||||
|
}
|
||||||
@ -0,0 +1,28 @@
|
|||||||
|
FROM docker.io/node:19.5.0-alpine AS base
|
||||||
|
WORKDIR /app
|
||||||
|
COPY package.json package-lock.json ./
|
||||||
|
|
||||||
|
FROM base AS builder
|
||||||
|
# install dependencies
|
||||||
|
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 base
|
||||||
|
|
||||||
|
COPY --from=builder /app/build .
|
||||||
|
COPY ./server.js .
|
||||||
|
RUN npm ci --omit dev
|
||||||
|
|
||||||
|
ENV HOST=0.0.0.0
|
||||||
|
|
||||||
|
EXPOSE 3000
|
||||||
|
|
||||||
|
CMD ["node", "server.js"]
|
||||||
@ -1,62 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
||||||
<title>No Chromium</title>
|
|
||||||
<link rel="stylesheet" href="style.css" />
|
|
||||||
<link rel="icon" href="favicon.ico" type="image/x-icon" sizes="any" />
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
<header class="banner">
|
|
||||||
<h1>No Chromium</h1>
|
|
||||||
<h2>Do not use Chromium</h2>
|
|
||||||
<h3>Use a different web browser</h3>
|
|
||||||
</header>
|
|
||||||
<main class="content">
|
|
||||||
<h2>What is Chromium?</h2>
|
|
||||||
<p>
|
|
||||||
Chromium is a web browser developed by Google. Many modern web browsers
|
|
||||||
use its codebase and extend upon it, for example:
|
|
||||||
</p>
|
|
||||||
<ul>
|
|
||||||
<li>Google Chrome</li>
|
|
||||||
<li>Opera</li>
|
|
||||||
<li>Microsoft Edge</li>
|
|
||||||
<li>Brave Browser</li>
|
|
||||||
<li>
|
|
||||||
<a href="https://en.wikipedia.org/wiki/Chromium_(web_browser)">
|
|
||||||
And many others
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<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>Web Environment Integrity</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>
|
|
||||||
</main>
|
|
||||||
</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,42 @@
|
|||||||
|
{
|
||||||
|
"name": "no-chromium",
|
||||||
|
"version": "0.0.1",
|
||||||
|
"private": true,
|
||||||
|
"scripts": {
|
||||||
|
"dev": "vite dev",
|
||||||
|
"build": "vite build",
|
||||||
|
"preview": "vite preview",
|
||||||
|
"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
|
||||||
|
"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
|
||||||
|
"lint": "prettier --plugin-search-dir . --check . && eslint .",
|
||||||
|
"format": "prettier --plugin-search-dir . --write ."
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"@sveltejs/kit": "^1.20.4",
|
||||||
|
"@typescript-eslint/eslint-plugin": "^5.45.0",
|
||||||
|
"@typescript-eslint/parser": "^5.45.0",
|
||||||
|
"autoprefixer": "^10.4.14",
|
||||||
|
"eslint": "^8.28.0",
|
||||||
|
"eslint-config-prettier": "^8.5.0",
|
||||||
|
"eslint-plugin-svelte": "^2.30.0",
|
||||||
|
"postcss": "^8.4.27",
|
||||||
|
"prettier": "^2.8.0",
|
||||||
|
"prettier-plugin-svelte": "^2.10.1",
|
||||||
|
"svelte": "^4.0.5",
|
||||||
|
"svelte-check": "^3.4.3",
|
||||||
|
"tailwindcss": "^3.3.3",
|
||||||
|
"tslib": "^2.4.1",
|
||||||
|
"typescript": "^5.0.0",
|
||||||
|
"vite": "^4.4.2"
|
||||||
|
},
|
||||||
|
"type": "module",
|
||||||
|
"dependencies": {
|
||||||
|
"@sveltejs/adapter-node": "^1.3.1",
|
||||||
|
"@tailwindcss/typography": "^0.5.9",
|
||||||
|
"cors": "^2.8.5",
|
||||||
|
"detect-browser": "^5.3.0",
|
||||||
|
"express": "^4.18.2",
|
||||||
|
"fetch-opengraph": "^1.0.36",
|
||||||
|
"sass": "^1.64.1"
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,6 @@
|
|||||||
|
export default {
|
||||||
|
plugins: {
|
||||||
|
tailwindcss: {},
|
||||||
|
autoprefixer: {},
|
||||||
|
},
|
||||||
|
}
|
||||||
@ -1,23 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
||||||
<title>No Chromium</title>
|
|
||||||
<link rel="stylesheet" href="style.css" />
|
|
||||||
<link rel="icon" href="favicon.ico" type="image/x-icon" sizes="any" />
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
<div class="container">
|
|
||||||
<div class="banner">
|
|
||||||
<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>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
|
|
||||||
</html>
|
|
||||||
@ -0,0 +1,14 @@
|
|||||||
|
import { handler } from "./handler.js";
|
||||||
|
import express from "express";
|
||||||
|
import cors from 'cors';
|
||||||
|
|
||||||
|
const app = express();
|
||||||
|
|
||||||
|
app.use("/popup/", cors());
|
||||||
|
|
||||||
|
// let SvelteKit handle everything else, including serving prerendered pages and static assets
|
||||||
|
app.use(handler);
|
||||||
|
|
||||||
|
app.listen(3000, () => {
|
||||||
|
console.log("listening on port 3000");
|
||||||
|
});
|
||||||
@ -0,0 +1,9 @@
|
|||||||
|
@tailwind base;
|
||||||
|
@tailwind components;
|
||||||
|
@tailwind utilities;
|
||||||
|
|
||||||
|
body {
|
||||||
|
min-height: 1vh;
|
||||||
|
min-height: 100vh;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
@ -0,0 +1,12 @@
|
|||||||
|
// See https://kit.svelte.dev/docs/types#app
|
||||||
|
// for information about these interfaces
|
||||||
|
declare global {
|
||||||
|
namespace App {
|
||||||
|
// interface Error {}
|
||||||
|
// interface Locals {}
|
||||||
|
// interface PageData {}
|
||||||
|
// interface Platform {}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export {};
|
||||||
@ -0,0 +1,15 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link rel="icon" href="%sveltekit.assets%/favicon.png" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
|
|
||||||
|
<title>No Chromium</title>
|
||||||
|
|
||||||
|
%sveltekit.head%
|
||||||
|
</head>
|
||||||
|
<body data-sveltekit-preload-data="hover">
|
||||||
|
<div style="display: contents">%sveltekit.body%</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@ -0,0 +1,18 @@
|
|||||||
|
import {detect} from "detect-browser";
|
||||||
|
const browser = detect();
|
||||||
|
|
||||||
|
export function getBrowserName(): string {
|
||||||
|
return `${ browser.name[0].toUpperCase() }${ browser.name.substring(1) }`;
|
||||||
|
}
|
||||||
|
|
||||||
|
export function isChromium(): boolean {
|
||||||
|
switch (browser.name) {
|
||||||
|
case "chrome":
|
||||||
|
case "opera":
|
||||||
|
case "edge":
|
||||||
|
return true;
|
||||||
|
|
||||||
|
default:
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1 @@
|
|||||||
|
// place files you want to import through the `$lib` alias in this folder.
|
||||||
@ -0,0 +1,14 @@
|
|||||||
|
<script>
|
||||||
|
import "../app.css";
|
||||||
|
import Footer from "./footer.svelte";
|
||||||
|
</script>
|
||||||
|
<style lang="scss">
|
||||||
|
.main {
|
||||||
|
margin-bottom: 2.6em;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<div class="main">
|
||||||
|
<slot/>
|
||||||
|
</div>
|
||||||
|
<Footer/>
|
||||||
@ -0,0 +1 @@
|
|||||||
|
export const prerender = true;
|
||||||
@ -0,0 +1,13 @@
|
|||||||
|
<script lang="ts">
|
||||||
|
|
||||||
|
export let url: string;
|
||||||
|
export let title: string;
|
||||||
|
export let author: string;
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<a href="{ url }">
|
||||||
|
<span class="author">{ author }</span>
|
||||||
|
-
|
||||||
|
<i class="title">{ title }</i>
|
||||||
|
</a>
|
||||||
@ -0,0 +1,20 @@
|
|||||||
|
<header class="w-10/12 md:w-2/3 xl:w-1/2 mx-auto mb-20 prose">
|
||||||
|
<div class="mb-10 mt-10"><a href="/">Back</a></div>
|
||||||
|
<h1>Credits</h1>
|
||||||
|
</header>
|
||||||
|
<main class="w-10/12 md:w-2/3 xl:w-1/2 mx-auto prose">
|
||||||
|
<h2><a href="https://tech.lgbt/@sara">Sara</a></h2>
|
||||||
|
<ul>
|
||||||
|
<li>Icons</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h2><a href="https://tech.lgbt/@punishedbernadetta">Punished Bernadetta</a></h2>
|
||||||
|
<ul>
|
||||||
|
<li>Style Improvements</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h2><a href="https://social.funkyfish.cool/@trivernis">Trivernis</a></h2>
|
||||||
|
<ul>
|
||||||
|
<li>Repository Owner</li>
|
||||||
|
</ul>
|
||||||
|
</main>
|
||||||
@ -0,0 +1 @@
|
|||||||
|
export const prerender = true;
|
||||||
@ -0,0 +1,43 @@
|
|||||||
|
<style lang="scss">
|
||||||
|
.footer {
|
||||||
|
height: 2.5em;
|
||||||
|
width: 100%;
|
||||||
|
position: fixed;
|
||||||
|
bottom: 0;
|
||||||
|
background-color: #FDF;
|
||||||
|
|
||||||
|
.footer-content {
|
||||||
|
display: block;
|
||||||
|
position: relative;
|
||||||
|
margin: 0.5em 1em;
|
||||||
|
width: calc(100% - 2em);
|
||||||
|
height: calc(100% - 1em);
|
||||||
|
|
||||||
|
* {
|
||||||
|
position: relative;
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
.left {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
.right {
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
text-decoration: underline;
|
||||||
|
color: blue;
|
||||||
|
}
|
||||||
|
a:visited {
|
||||||
|
color: purple;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<footer class="footer">
|
||||||
|
<div class="footer-content">
|
||||||
|
<a class="left" href="/credits">Credits</a>
|
||||||
|
<a class="right" href="https://git.trivernis.net/Trivernis/no-chromium">Source</a>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
@ -0,0 +1,78 @@
|
|||||||
|
<div id="no-chromium-head">
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
#no-chromium-popup {
|
||||||
|
position: fixed;
|
||||||
|
display: flex;
|
||||||
|
height: 100vh;
|
||||||
|
width: 100vw;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
background-color: rgba(0, 0, 0, 0.125);
|
||||||
|
font-family: Noto Sans, sans serif;
|
||||||
|
color: white;
|
||||||
|
z-index: 10;
|
||||||
|
|
||||||
|
.nc-popup-inner {
|
||||||
|
display: block;
|
||||||
|
position: relative;
|
||||||
|
margin: auto;
|
||||||
|
background-color: #FF6F00;
|
||||||
|
padding: 1em;
|
||||||
|
border-radius: 5px;
|
||||||
|
|
||||||
|
button {
|
||||||
|
border-style: none;
|
||||||
|
font-weight: bold;
|
||||||
|
background-colour: white;
|
||||||
|
font-size: 2em;
|
||||||
|
width: 100%;
|
||||||
|
cursor: pointer;
|
||||||
|
margin: 3px;
|
||||||
|
color: white;
|
||||||
|
|
||||||
|
a {
|
||||||
|
text-decoration: none;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
transition-duration: 0.1s;
|
||||||
|
|
||||||
|
&.nc-no {
|
||||||
|
background-color: #800;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background-color: #B00;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.nc-ok {
|
||||||
|
background-color: #080;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background-color: #0B0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="no-chromium-body">
|
||||||
|
|
||||||
|
<div id="no-chromium-popup" style="display: none">
|
||||||
|
|
||||||
|
<div class="nc-popup-inner">
|
||||||
|
<center><h1>Stop using Chromium based Web Browsers</h1></center>
|
||||||
|
<a href="https://no-chromium.org/redirect"><button class="nc-no">No</button></a>
|
||||||
|
<button class="nc-ok" id="no-chromium-hide-button">Ok</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
@ -0,0 +1,36 @@
|
|||||||
|
<script lang="ts">
|
||||||
|
import { getBrowserName, isChromium } from "$lib/browser";
|
||||||
|
// import { browser } from "$app/environment";
|
||||||
|
import { onMount } from "svelte";
|
||||||
|
|
||||||
|
export let browserName: string;
|
||||||
|
export let chromium = true;
|
||||||
|
|
||||||
|
onMount(() => {
|
||||||
|
browserName = getBrowserName();
|
||||||
|
chromium = isChromium();
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="container flex mx-auto h-screen">
|
||||||
|
<div class="m-auto">
|
||||||
|
{#if browserName }
|
||||||
|
<center>
|
||||||
|
{#if chromium}
|
||||||
|
<h1 class="leading-normal lg:leading-normal text-4xl lg:text-7xl">{ browserName } is not supported by this Website</h1>
|
||||||
|
<h2 class="leading-normal lg:leading-normal text-3xl lg:text-6xl">Use a different web browser</h2>
|
||||||
|
<h4 class="leading-normal lg:leading-normal text-2xl lg:text-4xl">
|
||||||
|
<a class="underline text-blue visited:text-purple-600" href="/">Why?</a>
|
||||||
|
</h4>
|
||||||
|
{:else }
|
||||||
|
<h1 class="leading-normal lg:leading-normal text-4xl lg:text-7xl">Congrats, you're not using Chromium</h1>
|
||||||
|
<h2 class="leading-normal lg:leading-normal text-3xl lg:text-6xl">So why are you here?</h2>
|
||||||
|
<h4 class="leading-normal lg:leading-normal text-2xl lg:text-4xl">
|
||||||
|
<a class="underline text-blue visited:text-purple-600" href="/">More Info</a>
|
||||||
|
</h4>
|
||||||
|
{/if }
|
||||||
|
</center>
|
||||||
|
{/if }
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
Before Width: | Height: | Size: 4.2 KiB After Width: | Height: | Size: 4.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 33 KiB |
|
Before Width: | Height: | Size: 4.8 KiB After Width: | Height: | Size: 4.8 KiB |
@ -0,0 +1,26 @@
|
|||||||
|
async function showNoChromiumPopup() {
|
||||||
|
if (navigator.userAgent.includes("Chrome") && localStorage.getItem("no-chromium-popup-shown") != "1") {
|
||||||
|
|
||||||
|
const divPage = document.createElement("div");
|
||||||
|
const response = await fetch("https://no-chromium.org/popup/");
|
||||||
|
divPage.innerHTML = await response.text();
|
||||||
|
|
||||||
|
for (const child of divPage.querySelectorAll("#no-chromium-head > *")) {
|
||||||
|
document.head.appendChild(child);
|
||||||
|
}
|
||||||
|
|
||||||
|
for (const child of divPage.querySelectorAll("#no-chromium-body > *")) {
|
||||||
|
document.body.appendChild(child);
|
||||||
|
}
|
||||||
|
|
||||||
|
document.querySelector("#no-chromium-popup").style = "z-index: 9999;";
|
||||||
|
document.querySelector("#no-chromium-hide-button").addEventListener("click", hideNoChromiumPopup);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function hideNoChromiumPopup() {
|
||||||
|
document.querySelector("#no-chromium-popup").remove();
|
||||||
|
localStorage.setItem("no-chromium-popup-shown", "1");
|
||||||
|
}
|
||||||
|
|
||||||
|
showNoChromiumPopup();
|
||||||
@ -0,0 +1,6 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<body>
|
||||||
|
<script type="text/javascript" src="/popup.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@ -1,41 +0,0 @@
|
|||||||
html {
|
|
||||||
font-family: Noto Sans, sans-serif;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
*, *:before, *:after {
|
|
||||||
box-sizing: inherit;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
min-height: 100vh;
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
p {
|
|
||||||
line-height: 1.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.banner {
|
|
||||||
font-size: 2em;
|
|
||||||
margin: 0 auto 4rem;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content {
|
|
||||||
padding: 0 1rem;
|
|
||||||
margin: 0 auto;
|
|
||||||
max-width: 800px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
height: 100vh;
|
|
||||||
height: 100dvh;
|
|
||||||
}
|
|
||||||
|
|
||||||
.centered {
|
|
||||||
margin: auto;
|
|
||||||
}
|
|
||||||
@ -0,0 +1,18 @@
|
|||||||
|
import adapter from '@sveltejs/adapter-node';
|
||||||
|
import { vitePreprocess } from '@sveltejs/kit/vite';
|
||||||
|
|
||||||
|
/** @type {import('@sveltejs/kit').Config} */
|
||||||
|
const config = {
|
||||||
|
// Consult https://kit.svelte.dev/docs/integrations#preprocessors
|
||||||
|
// for more information about preprocessors
|
||||||
|
preprocess: vitePreprocess(),
|
||||||
|
|
||||||
|
kit: {
|
||||||
|
// adapter-auto only supports some environments, see https://kit.svelte.dev/docs/adapter-auto for a list.
|
||||||
|
// If your environment is not supported or you settled on a specific environment, switch out the adapter.
|
||||||
|
// See https://kit.svelte.dev/docs/adapters for more information about adapters.
|
||||||
|
adapter: adapter()
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
export default config;
|
||||||
@ -0,0 +1,13 @@
|
|||||||
|
const plugin = require("tailwindcss/plugin");
|
||||||
|
|
||||||
|
/** @type {import('tailwindcss').Config} */
|
||||||
|
export default {
|
||||||
|
content: ["./src/**/*.{htm,js,svelte,ts}"],
|
||||||
|
theme: {
|
||||||
|
extend: {},
|
||||||
|
},
|
||||||
|
plugins: [
|
||||||
|
require('@tailwindcss/typography'),
|
||||||
|
],
|
||||||
|
}
|
||||||
|
|
||||||
@ -0,0 +1,17 @@
|
|||||||
|
{
|
||||||
|
"extends": "./.svelte-kit/tsconfig.json",
|
||||||
|
"compilerOptions": {
|
||||||
|
"allowJs": true,
|
||||||
|
"checkJs": true,
|
||||||
|
"esModuleInterop": true,
|
||||||
|
"forceConsistentCasingInFileNames": true,
|
||||||
|
"resolveJsonModule": true,
|
||||||
|
"skipLibCheck": true,
|
||||||
|
"sourceMap": true,
|
||||||
|
"strict": true
|
||||||
|
}
|
||||||
|
// Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias
|
||||||
|
//
|
||||||
|
// If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes
|
||||||
|
// from the referenced tsconfig.json - TypeScript does not merge them in
|
||||||
|
}
|
||||||
@ -0,0 +1,6 @@
|
|||||||
|
import { sveltekit } from '@sveltejs/kit/vite';
|
||||||
|
import { defineConfig } from 'vite';
|
||||||
|
|
||||||
|
export default defineConfig({
|
||||||
|
plugins: [sveltekit()]
|
||||||
|
});
|
||||||
Loading…
Reference in New Issue