Skip to content
Snippets Groups Projects
Commit ccf9a987 authored by Griefed's avatar Griefed :joystick:
Browse files

chore: Update about-button in menubar to be less self-centered, lol

parent 56f5db99
No related branches found
No related tags found
2 merge requests!7build: Update Dockerfile npm version, Add develop Dockerfile, Make About a little nicer,!8ci: Reactivate gh-pages deploy after Trungel's fixes to paths of tiles.
This commit is part of merge request !7. Comments created here will be created in the context of that merge request.
Hide whitespace changes
Inline Side-by-side
src/layouts/MainLayout.vue
+ 20
− 33
View file @ ccf9a987
......@@ -119,93 +119,80 @@
<q-separator inset spaced />
<q-btn @click="alert = true" color="secondary" dense label="Made by Griefed">
<q-btn @click="alert = true" color="secondary" dense label="About LTTMM">
<q-tooltip :disable="$q.platform.is.mobile">
Open a little About :)
Open a little About! 🙂
</q-tooltip>
<q-avatar>
<img alt="header" src="~assets/Griefed.webp" width="50">
</q-avatar>
</q-btn>
<q-dialog v-model="alert">
<q-card style="max-width: 1000px;width:750px">
<q-card-section>
<div class="text-h6">About Griefed and Let Them Trade Map Maker</div>
<div class="text-h6 text-center">About Let Them Trade Map-Maker, Let Them Trade, and Spaceflower</div>
<div class="text-center">Let Them Trade Map-Maker is not affiliated with Spaceflower in any way, shape, or form.</div>
</q-card-section>
<q-card-section align="center">
<q-btn style="margin-right: 15px" type="a" href="https://github.com/Griefed">
<q-icon size="50px" color="info" name="mdi-github"></q-icon>
<q-tooltip :disable="$q.platform.is.mobile">
Visit my GitHub profile!
</q-tooltip>
</q-btn>
<q-btn style="margin-right: 15px" type="a" href="https://blog.griefed.de">
<q-icon size="50px" color="info" name="mdi-wordpress"></q-icon>
<q-tooltip :disable="$q.platform.is.mobile">
Visit my blog!
</q-tooltip>
</q-btn>
<q-btn style="margin-right: 15px" type="a" href="https://griefed.de">
<q-icon size="50px" color="info" name="mdi-web"></q-icon>
<q-btn style="margin-right: 15px" type="a" target="_blank" href="https://github.com/Griefed/ltt-mapmaker">
<q-icon size="50px" color="dark" name="mdi-github"></q-icon>
<q-tooltip :disable="$q.platform.is.mobile">
Visit my website!
LTTMM on GitHub!
</q-tooltip>
</q-btn>
</q-card-section>
<q-card-section class="q-pt-none">
Visual map maker for Let Them Trade by Spaceflower, made with VueJS/Quasar.<br>
<q-card-section class="q-pt-none text-center">
A visual map maker for the game <b>Let Them Trade</b>, by <b>Spaceflower</b>, made with VueJS/Quasar.<br>
Simply click on a button in the center of a tile and select the type you want it to change to.<br>
Do so for the whole map. After your map looks good to you, hit the "DOWNLOAD MAP"-button in the top-right.<br>
This will generate a .json-file and download it which will contain your configuration as a Let Them Trade map.
Do so for the whole map. After your map looks good to you, hit the "<b>DOWNLOAD MAP</b>"-button in the menubar at the top.<br>
This will generate and download a <b>.json</b>-file containing your Let Them Trade map.
</q-card-section>
<q-card-section>
<div class="text-h6">All Things Spaceflower!</div>
<div class="text-h6 text-center">All Things Spaceflower!</div>
</q-card-section>
<q-card-section align="center">
<q-btn style="margin-right: 15px" type="a" href="https://store.steampowered.com/app/1313290/Let_Them_Trade/">
<q-icon size="50px" color="black" name="mdi-steam"></q-icon>
<q-icon size="50px" color="red-7" name="mdi-steam"></q-icon>
<q-tooltip :disable="$q.platform.is.mobile">
Let Them Trade on Steam!
</q-tooltip>
</q-btn>
<q-btn style="margin-right: 15px" type="a" href="https://www.twitch.tv/spaceflowerde">
<q-icon size="50px" color="black" name="mdi-twitch"></q-icon>
<q-icon size="50px" color="red-7" name="mdi-twitch"></q-icon>
<q-tooltip :disable="$q.platform.is.mobile">
Spaceflower on Twitch!
</q-tooltip>
</q-btn>
<q-btn style="margin-right: 15px" type="a" href="https://spaceflower.de/">
<q-icon size="50px" color="black" name="mdi-web"></q-icon>
<q-icon size="50px" color="red-7" name="mdi-web"></q-icon>
<q-tooltip :disable="$q.platform.is.mobile">
Visit the homepage of Spaceflower!
</q-tooltip>
</q-btn>
<q-btn style="margin-right: 15px" type="a" href="https://www.tiktok.com/@spaceflowerde?">
<q-icon size="50px" color="black" name="tiktok"></q-icon>
<q-icon size="50px" color="red-7" name="tiktok"></q-icon>
<q-tooltip :disable="$q.platform.is.mobile">
Visit Spaceflower on TikTok!
</q-tooltip>
</q-btn>
<q-btn style="margin-right: 15px" type="a" href="https://twitter.com/spaceflowerde">
<q-icon size="50px" color="black" name="mdi-twitter"></q-icon>
<q-icon size="50px" color="red-7" name="mdi-twitter"></q-icon>
<q-tooltip :disable="$q.platform.is.mobile">
Visit Spaceflower on Twitter!
</q-tooltip>
</q-btn>
<q-btn style="margin-right: 15px" type="a" href="https://www.facebook.com/SpaceflowerDE">
<q-icon size="50px" color="black" name="mdi-facebook"></q-icon>
<q-icon size="50px" color="red-7" name="mdi-facebook"></q-icon>
<q-tooltip :disable="$q.platform.is.mobile">
Visit Spaceflower on Facebook!
</q-tooltip>
</q-btn>
<q-btn style="margin-right: 15px" type="a" href="https://discordapp.com/invite/yaTeefS">
<q-icon size="50px" color="black" name="mdi-discord"></q-icon>
<q-icon size="50px" color="red-7" name="mdi-discord"></q-icon>
<q-tooltip :disable="$q.platform.is.mobile">
Join their Discord server!
</q-tooltip>
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment

Me haz all ze repositoriiiiiiiiiiiiiiiiiies