krikkert/habitica
1
0
Fork 0
mirror of https://github.com/HabitRPG/habitica.git synced 2025-12-19 15:48:04 +01:00
Code Issues Packages Projects Releases Wiki Activity

WIP(faq): pixelate Daniel's border

Browse Source
This commit is contained in:
CuriousMagpie
2023-06-07 13:33:58 -04:00
parent 658a02bfc3
commit b6359ad032
2 changed files with 23 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
website/client/public/static/npc/normal/pixel_border.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 148 B

24
website/client/src/components/static/chatSunsetFaq.vue
View File

@@ -2,6 +2,7 @@
<div class="col-12 col-sm-8 container-fluid d-flex mx-auto main-bg"> <div class="col-12 col-sm-8 container-fluid d-flex mx-auto main-bg">
<div class="col-12 col-sm-8"> <div class="col-12 col-sm-8">
<div class="row"> <div class="row">
<!-- title goes here -->
<div class="title-details"> <div class="title-details">
<h1 v-once> <h1 v-once>
{{ $t('sunsetFaqTitle') }} {{ $t('sunsetFaqTitle') }}
@@ -180,6 +181,8 @@
</div> </div>
</div> </div>
</div> </div>
<!-- player tiers -->
<div class="row"> <div class="row">
<div class="col-12"> <div class="col-12">
<div class="player-header"> <div class="player-header">
@@ -284,6 +287,8 @@
</li> </li>
</ul> </ul>
</div> </div>
<!-- Daniel in sweet, sweet retirement with Jorts -->
<div class="row"> <div class="row">
<div class="gradient"> <div class="gradient">
</div> </div>
@@ -295,8 +300,14 @@
class="daniel_front" class="daniel_front"
:style="{'background-image': imageURLs.npc}" :style="{'background-image': imageURLs.npc}"
></div> ></div>
<div
class="pixel-border"
:style="{'background-image': imageURLs.pixel_border}"
></div>
</div> </div>
</div> </div>
<!-- email admin -->
<div class="row d-flex mx-auto"> <div class="row d-flex mx-auto">
<div class="question d-flex mx-auto"> <div class="question d-flex mx-auto">
{{ $t('anotherQuestion') }} {{ $t('anotherQuestion') }}
@@ -304,7 +315,7 @@
<div <div
class="contact d-flex mx-auto" class="contact d-flex mx-auto"
> >
<p v-html="$t('contactAdmin')"></p> <p v-html="$t('contactAdmin')"></p> <!-- there's html in here -->
</div> </div>
</div> </div>
</div> </div>
@@ -500,6 +511,15 @@
margin: 0 auto; margin: 0 auto;
} }
.pixel-border {
width: 330px;
height: 30px;
background-repeat: no-repeat;
position: absolute;
z-index: 0;
margin-top: -30px;
}
.question { .question {
font-size: 0.875em; font-size: 0.875em;
font-weight: bold; font-weight: bold;
@@ -565,11 +585,13 @@ export default {
return { return {
background: 'url(/static/npc/normal/tavern_background.png)', background: 'url(/static/npc/normal/tavern_background.png)',
npc: 'url(/static/npc/normal/tavern_npc.png)', npc: 'url(/static/npc/normal/tavern_npc.png)',
pixel_border: 'url(/static/npc/normal/pixel_border.png)',
}; };
} }
return { return {
background: `url(/static/npc/${currentEvent.season}/tavern_background.png)`, background: `url(/static/npc/${currentEvent.season}/tavern_background.png)`,
npc: `url(/static/npc/${currentEvent.season}/tavern_npc.png)`, npc: `url(/static/npc/${currentEvent.season}/tavern_npc.png)`,
pixel_border: 'url(/static/npc/normal/pixel_border.png)',
}; };
}, },
}, },