MirrorHub/atlas
0
0
Fork 0
mirror of https://github.com/placeAtlas/atlas.git synced 2024-12-25 19:44:23 +01:00
Code Issues Projects Releases Wiki Activity

Merge branch 'master' into patch-1

Browse source
This commit is contained in:
Tux 2022-04-04 16:44:30 -04:00 committed by GitHub
commit 1a18d532f4
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
9 changed files with 24 additions and 1874 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
web/_css/style.css
View file

@ -125,7 +125,7 @@ header {
background-color: #555; background-color: #555;
border-right: 1px #000 solid; border-right: 1px #000 solid;
border-bottom: 1px #000 solid; border-bottom: 1px #000 solid;
z-index: 1000; z-index: 2000;
display: inline-block; display: inline-block;
} }
@ -310,10 +310,10 @@ .listHidden #container {
} }
#innerContainer { #innerContainer {
height: 1000px; height: 2000px;
width: 1000px; width: 2000px;
position: absolute; position: absolute;
z-index: -1000; z-index: -2000;
} }
#image { #image {
@ -869,7 +869,7 @@ .listHidden #hideListButton {
border-top: 1px #333 solid; border-top: 1px #333 solid;
width: 130px; width: 130px;
height: 35px; height: 35px;
z-index: 1000; z-index: 2000;
} }
#hideListButton:focus { #hideListButton:focus {
@ -947,7 +947,7 @@ #aboutContainer {
bottom: 0; bottom: 0;
background-color: #333; background-color: #333;
display: block; display: block;
z-index: 1000; z-index: 2000;
overflow-y: auto; overflow-y: auto;
} }

BIN
web/_img/place-indexed-3.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.1 MiB

BIN
web/_img/place-indexed.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 MiB

After

Width:  |  Height:  |  Size: 2.4 MiB

2
web/_js/draw.js
View file

@ -48,7 +48,7 @@ function initDraw(){
var backgroundCanvas = document.createElement("canvas"); var backgroundCanvas = document.createElement("canvas");
backgroundCanvas.width = 2000; backgroundCanvas.width = 2000;
backgroundCanvas.height = 1000; backgroundCanvas.height = 2000;
var backgroundContext = backgroundCanvas.getContext("2d"); var backgroundContext = backgroundCanvas.getContext("2d");
var highlightUncharted = true; var highlightUncharted = true;

4
web/_js/main.js
View file

@ -61,11 +61,11 @@ function applyView(){
//console.log(scaleZoomOrigin[0]); //console.log(scaleZoomOrigin[0]);
scaleZoomOrigin[0] = Math.max(-1000, Math.min(1000, scaleZoomOrigin[0])); scaleZoomOrigin[0] = Math.max(-1000, Math.min(1000, scaleZoomOrigin[0]));
scaleZoomOrigin[1] = Math.max(-500, Math.min(500, scaleZoomOrigin[1])); scaleZoomOrigin[1] = Math.max(-1000, Math.min(1000, scaleZoomOrigin[1]));
zoomOrigin = [scaleZoomOrigin[0]*zoom, scaleZoomOrigin[1]*zoom]; zoomOrigin = [scaleZoomOrigin[0]*zoom, scaleZoomOrigin[1]*zoom];
innerContainer.style.height = (~~(zoom*1000))+"px"; innerContainer.style.height = (~~(zoom*2000))+"px";
innerContainer.style.width = (~~(zoom*2000))+"px"; innerContainer.style.width = (~~(zoom*2000))+"px";
innerContainer.style.left = ~~(container.clientWidth/2 - innerContainer.clientWidth/2 + zoomOrigin[0] + container.offsetLeft)+"px"; innerContainer.style.left = ~~(container.clientWidth/2 - innerContainer.clientWidth/2 + zoomOrigin[0] + container.offsetLeft)+"px";

1850
web/_js/minified.js
View file

File diff suppressed because it is too large Load diff

10
web/_js/overlap.js
View file

@ -34,7 +34,7 @@ function initOverlap(){
var backgroundCanvas = document.createElement("canvas"); var backgroundCanvas = document.createElement("canvas");
backgroundCanvas.width = 2000; backgroundCanvas.width = 2000;
backgroundCanvas.height = 1000; backgroundCanvas.height = 2000;
var backgroundContext = backgroundCanvas.getContext("2d"); var backgroundContext = backgroundCanvas.getContext("2d");
var filterInput = document.getElementById("searchList"); var filterInput = document.getElementById("searchList");
@ -72,12 +72,12 @@ function initOverlap(){
highlightEntryFromUrl(); highlightEntryFromUrl();
}*/ }*/
if(document.documentElement.clientWidth > 1000){ if(document.documentElement.clientWidth > 2000){
entriesListShown = true; entriesListShown = true;
wrapper.className = wrapper.className.replace(/ listHidden/g, ""); wrapper.className = wrapper.className.replace(/ listHidden/g, "");
} }
if(document.documentElement.clientWidth < 1000){ if(document.documentElement.clientWidth < 2000){
entriesListShown = false; entriesListShown = false;
wrapper.className += " listHidden"; wrapper.className += " listHidden";
} }
@ -546,12 +546,12 @@ function initOverlap(){
window.addEventListener("resize", function(){ window.addEventListener("resize", function(){
//console.log(document.documentElement.clientWidth, document.documentElement.clientHeight); //console.log(document.documentElement.clientWidth, document.documentElement.clientHeight);
if(document.documentElement.clientWidth > 1000 && viewportWidth <= 1000){ if(document.documentElement.clientWidth > 2000 && viewportWidth <= 2000){
entriesListShown = true; entriesListShown = true;
wrapper.className = wrapper.className.replace(/ listHidden/g, ""); wrapper.className = wrapper.className.replace(/ listHidden/g, "");
} }
if(document.documentElement.clientWidth < 1000 && viewportWidth >= 1000){ if(document.documentElement.clientWidth < 2000 && viewportWidth >= 2000){
entriesListShown = false; entriesListShown = false;
wrapper.className += " listHidden"; wrapper.className += " listHidden";
} }

16
web/_js/view.js
View file

@ -31,7 +31,7 @@ var previousScaleZoomOrigin = [0, 0];
var backgroundCanvas = document.createElement("canvas"); var backgroundCanvas = document.createElement("canvas");
backgroundCanvas.width = 2000; backgroundCanvas.width = 2000;
backgroundCanvas.height = 1000; backgroundCanvas.height = 2000;
var backgroundContext = backgroundCanvas.getContext("2d"); var backgroundContext = backgroundCanvas.getContext("2d");
function updateLines(){ function updateLines(){
@ -162,12 +162,12 @@ function initView(){
highlightEntryFromUrl(); highlightEntryFromUrl();
}*/ }*/
if(document.documentElement.clientWidth > 1000){ if(document.documentElement.clientWidth > 2000){
entriesListShown = true; entriesListShown = true;
wrapper.className = wrapper.className.replace(/ listHidden/g, ""); wrapper.className = wrapper.className.replace(/ listHidden/g, "");
} }
if(document.documentElement.clientWidth < 1000){ if(document.documentElement.clientWidth < 2000){
entriesListShown = false; entriesListShown = false;
wrapper.className += " listHidden"; wrapper.className += " listHidden";
} }
@ -330,7 +330,7 @@ function initView(){
]; ];
scaleZoomOrigin = [ scaleZoomOrigin = [
1000/2 - entry.center[0]// + container.offsetLeft 2000/2 - entry.center[0]// + container.offsetLeft
,2000/2 - entry.center[1]// + container.offsetTop ,2000/2 - entry.center[1]// + container.offsetTop
]; ];
@ -539,7 +539,7 @@ function initView(){
] ]
scaleZoomOrigin = [ scaleZoomOrigin = [
1000/2 - this.entry.center[0] 2000/2 - this.entry.center[0]
,2000/2 - this.entry.center[1] ,2000/2 - this.entry.center[1]
] ]
@ -579,7 +579,7 @@ function initView(){
] ]
scaleZoomOrigin = [ scaleZoomOrigin = [
1000/2 - this.entry.center[0] 2000/2 - this.entry.center[0]
,2000/2 - this.entry.center[1] ,2000/2 - this.entry.center[1]
] ]
@ -761,12 +761,12 @@ function initView(){
var viewportWidth = document.documentElement.clientWidth; var viewportWidth = document.documentElement.clientWidth;
if(document.documentElement.clientWidth > 1000 && viewportWidth <= 1000){ if(document.documentElement.clientWidth > 2000 && viewportWidth <= 2000){
entriesListShown = true; entriesListShown = true;
wrapper.className = wrapper.className.replace(/ listHidden/g, ""); wrapper.className = wrapper.className.replace(/ listHidden/g, "");
} }
if(document.documentElement.clientWidth < 1000 && viewportWidth >= 1000){ if(document.documentElement.clientWidth < 2000 && viewportWidth >= 2000){
entriesListShown = false; entriesListShown = false;
wrapper.className += " listHidden"; wrapper.className += " listHidden";
} }

4
web/index.html
View file

@ -98,8 +98,8 @@ <h1 id="title">The /r/place Atlas</h1>
</div> </div>
<canvas id="linesCanvas"></canvas> <canvas id="linesCanvas"></canvas>
<div id="innerContainer"> <div id="innerContainer">
<canvas id="highlightCanvas" width="2000" height="1000"></canvas> <canvas id="highlightCanvas" width="2000" height="2000"></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." /> <img id="image" src="./_img/place-indexed.png" width="2000" height="2000" alt="Canvas of /r/place in the state of when the experiment was concluded." />
</div> </div>
</div> </div>