Commit ac3b9237 authored by Rahix's avatar Rahix 🦀
Browse files

gui: Add objective/task HUD

Provide an area where shifts can display information about the current
objective(s) and their status (e.g. 1/4 bottles collected).
parent b3a0a537
......@@ -15,6 +15,17 @@
<rect x="460" y="100" width="600" height="40" class="sanity-amount" id="sanity-amount" />
<rect x="460" y="100" width="1000" height="40" class="sanity-outline" />
<defs>
<linearGradient id="objective-bg-gradient" x1="0" x2="0" y1="0" y2="1">
<stop class="objective-background stop1" offset="0%" />
<stop class="objective-background stop2" offset="100%" />
</linearGradient>
</defs>
<rect x="0" y="0" width="400" height="250" class="objective-background"/>
<text x="20" y="44" class="objective">Task:</text>
<g id="ingame-objective" transform="translate(20, 64) scale(0.8)">
</g>
<g id="ingame-return-to-heaven" style="display: none">
<defs>
<filter id="blur-back-to-heaven">
......
......@@ -55,6 +55,27 @@ div.game {
text-anchor: middle;
}
text.objective {
font-family: "Orbitron";
font-weight: 900;
fill: #ffffff;
font-size: 24pt;
}
rect.objective-background {
fill: url(#objective-bg-gradient);
}
stop.objective-background {
&.stop1 {
stop-color: transparentize(#ffffff, 0.9);
}
&.stop2 {
stop-color: transparent;
}
}
rect.overlay-backdrop {
fill: transparentize($primary1-shade3, 0.3);
}
......@@ -107,6 +128,8 @@ div.game {
dominant-baseline: hanging;
text-anchor: end;
fill: #ffffff;
&.positive {
fill: $typography-2;
}
......
Markdown is supported
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