Making a Quest Map

I am excited to share a game app I am building.
Here’s one of the component.
Quest Map
Build on Glideapp Free Plan

Here’s the code for the Base Map on Rich Text Components

<div style="position: relative; left: -20px; margin-top: -20px; margin-bottom: -30px; width: 110%; overflow: hidden; height: 550px; background: url('IMAGE') no-repeat center center fixed; background-size: ZOOM%; background-position: X% Y%;">
</div>

Code for 1 of the buttons:

<div style="position: absolute; right: 10px; bottom: 230px; cursor: pointer; transform: translateY(-50%); background-color: rgba(255, 255, 255, 1); border-radius: 30px; padding: 15px;">
    <p style="width: 20px; text-decoration: none; font-size: 15px; color: black;"> ▶</p>
</div>

Rich Text Component Actions to increase X or Y but certain %

10 Likes

Ah love it!

1 Like