diff --git a/docs/chat.php b/docs/chat.php new file mode 100644 index 0000000..ab79bfd --- /dev/null +++ b/docs/chat.php @@ -0,0 +1,32 @@ + +

Scraftia (Home)

+ +
+
+
+
+ +
+
+ +
+
+
+ +
+ diff --git a/docs/css/main.css b/docs/css/main.css new file mode 100644 index 0000000..3d21e41 --- /dev/null +++ b/docs/css/main.css @@ -0,0 +1,244 @@ +:root { + --black: rgb(16, 16, 16); + --gray: rgb(38, 38, 38); + --white: rgb(240, 240, 240); + --primary-dark: rgb(230, 128, 78); + --primary-light: rgb(255, 230, 200); + --elem-width: min(800px, 90vw); + --elem-height: 300px; + --border-radius: 8px; + --font: system-ui, sans-serif; + color: var(--white); + background: var(--black); + font-family: var(--font) !important; +} + +.comment.joiner { + background: rgb(78,180,78); +} + +.comment.leaver { + background: rgb(180,78,78); +} + +.img { + max-width: 500px; + max-height: 500px; +} + +.banner, +body { + display: flex; + flex-direction: column; + align-items: center; + overflow-x: hidden; + margin-top: 0 +} + +pre { + white-space: pre-wrap; + font-family: var(--font); +} + +.banner { + justify-content: center; + margin-bottom: calc(-1*var(--elem-height)) +} + +.banner-background, +.banner-content { + height: var(--elem-height); + overflow-y: auto +} + +.banner-background { + border-radius: var(--border-radius); + background-color: var(--gray); + opacity: 30%; + object-fit: cover +} + +.banner-content { + margin-left: 10px; + margin-right: 10px; + position: relative; + top: calc(-1*var(--elem-height)) +} + +.banner pre { + width: calc(var(--elem-width) - 40px); + margin: 5px; +} + +.banner, +.banner-background, +.content, +.comment { + width: var(--elem-width) +} + +.avatar { + display: flex; + align-items: center; + margin-bottom: 5px; +} + +.avatar b { + margin-right: 5px; +} + +.avatar-img { + width: 50px; + height: 50px; + margin-right: 15px; + border-radius: var(--border-radius); +} + +.form { + width: calc(var(--elem-width) - 1rem); + grid-template-columns: .51fr 1fr; + display: grid +} + +.form-key { + margin-right: 10px +} + +.form-button, +.form-input, +.form, +.comment { + border: solid var(--gray) 3px; + background: var(--black); + border-radius: var(--border-radius); + color: var(--white); + padding: .5rem; + margin-bottom: .1rem; + margin-top: .1rem; + text-decoration: none +} + +.form-button, +.form-heading, +.form-message { + grid-column: span 2; +} + +.form-button { + font-weight: 700; + display: inline-block; + background: var(--primary-dark); + border-color: var(--primary-light); + margin: .5rem; +} + +.header { + z-index: 5; + position: sticky; + top: 0; + display: flex; + background: var(--gray); + color: var(--white); + padding: 10px; + margin-bottom: 10px; + align-items: center; + flex-wrap: wrap; + width: var(--elem-width); + border-radius: var(--border-radius); +} + +.header-link, +.link { + font-weight: 700; + color: var(--white) +} + +.header-link { + text-decoration: none; + padding-left: .5em; + margin-left: .5em; + border-left: solid var(--white) 2px; + + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + height: 1.5em; +} + +.header-img { + border-left: none; + margin: 0; + padding-left: 0; + height: 2.5em; + object-fit: cover; +} + +@media (max-width: 800px) { + .form { + grid-template-columns: 1fr; + } + .form-button, .form-heading, .form-message { + grid-column: span 1; + } +} + +pre { + width: var(--elem-width); + white-space: pre-wrap; + overflow-wrap: break-word; +} + +iframe { + width: 480px; + height: 360px; + border: none; +} + +.header a { + width: 60px; +} + +.header a, .clickie { + text-decoration: none; + color: inherit; + font-weight: bold; + margin: 5px; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; +} + +.header a.leave { + margin-left: auto; +} + +.clickie { + width: min-content; + margin-top: 40px; +} + +.map { + width: var(--elem-width); + background: var(--gray); + image-rendering: pixelated; + image-rendering: crisp-edges; +} + +.coords { + position: relative; + top: calc(var(--elem-width) / -3); + left: calc(var(--elem-width) / 6); + font-size: 16px; + background: rgba(0,0,0,0.5); + padding: 10px; + width: 250px; + margin: 0; + margin-bottom: -50px; +} + + +.date { + font-size: 0.8em; +} diff --git a/docs/index.php b/docs/index.php index e69de29..27f8b60 100644 --- a/docs/index.php +++ b/docs/index.php @@ -0,0 +1,46 @@ + + +

Nations

+

Pan camera: [WASD/Mouse], Fast motion: [Q], Zoom: [Mouse wheel]

+ + 

+				

+				
Rules

+				
    
+				
  1. Don't harrass others.
    2. 
+				
  2. Don't glitch.
    3. 
+				
  3. Don't hack, excluding shaders, minimaps without caves, and ViaVersion.
    4. 
+				
  4. Don't loot, grief, or build on foreign land that isn't empty
+				or inactive for 5+ days (squatting).
    5. 
+				
  5. Huge claims won't get mapped.
    6. 
+				
  6. The first claimer of land via BiglyChat and its squatters owns it.
    7. 
+				
  7. Wars are declared on BiglyChat.
    8. 
+				
  8. Nations in war have 3 points per citizen or town. Dying deducts this.
    9. 
+				
  9. A nation having 0 points or being removed, ends a war.
    10. 
+				
  10. Nations can be partially annexed with only some points deducted.
    11. 
+				

+				

+				
diff --git a/docs/map.js b/docs/map.js
new file mode 100644
index 0000000..6bbe31a
--- /dev/null
+++ b/docs/map.js
@@ -0,0 +1,142 @@
+const mapWidth = 14000;
+const mapHeight = 14000;
+
+let assets = [
+    '../thingie.png',
+    '../thingie.svg' // i swear this is temporary
+]
+
+let imgA = [];
+
+let map = document.querySelector('.map');
+let ctx = map.getContext('2d');
+
+let coords = document.querySelector('.coords');
+
+let pos = [];
+let mpos = [0, 0];
+let keys = [];
+let vel = [0, 0];
+let center = [0, 0];
+let lastPos = [0, 0];
+let isMouse = false;
+let zoom = 5;
+let timer = 0;
+
+let id = '';
+
+ctx.imageSmoothingEnabled = false;
+
+function fixEvent(e) {
+    let r = map.getBoundingClientRect();
+    e = { clientX: e.clientX, clientY: e.clientY };
+
+    e.clientX -= r.x;
+    e.clientY -= r.y;
+
+    e.clientX /= r.width / map.width;
+    e.clientY /= r.height / map.height;
+
+    return e;
+}
+
+function down(e) {
+    keys[e.key.toLowerCase()] = true;
+};
+
+function up(e) {
+    keys[e.key.toLowerCase()] = false;
+};
+
+function mouseMove(e) {
+    e = fixEvent(e);
+
+    lastPos = [e.clientX, e.clientY];
+    if (!isMouse) return;
+    mpos[0] += e.clientX - center[0];
+    mpos[1] += e.clientY - center[1];
+    center = lastPos;
+}
+
+function mouseUp(e) {
+    isMouse = false;
+}
+
+function mouseDown(e) {
+    e = fixEvent(e);
+    if (e.button == '2') return;
+    isMouse = true;
+    center = [e.clientX, e.clientY];
+}
+
+function wheel(e) {
+    document.body.style.overflow = 'hidden';
+
+    if (timer != 0) clearTimeout(timer);
+
+    timer = setTimeout(function() {
+        document.body.style.overflow = '';
+    },400)
+
+    mpos[0] -= lastPos[0];
+    mpos[1] -= lastPos[1];
+
+    let f = (2 ** -(e.deltaY/256));
+
+    mpos[0] *= f;
+    mpos[1] *= f;
+
+    mpos[0] += lastPos[0];
+    mpos[1] += lastPos[1];
+
+    zoom *= f;
+}
+
+function move() {
+    var isShift = keys['q'];
+    vel[0] += ((keys['a'] ? 1 : 0) - (keys['d'] ? 1 : 0)) * (isShift ? 5 : 1);
+    vel[1] += ((keys['w'] ? 1 : 0) - (keys['s'] ? 1 : 0)) * (isShift ? 5 : 1);
+
+    vel[0] *= 0.9;
+    vel[1] *= 0.9;
+
+    mpos[0] += vel[0];
+    mpos[1] += vel[1];
+
+    ctx.clearRect(0, 0, map.width, map.height);
+
+    for (let img of imgA) {
+        let w = imgA[0].width * zoom;
+        let h = imgA[0].height * zoom;
+        ctx.drawImage(img, mpos[0], mpos[1], w, h)
+    }
+
+    off = [-(imgA[0].width * zoom - map.width) / 2, -(imgA[0].height * zoom - map.height) / 2];
+    coords.textContent = `X: ${(mpos[0] - off[0]) * mapWidth / imgA[0].width / -zoom}\nZ: ${(mpos[1] - off[1]) * mapHeight / imgA[0].height / -zoom}`;
+}
+
+for (let asset of assets) {
+    let img = new Image();
+    img.src = `./${asset}`;
+    imgA.push(img);
+}
+
+let off = [-(imgA[0].width * zoom - map.width) / 2, -(imgA[0].height * zoom - map.height) / 2];
+setTimeout(function() {
+    mpos = [off[0], off[1]];
+},300)
+
+setInterval(move, 10);
+
+window.addEventListener('keydown', down);
+window.addEventListener('keyup', up);
+map.addEventListener('wheel', wheel);
+window.addEventListener('mousemove', mouseMove);
+window.addEventListener('mousedown', mouseDown);
+window.addEventListener('mouseup', mouseUp);
+
+function copy() {
+    let addr = 'play.dervland.net';
+    navigator.clipboard.writeText(addr);
+    alert(addr);
+}
diff --git a/docs/thingie.png b/docs/thingie.png
new file mode 100644
index 0000000..3f0627a
Binary files /dev/null and b/docs/thingie.png differ
diff --git a/docs/thingie.svg b/docs/thingie.svg
new file mode 100644
index 0000000..50c4ed4
--- /dev/null
+++ b/docs/thingie.svg
@@ -0,0 +1,81 @@
+
+
+
+AkoriaIslandia
diff --git a/libs/header.php b/libs/header.php
new file mode 100644
index 0000000..dc4516a
--- /dev/null
+++ b/libs/header.php
@@ -0,0 +1,19 @@
+
+				
+				
+				
+				Scraftia
+				
+				
+				
+				
+				
+		
+		
+				
+