diff --git a/index.css b/index.css index 2f077fa0..4f9c5df5 100644 --- a/index.css +++ b/index.css @@ -80,6 +80,11 @@ button, select, a { fill-rule: evenodd; } +#lakes, +#coastline { + cursor: pointer; +} + #temperature { fill-rule: evenodd; font-family: sans-serif; @@ -242,7 +247,10 @@ i.icon-lock { text-anchor: middle; } -#routeLength, #riverLength { +#routeLength, +#riverLength, +#lakeArea, +#coastlineArea { background-color: #eeeeee; border: 1px solid #a5a5a5; line-height: 1.3em; @@ -252,7 +260,7 @@ i.icon-lock { #brushCircle { stroke: #373737; stroke-width: 1.5px; - stroke-dasharray: 6; + stroke-dasharray: 7; stroke-linecap: butt; fill: none; } @@ -474,13 +482,7 @@ input[type="color"]::-webkit-color-swatch-wrapper { font-weight: bold; } -#styleContent button.styleButton { - font-size: 70%; - border-radius: 15%; - margin: 0; -} - -#styleContent button.presetButton { +#layersContent button.presetButton { position: absolute; height: 2em; border-radius: 15%; @@ -488,6 +490,13 @@ input[type="color"]::-webkit-color-swatch-wrapper { font-size: .7em; } +#styleContent button.styleButton { + font-size: 70%; + border-radius: 15%; + margin: 0; +} + +#layersContent button.active, #styleContent button:active { transform: translate(0px, 1px); } @@ -531,9 +540,10 @@ input[type="color"]::-webkit-color-swatch-wrapper { } .tab > button.options { - width: 23.25%; + /* width: 23.25%; */ + width: 18.6%; height: 100%; - padding: 7px 10px; + padding: 7px 0px; } button.options { @@ -682,7 +692,7 @@ fieldset { } #styleElements .whiteButton { - padding: 0 9px; + padding: 0 .8em; border: 0; background-color: #ffffff !important; } @@ -873,7 +883,7 @@ body button.noicon { #controlPoints { fill: #ff0000; stroke: #841f1f; - stroke-width: .3; + stroke-width: .25; cursor: move; opacity: .8; } @@ -886,6 +896,25 @@ body button.noicon { cursor: pointer; } +#vertices > circle { + fill: #ff0000; + stroke: #841f1f; + stroke-width: .1; + cursor: move; + opacity: .8; +} + +#vertices > polygon { + fill: none; + stroke: #808080; + stroke-width: .1; +} + +#controlPoints > circle:hover, +#vertices> circle:hover { + stroke: #2c0808; +} + .drag-trigger { border-left: 12px solid transparent; border-right: 12px solid #916e7f; @@ -1183,6 +1212,11 @@ div.states .icon-pin { cursor: pointer; } +div.states .icon-flag-empty { + cursor: pointer; + font-size: .9em; +} + div.states .icon-resize-vertical { cursor: row-resize; font-size: .9em; @@ -1215,6 +1249,7 @@ div.states>.cultureName { div.states>.culturePopulation { width: 4em; + cursor: pointer; } div.states > .cultureBase, diff --git a/index.html b/index.html index d9b6a5e7..4aeec706 100644 --- a/index.html +++ b/index.html @@ -8,6 +8,7 @@ + @@ -16,8 +17,8 @@ - - + + @@ -129,7 +130,7 @@ - ; + @@ -874,7 +875,7 @@
Azgaar's
Fantasy Map Generator
-
v. 1.0
+
v. 1.1

LOADING...

@@ -890,13 +891,14 @@
- + +
-
+

Layers preset:

@@ -980,7 +984,7 @@ - Group + Group @@ -1460,7 +1464,7 @@
-

Toggle filters:

+

Toggle global filters:

@@ -1553,13 +1557,31 @@ Cultures number - + - + + + + + + Cultures set + + + + + + @@ -1748,6 +1770,7 @@ +
@@ -1823,7 +1846,7 @@
-

Fantasy Map Generator is a free open source tool which procedurally generates fantasy maps. You may use auto-generated maps as they are, edit them or even create a new map from scratch. Check out the quick start tutorial and project wiki for guidance.

+

Fantasy Map Generator is a free open source tool which procedurally generates fantasy maps. You may use auto-generated maps as they are, edit them or even create a new map from scratch. Check out the quick start tutorial and Q&A for guidance.

Join our Discord server and Reddit community to ask questions, get help and share created maps. You may support the project on Patreon.

The project is under active development. For older versions see the changelog. To track the development progress see the devboard. Please report bugs here. You can also contact me directly via email.

A special thanks to all supporters!

@@ -2001,6 +2024,8 @@
+ + + @@ -2051,6 +2077,8 @@
+ + @@ -2058,6 +2086,35 @@
+ + + +