diff --git a/public/css/building.css b/public/css/building.css index e400605..5a6c47f 100644 --- a/public/css/building.css +++ b/public/css/building.css @@ -14,13 +14,42 @@ body { .building { background: rgba(0, 0, 0, 0.7); + padding: 40px; - border-radius: 10px; + + border-radius: 12px; + text-align: center; - width: 400px; + + width: 420px; + + box-shadow: 0 0 30px rgba(0, 0, 0, 0.8); } -a { - color: #6ec6ff; - text-decoration: none; +.building h1 { + margin-top: 0; +} + +.back { + display: inline-block; + + margin-top: 20px; + + padding: 12px 20px; + + background: #2c6cff; + + color: white; + + text-decoration: none; + + border-radius: 6px; + + transition: 0.2s; +} + +.back:hover { + background: #4a85ff; + + box-shadow: 0 0 12px #4a85ff; } diff --git a/public/css/launcher.css b/public/css/launcher.css index e74a032..1d68148 100644 --- a/public/css/launcher.css +++ b/public/css/launcher.css @@ -1,10 +1,10 @@ .worldmap { position: relative; - width: 1358px; - height: 679px; + width: 2037px; + height: 1018px; - background: url("/images/dok_bg.png") no-repeat center; + background: url("/images/dok_bg.png") no-repeat; } .map-overlay { @@ -18,13 +18,18 @@ .area { fill: rgba(255, 255, 255, 0); + cursor: pointer; - transition: 0.3s; + + transition: 0.25s; } .area:hover { - fill: rgba(120, 200, 255, 0.15); + fill: rgba(120, 200, 255, 0.18); + stroke: #6ec6ff; + stroke-width: 3; - filter: drop-shadow(0 0 10px #6ec6ff); + + filter: drop-shadow(0 0 14px #6ec6ff); } diff --git a/public/images/dok_bg.png b/public/images/dok_bg.png index 5dc92c9..cb27113 100644 Binary files a/public/images/dok_bg.png and b/public/images/dok_bg.png differ diff --git a/views/buildings/castle.ejs b/views/buildings/castle.ejs index b8be69f..2038823 100644 --- a/views/buildings/castle.ejs +++ b/views/buildings/castle.ejs @@ -1,7 +1,19 @@ -
-

Schloss

+ + + + + Schloss -

Hier kannst du deine Charaktere verwalten.

+ + - Zurück zur Karte -
+ +
+

Schloss

+ +

Hier kannst du deine Charaktere verwalten.

+ + Zurück zur Karte +
+ + diff --git a/views/launcher.ejs b/views/launcher.ejs index fcf19c5..f214922 100644 --- a/views/launcher.ejs +++ b/views/launcher.ejs @@ -32,40 +32,122 @@
- - + + + + Gebäude 1 + points="150,150 210,150 230,210 180,260 140,220" + /> - + + + Gebäude 2 + points="260,330 310,330 330,380 300,430 240,400" + /> - + + + Gebäude 3 + points="450,260 540,260 560,320 520,370 430,350" + /> - + + + Gebäude 4 + points="880,130 1010,130 1050,200 1000,280 850,250" + /> - + + + Gebäude 5 + points="1180,160 1240,160 1260,260 1200,300 1160,230" + /> + + + + + Gebäude 6 + + + + + + Gebäude 7 + + + + + + Gebäude 8 + + + + + + Gebäude 9 + + + + + + Gebäude 10 + + + + + + Gebäude 11 + + + + + + Gebäude 12 + + + + + + Gebäude 13 +