From 7bf576250e85473ab93caa44163e211dcc4e6ee8 Mon Sep 17 00:00:00 2001 From: Johannes Nordskov Date: Fri, 6 Mar 2026 23:35:47 +0100 Subject: attempt to incorporate a burger menu --- about.html | 46 ++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 46 insertions(+) create mode 100644 about.html (limited to 'about.html') diff --git a/about.html b/about.html new file mode 100644 index 0000000..c964407 --- /dev/null +++ b/about.html @@ -0,0 +1,46 @@ + + + + + SPYOSCAPE + + + + + + + + + +
+
+ + + + + +
+
+

What is SPYOSCAPE?

+

SPYOSCAPE is a hobby project that aims to localise and map the artwork of the Danish graffiti artist SPYO. The artwork included on this site contains only political statements, phrases or alike. This means that regular tags and throwups etc. are not mapped.

+ +

How do you know it actually is SPYO?

+

I don't. I make an educated guess based on context, painting style and letter formatting.

+ +

Am I missing something?

You are very welcome to create a pull request with images of artwork I have not yet mapped. The process for doing so is described at the contribution section section. Thank you for stopping by!

+
+
+

Contributors

+

These people have in some way contributed to the SPYOSCAPE project.

+
    +
  • +
+
+
+ + + -- cgit v1.3.1 From 3678dc2f6690cedefc0356d748f69939249e04e1 Mon Sep 17 00:00:00 2001 From: Johannes Nordskov Date: Fri, 6 Mar 2026 23:44:19 +0100 Subject: moved about page to subfolder --- about.html | 46 ---------------------------------------------- index.html | 2 +- pages/about.html | 46 ++++++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 47 insertions(+), 47 deletions(-) delete mode 100644 about.html create mode 100644 pages/about.html (limited to 'about.html') diff --git a/about.html b/about.html deleted file mode 100644 index c964407..0000000 --- a/about.html +++ /dev/null @@ -1,46 +0,0 @@ - - - - - SPYOSCAPE - - - - - - - - - -
-
- - - - - -
-
-

What is SPYOSCAPE?

-

SPYOSCAPE is a hobby project that aims to localise and map the artwork of the Danish graffiti artist SPYO. The artwork included on this site contains only political statements, phrases or alike. This means that regular tags and throwups etc. are not mapped.

- -

How do you know it actually is SPYO?

-

I don't. I make an educated guess based on context, painting style and letter formatting.

- -

Am I missing something?

You are very welcome to create a pull request with images of artwork I have not yet mapped. The process for doing so is described at the contribution section section. Thank you for stopping by!

-
-
-

Contributors

-

These people have in some way contributed to the SPYOSCAPE project.

-
    -
  • -
-
-
- - - diff --git a/index.html b/index.html index 080a9a9..f9fdc02 100644 --- a/index.html +++ b/index.html @@ -28,7 +28,7 @@ diff --git a/pages/about.html b/pages/about.html new file mode 100644 index 0000000..c964407 --- /dev/null +++ b/pages/about.html @@ -0,0 +1,46 @@ + + + + + SPYOSCAPE + + + + + + + + + +
+
+ + + + + +
+
+

What is SPYOSCAPE?

+

SPYOSCAPE is a hobby project that aims to localise and map the artwork of the Danish graffiti artist SPYO. The artwork included on this site contains only political statements, phrases or alike. This means that regular tags and throwups etc. are not mapped.

+ +

How do you know it actually is SPYO?

+

I don't. I make an educated guess based on context, painting style and letter formatting.

+ +

Am I missing something?

You are very welcome to create a pull request with images of artwork I have not yet mapped. The process for doing so is described at the contribution section section. Thank you for stopping by!

+
+
+

Contributors

+

These people have in some way contributed to the SPYOSCAPE project.

+
    +
  • +
+
+
+ + + -- cgit v1.3.1 From d01cfc547e43c52f168ecfe1cd749c0905e204a8 Mon Sep 17 00:00:00 2001 From: Johannes Nordskov Date: Fri, 6 Mar 2026 23:52:27 +0100 Subject: moved about page to root folder for static to work and modified build pipeline --- .gitlab-ci.yml | 2 +- about.html | 47 +++++++++++++++++++++++++++++++++++++++++++++++ pages/about.html | 47 ----------------------------------------------- 3 files changed, 48 insertions(+), 48 deletions(-) create mode 100644 about.html delete mode 100644 pages/about.html (limited to 'about.html') diff --git a/.gitlab-ci.yml b/.gitlab-ci.yml index 6be96e2..b1b9982 100644 --- a/.gitlab-ci.yml +++ b/.gitlab-ci.yml @@ -13,7 +13,7 @@ pages: script: - echo "The site will be deployed to $CI_PAGES_URL" - mkdir public - - cp -r index.html static pages public/ + - cp -r index.html about.html static public/ artifacts: paths: - public diff --git a/about.html b/about.html new file mode 100644 index 0000000..7cefc7f --- /dev/null +++ b/about.html @@ -0,0 +1,47 @@ + + + + + SPYOSCAPE + + + + + + + + + +
+
+ + + + + +
+
+

What is SPYOSCAPE?

+

SPYOSCAPE is a hobby project that aims to localise and map the artwork of the Danish graffiti artist SPYO. The artwork included on this site contains only political statements, phrases or alike. This means that regular tags and throwups etc. are not mapped.

+ +

How do you know it actually is SPYO?

+

I don't. I make an educated guess based on context, painting style and letter formatting.

+ +

Am I missing something?

You are very welcome to create a pull request with images of artwork I have not yet mapped. The process for doing so is described at the contribution section section. Thank you for stopping by!

+
+
+

Contributors

+

These people have in some way contributed to the SPYOSCAPE project.

+
    +
  • chris@node5.net
  • +
  • Jappa
  • +
+
+
+ + + diff --git a/pages/about.html b/pages/about.html deleted file mode 100644 index 7cefc7f..0000000 --- a/pages/about.html +++ /dev/null @@ -1,47 +0,0 @@ - - - - - SPYOSCAPE - - - - - - - - - -
-
- - - - - -
-
-

What is SPYOSCAPE?

-

SPYOSCAPE is a hobby project that aims to localise and map the artwork of the Danish graffiti artist SPYO. The artwork included on this site contains only political statements, phrases or alike. This means that regular tags and throwups etc. are not mapped.

- -

How do you know it actually is SPYO?

-

I don't. I make an educated guess based on context, painting style and letter formatting.

- -

Am I missing something?

You are very welcome to create a pull request with images of artwork I have not yet mapped. The process for doing so is described at the contribution section section. Thank you for stopping by!

-
-
-

Contributors

-

These people have in some way contributed to the SPYOSCAPE project.

-
    -
  • chris@node5.net
  • -
  • Jappa
  • -
-
-
- - - -- cgit v1.3.1 From 9d354d941e5a1307f77480624c5799bd0923b5fa Mon Sep 17 00:00:00 2001 From: Johannes Nordskov Date: Sat, 7 Mar 2026 08:31:34 +0100 Subject: added contributor Congo --- about.html | 1 + static/style/style.css | 2 -- 2 files changed, 1 insertion(+), 2 deletions(-) (limited to 'about.html') diff --git a/about.html b/about.html index 7cefc7f..2061e10 100644 --- a/about.html +++ b/about.html @@ -39,6 +39,7 @@
  • chris@node5.net
  • Jappa
  • +
  • Congo
diff --git a/static/style/style.css b/static/style/style.css index bc4d5de..631026f 100644 --- a/static/style/style.css +++ b/static/style/style.css @@ -26,7 +26,6 @@ div.contributors li { #navlinks { max-height: 0; overflow: hidden; - opacity: 0; transition: max-height 0.5s ease; grid-column: 1 / -1; @@ -35,7 +34,6 @@ div.contributors li { #navlinks.open { padding-top: 20px; max-height: 300px; - opacity: 1; } /*#navlinks { -- cgit v1.3.1 From 574fc75e9056713114aee50c18973eff357758a8 Mon Sep 17 00:00:00 2001 From: Johannes Nordskov Date: Sat, 7 Mar 2026 10:11:54 +0100 Subject: removed duplicate artwork and added contributors --- about.html | 9 ++++++--- static/js/data.json | 8 -------- 2 files changed, 6 insertions(+), 11 deletions(-) (limited to 'about.html') diff --git a/about.html b/about.html index 2061e10..fef4443 100644 --- a/about.html +++ b/about.html @@ -31,15 +31,18 @@

I don't. I make an educated guess based on context, painting style and letter formatting.

Am I missing something?

You are very welcome to create a pull request with images of artwork I have not yet mapped. The process for doing so is described at the contribution section section. Thank you for stopping by!

+

You are very welcome to create a pull request with images of artwork I have not yet mapped. To do so, head to the Gitlab page and follow the steps in the contribution section. You are also welcome to tip me by e-mail at hello@spyoscape.dk

+

Thank you for stopping by!

Contributors

-

These people have in some way contributed to the SPYOSCAPE project.

+

These people have contributed to the SPYOSCAPE project by either submitting code, pictures or both.

  • chris@node5.net
  • -
  • Jappa
  • Congo
  • +
  • K1NGFIXED
  • +
  • lillefitimand
  • +
  • Jappa
diff --git a/static/js/data.json b/static/js/data.json index 3ea1d42..3339b83 100644 --- a/static/js/data.json +++ b/static/js/data.json @@ -498,14 +498,6 @@ ], "image": "static/images/dine-problemer-har-ingen-problemer.jpg" }, - "DiSCUSTiNG HABiT!": { - "lat": 55.707783, - "lng": 12.555975, - "authors": [ - "SPYO" - ], - "image": "static/images/discusting-habit.jpeg" - }, "Dit V\u00c6RD St\u00c5R P\u00c5 DiN L\u00d8NSEDDEL": { "lat": 55.613786, "lng": 12.510473, -- cgit v1.3.1 From c6a94d4e3d3bca061ed7c2ba2bbbb9b0dd32213e Mon Sep 17 00:00:00 2001 From: Johannes Nordskov Date: Sun, 8 Mar 2026 09:20:50 +0100 Subject: added new artwork at sorte rene and included new contributors --- about.html | 4 +++- ...tendencies-requires-low-intelligent-frequencies.jpg | Bin 0 -> 228774 bytes static/js/data.json | 8 ++++++++ 3 files changed, 11 insertions(+), 1 deletion(-) create mode 100644 static/images/fascist-and-racist-tendencies-requires-low-intelligent-frequencies.jpg (limited to 'about.html') diff --git a/about.html b/about.html index fef4443..d977a01 100644 --- a/about.html +++ b/about.html @@ -36,12 +36,14 @@

Contributors

-

These people have contributed to the SPYOSCAPE project by either submitting code, pictures or both.

+

These people have contributed to the SPYOSCAPE project either by submitting code, pictures or both.

  • chris@node5.net
  • Congo
  • K1NGFIXED
  • lillefitimand
  • +
  • BLAL
  • +
  • GarseFather
  • Jappa
diff --git a/static/images/fascist-and-racist-tendencies-requires-low-intelligent-frequencies.jpg b/static/images/fascist-and-racist-tendencies-requires-low-intelligent-frequencies.jpg new file mode 100644 index 0000000..976a6db Binary files /dev/null and b/static/images/fascist-and-racist-tendencies-requires-low-intelligent-frequencies.jpg differ diff --git a/static/js/data.json b/static/js/data.json index 3339b83..d5c49cf 100644 --- a/static/js/data.json +++ b/static/js/data.json @@ -596,6 +596,14 @@ ], "image": "static/images/falastin.jpg" }, + "FASCIST & RACIST TENDENCiES REQUIRES LOW INTELLiGENT FREqUENCIES": { + "lat": 55.685136, + "lng": 12.55276, + "authors": [ + "SPYO" + ], + "image": "static/images/fascist-and-racist-tendencies-requires-low-intelligent-frequencies.jpg" + }, "FAtNESS WORLD": { "lat": 55.698572, "lng": 12.535864, -- cgit v1.3.1 From 67d6f3ca1e7e2fad178599e76c31c6209dbc55cc Mon Sep 17 00:00:00 2001 From: Johannes Nordskov Date: Mon, 9 Mar 2026 08:27:37 +0100 Subject: added contributor and fixed logo viewheight --- about.html | 1 + static/style/style.css | 2 +- 2 files changed, 2 insertions(+), 1 deletion(-) (limited to 'about.html') diff --git a/about.html b/about.html index d977a01..8a48f6b 100644 --- a/about.html +++ b/about.html @@ -40,6 +40,7 @@
  • chris@node5.net
  • Congo
  • +
  • Dzeinuda
  • K1NGFIXED
  • lillefitimand
  • BLAL
  • diff --git a/static/style/style.css b/static/style/style.css index 98a2f72..307d787 100644 --- a/static/style/style.css +++ b/static/style/style.css @@ -256,7 +256,7 @@ a:hover { } */ header img.banner { - height: 15vh; + height: 10vh; } header img { -- cgit v1.3.1 From 09dcbef8b825cf4e54dd476684ea9152b218620c Mon Sep 17 00:00:00 2001 From: Johannes Nordskov Date: Mon, 9 Mar 2026 10:23:30 +0100 Subject: added contributors --- about.html | 3 +++ 1 file changed, 3 insertions(+) (limited to 'about.html') diff --git a/about.html b/about.html index 8a48f6b..8117588 100644 --- a/about.html +++ b/about.html @@ -42,6 +42,9 @@
  • Congo
  • Dzeinuda
  • K1NGFIXED
  • +
  • Ingahild Grathmer
  • +
  • Doctore
  • +
  • R. Jarlov
  • lillefitimand
  • BLAL
  • GarseFather
  • -- cgit v1.3.1 From 1b87df32ef05006c355b2b7eb9728c40ecdb61e3 Mon Sep 17 00:00:00 2001 From: Johannes Nordskov Date: Mon, 9 Mar 2026 10:24:49 +0100 Subject: added bofrede --- about.html | 1 + 1 file changed, 1 insertion(+) (limited to 'about.html') diff --git a/about.html b/about.html index 8117588..0315f0e 100644 --- a/about.html +++ b/about.html @@ -39,6 +39,7 @@

    These people have contributed to the SPYOSCAPE project either by submitting code, pictures or both.

    • chris@node5.net
    • +
    • bofrede
    • Congo
    • Dzeinuda
    • K1NGFIXED
    • -- cgit v1.3.1 From 67aec6771bdd563a00314b16cbeedc2c772f556e Mon Sep 17 00:00:00 2001 From: Johannes Nordskov Date: Mon, 9 Mar 2026 10:33:51 +0100 Subject: added contributor --- about.html | 1 + 1 file changed, 1 insertion(+) (limited to 'about.html') diff --git a/about.html b/about.html index 0315f0e..98c00ae 100644 --- a/about.html +++ b/about.html @@ -50,6 +50,7 @@
    • BLAL
    • GarseFather
    • Jappa
    • +
    • Bejsing
    -- cgit v1.3.1 From cb98978aacc2fc90972ad4c6085657986603bf67 Mon Sep 17 00:00:00 2001 From: Johannes Nordskov Date: Mon, 9 Mar 2026 20:57:16 +0100 Subject: new artwork, contributors and styling --- about.html | 22 +++++++++----- static/images/why-has-debt-become-sovereign.jpg | Bin 0 -> 441523 bytes static/js/data.json | 8 +++++ static/style/style.css | 38 +++++++++++++++++++----- 4 files changed, 52 insertions(+), 16 deletions(-) create mode 100644 static/images/why-has-debt-become-sovereign.jpg (limited to 'about.html') diff --git a/about.html b/about.html index 98c00ae..f275c0e 100644 --- a/about.html +++ b/about.html @@ -24,30 +24,36 @@
    -

    What is SPYOSCAPE?

    -

    SPYOSCAPE is a hobby project that aims to localise and map the artwork of the Danish graffiti artist SPYO. The artwork included on this site contains only political statements, phrases or alike. This means that regular tags and throwups etc. are not mapped.

    +

    What is SPYOSCAPE?

    +

    SPYOSCAPE is a hobby project that aims to localise and map the artwork of the Danish graffiti artist SPYO. The artwork included on this site contains only political statements, phrases or alike. This means that regular tags and throwups etc. are not mapped.

    How do you know it actually is SPYO?

    -

    I don't. I make an educated guess based on context, painting style and letter formatting.

    +

    I don't. I make a guess based on context, painting style and letter formatting.

    -

    Am I missing something?

    Am I missing something?

    You are very welcome to create a pull request with images of artwork I have not yet mapped. To do so, head to the Gitlab page and follow the steps in the contribution section. You are also welcome to tip me by e-mail at hello@spyoscape.dk

    Thank you for stopping by!

    -

    Contributors

    -

    These people have contributed to the SPYOSCAPE project either by submitting code, pictures or both.

    +

    Code contributors

    +
      +
    • chris@node5.net
    • +
    • bofrede
    • +
    +

    Artwork contributors

    • chris@node5.net
    • bofrede
    • Congo
    • Dzeinuda
    • +
    • fonzy74
    • K1NGFIXED
    • +
    • BLAL
    • Ingahild Grathmer
    • +
    • lillefitimand
    • Doctore
    • R. Jarlov
    • -
    • lillefitimand
    • -
    • BLAL
    • +
    • Otto Berner
    • GarseFather
    • Jappa
    • Bejsing
    • diff --git a/static/images/why-has-debt-become-sovereign.jpg b/static/images/why-has-debt-become-sovereign.jpg new file mode 100644 index 0000000..7e16e58 Binary files /dev/null and b/static/images/why-has-debt-become-sovereign.jpg differ diff --git a/static/js/data.json b/static/js/data.json index d5c49cf..1012391 100644 --- a/static/js/data.json +++ b/static/js/data.json @@ -2007,6 +2007,14 @@ ], "image": "static/images/WHEN%20WILL%20I%20GET%20LAID%253F.webp" }, + "WHY HAS DEBT BECOME SOVEREiGN?": { + "lat": 55.67391, + "lng": 12.60323, + "authors": [ + "SPYO" + ], + "image": "static/images/why-has-debt-become-sovereign.jpg" + }, "WORLD ECONOMiC FORUM": { "lat": 55.679683, "lng": 12.549783, diff --git a/static/style/style.css b/static/style/style.css index 307d787..cb6dc5c 100644 --- a/static/style/style.css +++ b/static/style/style.css @@ -15,10 +15,40 @@ body { height: 100%; } +h1 { + text-align: center; + font-size: 40px; + text-align: center; + text-shadow: 2px 2px 2px #202020; + transform: skewY(-2deg) translate(-1rem,-0.4rem); + text-underline-offset: 4%; + text-decoration: underline; + text-decoration-color: #bd93f9; + text-decoration-thickness: 5px; +} + +h2 { + font-size: 20px; + margin: 0px; + transform: skewY(-2deg) translate(-1rem,-0.4rem); + padding-left: 16px; + padding-top: 20px; + padding-bottom: 10px; + text-decoration: underline; + text-decoration-color: currentcolor; + text-decoration-thickness: auto; + text-decoration-color: #ff79c6; + text-decoration-thickness: 3px; +} + div.about,div.contributors { padding-left: 20px; } +div.contributors ul { + padding-left: 15px; +} + div.contributors li { margin-left: unset; } @@ -214,14 +244,6 @@ body { letter-spacing: 0.1px; } -h1 { - text-align: center; - font-size: 40px; - line-height: 48px; - text-shadow: 2px 2px 2px #202020; - font-family: 'Josefin Sans', sans-serif; -} - a, a:visited { text-decoration: none;; font-weight: bold; -- cgit v1.3.1 From 423d9113f87ceeef7b792dafaf1aa1fad8c9325b Mon Sep 17 00:00:00 2001 From: Johannes Nordskov Date: Mon, 9 Mar 2026 21:43:25 +0100 Subject: added contributor --- about.html | 1 + 1 file changed, 1 insertion(+) (limited to 'about.html') diff --git a/about.html b/about.html index f275c0e..1fe56d6 100644 --- a/about.html +++ b/about.html @@ -47,6 +47,7 @@
    • Congo
    • Dzeinuda
    • fonzy74
    • +
    • wizard
    • K1NGFIXED
    • BLAL
    • Ingahild Grathmer
    • -- cgit v1.3.1 From 4a5910967c0cc259f53a0aaec6e506f85baf6b44 Mon Sep 17 00:00:00 2001 From: Johannes Nordskov Date: Tue, 10 Mar 2026 17:20:29 +0100 Subject: changed styling, remove diacritics and contributor --- about.html | 1 + static/js/menu.js | 47 ++++++++++++++++++++++++++--------------------- static/style/style.css | 4 ++-- 3 files changed, 29 insertions(+), 23 deletions(-) (limited to 'about.html') diff --git a/about.html b/about.html index 1fe56d6..d6bea7d 100644 --- a/about.html +++ b/about.html @@ -56,6 +56,7 @@
    • R. Jarlov
    • Otto Berner
    • GarseFather
    • +
    • far
    • Jappa
    • Bejsing
    diff --git a/static/js/menu.js b/static/js/menu.js index 086d32e..5d746ff 100644 --- a/static/js/menu.js +++ b/static/js/menu.js @@ -12,33 +12,38 @@ function toggleNav() { menu.classList.toggle("open"); } +function removeDiacritics(str) { + return str.normalize("NFD").replace(/[\u0300-\u036f]/g, ""); +} + function searchList() { - var input, filter, ul, li, a, i, txtValue; - input = document.getElementById("search"); - input.focus({ preventScroll: true }); - filter = input.value.toUpperCase(); - ul = document.getElementById("links"); - li = ul.getElementsByTagName("li"); - for (i = 0; i < li.length; i++) { - a = li[i].getElementsByTagName("a")[0]; - txtValue = a.textContent || a.innerText; - if (txtValue.toUpperCase().indexOf(filter) > -1) { - li[i].style.display = ""; - } else { - li[i].style.display = "none"; - } + var input, filter, ul, li, a, i, txtValue; + input = document.getElementById("search"); + input.focus({ preventScroll: true }); + filter = input.value.toUpperCase(); + filter = removeDiacritics(input.value.toUpperCase()); + ul = document.getElementById("links"); + li = ul.getElementsByTagName("li") + for (i = 0; i < li.length; i++) { + a = li[i].getElementsByTagName("a")[0]; + txtValue = a.textContent || a.innerText; + if (txtValue.toUpperCase().indexOf(filter) > -1) { + li[i].style.display = ""; + } else { + li[i].style.display = "none"; } + } } function scrollSearch() { - var input; - input = document.getElementById("search"); - input.addEventListener("click", () => { - document.getElementById("search").scrollIntoView({ - behavior: "smooth", - block: "start" - }); + var input; + input = document.getElementById("search"); + input.addEventListener("click", () => { + document.getElementById("search").scrollIntoView({ + behavior: "smooth", + block: "start" }); + }); } function handleFocus() { diff --git a/static/style/style.css b/static/style/style.css index a164371..27803c5 100644 --- a/static/style/style.css +++ b/static/style/style.css @@ -120,10 +120,10 @@ a.icon { } .wrapper { - /*height: 100%;*/ + height: 100%; margin-left: 20px; margin-right: 20px; - padding-bottom: 1px; + /*padding-bottom: 1px;*/ } #map { -- cgit v1.3.1 From eaff31c74a3acfc2e9cda0963cca9f04c5136fcc Mon Sep 17 00:00:00 2001 From: Johannes Nordskov Date: Mon, 23 Mar 2026 22:03:37 +0100 Subject: added new contributor --- about.html | 1 + 1 file changed, 1 insertion(+) (limited to 'about.html') diff --git a/about.html b/about.html index d6bea7d..af5b2fe 100644 --- a/about.html +++ b/about.html @@ -59,6 +59,7 @@
  • far
  • Jappa
  • Bejsing
  • +
  • Sparehjorten
-- cgit v1.3.1 From 9b01d51a610a26141ef0f21d1b61c681d46d2426 Mon Sep 17 00:00:00 2001 From: Johannes Nordskov Date: Sun, 12 Apr 2026 14:39:35 +0200 Subject: added contributor --- about.html | 1 + 1 file changed, 1 insertion(+) (limited to 'about.html') diff --git a/about.html b/about.html index af5b2fe..0efd56f 100644 --- a/about.html +++ b/about.html @@ -45,6 +45,7 @@
  • chris@node5.net
  • bofrede
  • Congo
  • +
  • Amack Daddy
  • Dzeinuda
  • fonzy74
  • wizard
  • -- cgit v1.3.1