From 7b495f3d817840a45be3c51887e52406f5733616 Mon Sep 17 00:00:00 2001 From: Chris Wilson Date: Fri, 11 Jun 2021 20:22:47 -0400 Subject: [PATCH] Website landing page preliminary update --- WebHostLib/static/styles/landing.css | 47 +++++++++++---------- WebHostLib/templates/header/baseHeader.html | 4 +- WebHostLib/templates/landing.html | 30 ++++++------- 3 files changed, 40 insertions(+), 41 deletions(-) diff --git a/WebHostLib/static/styles/landing.css b/WebHostLib/static/styles/landing.css index 23da6690..846cfb05 100644 --- a/WebHostLib/static/styles/landing.css +++ b/WebHostLib/static/styles/landing.css @@ -7,7 +7,6 @@ html{ flex-direction: column; justify-content: center; flex-wrap: wrap; - margin-top: 60px; } #landing-header{ @@ -53,18 +52,19 @@ html{ font-size: 1.4rem; } -#uploads-button{ - top: 65px; +#far-left-button{ + top: 115px; left: calc(50% - 416px - 200px - 75px); background-image: url("/static/static/button-images/button-a.png"); background-size: 200px auto; width: 200px; height: calc(156px - 40px); padding-top: 40px; + cursor: default; } -#setup-guide-button{ - top: 270px; +#mid-left-button{ + top: 320px; left: calc(50% - 416px - 200px + 140px); background-image: url("/static/static/button-images/button-b.png"); background-size: 260px auto; @@ -73,8 +73,8 @@ html{ padding-top: 35px; } -#player-settings-button{ - top: 350px; +#mid-button{ + top: 400px; left: calc(50% - 100px); background-image: url("/static/static/button-images/button-a.png"); background-size: 200px auto; @@ -83,8 +83,8 @@ html{ padding-top: 38px; } -#discord-button{ - top: 250px; +#mid-right-button{ + top: 300px; left: calc(50% + 416px - 166px); background-image: url("/static/static/button-images/button-c.png"); background-size: 250px auto; @@ -94,14 +94,15 @@ html{ padding-left: 20px; } -#generate-button{ - top: 75px; +#far-right-button{ + top: 125px; left: calc(50% + 416px + 75px); background-image: url("/static/static/button-images/button-b.png"); background-size: 260px auto; width: 260px; height: calc(130px - 35px); padding-top: 35px; + cursor: default; } #landing-clouds{ @@ -111,7 +112,7 @@ html{ #landing-clouds #cloud1{ position: absolute; left: 10px; - top: 265px; + top: 365px; width: 400px; height: 350px; @@ -147,23 +148,23 @@ html{ @keyframes c1-float{ from{ left: 10px; - top: 265px; + top: 365px; } 25%{ left: 14px; - top: 267px; + top: 367px; } 50%{ left: 17px; - top: 265px; + top: 365px; } 75%{ left: 14px; - top: 262px; + top: 362px; } to{ left: 10px; - top: 265px; + top: 365px; } } @@ -241,32 +242,32 @@ html{ } #landing-deco-1{ - top: 430px; + top: 480px; left: calc(50% - 276px); } #landing-deco-2{ - top: 200px; + top: 250px; left: calc(50% + 150px); } #landing-deco-3{ - top: 300px; + top: 350px; left: calc(50% - 150px); } #landing-deco-4{ - top: 240px; + top: 290px; left: calc(50% - 580px); } #landing-deco-5{ - top: 40px; + top: 90px; left: calc(50% + 450px); } #landing-deco-6{ - top: 412px; + top: 462px; left: calc(50% + 196px); } diff --git a/WebHostLib/templates/header/baseHeader.html b/WebHostLib/templates/header/baseHeader.html index b47537ba..e7d82dec 100644 --- a/WebHostLib/templates/header/baseHeader.html +++ b/WebHostLib/templates/header/baseHeader.html @@ -11,10 +11,8 @@ archipelago
- start game - host game + games setup guides - upload config discord
diff --git a/WebHostLib/templates/landing.html b/WebHostLib/templates/landing.html index 79fbdb0f..2de56685 100644 --- a/WebHostLib/templates/landing.html +++ b/WebHostLib/templates/landing.html @@ -6,17 +6,18 @@ {% endblock %} {% block body %} + {% include 'header/oceanHeader.html' %}
-

the legend of zelda: a link to the past

-

MULTIWORLD RANDOMIZER

+

ARCHIPELAGO

+

multiworld randomizer ecosystem

@@ -33,14 +34,13 @@
-

Welcome to the Archipelago Multiworld Randomizer!

-

This is a randomizer for The Legend of Zelda: A - Link to the Past.

-

It is also a multi-world, meaning Link's items may have been placed into other players' games. - When a player picks up an item which does not belong to them, it is sent back to the player - it belongs to.

-

On this website you are able to generate and host multiworld games, and item and location - trackers are provided for games hosted here.

+

Welcome to Archipelago!

+

+ This is a cross-game modification system which randomizes different games, then uses the result to + build a single unified multi-player game. Items from one game may be present in another, and + you will need your fellow players to find items you need in their games to help you complete + your own. +

This project is the cumulative effort of many talented people.