Updated website with latest version of the place

This commit is contained in:
Stefano Haagman 2022-04-03 11:08:52 +02:00
parent 62d9629140
commit bea9c39289
14 changed files with 74 additions and 86 deletions

View file

@ -151,7 +151,7 @@
sodipodi:role="line"
id="tspan3904"
x="721.92651"
y="511.92819">https://draemm.li/various/place-atlas/</tspan></text>
y="511.92819">http://place-atlas.stefanocoding.me/</tspan></text>
<g
id="g3927"
transform="translate(-80.812204,0)">
@ -178,7 +178,7 @@
y="810.95184"
x="940.96014"
id="tspan3904-9"
sodipodi:role="line">https://draemm.li/various/place-atlas/</tspan></text>
sodipodi:role="line">http://place-atlas.stefanocoding.me/</tspan></text>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 34 KiB

After

Width:  |  Height:  |  Size: 34 KiB

View file

@ -16,7 +16,7 @@
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
For more information, see:
https://draemm.li/various/place-atlas/license.txt
http://place-atlas.stefanocoding.me/license.txt
========================================================================
-->

View file

@ -18,7 +18,7 @@
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
For more information, see:
https://draemm.li/various/place-atlas/license.txt
http://place-atlas.stefanocoding.me/license.txt
========================================================================
*/
@ -317,9 +317,9 @@ .listHidden #container{
#innerContainer{
height: 1000px;
width: 1000px;
width: 2000px;
position: absolute;
z-index: -1000;
z-index: -2000;
}
#image{

Binary file not shown.

After

Width:  |  Height:  |  Size: 182 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 182 KiB

After

Width:  |  Height:  |  Size: 1.1 MiB

View file

@ -18,7 +18,7 @@
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
For more information, see:
https://draemm.li/various/place-atlas/license.txt
http://place-atlas.stefanocoding.me/license.txt
========================================================================
*/
@ -26,47 +26,36 @@
window.addEventListener("error", function(e){
window.addEventListener("error", function (e) {
console.log(e);
var errorMessage = "<p class=\"error\">An error has occurred:</p>";
errorMessage += "<p class=\"errorBody\">"+e.message+"</p>";
errorMessage += "<p class=\"errorBody\">on line "+e.lineno+"</p>";
errorMessage += "<p class=\"errorBody\">" + e.message + "</p>";
errorMessage += "<p class=\"errorBody\">on line " + e.lineno + "</p>";
errorMessage += "<p class=\"error\">If this keeps happening, feel free to send me a <a href=\"mailto:roland.rytz@gmail.com\">mail</a>.</p>";
document.getElementById("loadingContent").innerHTML = errorMessage;
});
function pointIsInPolygon (point, polygon) {
// ray-casting algorithm based on
// http://www.ecse.rpi.edu/Homepages/wrf/Research/Short_Notes/pnpoly.html
var x = point[0], y = point[1];
var inside = false;
for (var i = 0, j = polygon.length - 1; i < polygon.length; j = i++) {
var xi = polygon[i][0], yi = polygon[i][1];
var xj = polygon[j][0], yj = polygon[j][1];
var intersect = ((yi > y) != (yj > y))
&& (x < (xj - xi) * (y - yi) / (yj - yi) + xi);
if (intersect) inside = !inside;
}
return inside;
};
var atlas = [
{
"id": 0,
"name": "r/place still has to be indexed",
"description": "To make sure this project doesn't get flooded with a million requests or changes, I wait until april 4th so I can submit all the ",
"website": "https://place-atlas.stefanocoding.me/",
"subreddit": "r/placeAtlas2",
"center": [
502.5,
513.5
],
"path": [
[
2.5,
343.5
],
[
994.5,
339.5
],
[
996.5,
690.5
],
[
2.5,
678.5
]
]
}
{"id":0,"name":"Pinewood Logo/Rubix cube (Destroyed)","description":"Originally the logo for the Roblox group Pinewood Builders, the logo transformed into a game of tic tac toe, and then a Rubix cube. It was destroyed after being invaded by Iran","website":"https://pinewoodbuilders.reddit.com/","subreddit":"r/PinewoodBuilders","center":[39.5,279.5],"path":[[22.5,295.5],[23.5,274.5],[35.5,262.5],[55.5,262.5],[55.5,283.5],[43.5,295.5]]},
];
//console.log("There are "+atlas.length+" entries in the Atlas.");
@ -109,14 +98,14 @@ for(var i = 0; i < atlas.length; i++){
*/
// sort by center.y, so that lines will overlap less
atlas.sort(function(a, b){
atlas.sort(function (a, b) {
if (a.center[1] < b.center[1]) {
return -1;
}
if (a.center[1] > b.center[1]) {
return 1;
}
// a must be equal to b
// a must be equal to b
return 0;
});
@ -134,16 +123,16 @@ for(var i = 0; i < 10000; i++){
var h = ~~(Math.random()*100);
atlas.push({
"id": 5,
"name": "test"+(i+3),
"website": "",
"subreddit": "",
"center": [0, 0],
"path":[
"name": "test"+(i+3),
"website": "",
"subreddit": "",
"center": [0, 0],
"path":[
[x, y],
[x+w, y],
[x+w, y+h],
[x, y+h]
]
]
});
}

View file

@ -19,7 +19,7 @@
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
For more information, see:
https://draemm.li/various/place-atlas/license.txt
http://place-atlas.stefanocoding.me/license.txt
========================================================================
*/
@ -47,7 +47,7 @@ function initDraw(){
var shiftPressed = false;
var backgroundCanvas = document.createElement("canvas");
backgroundCanvas.width = 1000;
backgroundCanvas.width = 2000;
backgroundCanvas.height = 1000;
var backgroundContext = backgroundCanvas.getContext("2d");

View file

@ -18,7 +18,7 @@
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
For more information, see:
https://draemm.li/various/place-atlas/license.txt
http://place-atlas.stefanocoding.me/license.txt
========================================================================
*/
@ -60,13 +60,13 @@ function applyView(){
//console.log(zoomOrigin, scaleZoomOrigin);
//console.log(scaleZoomOrigin[0]);
scaleZoomOrigin[0] = Math.max(-500, Math.min(500, scaleZoomOrigin[0]));
scaleZoomOrigin[0] = Math.max(-1000, Math.min(1000, scaleZoomOrigin[0]));
scaleZoomOrigin[1] = Math.max(-500, Math.min(500, scaleZoomOrigin[1]));
zoomOrigin = [scaleZoomOrigin[0]*zoom, scaleZoomOrigin[1]*zoom];
innerContainer.style.height = (~~(zoom*1000))+"px";
innerContainer.style.width = (~~(zoom*1000))+"px";
innerContainer.style.width = (~~(zoom*2000))+"px";
innerContainer.style.left = ~~(container.clientWidth/2 - innerContainer.clientWidth/2 + zoomOrigin[0] + container.offsetLeft)+"px";
innerContainer.style.top = ~~(container.clientHeight/2 - innerContainer.clientHeight/2 + zoomOrigin[1] + container.offsetTop)+"px";

File diff suppressed because one or more lines are too long

View file

@ -18,7 +18,7 @@
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
For more information, see:
https://draemm.li/various/place-atlas/license.txt
http://place-atlas.stefanocoding.me/license.txt
========================================================================
*/
@ -33,7 +33,7 @@ function initOverlap(){
var linesContext = linesCanvas.getContext("2d");
var backgroundCanvas = document.createElement("canvas");
backgroundCanvas.width = 1000;
backgroundCanvas.width = 2000;
backgroundCanvas.height = 1000;
var backgroundContext = backgroundCanvas.getContext("2d");

View file

@ -233,7 +233,7 @@ console.log("The "+topCount+" largest entries:");
var outstring = "";
for(var i = 0; i < topCount; i++){
outstring += ((i+1)+"|["+atlas[atlas.length-i-1].name +"](https://draemm.li/various/place-atlas/?id="+atlas[atlas.length-i-1].id+")|"+ ~~atlas[atlas.length-i-1].area+"|"+Math.round(atlas[atlas.length-i-1].area/100)/100+"%\n");
outstring += ((i+1)+"|["+atlas[atlas.length-i-1].name +"](http://place-atlas.stefanocoding.me/?id="+atlas[atlas.length-i-1].id+")|"+ ~~atlas[atlas.length-i-1].area+"|"+Math.round(atlas[atlas.length-i-1].area/100)/100+"%\n");
}
console.log(outstring);

View file

@ -18,7 +18,7 @@
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
For more information, see:
https://draemm.li/various/place-atlas/license.txt
http://place-atlas.stefanocoding.me/license.txt
========================================================================
*/
@ -30,7 +30,7 @@ var previousZoomOrigin = [0, 0];
var previousScaleZoomOrigin = [0, 0];
var backgroundCanvas = document.createElement("canvas");
backgroundCanvas.width = 1000;
backgroundCanvas.width = 2000;
backgroundCanvas.height = 1000;
var backgroundContext = backgroundCanvas.getContext("2d");
@ -330,7 +330,7 @@ function initView(){
scaleZoomOrigin = [
1000/2 - entry.center[0]// + container.offsetLeft
,1000/2 - entry.center[1]// + container.offsetTop
,2000/2 - entry.center[1]// + container.offsetTop
];
//console.log(zoomOrigin);
@ -539,7 +539,7 @@ function initView(){
scaleZoomOrigin = [
1000/2 - this.entry.center[0]
,1000/2 - this.entry.center[1]
,2000/2 - this.entry.center[1]
]
//console.log(zoomOrigin);
@ -579,7 +579,7 @@ function initView(){
scaleZoomOrigin = [
1000/2 - this.entry.center[0]
,1000/2 - this.entry.center[1]
,2000/2 - this.entry.center[1]
]
previousZoomOrigin = [zoomOrigin[0], zoomOrigin[1]];

View file

@ -16,7 +16,7 @@
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
For more information, see:
https://draemm.li/various/place-atlas/license.txt
http://place-atlas.stefanocoding.me/license.txt
========================================================================
-->

View file

@ -16,7 +16,7 @@
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
For more information, see:
https://draemm.li/various/place-atlas/license.txt
http://place-atlas.stefanocoding.me/license.txt
========================================================================
-->
@ -31,9 +31,9 @@
</title>
<meta name="description" content="An interactive map of Reddit's /r/place, with information to each artwork of the canvas.">
<meta name="author" content="Roland Rytz">
<meta name="keywords" content="reddit, /r/place">
<meta name="application-name" content="The /r/place Atlas">
<meta name="author" content="Roland Rytz (2022 by Stefano#7366)">
<meta name="keywords" content="reddit, /r/place 2022">
<meta name="application-name" content="The /r/place Atlas 2022">
<meta name="robots" content="index, follow">
<meta name="google-site-verification" content="gZGHpBSMzffAbIn0qB8b00We6EwSGkDTfDoQVv-NWss" />
@ -48,30 +48,29 @@
"@context": "http://schema.org",
"@type": "WebSite",
"name": "The /r/place Atlas",
"url": "https://draemm.li/various/place-atlas",
"url": "http://place-atlas.stefanocoding.me/",
"author": {
"@type": "Person",
"@id": "#RolandRytz",
"name": "Roland Rytz",
"email": "roland.rytz@gmail.com",
"url": "https://draemm.li/",
"sameAs": "https://draemm.li/",
"familyName": "Rytz",
"givenName": "Roland",
"additionalName": "Pekka",
"alternateName": "draemmli",
"@id": "#Codixer",
"name": "Stefano Haagmans",
"email": "stefano@stefanocoding.me",
"url": "https://stefanocoding.me/",
"sameAs": "https://stefanocoding.me/",
"familyName": "Haagmans",
"givenName": "Stefano",
"alternateName": "Codixer",
"gender": "Male",
"nationality": "Switzerland"
"nationality": "Netherlands"
},
"copyrightHolder": { "@id": "#RolandRytz" },
"copyrightYear": 2017,
"license": "https://draemm.li/various/place-atlas/license.txt",
"license": "http://place-atlas.stefanocoding.me/license.txt",
"inLanguage": "English",
"isAccessibleForFree": true,
"keywords": "reddit, /r/place",
"thumbnailUrl": "https://draemm.li/various/place-atlas/_img/logo.png",
"logo": "https://draemm.li/various/place-atlas/_img/logo.png",
"description": "An interactive map of Reddit's /r/place, with information to each artwork of the canvas."
"thumbnailUrl": "http://place-atlas.stefanocoding.me/_img/logo.png",
"logo": "http://place-atlas.stefanocoding.me/_img/logo.png",
"description": "An interactive map of Reddit's /r/place, with information to each artwork of the canvas. Originally created by Roland Rytz (2022 by Stefano#7366)..",
}
</script>
@ -104,15 +103,15 @@ <h1 id="title">The /r/place Atlas</h1>
</div>
<canvas id="linesCanvas"></canvas>
<div id="innerContainer">
<canvas id="highlightCanvas" width="1000" height="1000"></canvas>
<img id="image" src="./_img/place-indexed.png" width="1000" height="1000" alt="Canvas of /r/place in the state of when the experiment was concluded." />
<canvas id="highlightCanvas" width="2000" height="1000"></canvas>
<img id="image" src="./_img/place-indexed.png" width="2000" height="1000" alt="Canvas of /r/place in the state of when the experiment was concluded." />
</div>
</div>
<div id="entriesListContainer">
<nav>
<a id="aboutLink" href="./about.html">About</a>
<a id="drawLink" href="./?mode=draw">Contribute</a>
<a id="drawLink" href="./index.html?mode=draw">Contribute</a>
<button title="Donate!" id="donateButton">
<img alt="Donate" src="data:image/svg+xml;utf8,%3Csvg%0A%20%20%20xmlns%3Adc%3D%22http%3A//purl.org/dc/elements/1.1/%22%0A%20%20%20xmlns%3Acc%3D%22http%3A//creativecommons.org/ns%23%22%0A%20%20%20xmlns%3Ardf%3D%22http%3A//www.w3.org/1999/02/22-rdf-syntax-ns%23%22%0A%20%20%20xmlns%3Asvg%3D%22http%3A//www.w3.org/2000/svg%22%0A%20%20%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%0A%20%20%20version%3D%221.1%22%0A%20%20%20width%3D%2263.97776%22%0A%20%20%20height%3D%2263.985764%22%0A%20%20%20id%3D%22svg2%22%3E%0A%20%20%3Cdefs%0A%20%20%20%20%20id%3D%22defs4%22%20/%3E%0A%20%20%3Cmetadata%0A%20%20%20%20%20id%3D%22metadata7%22%3E%0A%20%20%20%20%3Crdf%3ARDF%3E%0A%20%20%20%20%20%20%3Ccc%3AWork%0A%20%20%20%20%20%20%20%20%20rdf%3Aabout%3D%22%22%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Aformat%3Eimage/svg+xml%3C/dc%3Aformat%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Atype%0A%20%20%20%20%20%20%20%20%20%20%20rdf%3Aresource%3D%22http%3A//purl.org/dc/dcmitype/StillImage%22%20/%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Atitle%3E%3C/dc%3Atitle%3E%0A%20%20%20%20%20%20%3C/cc%3AWork%3E%0A%20%20%20%20%3C/rdf%3ARDF%3E%0A%20%20%3C/metadata%3E%0A%20%20%3Cg%0A%20%20%20%20%20transform%3D%22translate%28-239.44047%2C-363.22698%29%22%0A%20%20%20%20%20id%3D%22layer1%22%3E%0A%20%20%20%20%3Cpath%0A%20%20%20%20%20%20%20d%3D%22m%20290.96332%2C384.19885%20c%20-0.59424%2C-6.27896%20-6.01049%2C-8.39164%20-12.8518%2C-9.00126%20l%200.0128%2C-8.70824%20-5.30062%2C-0.007%20-0.0123%2C8.47872%20c%20-1.39346%2C-0.002%20-2.81788%2C0.0235%20-4.23308%2C0.0496%20l%200.0135%2C-8.53485%20-5.29778%2C-0.008%20-0.0149%2C8.70575%20c%20-1.14765%2C0.0217%20-2.27469%2C0.0414%20-3.3736%2C0.0405%20l%20-5.3e-4%2C-0.0271%20-7.31086%2C-0.0134%20-0.007%2C5.66124%20c%200%2C0%203.91442%2C-0.0688%203.84925%2C0.003%202.14703%2C0.004%202.84397%2C1.25133%203.04562%2C2.32724%20l%20-0.0143%2C9.92049%20c%200.14815%2C0.001%200.34143%2C0.008%200.56022%2C0.0378%20-0.17659%2C-3e-5%20-0.36561%2C-0.002%20-0.55995%2C-1.2e-4%20l%20-0.022%2C13.89765%20c%20-0.0952%2C0.67556%20-0.49402%2C1.75232%20-1.99407%2C1.75269%200.0678%2C0.0602%20-3.85316%2C-0.007%20-3.85316%2C-0.007%20l%20-1.06259%2C6.32874%206.89801%2C0.01%20c%201.28367%2C0.003%202.54669%2C0.0271%203.78665%2C0.0368%20l%20-0.0109%2C8.80736%205.29494%2C0.009%200.0128%2C-8.71427%20c%201.45379%2C0.0322%202.86073%2C0.0459%204.23429%2C0.0466%20l%20-0.0152%2C8.67412%205.30061%2C0.007%200.0147%2C-8.79173%20c%208.91219%2C-0.49805%2015.1527%2C-2.73385%2015.93965%2C-11.10113%200.63533%2C-6.73752%20-2.53%2C-9.74895%20-7.5868%2C-10.97123%203.07554%2C-1.56033%205.00104%2C-4.31475%204.55848%2C-8.90928%20z%20m%20-7.44387%2C18.82121%20c%20-0.007%2C6.58182%20-11.27551%2C5.81643%20-14.86789%2C5.81449%20l%200.0187%2C-11.66923%20c%203.59343%2C0.006%2014.85983%2C-1.01023%2014.84919%2C5.85474%20z%20m%20-2.44078%2C-16.46738%20c%20-0.0106%2C5.98811%20-9.40836%2C5.27536%20-12.40064%2C5.27116%20l%200.016%2C-10.58348%20c%202.99229%2C0.004%2012.39322%2C-0.93337%2012.38461%2C5.31232%20z%22%0A%20%20%20%20%20%20%20id%3D%22path3010%22%0A%20%20%20%20%20%20%20style%3D%22fill%3A%23ffffff%22%20/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E">
<!--
@ -230,7 +229,7 @@ <h2>His Bitcoin Address</h2>
<script type="text/javascript" src="./_js/overlap.js?version=1.0.4"></script>
<script type="text/javascript" src="./_js/draw.js?version=1.0.3"></script>
<script type="text/javascript" src="./_js/main.js?version=1.0.3"></script>
-->
<!--
<script type="text/javascript" src="./_js/stats.js?version=1.0.0"></script>