From 02ca4cf85bc21fac543dd52a383446ad46c7408e Mon Sep 17 00:00:00 2001 From: biglyderv Date: Fri, 17 Jan 2025 02:06:15 -0500 Subject: [PATCH] revamp --- discord.svg | 67 +++++++++++++++++++++++++++++++++++++++++ index.css | 86 ++++++++++++++++++++++++++++++++++++++++------------- index.html | 37 +++++++++++++---------- map.js | 4 ++- server.svg | 82 ++++++++++++++++++++++++++++++++++++++++++++++++++ war.svg | 50 +++++++++++++++++++++++++++++++ wiki.svg | 51 +++++++++++++++++++++++++++++++ 7 files changed, 341 insertions(+), 36 deletions(-) create mode 100644 discord.svg create mode 100644 server.svg create mode 100644 war.svg create mode 100644 wiki.svg diff --git a/discord.svg b/discord.svg new file mode 100644 index 0000000..9ff96fd --- /dev/null +++ b/discord.svg @@ -0,0 +1,67 @@ + + + + diff --git a/index.css b/index.css index fabc054..b6f62af 100644 --- a/index.css +++ b/index.css @@ -1,24 +1,31 @@ :root { - --black-2: rgb(54, 23, 23); - --black: rgb(105, 41, 41); - --gray: rgb(161, 72, 72); - --white: rgb(255, 246, 223); + --black-3: rgb(177, 177, 177); + --black-2: rgb(71, 69, 65); + --black: rgb(39, 38, 37); + --gray: rgb(31, 30, 28); + --white: rgb(255, 251, 241); - --elem-width: min(800px,90vw); - --elem-height: min(800px,90vh); + --elem-width: min(1200px, 90vw); + --elem-height: min(800px, 90vh); - --border-radius: 15px; + --border-radius: 5px; color: var(--white); font-family: system-ui, sans-serif; + +} + +.important { + + font-size: 1.5rem; } body { display: flex; flex-direction: column; align-items: center; - background: var(--black-2); + background: var(--black); margin-top: 0; } @@ -35,7 +42,8 @@ body { object-fit: cover; } -.banner-background, .banner-content { +.banner-background, +.banner-content { height: var(--elem-height); overflow-y: auto; } @@ -85,12 +93,21 @@ body { .content, .form, .banner, -.banner-background { +.banner-background, +.path { border: solid var(--gray) 3px; - padding: 25px; - margin: 25px; border-radius: var(--border-radius); - width: var(--elem-width); + width: var(--elem-width); + + background: var(--black-2); +} + +.content, +.form, +.banner, +.banner-background { + padding: 25px; + margin: 25px; } .form { @@ -119,15 +136,27 @@ body { } .map { - width: var(--elem-height); - height: var(--elem-height); - background: var(--gray); - image-rendering: pixelated; - image-rendering: crisp-edges; + 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) / 2); + font-size: 16px; + background: rgba(0,0,0,0.5); + padding: 10px; + width: 250px; + margin: 0; } a { - color: var(--white); + color: inherit; + font-weight: bold; + text-decoration-thickness: 3px; } h1 { @@ -135,7 +164,24 @@ h1 { align-items: center; } -h1 .form-input{ +h1 .form-input { margin-bottom: 0; margin-left: 10px; +} + +.path { + min-height: 200px; + display: inline-flex; + width: calc(var(--elem-width) / 4.7); + min-width: 200px; + margin: 10px; + background: var(--black-3); + color: var(--black-2); + padding: 5px; + flex-direction: column; + align-items: center; +} + +.path img { + height: 200px; } \ No newline at end of file diff --git a/index.html b/index.html index f2798e0..a4c7432 100644 --- a/index.html +++ b/index.html @@ -8,18 +8,29 @@
-

- Nations of Minzeo on Minecraft - -

- -

Position

- 

-        
Controls

+        
Astrophis is a civilization roleplay. Lead your nation's destiny throughout the
+            Minecraft world.

+        

+            
War

+            
+        

+        

+            
Discord

+            
+        

+        

+            
Server

+            
+        

+        

+            
Wiki

+            
+        

+        
Nations

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

+        
+        

         
About

-        
Minzeo is a Minecraft civilization roleplay. Unlike similar servers, it isn't a short-term challenge, and has
-            no claim plugins. 

         
The server's geopolitics is defined by the players and the gameplay rules.

         
Rules

         
    
@@ -31,14 +42,10 @@
             
  1. Claims of excessive size will not be mapped.
    2. 
             
  2. The first nation to claim a land in Discord, and anyone squatting there, owns it.
    3. 
             
  3. Wars must be declared in Discord to be valid.
    4. 
-            
  4. In a war, each nation starts with 3 points per citizen, 3 points per settlement.
    5. 
+            
  5. In a war, each nation starts with 3 points per citizen, 3 points per settlement. These are deducted by player death.
    6. 
             
  6. To end a war, a nation must have 0 points, have surrendered, or have withdrawn.
    7. 
             
  7. Not all points need to be taken to partially annex a nation.
    8. 
         

-        
Joining

-        
-        
-        
     

     
 
diff --git a/map.js b/map.js
index c68e9d7..1c6ba0e 100644
--- a/map.js
+++ b/map.js
@@ -122,7 +122,9 @@ for (let asset of assets) {
 }
 
 let off = [-(imgA[0].width * zoom - map.width) / 2, -(imgA[0].height * zoom - map.height) / 2];
-mpos = [off[0], off[1]];
+setTimeout(function() {
+    mpos = [off[0], off[1]];
+},300)
 
 setInterval(move, 10);
 
diff --git a/server.svg b/server.svg
new file mode 100644
index 0000000..4be9535
--- /dev/null
+++ b/server.svg
@@ -0,0 +1,82 @@
+
+
+
+
diff --git a/war.svg b/war.svg
new file mode 100644
index 0000000..600ca95
--- /dev/null
+++ b/war.svg
@@ -0,0 +1,50 @@
+
+
+
+
diff --git a/wiki.svg b/wiki.svg
new file mode 100644
index 0000000..4b8c466
--- /dev/null
+++ b/wiki.svg
@@ -0,0 +1,51 @@
+
+
+
+