diff --git a/blankmapthing.png b/blankmapthing.png new file mode 100644 index 0000000..2f22f9f Binary files /dev/null and b/blankmapthing.png differ diff --git a/index.css b/index.css new file mode 100644 index 0000000..195e83c --- /dev/null +++ b/index.css @@ -0,0 +1,63 @@ +@import url("https://fonts.googleapis.com/css2?family=Balsamiq+Sans&display=swap"); +html { + background-color: #111111; + color: #DDDDDD; + font-family: Balsamiq Sans, cursive; +} +#left { + position: fixed; + width: 200px; + height: 100%; + left: 0; + background-color: #333333; + z-index: 10; +} +#right { + position: fixed; + width: 200px; + height: 100%; + right: 0; + background-color: #333333; + overflow-y: auto; +} +h2, #coords, #coords2 { + text-align: center; +} +#mapbg, #mapborders, #maptext, #mapbg2 { + position: absolute; + width: 1400px; + height: 1400px; +} +#mapbg, #mapbg2 { + z-index: -3; + display: block; +} +#mapborders { + z-index: -2; +} +#maptext { + z-index: -1; +} +#map { + position: relative; + width: calc(100% - 400px); + height: 100%; + left: 200px; +} +#mainheader { + position: fixed; + width: calc(100% - 600px); + background-color: #444444; + left: 300px; + text-align: center; + z-index: 1; +} +button { + font-family: Balsamiq Sans, cursive; + font-size: 20px; + margin: 4px; + background-color: #222222AA; + border: solid 5px #111111AA; + border-radius: 5px; + color: #DDDDDD; +} \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..4d1fe37 --- /dev/null +++ b/index.html @@ -0,0 +1,51 @@ + + + + SGS + + + + + +
+

+ Instructions +

+ Use the scrollbars to navigate. You can also do CTRL+F to easily find areas.
+ However, do not zoom in/out; it breaks this website. However, if you refresh after you zoom, then it works fine. + + + +
+ +

+ Stranomegaium Cartography Service +

+
+ + + + +
+ + + \ No newline at end of file diff --git a/index.js b/index.js new file mode 100644 index 0000000..9885586 --- /dev/null +++ b/index.js @@ -0,0 +1,36 @@ +function coords() { + var wantedcoords = prompt("Coords? (seperate with comma)","0,0"); + wantedcoords = wantedcoords.split(",") + map.scrollTop = (parseInt(wantedcoords[1].replace(" ","")) + 7000)/10; + map.scrollLeft = (parseInt(wantedcoords[0].replace(" ","")) + 7000)/10; +} +function geo() { + map2.style.display = "none"; + map3.style.display = "initial"; +} +function pol() { + map3.style.display = "none"; + map2.style.display = "initial"; +} +function update() { + document.getElementById("coords").innerHTML = (Math.round(map.scrollLeft*10 - 7000)) + ',' + (Math.round(map.scrollTop*10 - 7000)); + document.getElementById("coords2").innerHTML = (Math.round(map.scrollLeft)) + ',' + (Math.round(map.scrollTop)); +} +var wantedcoords = []; +var map = document.getElementById("map"); +var map2 = document.getElementById("mapbg"); +var map3 = document.getElementById("mapbg2"); +var mapwidth = map.clientWidth; +var mapheight = map.clientHeight; +map2.style.paddingLeft = mapwidth/2; +map2.style.paddingRight = mapwidth/2; +map2.style.paddingTop = mapheight/2; +map2.style.paddingBottom = mapheight/2; +map3.style.paddingLeft = mapwidth/2; +map3.style.paddingRight = mapwidth/2; +map3.style.paddingTop = mapheight/2; +map3.style.paddingBottom = mapheight/2; +map.scrollTop = 700; +map.scrollLeft = 700; +pol(); +var test = setInterval(update,16); \ No newline at end of file diff --git a/mapv1.svg b/mapv1.svg new file mode 100644 index 0000000..74f2edf --- /dev/null +++ b/mapv1.svg @@ -0,0 +1,6138 @@ + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + TGPUCSZ + Stranomegaium +