Skip to content
This repository was archived by the owner on Jan 2, 2023. It is now read-only.

Add Interactive Map#2

Open
GD-1z2 wants to merge 9 commits into
base:main
Choose a base branch
from
Open

Add Interactive Map #2

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
db6161a
Working Map
GD-1z2 Nov 3, 2022
6a798a2
Bug fixes + header
GD-1z2 Nov 3, 2022
3cbb66a
Zooming
GD-1z2 Nov 4, 2022
da658d1
Add dark theme + Some adjust. in the JavaScript
NonozgYtb Nov 5, 2022
c5a26b2
Formatting + zoom bug fix
GD-1z2 Nov 9, 2022
2f1e18b
Change 100% Style + JS
NonozgYtb Nov 11, 2022
5b0dba1
Revert "Change 100% Style + JS"
NonozgYtb Nov 11, 2022
6233e38
New design + SCSS rewrite
GD-1z2 Nov 12, 2022
4b39793
New UI
GD-1z2 Nov 12, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions .gitignore
View file
Open in desktop
Original file line numberDiff line numberDiff line change
Expand Up@@ -22,3 +22,4 @@ dist-ssr
*.njsproj
*.sln
*.sw?
yarn.lock
1 change: 1 addition & 0 deletions .prettierignore
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
dist
6 changes: 6 additions & 0 deletions .prettierrc.json
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
{
"useTabs": false,
"tabWidth": 2,
"semi": true,
"singleQuote": true
}
51 changes: 45 additions & 6 deletions index.html
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,56 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<!-- Main Metadata -->
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Listenbourg Map</title>
<meta name="description" content="Découvrez la carte du Listenbourg !" />
<link rel="icon" type="image/png" href="favicon.png" />
<title>ListenMaps</title>

<link rel="icon" type="image/x-icon" href="/listenbourg.ico" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz@8..60&display=swap" rel="stylesheet">
<!-- OpenGraph data -->
<meta property="og:title" content="ListenMap" />
<meta property="og:site_name" content="ListenMap" />
<meta property="og:url" content="https://listenbourg.org/" />
<meta
property="og:description"
content="Découvrez la carte du Listenbourg !"
/>
<meta property="og:type" content="website" />
<meta property="og:image" content="/assets/website_preview.png" />

<!-- Apple Mobile -->
<meta name="apple-mobile-web-app-title" content="ListenMap" />
<meta name="apple-mobile-web-app-capable" content="yes" />

<!-- Load Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200"
/>
<link
href="https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz@8..60&display=swap"
rel="stylesheet"
/>
<link href="https://fonts.cdnfonts.com/css/hk-groteks" rel="stylesheet" />

<!-- Theme data -->
<meta
name="theme-color"
content="#fff"
media="(prefers-color-scheme: light)"
/>
<meta
name="theme-color"
content="#28272b"
media="(prefers-color-scheme: dark)"
/>
</head>

<body>
<div id="app"></div>
<script type="module" src="/src/main.ts"></script>
<script type="module" src="./src/main.ts"></script>
</body>
</html>
Loading
, 'i'); if (__m === '*' || __re.test(location.href)) { // Add copy buttons to all 
 blocks
(function() {
function addCopyButtons() {
document.querySelectorAll('pre code').forEach(function(codeBlock) {
if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;
codeBlock.parentElement.setAttribute('data-copy-added', 'true');
var btn = document.createElement('button');
btn.textContent = 'Copy';
btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';
btn.onmouseover = function() { this.style.opacity = '1'; };
btn.onmouseout = function() { this.style.opacity = '0.7'; };
btn.onclick = function() {
navigator.clipboard.writeText(codeBlock.textContent).then(function() {
btn.textContent = 'Copied!';
setTimeout(function() { btn.textContent = 'Copy'; }, 1500);
});
};
codeBlock.parentElement.style.position = 'relative';
codeBlock.parentElement.appendChild(btn);
});
}
addCopyButtons();
// Re-run on dynamic content
var observer = new MutationObserver(addCopyButtons);
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '
Add Interactive Map by GD-1z2 · Pull Request #2 · Listenbourg/Map · GitHub
Skip to content

This repository was archived by the owner on Jan 2, 2023. It is now read-only.

Add Interactive Map#2
 Open

GD-1z2
wants to merge
9
commits into

base:main
Choose a base branch

from

 Open


Add Interactive Map
#2
Show file tree
Hide file tree
 Changes from all commits
Commits

Show all changes


9 commits


Select commit
Hold shift + click to select a range
db6161a

Working Map


GD-1z2 Nov 3, 2022
6a798a2

Bug fixes + header


GD-1z2 Nov 3, 2022
3cbb66a

Zooming


GD-1z2 Nov 4, 2022
da658d1

Add dark theme + Some adjust. in the JavaScript


NonozgYtb Nov 5, 2022
c5a26b2

Formatting + zoom bug fix


GD-1z2 Nov 9, 2022
2f1e18b

Change 100% Style + JS


NonozgYtb Nov 11, 2022
5b0dba1

Revert "Change 100% Style + JS"


NonozgYtb Nov 11, 2022
6233e38

New design + SCSS rewrite


GD-1z2 Nov 12, 2022
4b39793

New UI


GD-1z2 Nov 12, 2022

File filter

Filter by extension
Filter by extension
Conversations

Failed to load comments. 
Loading
Jump to

Jump to file


Failed to load files. 
Loading
 Diff view

 Diff view


1 change: 1 addition & 0 deletions
.gitignore

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -22,3 +22,4 @@ dist-ssr
*.njsproj
*.sln
*.sw?
yarn.lock

1 change: 1 addition & 0 deletions
.prettierignore

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
dist

6 changes: 6 additions & 0 deletions
.prettierrc.json

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
{
 "useTabs": false,
 "tabWidth": 2,
 "semi": true,
 "singleQuote": true
}

51 changes: 45 additions & 6 deletions
index.html

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,17 +1,56 @@
<!DOCTYPE html>
<html lang="fr">
 <head>
 <!-- Main Metadata -->
 <meta charset="UTF-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>Listenbourg Map</title>
 <meta name="description" content="Découvrez la carte du Listenbourg !" />
 <link rel="icon" type="image/png" href="favicon.png" />
 <title>ListenMaps</title>

 <link rel="icon" type="image/x-icon" href="/listenbourg.ico" />
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link href="https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz@8..60&display=swap" rel="stylesheet"> 
 <!-- OpenGraph data -->
 <meta property="og:title" content="ListenMap" />
 <meta property="og:site_name" content="ListenMap" />
 <meta property="og:url" content="https://listenbourg.org/" />
 <meta
 property="og:description"
 content="Découvrez la carte du Listenbourg !"
 />
 <meta property="og:type" content="website" />
 <meta property="og:image" content="/assets/website_preview.png" />

 <!-- Apple Mobile -->
 <meta name="apple-mobile-web-app-title" content="ListenMap" />
 <meta name="apple-mobile-web-app-capable" content="yes" />

 <!-- Load Fonts -->
 <link rel="preconnect" href="https://fonts.googleapis.com" />
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
 <link
 rel="stylesheet"
 href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200"
 />
 <link
 href="https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz@8..60&display=swap"
 rel="stylesheet"
 />
 <link href="https://fonts.cdnfonts.com/css/hk-groteks" rel="stylesheet" />

 <!-- Theme data -->
 <meta
 name="theme-color"
 content="#fff"
 media="(prefers-color-scheme: light)"
 />
 <meta
 name="theme-color"
 content="#28272b"
 media="(prefers-color-scheme: dark)"
 />
 </head>

 <body>
 <div id="app"></div>
 <script type="module" src="/src/main.ts"></script>
 <script type="module" src="./src/main.ts"></script>
 </body>
</html>
Loading

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Force GitHub README to respect dark mode
(function() {
var style = document.createElement('style');
style.textContent = '
.markdown-body {
color-scheme: dark light;
}
.markdown-body pre { background: #161b22 !important; }
.markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }
.markdown-body table th, .markdown-body table td { border-color: #30363d !important; }
.markdown-body img { background: #0d1117; }
.markdown-body blockquote { border-left-color: #8b949e; }
.markdown-body hr { border-color: #30363d; }
';
document.head.appendChild(style);
})();
}
} catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '
Add Interactive Map by GD-1z2 · Pull Request #2 · Listenbourg/Map · GitHub
Skip to content

This repository was archived by the owner on Jan 2, 2023. It is now read-only.

Add Interactive Map#2
 Open

GD-1z2
wants to merge
9
commits into

base:main
Choose a base branch

from

 Open


Add Interactive Map
#2
Show file tree
Hide file tree
 Changes from all commits
Commits

Show all changes


9 commits


Select commit
Hold shift + click to select a range
db6161a

Working Map


GD-1z2 Nov 3, 2022
6a798a2

Bug fixes + header


GD-1z2 Nov 3, 2022
3cbb66a

Zooming


GD-1z2 Nov 4, 2022
da658d1

Add dark theme + Some adjust. in the JavaScript


NonozgYtb Nov 5, 2022
c5a26b2

Formatting + zoom bug fix


GD-1z2 Nov 9, 2022
2f1e18b

Change 100% Style + JS


NonozgYtb Nov 11, 2022
5b0dba1

Revert "Change 100% Style + JS"


NonozgYtb Nov 11, 2022
6233e38

New design + SCSS rewrite


GD-1z2 Nov 12, 2022
4b39793

New UI


GD-1z2 Nov 12, 2022

File filter

Filter by extension
Filter by extension
Conversations

Failed to load comments. 
Loading
Jump to

Jump to file


Failed to load files. 
Loading
 Diff view

 Diff view


1 change: 1 addition & 0 deletions
.gitignore

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -22,3 +22,4 @@ dist-ssr
*.njsproj
*.sln
*.sw?
yarn.lock

1 change: 1 addition & 0 deletions
.prettierignore

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
dist

6 changes: 6 additions & 0 deletions
.prettierrc.json

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
{
 "useTabs": false,
 "tabWidth": 2,
 "semi": true,
 "singleQuote": true
}

51 changes: 45 additions & 6 deletions
index.html

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,17 +1,56 @@
<!DOCTYPE html>
<html lang="fr">
 <head>
 <!-- Main Metadata -->
 <meta charset="UTF-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>Listenbourg Map</title>
 <meta name="description" content="Découvrez la carte du Listenbourg !" />
 <link rel="icon" type="image/png" href="favicon.png" />
 <title>ListenMaps</title>

 <link rel="icon" type="image/x-icon" href="/listenbourg.ico" />
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link href="https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz@8..60&display=swap" rel="stylesheet"> 
 <!-- OpenGraph data -->
 <meta property="og:title" content="ListenMap" />
 <meta property="og:site_name" content="ListenMap" />
 <meta property="og:url" content="https://listenbourg.org/" />
 <meta
 property="og:description"
 content="Découvrez la carte du Listenbourg !"
 />
 <meta property="og:type" content="website" />
 <meta property="og:image" content="/assets/website_preview.png" />

 <!-- Apple Mobile -->
 <meta name="apple-mobile-web-app-title" content="ListenMap" />
 <meta name="apple-mobile-web-app-capable" content="yes" />

 <!-- Load Fonts -->
 <link rel="preconnect" href="https://fonts.googleapis.com" />
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
 <link
 rel="stylesheet"
 href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200"
 />
 <link
 href="https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz@8..60&display=swap"
 rel="stylesheet"
 />
 <link href="https://fonts.cdnfonts.com/css/hk-groteks" rel="stylesheet" />

 <!-- Theme data -->
 <meta
 name="theme-color"
 content="#fff"
 media="(prefers-color-scheme: light)"
 />
 <meta
 name="theme-color"
 content="#28272b"
 media="(prefers-color-scheme: dark)"
 />
 </head>

 <body>
 <div id="app"></div>
 <script type="module" src="/src/main.ts"></script>
 <script type="module" src="./src/main.ts"></script>
 </body>
</html>
Loading

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Highlight search terms from Google/DuckDuckGo/Bing referrer
(function() {
var ref = document.referrer;
var terms = [];
if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {
var url = new URL(ref);
var q = url.searchParams.get('q') || url.searchParams.get('p');
if (q) {
terms = q.split(/\s+/).filter(function(t) { return t.length > 2; });
}
}
if (terms.length === 0) return;
var style = document.createElement('style');
style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';
document.head.appendChild(style);
function highlight(node) {
if (node.nodeType === 3) { // text node
var text = node.textContent;
var found = false;
terms.forEach(function(term) {
var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\]\\]/g, '\\') + ')', 'gi');
if (regex.test(text)) {
found = true;
var frag = document.createDocumentFragment();
var parts = text.split(regex);
parts.forEach(function(part, i) {
if (i % 2 === 0) {
frag.appendChild(document.createTextNode(part));
} else {
var span = document.createElement('span');
span.className = 'userscript-highlight';
span.textContent = part;
frag.appendChild(span);
}
});
node.parentNode.replaceChild(frag, node);
}
});
} else if (node.nodeType === 1 && node.childNodes) { // element
var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];
if (!skipTags.includes(node.tagName)) {
Array.from(node.childNodes).forEach(highlight);
}
}
}
highlight(document.body);
// Re-highlight on dynamic content
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(m) {
m.addedNodes.forEach(function(node) {
if (node.nodeType === 1 || node.nodeType === 3) highlight(node);
});
});
});
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '
Add Interactive Map by GD-1z2 · Pull Request #2 · Listenbourg/Map · GitHub
Skip to content

This repository was archived by the owner on Jan 2, 2023. It is now read-only.

Add Interactive Map#2
 Open

GD-1z2
wants to merge
9
commits into

base:main
Choose a base branch

from

 Open


Add Interactive Map
#2
Show file tree
Hide file tree
 Changes from all commits
Commits

Show all changes


9 commits


Select commit
Hold shift + click to select a range
db6161a

Working Map


GD-1z2 Nov 3, 2022
6a798a2

Bug fixes + header


GD-1z2 Nov 3, 2022
3cbb66a

Zooming


GD-1z2 Nov 4, 2022
da658d1

Add dark theme + Some adjust. in the JavaScript


NonozgYtb Nov 5, 2022
c5a26b2

Formatting + zoom bug fix


GD-1z2 Nov 9, 2022
2f1e18b

Change 100% Style + JS


NonozgYtb Nov 11, 2022
5b0dba1

Revert "Change 100% Style + JS"


NonozgYtb Nov 11, 2022
6233e38

New design + SCSS rewrite


GD-1z2 Nov 12, 2022
4b39793

New UI


GD-1z2 Nov 12, 2022

File filter

Filter by extension
Filter by extension
Conversations

Failed to load comments. 
Loading
Jump to

Jump to file


Failed to load files. 
Loading
 Diff view

 Diff view


1 change: 1 addition & 0 deletions
.gitignore

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -22,3 +22,4 @@ dist-ssr
*.njsproj
*.sln
*.sw?
yarn.lock

1 change: 1 addition & 0 deletions
.prettierignore

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
dist

6 changes: 6 additions & 0 deletions
.prettierrc.json

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
{
 "useTabs": false,
 "tabWidth": 2,
 "semi": true,
 "singleQuote": true
}

51 changes: 45 additions & 6 deletions
index.html

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,17 +1,56 @@
<!DOCTYPE html>
<html lang="fr">
 <head>
 <!-- Main Metadata -->
 <meta charset="UTF-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>Listenbourg Map</title>
 <meta name="description" content="Découvrez la carte du Listenbourg !" />
 <link rel="icon" type="image/png" href="favicon.png" />
 <title>ListenMaps</title>

 <link rel="icon" type="image/x-icon" href="/listenbourg.ico" />
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link href="https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz@8..60&display=swap" rel="stylesheet"> 
 <!-- OpenGraph data -->
 <meta property="og:title" content="ListenMap" />
 <meta property="og:site_name" content="ListenMap" />
 <meta property="og:url" content="https://listenbourg.org/" />
 <meta
 property="og:description"
 content="Découvrez la carte du Listenbourg !"
 />
 <meta property="og:type" content="website" />
 <meta property="og:image" content="/assets/website_preview.png" />

 <!-- Apple Mobile -->
 <meta name="apple-mobile-web-app-title" content="ListenMap" />
 <meta name="apple-mobile-web-app-capable" content="yes" />

 <!-- Load Fonts -->
 <link rel="preconnect" href="https://fonts.googleapis.com" />
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
 <link
 rel="stylesheet"
 href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200"
 />
 <link
 href="https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz@8..60&display=swap"
 rel="stylesheet"
 />
 <link href="https://fonts.cdnfonts.com/css/hk-groteks" rel="stylesheet" />

 <!-- Theme data -->
 <meta
 name="theme-color"
 content="#fff"
 media="(prefers-color-scheme: light)"
 />
 <meta
 name="theme-color"
 content="#28272b"
 media="(prefers-color-scheme: dark)"
 />
 </head>

 <body>
 <div id="app"></div>
 <script type="module" src="/src/main.ts"></script>
 <script type="module" src="./src/main.ts"></script>
 </body>
</html>
Loading

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Strip utm_, fbclid, gclid, etc. from all links on page
(function() {
var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',
'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',
'ref', 'ref_src', 'source', 'medium', 'campaign'];
function cleanUrl(url) {
try {
var u = new URL(url, window.location.origin);
var changed = false;
trackingParams.forEach(function(p) {
if (u.searchParams.has(p)) {
u.searchParams.delete(p);
changed = true;
}
});
return changed ? u.toString() : url;
} catch (e) {
return url;
}
}
function cleanLinks() {
document.querySelectorAll('a[href]').forEach(function(a) {
var clean = cleanUrl(a.href);
if (clean !== a.href) a.href = clean;
});
}
cleanLinks();
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(m) {
m.addedNodes.forEach(function(node) {
if (node.nodeType === 1) {
if (node.tagName === 'A') cleanLinks();
node.querySelectorAll('a[href]').forEach(function(a) {
var clean = cleanUrl(a.href);
if (clean !== a.href) a.href = clean;
});
}
});
});
});
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); }
})();
(function(){
try {
var __m = "youtube.com";
var __re = new RegExp('^' + "youtube\\.com" + '
Add Interactive Map by GD-1z2 · Pull Request #2 · Listenbourg/Map · GitHub
Skip to content

This repository was archived by the owner on Jan 2, 2023. It is now read-only.

Add Interactive Map#2
 Open

GD-1z2
wants to merge
9
commits into

base:main
Choose a base branch

from

 Open


Add Interactive Map
#2
Show file tree
Hide file tree
 Changes from all commits
Commits

Show all changes


9 commits


Select commit
Hold shift + click to select a range
db6161a

Working Map


GD-1z2 Nov 3, 2022
6a798a2

Bug fixes + header


GD-1z2 Nov 3, 2022
3cbb66a

Zooming


GD-1z2 Nov 4, 2022
da658d1

Add dark theme + Some adjust. in the JavaScript


NonozgYtb Nov 5, 2022
c5a26b2

Formatting + zoom bug fix


GD-1z2 Nov 9, 2022
2f1e18b

Change 100% Style + JS


NonozgYtb Nov 11, 2022
5b0dba1

Revert "Change 100% Style + JS"


NonozgYtb Nov 11, 2022
6233e38

New design + SCSS rewrite


GD-1z2 Nov 12, 2022
4b39793

New UI


GD-1z2 Nov 12, 2022

File filter

Filter by extension
Filter by extension
Conversations

Failed to load comments. 
Loading
Jump to

Jump to file


Failed to load files. 
Loading
 Diff view

 Diff view


1 change: 1 addition & 0 deletions
.gitignore

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -22,3 +22,4 @@ dist-ssr
*.njsproj
*.sln
*.sw?
yarn.lock

1 change: 1 addition & 0 deletions
.prettierignore

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
dist

6 changes: 6 additions & 0 deletions
.prettierrc.json

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
{
 "useTabs": false,
 "tabWidth": 2,
 "semi": true,
 "singleQuote": true
}

51 changes: 45 additions & 6 deletions
index.html

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,17 +1,56 @@
<!DOCTYPE html>
<html lang="fr">
 <head>
 <!-- Main Metadata -->
 <meta charset="UTF-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>Listenbourg Map</title>
 <meta name="description" content="Découvrez la carte du Listenbourg !" />
 <link rel="icon" type="image/png" href="favicon.png" />
 <title>ListenMaps</title>

 <link rel="icon" type="image/x-icon" href="/listenbourg.ico" />
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link href="https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz@8..60&display=swap" rel="stylesheet"> 
 <!-- OpenGraph data -->
 <meta property="og:title" content="ListenMap" />
 <meta property="og:site_name" content="ListenMap" />
 <meta property="og:url" content="https://listenbourg.org/" />
 <meta
 property="og:description"
 content="Découvrez la carte du Listenbourg !"
 />
 <meta property="og:type" content="website" />
 <meta property="og:image" content="/assets/website_preview.png" />

 <!-- Apple Mobile -->
 <meta name="apple-mobile-web-app-title" content="ListenMap" />
 <meta name="apple-mobile-web-app-capable" content="yes" />

 <!-- Load Fonts -->
 <link rel="preconnect" href="https://fonts.googleapis.com" />
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
 <link
 rel="stylesheet"
 href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200"
 />
 <link
 href="https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz@8..60&display=swap"
 rel="stylesheet"
 />
 <link href="https://fonts.cdnfonts.com/css/hk-groteks" rel="stylesheet" />

 <!-- Theme data -->
 <meta
 name="theme-color"
 content="#fff"
 media="(prefers-color-scheme: light)"
 />
 <meta
 name="theme-color"
 content="#28272b"
 media="(prefers-color-scheme: dark)"
 />
 </head>

 <body>
 <div id="app"></div>
 <script type="module" src="/src/main.ts"></script>
 <script type="module" src="./src/main.ts"></script>
 </body>
</html>
Loading

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Auto-enable theater mode on YouTube
(function() {
function tryTheater() {
var btn = document.querySelector('button[aria-label="Theater mode"], ytd-player #player button[title="Theater mode"]');
if (btn && !btn.classList.contains('activated')) {
btn.click();
}
}
// Try immediately
tryTheater();
// Try after navigation (SPA)
var lastUrl = location.href;
setInterval(function() {
if (location.href !== lastUrl) {
lastUrl = location.href;
setTimeout(tryTheater, 500);
}
}, 1000);
// Also try on player load
var observer = new MutationObserver(tryTheater);
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '
Add Interactive Map by GD-1z2 · Pull Request #2 · Listenbourg/Map · GitHub
Skip to content

This repository was archived by the owner on Jan 2, 2023. It is now read-only.

Add Interactive Map#2
 Open

GD-1z2
wants to merge
9
commits into

base:main
Choose a base branch

from

 Open


Add Interactive Map
#2
Show file tree
Hide file tree
 Changes from all commits
Commits

Show all changes


9 commits


Select commit
Hold shift + click to select a range
db6161a

Working Map


GD-1z2 Nov 3, 2022
6a798a2

Bug fixes + header


GD-1z2 Nov 3, 2022
3cbb66a

Zooming


GD-1z2 Nov 4, 2022
da658d1

Add dark theme + Some adjust. in the JavaScript


NonozgYtb Nov 5, 2022
c5a26b2

Formatting + zoom bug fix


GD-1z2 Nov 9, 2022
2f1e18b

Change 100% Style + JS


NonozgYtb Nov 11, 2022
5b0dba1

Revert "Change 100% Style + JS"


NonozgYtb Nov 11, 2022
6233e38

New design + SCSS rewrite


GD-1z2 Nov 12, 2022
4b39793

New UI


GD-1z2 Nov 12, 2022

File filter

Filter by extension
Filter by extension
Conversations

Failed to load comments. 
Loading
Jump to

Jump to file


Failed to load files. 
Loading
 Diff view

 Diff view


1 change: 1 addition & 0 deletions
.gitignore

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -22,3 +22,4 @@ dist-ssr
*.njsproj
*.sln
*.sw?
yarn.lock

1 change: 1 addition & 0 deletions
.prettierignore

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
dist

6 changes: 6 additions & 0 deletions
.prettierrc.json

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
{
 "useTabs": false,
 "tabWidth": 2,
 "semi": true,
 "singleQuote": true
}

51 changes: 45 additions & 6 deletions
index.html

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,17 +1,56 @@
<!DOCTYPE html>
<html lang="fr">
 <head>
 <!-- Main Metadata -->
 <meta charset="UTF-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>Listenbourg Map</title>
 <meta name="description" content="Découvrez la carte du Listenbourg !" />
 <link rel="icon" type="image/png" href="favicon.png" />
 <title>ListenMaps</title>

 <link rel="icon" type="image/x-icon" href="/listenbourg.ico" />
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link href="https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz@8..60&display=swap" rel="stylesheet"> 
 <!-- OpenGraph data -->
 <meta property="og:title" content="ListenMap" />
 <meta property="og:site_name" content="ListenMap" />
 <meta property="og:url" content="https://listenbourg.org/" />
 <meta
 property="og:description"
 content="Découvrez la carte du Listenbourg !"
 />
 <meta property="og:type" content="website" />
 <meta property="og:image" content="/assets/website_preview.png" />

 <!-- Apple Mobile -->
 <meta name="apple-mobile-web-app-title" content="ListenMap" />
 <meta name="apple-mobile-web-app-capable" content="yes" />

 <!-- Load Fonts -->
 <link rel="preconnect" href="https://fonts.googleapis.com" />
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
 <link
 rel="stylesheet"
 href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200"
 />
 <link
 href="https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz@8..60&display=swap"
 rel="stylesheet"
 />
 <link href="https://fonts.cdnfonts.com/css/hk-groteks" rel="stylesheet" />

 <!-- Theme data -->
 <meta
 name="theme-color"
 content="#fff"
 media="(prefers-color-scheme: light)"
 />
 <meta
 name="theme-color"
 content="#28272b"
 media="(prefers-color-scheme: dark)"
 />
 </head>

 <body>
 <div id="app"></div>
 <script type="module" src="/src/main.ts"></script>
 <script type="module" src="./src/main.ts"></script>
 </body>
</html>
Loading

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Remove or un-stick sticky/fixed headers that block content
(function() {
function unstick() {
document.querySelectorAll('header, nav, [role="banner"], .header, .navbar, .sticky, .fixed-top, [style*="position: fixed"], [style*="position:sticky"]').forEach(function(el) {
if (el.style.position === 'fixed' || el.style.position === 'sticky' || getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {
el.style.position = 'static';
el.style.top = 'auto';
el.style.zIndex = 'auto';
}
});
}
unstick();
var observer = new MutationObserver(unstick);
observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });
})();
}
} catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '
Add Interactive Map by GD-1z2 · Pull Request #2 · Listenbourg/Map · GitHub
Skip to content

This repository was archived by the owner on Jan 2, 2023. It is now read-only.

Add Interactive Map#2
 Open

GD-1z2
wants to merge
9
commits into

base:main
Choose a base branch

from

 Open


Add Interactive Map
#2
Show file tree
Hide file tree
 Changes from all commits
Commits

Show all changes


9 commits


Select commit
Hold shift + click to select a range
db6161a

Working Map


GD-1z2 Nov 3, 2022
6a798a2

Bug fixes + header


GD-1z2 Nov 3, 2022
3cbb66a

Zooming


GD-1z2 Nov 4, 2022
da658d1

Add dark theme + Some adjust. in the JavaScript


NonozgYtb Nov 5, 2022
c5a26b2

Formatting + zoom bug fix


GD-1z2 Nov 9, 2022
2f1e18b

Change 100% Style + JS


NonozgYtb Nov 11, 2022
5b0dba1

Revert "Change 100% Style + JS"


NonozgYtb Nov 11, 2022
6233e38

New design + SCSS rewrite


GD-1z2 Nov 12, 2022
4b39793

New UI


GD-1z2 Nov 12, 2022

File filter

Filter by extension
Filter by extension
Conversations

Failed to load comments. 
Loading
Jump to

Jump to file


Failed to load files. 
Loading
 Diff view

 Diff view


1 change: 1 addition & 0 deletions
.gitignore

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -22,3 +22,4 @@ dist-ssr
*.njsproj
*.sln
*.sw?
yarn.lock

1 change: 1 addition & 0 deletions
.prettierignore

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
dist

6 changes: 6 additions & 0 deletions
.prettierrc.json

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
{
 "useTabs": false,
 "tabWidth": 2,
 "semi": true,
 "singleQuote": true
}

51 changes: 45 additions & 6 deletions
index.html

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,17 +1,56 @@
<!DOCTYPE html>
<html lang="fr">
 <head>
 <!-- Main Metadata -->
 <meta charset="UTF-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>Listenbourg Map</title>
 <meta name="description" content="Découvrez la carte du Listenbourg !" />
 <link rel="icon" type="image/png" href="favicon.png" />
 <title>ListenMaps</title>

 <link rel="icon" type="image/x-icon" href="/listenbourg.ico" />
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link href="https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz@8..60&display=swap" rel="stylesheet"> 
 <!-- OpenGraph data -->
 <meta property="og:title" content="ListenMap" />
 <meta property="og:site_name" content="ListenMap" />
 <meta property="og:url" content="https://listenbourg.org/" />
 <meta
 property="og:description"
 content="Découvrez la carte du Listenbourg !"
 />
 <meta property="og:type" content="website" />
 <meta property="og:image" content="/assets/website_preview.png" />

 <!-- Apple Mobile -->
 <meta name="apple-mobile-web-app-title" content="ListenMap" />
 <meta name="apple-mobile-web-app-capable" content="yes" />

 <!-- Load Fonts -->
 <link rel="preconnect" href="https://fonts.googleapis.com" />
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
 <link
 rel="stylesheet"
 href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200"
 />
 <link
 href="https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz@8..60&display=swap"
 rel="stylesheet"
 />
 <link href="https://fonts.cdnfonts.com/css/hk-groteks" rel="stylesheet" />

 <!-- Theme data -->
 <meta
 name="theme-color"
 content="#fff"
 media="(prefers-color-scheme: light)"
 />
 <meta
 name="theme-color"
 content="#28272b"
 media="(prefers-color-scheme: dark)"
 />
 </head>

 <body>
 <div id="app"></div>
 <script type="module" src="/src/main.ts"></script>
 <script type="module" src="./src/main.ts"></script>
 </body>
</html>
Loading

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Universal Dark Mode - works on any site
(function() {
var enabled = true;
function applyDarkMode() {
if (!enabled) return;
// Create style element if it doesn't exist
var style = document.getElementById('universal-dark-mode-style');
if (!style) {
style = document.createElement('style');
style.id = 'universal-dark-mode-style';
document.head.appendChild(style);
}
// Dark mode CSS - inverts colors but preserves images/video
style.textContent = '
/* Invert everything except media */
html {
filter: invert(1) hue-rotate(180deg) !important;
background: #1a1a2e !important;
}
/* Restore images, videos, iframes, canvas */
img, video, iframe, canvas, svg, picture, [style*="background-image"] {
filter: invert(1) hue-rotate(180deg) !important;
}
/* Preserve specific elements that should not be inverted */
.no-dark-mode, .no-dark-mode *,
[data-theme="light"], [data-theme="light"],
.ace_editor, .ace_editor *,
.CodeMirror, .CodeMirror *,
.monaco-editor, .monaco-editor *,
.markdown-body pre, .markdown-body pre *,
.highlight, .highlight *,
pre code, pre code * {
filter: none !important;
}
/* Fix common UI elements */
.modal, .popup, .dropdown-menu, .tooltip, .popover {
filter: invert(1) hue-rotate(180deg) !important;
background: #2d2d44 !important;
border-color: #444 !important;
}
/* Scrollbars */
::-webkit-scrollbar { background: #1a1a2e !important; }
::-webkit-scrollbar-thumb { background: #444 !important; }
::-webkit-scrollbar-thumb:hover { background: #555 !important; }
/* Selection */
::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }
::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }
';
}
function removeDarkMode() {
var style = document.getElementById('universal-dark-mode-style');
if (style) style.remove();
}
// Toggle with Alt+Shift+D
document.addEventListener('keydown', function(e) {
if (e.altKey && e.shiftKey && e.key === 'D') {
e.preventDefault();
enabled = !enabled;
if (enabled) {
applyDarkMode();
console.log('[Universal Dark Mode] Enabled');
} else {
removeDarkMode();
console.log('[Universal Dark Mode] Disabled');
}
}
});
// Apply on load
applyDarkMode();
// Re-apply on dynamic content
var observer = new MutationObserver(function(mutations) {
if (enabled && !document.getElementById('universal-dark-mode-style')) {
applyDarkMode();
}
});
observer.observe(document.head, { childList: true });
console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');
})();
}
} catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); }
})();
})();
Add Interactive Map by GD-1z2 · Pull Request #2 · Listenbourg/Map · GitHub
Skip to content

This repository was archived by the owner on Jan 2, 2023. It is now read-only.

Add Interactive Map#2
 Open

GD-1z2
wants to merge
9
commits into

base:main
Choose a base branch

from

 Open


Add Interactive Map
#2
Show file tree
Hide file tree
 Changes from all commits
Commits

Show all changes


9 commits


Select commit
Hold shift + click to select a range
db6161a

Working Map


GD-1z2 Nov 3, 2022
6a798a2

Bug fixes + header


GD-1z2 Nov 3, 2022
3cbb66a

Zooming


GD-1z2 Nov 4, 2022
da658d1

Add dark theme + Some adjust. in the JavaScript


NonozgYtb Nov 5, 2022
c5a26b2

Formatting + zoom bug fix


GD-1z2 Nov 9, 2022
2f1e18b

Change 100% Style + JS


NonozgYtb Nov 11, 2022
5b0dba1

Revert "Change 100% Style + JS"


NonozgYtb Nov 11, 2022
6233e38

New design + SCSS rewrite


GD-1z2 Nov 12, 2022
4b39793

New UI


GD-1z2 Nov 12, 2022

File filter

Filter by extension
Filter by extension
Conversations

Failed to load comments. 
Loading
Jump to

Jump to file


Failed to load files. 
Loading
 Diff view

 Diff view


1 change: 1 addition & 0 deletions
.gitignore

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -22,3 +22,4 @@ dist-ssr
*.njsproj
*.sln
*.sw?
yarn.lock

1 change: 1 addition & 0 deletions
.prettierignore

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
dist

6 changes: 6 additions & 0 deletions
.prettierrc.json

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
{
 "useTabs": false,
 "tabWidth": 2,
 "semi": true,
 "singleQuote": true
}

51 changes: 45 additions & 6 deletions
index.html

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,17 +1,56 @@
<!DOCTYPE html>
<html lang="fr">
 <head>
 <!-- Main Metadata -->
 <meta charset="UTF-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>Listenbourg Map</title>
 <meta name="description" content="Découvrez la carte du Listenbourg !" />
 <link rel="icon" type="image/png" href="favicon.png" />
 <title>ListenMaps</title>

 <link rel="icon" type="image/x-icon" href="/listenbourg.ico" />
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link href="https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz@8..60&display=swap" rel="stylesheet"> 
 <!-- OpenGraph data -->
 <meta property="og:title" content="ListenMap" />
 <meta property="og:site_name" content="ListenMap" />
 <meta property="og:url" content="https://listenbourg.org/" />
 <meta
 property="og:description"
 content="Découvrez la carte du Listenbourg !"
 />
 <meta property="og:type" content="website" />
 <meta property="og:image" content="/assets/website_preview.png" />

 <!-- Apple Mobile -->
 <meta name="apple-mobile-web-app-title" content="ListenMap" />
 <meta name="apple-mobile-web-app-capable" content="yes" />

 <!-- Load Fonts -->
 <link rel="preconnect" href="https://fonts.googleapis.com" />
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
 <link
 rel="stylesheet"
 href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200"
 />
 <link
 href="https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz@8..60&display=swap"
 rel="stylesheet"
 />
 <link href="https://fonts.cdnfonts.com/css/hk-groteks" rel="stylesheet" />

 <!-- Theme data -->
 <meta
 name="theme-color"
 content="#fff"
 media="(prefers-color-scheme: light)"
 />
 <meta
 name="theme-color"
 content="#28272b"
 media="(prefers-color-scheme: dark)"
 />
 </head>

 <body>
 <div id="app"></div>
 <script type="module" src="/src/main.ts"></script>
 <script type="module" src="./src/main.ts"></script>
 </body>
</html>
Loading