2017-04-04 01:24:46 +02:00
<!--
2022-04-28 12:41:19 +02:00
The 2022 r/place Atlas
2022-04-09 04:45:47 +02:00
Copyright (c) 2017 Roland Rytz < roland @ draemm . li >
2024-01-12 10:27:25 +01:00
Copyright (c) 2022 Place Atlas Initiative and contributors
2023-07-20 07:38:27 +02:00
Licensed under AGPL-3.0 (https://2022.place-atlas.stefanocoding.me/license.txt)
2017-04-04 01:24:46 +02:00
-->
2022-04-04 18:05:40 +02:00
<!DOCTYPE html>
2022-04-08 16:14:58 +02:00
< html lang = "en" >
2017-04-04 01:24:46 +02:00
< head >
2022-04-04 18:05:40 +02:00
< meta charset = "UTF-8" >
2022-04-26 10:00:25 +02:00
< title > The 2022 r/place Atlas< / title >
2022-04-29 07:31:12 +02:00
< meta name = "description" content = "An interactive map of Reddit's 2022 r/place, with information to each artwork of the canvas provided by the community." >
2024-01-12 10:27:25 +01:00
< meta name = "author" content = "Place Atlas Initiative and contributors (original by Roland Rytz)" >
< meta name = "application-name" content = "The 2022 r/place Atlas" >
2017-04-04 01:24:46 +02:00
< meta name = "robots" content = "index, follow" >
2024-06-06 05:33:26 +02:00
2022-04-26 10:00:25 +02:00
< meta property = "og:title" content = "The 2022 r/place Atlas" >
2022-04-10 08:32:42 +02:00
< meta property = "og:type" content = "website" >
2023-07-20 07:38:27 +02:00
< meta property = "og:url" content = "https://2022.place-atlas.stefanocoding.me/" >
< meta property = "og:image" content = "https://2022.place-atlas.stefanocoding.me/_img/logo.png" >
2022-04-10 08:32:42 +02:00
< meta property = "og:image:type" content = "image/png" >
< meta property = "og:image:width" content = "512" >
< meta property = "og:image:height" content = "512" >
2024-01-12 10:27:25 +01:00
< meta property = "og:image:alt" content = "The 2022 r/place Atlas logo" >
2022-04-29 07:31:12 +02:00
< meta property = "og:description" content = "An interactive map of Reddit's 2022 r/place, with information to each artwork of the canvas provided by the community." >
2023-07-29 19:05:29 +02:00
< meta name = "twitter:card" content = "summary" >
< meta name = "twitter:url" content = "https://2022.place-atlas.stefanocoding.me/" >
< meta name = "twitter:title" content = "The 2022 r/place Atlas" >
< meta name = "twitter:description" content = "An interactive map of Reddit's 2022 r/place, with information to each artwork of the canvas provided by the community." >
< meta name = "twitter:image" content = "https://2022.place-atlas.stefanocoding.me/_img/logo.png" >
< meta name = "twitter:image:alt" content = "The 2022 r/place Atlas logo" >
2022-04-04 18:05:40 +02:00
<!-- <meta name="google - site - verification" content="gZGHpBSMzffAbIn0qB8b00We6EwSGkDTfDoQVv - NWss"/> -->
2024-06-06 05:33:26 +02:00
2022-05-05 12:04:04 +02:00
< meta name = "viewport" content = "width=device-width, height=device-height, initial-scale=1, minimum-scale=1, maximum-scale=1, shrink-to-fit=no, viewport-fit=cover" > <!-- user - scalable=no -->
2017-04-18 03:24:50 +02:00
< meta name = "mobile-web-app-capable" content = "yes" >
2022-04-20 10:54:58 +02:00
< meta name = "color-scheme" content = "light dark" >
2022-05-07 01:49:43 +02:00
< meta name = "theme-color" media = "(prefers-color-scheme: light)" content = "white" >
< meta name = "theme-color" media = "(prefers-color-scheme: dark)" content = "#222" >
2024-06-06 05:33:26 +02:00
2022-04-10 08:32:42 +02:00
< link rel = "apple-touch-icon" href = "_img/apple-touch-icon.png" sizes = "180x180" >
< link rel = "icon alternate" href = "_img/favicon.png" type = "image/png" class = "js-site-favicon" >
< link rel = "icon" href = "_img/favicon.svg" type = "image/svg+xml" class = "js-site-favicon" >
2024-06-06 05:33:26 +02:00
2022-04-28 15:46:07 +02:00
< link rel = "stylesheet" href = "./_css/style.css" >
2022-04-20 10:54:58 +02:00
< link rel = "stylesheet" href = "https://cdn.jsdelivr.net/npm/bootstrap-dark-5@1.1.3/dist/css/bootstrap-dark.min.css" >
< link rel = "stylesheet" href = "https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css" >
2022-04-08 23:42:47 +02:00
< link rel = "manifest" href = "./manifest.webmanifest" >
2023-04-02 07:59:30 +02:00
< script type = "module" src = "https://cdn.jsdelivr.net/npm/@pwabuilder/pwaupdate/dist/pwa-update.js" > < / script >
2022-04-28 15:46:07 +02:00
< script src = "./_js/favicon.js" defer > < / script >
2017-05-03 20:33:58 +02:00
< script type = "application/ld+json" >
{
2022-04-26 01:56:23 +02:00
"@context": "https://schema.org",
2017-05-03 20:33:58 +02:00
"@type": "WebSite",
2022-04-26 10:00:25 +02:00
"name": "The 2022 r/place Atlas",
2023-07-20 07:38:27 +02:00
"url": "https://2022.place-atlas.stefanocoding.me/",
2022-04-26 01:56:23 +02:00
"author": [
{
"@type": "Person",
"name": "Roland Rytz",
"email": "roland.rytz@gmail.com",
"url": "https://draemm.li",
"familyName": "Rytz",
"givenName": "Roland",
"alternateName": "draemmli",
"gender": "Male",
"nationality": "Switzerland"
},
{
"@type": "Person",
"name": "Stefano Haagmans",
"email": "stefano@stefanocoding.me",
2022-04-26 08:58:07 +02:00
"url": "https://stefanocoding.me",
2022-04-26 01:56:23 +02:00
"familyName": "Haagmans",
"givenName": "Stefano",
"alternateName": "Codixer",
"gender": "Male",
"nationality": "Netherlands"
},
{
"@type": "Organization",
2024-01-12 10:27:25 +01:00
"name": "Place Atlas Initiative",
"alternateName": "r/placeAtlas2023",
"url": "https://place-atlas.stefanocoding.me",
"image": "https://place-atlas.stefanocoding.me/assets/logo.png",
2022-04-26 01:56:23 +02:00
"founder": {
"@type": "Person",
"@id": "#Codixer",
"name": "Stefano Haagmans",
"email": "stefano@stefanocoding.me",
"url": "https://stefanocoding.me/",
"familyName": "Haagmans",
"givenName": "Stefano",
"alternateName": "Codixer",
"gender": "Male",
"nationality": "Netherlands"
}
2022-04-23 16:26:26 +02:00
}
2022-04-26 01:56:23 +02:00
],
2017-05-03 20:33:58 +02:00
"copyrightYear": 2017,
2023-07-20 07:38:27 +02:00
"license": "https://2022.place-atlas.stefanocoding.me/license.txt",
2017-05-03 20:33:58 +02:00
"inLanguage": "English",
"isAccessibleForFree": true,
2022-04-26 10:00:25 +02:00
"keywords": "reddit, r/place, place, experiment",
2023-07-20 07:38:27 +02:00
"thumbnailUrl": "https://2022.place-atlas.stefanocoding.me/_img/logo.png",
"image": "https://2022.place-atlas.stefanocoding.me/_img/logo.png",
2022-04-26 10:00:25 +02:00
"description": "An interactive map of Reddit's 2022 r/place, with information to each artwork of the canvas."
2017-05-03 20:33:58 +02:00
}
< / script >
2017-04-04 01:24:46 +02:00
< / head >
< body >
2022-04-20 10:54:58 +02:00
< div id = "wrapper" class = "listHidden" >
2023-07-23 16:08:09 +02:00
< header class = "fixed-top" >
2024-01-12 10:27:25 +01:00
< aside class = "container-fluid alert-primary collapse" id = "headerNotice" >
2023-07-23 16:08:09 +02:00
< div class = "d-flex w-100 py-2 align-items-center" >
< i class = "bi bi-info-circle-fill fs-5" > < / i >
2024-01-12 10:27:25 +01:00
< p class = "mb-0 flex-grow-1 px-2" > This is the 2022 edition of the r/place Atlas. For the latest one, check out < a class = "alert-link" href = "https://2023.place-atlas.stefanocoding.me" > the 2023 r/place Atlas< / a > .< / p >
2024-06-06 05:33:26 +02:00
< a class = "fs-5" data-bs-toggle = "collapse" href = "#headerNotice" role = "button" aria-expanded = "false" aria-controls = "headerNotice" > < i class = "bi bi-x-lg" > < / i > < / a >
2022-04-20 10:54:58 +02:00
< / div >
2023-07-23 16:08:09 +02:00
< / aside >
2024-01-12 10:27:25 +01:00
< nav id = "main-navbar" class = "navbar navbar-expand-lg bg-body border-bottom" >
2023-07-23 16:08:09 +02:00
< div class = "container-fluid" >
< a class = "navbar-brand text-body d-flex align-items-center" href = "./" >
< picture >
< source srcset = "./_img/favicon-dark.svg" media = "(prefers-color-scheme: dark)" >
< img class = "d-block me-2" height = "32" width = "32" src = "./_img/favicon.svg" alt = "" >
< / picture >
The 2022 r/place Atlas
< / a >
< button class = "navbar-toggler text-body collapsed" type = "button" data-bs-toggle = "collapse" data-bs-target = "#navbarCollapse" aria-controls = "navbarCollapse" aria-expanded = "false" aria-label = "Toggle navigation" >
< i class = "bi bi-list" aria-hidden = "true" > < / i >
< / button >
< div class = "collapse navbar-collapse" id = "navbarCollapse" >
2024-01-12 10:27:25 +01:00
< ul class = "navbar-nav me-auto my-2 my-lg-0" >
2023-07-23 16:08:09 +02:00
< li class = "nav-item" >
< div class = "btn-group" role = "group" >
2024-01-12 10:27:25 +01:00
< button id = "showListButton" class = "btn btn-outline-primary" type = "button" data-bs-toggle = "offcanvas" data-bs-target = "#offcanvasList" aria-controls = "offcanvasList" > Menu< / button >
< a class = "btn btn-outline-primary" id = "drawLink" href = "./?mode=draw" > Draw< / a >
2023-07-23 16:08:09 +02:00
< / div >
< / li >
< / ul >
2024-01-12 10:27:25 +01:00
< ul class = "navbar-nav mx-auto d-block" >
2023-07-23 16:08:09 +02:00
< li class = "nav-item d-flex align-items-center gap-2" >
2024-01-12 10:27:25 +01:00
< span class = "p-lg-2" > Coordinates: < span class = "badge bg-secondary" id = "coords_p" > 0, 0< / span > < / span >
2023-07-23 16:08:09 +02:00
< / li >
< / ul >
2024-01-12 10:27:25 +01:00
< hr class = "d-lg-none" >
2023-07-23 16:08:09 +02:00
< ul class = "navbar-nav flex-row flex-wrap ms-auto" >
2024-01-12 10:27:25 +01:00
< li class = "nav-item col-6 col-lg-auto dropdown" >
2023-07-23 16:08:09 +02:00
< a class = "nav-link dropdown-toggle active" href = "#" role = "button" data-bs-toggle = "dropdown" aria-expanded = "false" aria-current = "page" >
Atlas Map
< / a >
< ul class = "dropdown-menu" >
< li > < a class = "dropdown-item" href = "https://2017.place-atlas.stefanocoding.me/" > 2017< / a > < / li >
< li > < a class = "dropdown-item" href = "#" aria-current = "page" > 2022< / a > < / li >
< li > < a class = "dropdown-item" href = "https://2023.place-atlas.stefanocoding.me/" > 2023< / a > < / li >
< / ul >
< / li >
2024-01-12 10:27:25 +01:00
< li class = "nav-item col-6 col-lg-auto" >
< a class = "nav-link" href = "https://place-wiki.stefanocoding.me/" target = "_blank" > Place Wiki< / a >
< / li >
< li class = "nav-item col-6 col-lg-auto" >
< a class = "nav-link" href = "https://github.com/placeAtlas/atlas-2022" target = "_blank" > Source< / a >
2023-07-23 16:08:09 +02:00
< / li >
2024-01-12 10:27:25 +01:00
< li class = "nav-item col-6 col-lg-auto" >
2023-07-23 16:08:09 +02:00
< a class = "nav-link" href = "./about.html" > About< / a >
< / li >
< / ul >
< / div >
< / div >
< / nav >
< / header >
2017-04-06 19:15:16 +02:00
< div id = "container" >
2022-04-28 11:44:46 +02:00
< div id = "loading" class = "d-flex justify-content-center" >
< div id = "loadingContent" class = "my-auto mx-3 text-center text-white" >
< div class = "spinner-border text-warning mb-3" style = "width: 5rem; height: 5rem;" role = "status" >
< span class = "visually-hidden" > Loading...< / span >
< / div >
< h4 class = "mb-3" > Hang on…< / h4 >
2017-04-10 17:57:13 +02:00
< noscript >
< p > Sorry, you need JavaScript to view the Atlas.< / p >
2024-01-12 10:27:25 +01:00
< p > All JS scripts on this project is under a free license.< / p >
< p > < a href = "https://github.com/placeAtlas/atlas-2022" target = "_blank" > See the source on GitHub.< / a > < / p >
2017-04-10 17:57:13 +02:00
< / noscript >
< / div >
< / div >
2017-04-06 19:15:16 +02:00
< canvas id = "linesCanvas" > < / canvas >
< div id = "innerContainer" >
2023-03-20 14:44:25 +01:00
< canvas id = "highlightCanvas" > < / canvas >
< img id = "image" alt = "" / >
2017-04-05 20:48:32 +02:00
< / div >
< / div >
2022-04-20 10:54:58 +02:00
< div class = "offcanvas offcanvas-start bg-body" data-bs-scroll = "true" data-bs-backdrop = "false" tabindex = "-1" id = "offcanvasList" aria-labelledby = "offcanvasListLabel" >
< header class = "offcanvas-header py-2 border-bottom" >
< div class = "d-flex align-items-center py-1" >
< h5 class = "offcanvas-title" id = "offcanvasListLabel" > Atlas Entries List< / h5 >
< / div >
< button type = "button" class = "btn-close text-reset" data-bs-dismiss = "offcanvas" aria-label = "Close" > < / button >
< / header >
< div class = "py-3 mx-3 border-bottom" >
< div class = "d-flex gap-2 mb-2" >
2024-01-12 10:27:25 +01:00
< button type = "button" class = "btn btn-primary dropdown-toggle w-100" id = "dropdownModes" data-bs-toggle = "dropdown" aria-expanded = "false" > Layer Views< / button >
2022-04-20 10:54:58 +02:00
< ul class = "dropdown-menu dropdown-menu-end" aria-labelledby = "dropdownModes" >
< li > < a class = "dropdown-item" href = "./" > Normal< / a > < / li >
< li > < a class = "dropdown-item" href = "./?mode=explore" > Explore< / a > < / li >
< li > < a class = "dropdown-item" href = "./?mode=overlap" > Overlap< / a > < / li >
< li > < hr class = "dropdown-divider show-only-on-dev" > < / li >
< li > < a class = "dropdown-item show-only-on-dev" href = "./?mode=diff" title = "View normal mode with diff" > With Diff< / a > < / li >
< li > < a class = "dropdown-item show-only-on-dev" href = "./?mode=diffonly" title = "View only diff" > Diff Only< / a > < / li >
< / ul >
< / div >
< div class = "btn-group w-100 mb-3" role = "group" aria-label = "Social links and donate button" >
2024-01-12 10:27:25 +01:00
< a class = "btn btn-outline-primary" href = "https://discord.gg/pJkm23b2nA" target = "_blank" rel = "noreferrer" >
2022-04-28 13:30:18 +02:00
< i class = "bi bi-discord" aria-hidden = "true" > < / i >
2022-04-20 10:54:58 +02:00
Discord
< / a >
2024-01-12 10:27:25 +01:00
< a class = "btn btn-outline-primary" href = "https://www.reddit.com/r/placeAtlas2022/" target = "_blank" rel = "noreferrer" >
2022-04-28 13:30:18 +02:00
< i class = "bi bi-reddit" aria-hidden = "true" > < / i >
2022-04-20 10:54:58 +02:00
Reddit
< / a >
< button type = "button" title = "Donation links" class = "btn btn-outline-primary" data-bs-toggle = "modal" data-bs-target = "#donateModal" >
2022-04-28 13:30:18 +02:00
< i class = "bi bi-currency-exchange" aria-hidden = "true" > < / i >
2022-04-20 10:54:58 +02:00
Donate
< / button >
< / div >
< div id = "entriesListControls" class = "d-flex flex-column gap-2 p-3 bg-secondary bg-opacity-10 rounded" >
< span id = "atlasSize" > < / span >
2022-05-06 01:05:13 +02:00
< div class = "input-group" >
< input autofocus class = "form-control" id = "searchList" type = "search" placeholder = "Search…" autocomplete = "off" spellcheck = "false" aria-describedby = "atlasSize" >
< label for = "sort" class = "visually-hidden" > Sort entries< / label >
< select class = "form-select" id = "sort" >
2022-04-20 10:54:58 +02:00
< option selected value = "shuffle" > Random< / option >
< option value = "relevant" id = "relevantOption" disabled > Relevant< / option >
2022-04-23 03:20:59 +02:00
< option value = "alphaAsc" label = "↓ Alphabetical" > Descending Alphabetical< / option >
< option value = "alphaDesc" label = "↑ Alphabetical" > Ascending Alphabetical< / option >
2022-04-20 10:54:58 +02:00
< option value = "newest" > Newest< / option >
< option value = "oldest" > Oldest< / option >
< option value = "area" > Area< / option >
< / select >
2022-04-08 17:19:10 +02:00
< / div >
2017-04-06 19:15:16 +02:00
< / div >
< / div >
2022-04-24 09:51:41 +02:00
< div id = "entriesList" class = "card-deck ps-2 ms-2 pe-3 me-3 mt-2 pt-2 overflow-auto" > < / div >
2017-04-05 20:48:32 +02:00
< / div >
2022-04-20 10:54:58 +02:00
< div id = "bottomBar" class = "d-flex flex-wrap gap-2 p-2" >
< div id = "zoomControls" class = "btn-group shadow" role = "group" aria-label = "Zoom controls" >
< button type = "button" class = "btn btn-secondary" id = "zoomInButton" title = "Zoom in" >
2022-04-28 13:30:18 +02:00
< i class = "bi bi-plus-lg" aria-hidden = "true" > < / i >
2022-04-20 10:54:58 +02:00
< / button >
< button type = "button" class = "btn btn-secondary" id = "zoomResetButton" title = "Reset view" >
2022-04-28 13:30:18 +02:00
< i class = "bi bi-square" aria-hidden = "true" > < / i >
2022-04-20 10:54:58 +02:00
< / button >
< button type = "button" class = "btn btn-secondary" id = "zoomOutButton" title = "Zoom out" >
2022-04-28 13:30:18 +02:00
< i class = "bi bi-dash-lg" aria-hidden = "true" > < / i >
2022-04-20 10:54:58 +02:00
< / button >
2022-04-08 18:38:48 +02:00
< / div >
2022-04-26 08:58:07 +02:00
< div id = "variantControls" >
2022-04-24 09:51:41 +02:00
< div class = "input-group" >
2022-04-26 08:58:07 +02:00
< span class = "input-group-text" >
< svg xmlns = "http://www.w3.org/2000/svg" width = "20" height = "20" fill = "currentColor" viewBox = "0 0 192 192" aria-hidden = "true" > < polygon points = "154 0 154 38 39 38 39 192 0 192 0 0" > < / polygon > < polygon points = "192 38 192 192 77 192 77 153 154 153 154 38" > < / polygon > < rect x = "77" y = "77" width = "38" height = "38" > < / rect > < / svg >
< / span >
2022-04-24 09:51:41 +02:00
< select class = "form-select shadow" name = "variants" id = "variants" title = "Background image variants" > < / select >
< / div >
2022-04-05 19:31:48 +02:00
< / div >
2022-04-27 23:13:25 +02:00
< div id = "timeControls" class = "bg-body px-2 py-1 border rounded shadow" >
2022-04-26 08:58:07 +02:00
< label for = "timeControlsSlider" class = "visually-hidden" > Time control slider< / label >
2022-05-05 09:20:56 +02:00
< input type = "range" class = "form-range" min = "0" max = "1" value = "1" id = "timeControlsSlider" list = "timeControlsList" aria-describedby = "timeControlsTooltip" > < / input >
2022-05-05 09:25:28 +02:00
< div class = "tooltip border rounded text-nowrap" role = "tooltip" id = "timeControlsTooltip" > < div class = "bg-body rounded p-1" > Tooltip< / div > < / div >
2022-05-05 09:20:56 +02:00
< datalist id = "timeControlsList" >
< option value = "" > < / option >
< / datalist >
2022-04-26 08:58:07 +02:00
< / div >
< div id = "author" class = "bg-body d-flex align-items-center justify-content-center py-1 px-2 rounded shadow" style = "--bs-bg-opacity: .9;" >
2024-01-12 10:27:25 +01:00
< span style = "font-size: 0.7rem;" > AGPL-3.0 < span class = "copyleft" > ©< / span > < a href = "https://place-atlas.stefanocoding.me" target = "_blank" > Place Atlas Initiative< / a > and < a href = "https://github.com/placeAtlas/atlas-2022/graphs/contributors" target = "_blank" > contributors< / a > . Powered by < a href = "https://www.netlify.com" target = "_blank" rel = "noreferrer" > Netlify< / a > .< / span >
2022-04-05 19:31:48 +02:00
< / div >
< / div >
2022-04-20 10:54:58 +02:00
< div class = "offcanvas offcanvas-start bg-body" data-bs-scroll = "true" data-bs-backdrop = "false" tabindex = "-1" id = "offcanvasDraw" aria-labelledby = "offcanvasDrawLabel" >
< header class = "offcanvas-header py-2 border-bottom" >
< div class = "d-flex align-items-center py-1" >
< h5 class = "offcanvas-title" id = "offcanvasDrawLabel" > Edit Entry< / h5 >
2017-04-06 19:15:16 +02:00
< / div >
2022-04-20 10:54:58 +02:00
< button type = "button" class = "btn-close text-reset" data-bs-dismiss = "offcanvas" aria-label = "Close" > < / button >
< / header >
2022-04-30 00:58:56 +02:00
< div id = "offcanvasDraw-drawControls" class = "offcanvas-body" >
2022-04-22 08:10:03 +02:00
< div id = "drawControls" class = "d-flex flex-column gap-2 p-3 pb-2 mb-3 bg-secondary bg-opacity-10 rounded" >
< h5 > Draw< / h5 >
2022-04-20 10:54:58 +02:00
< div class = "d-flex gap-2" >
< button type = "button" class = "btn btn-secondary flex-fill" id = "undoButton" title = "Undo line [ctrl-z]" disabled >
2022-04-28 13:30:18 +02:00
< i class = "bi bi-arrow-counterclockwise" aria-hidden = "true" > < / i >
2022-04-20 10:54:58 +02:00
Undo
< / button >
< button type = "button" class = "btn btn-secondary flex-fill" id = "redoButton" title = "Redo line [ctrl-y]" disabled >
2022-04-28 13:30:18 +02:00
< i class = "bi bi-arrow-clockwise" aria-hidden = "true" > < / i >
2022-04-20 10:54:58 +02:00
Redo
< / button >
< / div >
2024-01-12 10:27:25 +01:00
< button type = "button" class = "btn btn-primary" id = "finishButton" title = "Finish drawing" disabled > Next< / button >
2022-04-20 10:54:58 +02:00
< button type = "button" class = "btn btn-secondary" id = "resetButton" > Reset< / button >
< div class = "form-check" id = "highlightUnchartedLabel" >
2023-06-19 07:10:49 +02:00
< input class = "form-check-input" type = "checkbox" id = "highlightUncharted" >
2022-04-22 08:10:03 +02:00
< label class = "form-check-label mb-0" for = "highlightUncharted" title = "Highlight uncharted areas of the map" >
2022-04-20 10:54:58 +02:00
Highlight Empty
< / label >
2017-04-06 19:15:16 +02:00
< / div >
2022-04-22 08:10:03 +02:00
< / div >
< div id = "periods" class = "p-2 pt-3 mb-3 bg-secondary bg-opacity-10 rounded" >
2022-04-26 08:58:07 +02:00
< h5 class = "px-2" > Timeline< / h5 >
2022-05-06 12:31:44 +02:00
< p id = "periodsStatus" class = "px-2 mb-2 small" > < / p >
2022-04-29 06:40:16 +02:00
< div id = "periodGroups" class = "pt-1" > < / div >
2022-04-22 08:10:03 +02:00
< button type = "button" class = "btn btn-primary d-block mx-auto" id = "periodsAdd" > Add Period< / button >
2017-04-06 19:15:16 +02:00
< / div >
2022-04-20 10:54:58 +02:00
< div id = "hint" >
2024-01-12 10:27:25 +01:00
< p class = "text-center" > Please read < a href = "https://github.com/placeAtlas/atlas-2022/blob/master/CONTRIBUTING.md" target = "_blank" > the contributing guide< / a > for instructions.< / p >
2022-04-20 10:54:58 +02:00
< hr >
2022-05-05 11:23:10 +02:00
< p > You can suggest new entries to the Atlas for art that isn't mapped yet, or update entries by editing it.< / p >
< p > Click anywhere on the image to start drawing a shape. Switch between periods by adding a period, and/or seek through the timeline.< / p >
2022-05-06 01:12:59 +02:00
< p > When you're happy with the result, click the "Finish" button above. You can then add more information about your object. < / p >
2022-04-20 10:54:58 +02:00
< hr >
< div class = "text-white p-3 rounded shadow" style = "background-color: #5865F2;" >
2022-04-23 03:20:59 +02:00
< h6 > Need Help?< / h6 >
2024-01-12 10:27:25 +01:00
< p class = "mb-0" > You can ask for help on < a class = "link-light" href = "https://discord.gg/pJkm23b2nA" target = "_blank" rel = "noreferrer" > our Discord server< / a > !< / p >
2022-04-20 10:54:58 +02:00
< / div >
2022-04-04 15:57:29 +02:00
< / div >
2017-04-06 19:15:16 +02:00
< / div >
2022-04-30 00:58:56 +02:00
< div id = "offcanvasDraw-objectInfo" class = "offcanvas-body d-none" >
2022-04-20 10:54:58 +02:00
< form id = "objectInfo" class = "d-flex flex-column p-3 bg-secondary bg-opacity-10 rounded" >
< div class = "mb-3" >
< label for = "nameField" class = "form-label" > Title< / label >
2024-01-12 10:27:25 +01:00
< input type = "text" id = "nameField" class = "form-control" placeholder = "A short title" pattern = "(.|\s)*\S(.|\s)*" required >
2022-04-20 10:54:58 +02:00
< / div >
< div class = "mb-3" >
< label for = "descriptionField" class = "form-label" > Description< / label >
2024-01-12 10:27:25 +01:00
< textarea id = "descriptionField" class = "form-control overflow-hidden" placeholder = "A short description to be understood by everyone." > < / textarea >
2022-04-20 10:54:58 +02:00
< / div >
2022-04-23 03:20:59 +02:00
< label id = "websiteLabel" class = "form-label" > Website< / label >
< div id = "websiteGroup" class = "mb-3 d-flex flex-column gap-2" > < / div >
< label id = "subredditLabel" class = "form-label" > Subreddit< / label >
< div id = "subredditGroup" class = "mb-3 d-flex flex-column gap-2" > < / div >
< label id = "discordLabel" class = "form-label" > Discord< / label >
< div id = "discordGroup" class = "mb-3 d-flex flex-column gap-2" > < / div >
2024-06-06 05:33:26 +02:00
<!-- <label id="wikiLabel" class="form - label">
2022-04-23 03:20:59 +02:00
< a class = "text-decoration-none" href = "https://place-wiki.stefanocoding.me/" target = "_blank" rel = "noopener noreferrer" >
2023-05-12 02:16:27 +02:00
< span class = "text-body" > r/place Wiki< / span >
2022-04-28 13:30:18 +02:00
< i class = "bi bi-box-arrow-up-right" aria-hidden = "true" > < / i >
2022-04-23 03:20:59 +02:00
< / a >
2024-06-06 05:33:26 +02:00
< / label > -->
2022-04-23 03:20:59 +02:00
< div id = "wikiGroup" class = "mb-3 d-flex flex-column gap-2" > < / div >
2022-04-30 00:58:56 +02:00
< div id = "infoButtons" class = "d-flex flex-wrap flex-row-reverse gap-2" >
2022-05-04 23:08:39 +02:00
< input type = "submit" class = "btn btn-primary flex-fill" id = "exportButton" value = "Export" >
< input type = "submit" class = "btn btn-secondary flex-fill" id = "previewButton" value = "Preview" >
2022-04-30 00:58:56 +02:00
< button type = "button" class = "btn btn-secondary flex-fill" id = "cancelButton" > Back< / button >
2022-04-20 10:54:58 +02:00
< / div >
< / form >
< / div >
2017-04-04 01:24:46 +02:00
< / div >
2022-04-29 06:16:33 +02:00
< button type = "button" id = "closeObjectsListButton" class = "d-none btn btn-secondary shadow p-0" aria-label = "Close" >
< i class = "bi bi-x-lg" > < / i >
2022-04-20 10:54:58 +02:00
< / button >
< div id = "objectsList" class = "p-2" > < / div >
2022-04-26 09:52:44 +02:00
< span id = "objectsListOverflowNotice" class = "p-2 me-2 btn-primary rounded text-center d-none" > Click the map to lock your selection< / span >
2022-04-20 10:54:58 +02:00
< / div >
< div class = "modal fade" id = "exportModal" tabindex = "-1" aria-labelledby = "exportModalLabel" aria-hidden = "true" >
< div class = "modal-dialog modal-dialog-scrollable modal-xl modal-fullscreen-md-down" >
< div class = "modal-content" >
< div class = "modal-header" >
< h5 class = "modal-title" id = "exportModalLabel" > Export Entry< / h5 >
< button type = "button" class = "btn-close" data-bs-dismiss = "modal" aria-label = "Close" > < / button >
< / div >
< div class = "modal-body d-flex flex-column" >
2023-06-16 12:23:35 +02:00
< p >
2024-01-12 10:27:25 +01:00
If you want to use Reddit, use the < span class = "badge bg-primary" > Post Direct to Reddit< / span > button or manually copy the text below and submit it as a new text post to < a href = "https://www.reddit.com/r/placeAtlas2/" target = "_blank" rel = "noreferrer" > r/placeAtlas2< / a > on Reddit.
2023-06-16 12:23:35 +02:00
Don't forget to flair it with the < span class = "badge rounded-pill bg-primary" > < i class = "bi bi-tag" aria-hidden = "true" > < / i > < span id = "redditFlair" > New Entry< / span > < / span > flair.< / p >
2023-06-21 12:29:39 +02:00
< p >
2024-01-12 10:27:25 +01:00
If you want to use GitHub, use the < span class = "badge bg-primary" > Submit Direct to GitHub< / span > button, or read < a href = "https://github.com/placeAtlas/atlas-2022/blob/master/CONTRIBUTING.md#through-github" target = "_blank" > the contributing guide< / a > to submit a patch.
2023-06-21 12:29:39 +02:00
< / p >
2023-03-20 11:53:52 +01:00
< p > We will then check it and add it to the Atlas.< / p >
2022-04-30 00:58:56 +02:00
< textarea class = "form-control flex-grow-1" cols = "40" rows = "20" id = "exportString" title = "Raw JSON string" readonly > < / textarea >
2022-04-20 10:54:58 +02:00
< / div >
< div class = "modal-footer" >
< button type = "button" class = "btn btn-secondary" data-bs-dismiss = "modal" > Done< / button >
2023-06-21 12:29:39 +02:00
< button id = "exportCopy" type = "button" class = "btn btn-secondary" > Copy< / button >
2024-01-12 10:27:25 +01:00
< a id = "exportGithubPost" class = "btn btn-primary" href = "#" target = "_blank" rel = "noreferrer" > Submit Direct on GitHub< / a >
< a id = "exportRedditPost" class = "btn btn-primary" href = "#" target = "_blank" rel = "noreferrer" > Post Direct on Reddit< / a >
2022-04-20 10:54:58 +02:00
< / div >
2017-04-04 01:24:46 +02:00
< / div >
< / div >
2022-04-20 10:54:58 +02:00
< / div >
< div class = "modal fade" id = "donateModal" tabindex = "-1" aria-labelledby = "donateModalLabel" aria-hidden = "true" >
< div class = "modal-dialog modal-fullscreen-sm-down" >
< div class = "modal-content" >
< div class = "modal-header" >
< h5 class = "modal-title" id = "donateModalLabel" > Donation Links< / h5 >
< button type = "button" class = "btn-close" data-bs-dismiss = "modal" aria-label = "Close" > < / button >
< / div >
< div class = "modal-body" >
< p > Current 2022 Atlas Maintainers:< / p >
2024-01-12 10:27:25 +01:00
< a class = "btn btn-primary" target = "_blank" rel = "noreferrer" href = "https://paypal.me/placeAtlas/5" >
2022-04-28 13:30:18 +02:00
< i class = "bi bi-paypal" aria-hidden = "true" > < / i >
2022-04-20 10:54:58 +02:00
PayPal
< / a >
2024-01-12 10:27:25 +01:00
< a class = "btn btn-primary" target = "_blank" rel = "noreferrer" href = "https://www.patreon.com/placeAtlas" >
2022-04-28 13:30:18 +02:00
< svg xmlns = "http://www.w3.org/2000/svg" width = "16" height = "16" fill = "currentColor" class = "icon" viewBox = "0 0 24 24" aria-hidden = "true" > < path d = "M0 .48v23.04h4.22V.48zm15.385 0c-4.764 0-8.641 3.88-8.641 8.65 0 4.755 3.877 8.623 8.641 8.623 4.75 0 8.615-3.868 8.615-8.623C24 4.36 20.136.48 15.385.48z" / > < / svg >
2022-04-20 10:54:58 +02:00
Patreon
< / a >
2024-01-12 10:27:25 +01:00
< a class = "btn btn-primary" target = "_blank" rel = "noreferrer" href = "https://ko-fi.com/placeatlas" >
2022-04-28 13:30:18 +02:00
< svg xmlns = "http://www.w3.org/2000/svg" width = "16" height = "16" fill = "currentColor" class = "icon" viewBox = "0 0 24 24" aria-hidden = "true" > < path d = "M23.881 8.948c-.773-4.085-4.859-4.593-4.859-4.593H.723c-.604 0-.679.798-.679.798s-.082 7.324-.022 11.822c.164 2.424 2.586 2.672 2.586 2.672s8.267-.023 11.966-.049c2.438-.426 2.683-2.566 2.658-3.734 4.352.24 7.422-2.831 6.649-6.916zm-11.062 3.511c-1.246 1.453-4.011 3.976-4.011 3.976s-.121.119-.31.023c-.076-.057-.108-.09-.108-.09-.443-.441-3.368-3.049-4.034-3.954-.709-.965-1.041-2.7-.091-3.71.951-1.01 3.005-1.086 4.363.407 0 0 1.565-1.782 3.468-.963 1.904.82 1.832 3.011.723 4.311zm6.173.478c-.928.116-1.682.028-1.682.028V7.284h1.77s1.971.551 1.971 2.638c0 1.913-.985 2.667-2.059 3.015z" / > < / svg >
2022-04-20 10:54:58 +02:00
Ko-Fi
< / a >
< hr >
< p > Original 2017 Atlas Developer (draemmli aka Roland Rytz): < / p >
2024-01-12 10:27:25 +01:00
< a class = "btn btn-primary" target = "_blank" rel = "noreferrer" href = "https://paypal.me/draemmli" >
2022-04-28 13:30:18 +02:00
< i class = "bi bi-paypal" aria-hidden = "true" > < / i >
2022-04-20 10:54:58 +02:00
PayPal
< / a >
< / div >
< div class = "modal-footer" >
< button type = "button" class = "btn btn-secondary" data-bs-dismiss = "modal" > Close< / button >
< / div >
2017-05-01 17:54:19 +02:00
< / div >
< / div >
2017-04-04 01:24:46 +02:00
< / div >
2022-04-22 02:33:30 +02:00
< template id = "period-group" >
2022-04-22 08:10:03 +02:00
< div class = "period-group card mb-2" >
< div class = "card-body" >
2022-04-29 06:40:16 +02:00
< div class = "period-status alert alert-danger small py-2" role = "alert" > < / div >
2022-05-10 03:03:20 +02:00
< div class = "period-input-controls d-flex align-items-center mb-2" >
< label for = "period-start" > Start Period< / label >
< div class = "btn-group btn-group-sm ms-auto" role = "group" aria-label = "Start period controls" >
< button type = "button" class = "btn btn-secondary" id = "periodStartLeft" aria-label = "Left" > < i class = "bi bi-caret-left-fill" aria-hidden = "true" > < / i > < / button >
< button type = "button" class = "btn btn-secondary" id = "periodStartRight" aria-label = "Right" > < i class = "bi bi-caret-right-fill" aria-hidden = "true" > < / i > < / button >
< / div >
< button type = "button" class = "btn btn-secondary btn-sm ms-2" id = "periodStartView" > View< / button >
< / div >
2022-05-05 08:56:09 +02:00
< input type = "range" class = "period-start form-range" id = "period-start" min = "0" list = "periodStartList" >
< datalist id = "periodStartList" > < / datalist >
2022-05-10 03:03:20 +02:00
< div class = "period-input-controls d-flex align-items-center mb-2" >
< label for = "period-end" > End Period< / label >
< div class = "btn-group btn-group-sm ms-auto" role = "group" aria-label = "End period controls" >
< button type = "button" class = "btn btn-secondary" id = "periodEndLeft" aria-label = "Left" > < i class = "bi bi-caret-left-fill" aria-hidden = "true" > < / i > < / button >
< button type = "button" class = "btn btn-secondary" id = "periodEndRight" aria-label = "Right" > < i class = "bi bi-caret-right-fill" aria-hidden = "true" > < / i > < / button >
< / div >
< button type = "button" class = "btn btn-secondary btn-sm ms-2" id = "periodEndView" > View< / button >
< / div >
2022-05-05 08:56:09 +02:00
< input type = "range" class = "period-end form-range mb-2" id = "period-end" min = "0" list = "periodEndList" >
< datalist id = "periodEndList" > < / datalist >
2022-04-22 08:10:03 +02:00
< div class = "d-flex flex-wrap gap-2 mb-2" >
< button type = "button" class = "period-copy btn btn-secondary btn-sm flex-fill" id = "period-copy" >
< i class = "bi bi-clipboard" aria-hidden = "true" > < / i >
Copy
< / button >
< button type = "button" class = "period-duplicate btn btn-secondary btn-sm flex-fill" id = "period-duplicate" >
2022-04-28 13:30:18 +02:00
< i class = "bi bi-back" aria-hidden = "true" > < / i >
2022-04-22 08:10:03 +02:00
Duplicate
< / button >
< button type = "button" class = "period-delete btn btn-danger btn-sm flex-fill" id = "period-delete" >
2022-04-28 13:30:18 +02:00
< i class = "bi bi-trash-fill" aria-hidden = "true" > < / i >
2022-04-22 08:10:03 +02:00
Delete
< / button >
< / div >
< div class = "input-group" >
< span class = "input-group-text" > < / span >
< select class = "period-variation form-select" title = "Select which layer this path is used for" > < / select >
< / div >
2022-04-22 02:33:30 +02:00
< / div >
< / div >
< / template >
2022-04-04 15:47:25 +02:00
2022-04-28 15:38:41 +02:00
< script src = "https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" crossorigin = "anonymous" > < / script >
2023-03-19 06:43:36 +01:00
< script src = "./_js/lib/pointInPolygon.js" > < / script >
< script src = "./_js/lib/polylabel.js" > < / script >
< script src = "./_js/config.js" > < / script >
< script src = "./_js/main/time.js" > < / script >
< script src = "./_js/main/infoblock.js" > < / script >
< script src = "./_js/main/atlas.js" > < / script >
< script src = "./_js/main/view.js" > < / script >
< script src = "./_js/main/overlap.js" > < / script >
< script src = "./_js/main/draw.js" > < / script >
< script src = "./_js/main/main.js" > < / script >
<!-- <script src="./_js/main/stats.js"></script>
2022-04-28 15:46:07 +02:00
< script src = "./_js/minified.js" > < / script > -->
2023-04-02 07:59:30 +02:00
< pwa-update swpath = "./sw.js" > < / pwa-update >
2017-04-04 01:24:46 +02:00
< / body >
2023-07-05 14:24:10 +02:00
< / html >
