Skip to content

Commit

Permalink
added discord to welcome message
Browse files Browse the repository at this point in the history
  • Loading branch information
@SnowdenWintermute
SnowdenWintermute committed Feb 15, 2024
1 parent dad664a commit 229f54d
Show file tree
Hide file tree
Showing 3 changed files with 93 additions and 117 deletions.
8 changes: 4 additions & 4 deletions client/dist/index.html
View file
Original file line number Diff line number Diff line change
@@ -1,15 +1,15 @@
<!DOCTYPE html><html><head>
<meta charset="utf-8">
<title>Roguelike Racing</title>
<link rel="stylesheet" href="/output-6ac09d8f1aa19667.css">
<link rel="stylesheet" href="/output-c6e428860f4c4c96.css">

<base href="/">

<link rel="preload" href="/roguelike-racing-client-9f9ded76333a9071_bg.wasm" as="fetch" type="application/wasm" crossorigin="">
<link rel="modulepreload" href="/roguelike-racing-client-9f9ded76333a9071.js"></head>
<link rel="preload" href="/roguelike-racing-client-ce14b84345e37cbf_bg.wasm" as="fetch" type="application/wasm" crossorigin="">
<link rel="modulepreload" href="/roguelike-racing-client-ce14b84345e37cbf.js"></head>
<body>

<script type="module">import init from '/roguelike-racing-client-9f9ded76333a9071.js';init('/roguelike-racing-client-9f9ded76333a9071_bg.wasm');</script><script>(function () {
<script type="module">import init from '/roguelike-racing-client-ce14b84345e37cbf.js';init('/roguelike-racing-client-ce14b84345e37cbf_bg.wasm');</script><script>(function () {
var protocol = window.location.protocol === 'https:' ? 'wss:' : 'ws:';
var url = protocol + '//' + window.location.host + '/_trunk/ws';
var poll_interval = 5000;
Expand Down
75 changes: 60 additions & 15 deletions client/src/components/lobby/welcome_info.rs
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,12 +8,20 @@ pub fn welcome_info() -> Html {
let new_state = !*cloned_show_patch_notes_state;
cloned_show_patch_notes_state.set(new_state);
});
let patch_notes_button_text = if *show_patch_notes_state {
"ⓘ view patch notes"
} else {
"ⓘ view patch notes"
};

html!(
<section class="h-72 max-h-72 p-4 mb-4 mr-4 bg-slate-700 border border-slate-400 overflow-y-auto">
<h3 class="text-lg">{"Roguelike Racing"}</h3>
<button onclick={handle_show_patch_notes_click} class="mb-2">
{"alpha 0.4.0 ⓘ"}
</button>
<section class="h-[19rem] max-h-[19rem] p-4 mb-4 mr-4 bg-slate-700 border border-slate-400 overflow-y-auto">
<div class="flex justify-between mb-2">
<h3 class="text-lg mb-2">{"Roguelike Racing alpha 0.5.0 "}</h3>
<button onclick={handle_show_patch_notes_click} class="border border-slate-400 p-[.25rem] pr-2 pl-2">
{patch_notes_button_text}
</button>
</div>
if *show_patch_notes_state == false {
<WelcomeMessage />
} else {
Expand All @@ -27,6 +35,40 @@ pub fn welcome_info() -> Html {
fn welcome_message() -> Html {
html!(
<>
<p class="font-bold" >{"0.5.0 2/15/2024"}</p>
<p class="underline" >{"Summary:"}</p>
<p class="mb-2">{ "A large refactor combined the code handling using abilities and consumables into a single generic pipeline, enabling the creation of two new abilities, 'Fire' and 'Healing', and laying the groundwork for creating new actions more easily. Monster variety has been increased, and some quality of life features such as stacking consumables and more intuitive keyboard controls were implemented." }</p>
<p class="underline" >{"Balance changes:"}</p>
<ul class="list-disc list-inside mb-1">
<li>{ "+HP, +Acc and +MP affixes have had their values increased" }</li>
<li>{ "Two handed weapons now roll 1.75x more attributes for their affixes than other items" }</li>
<li>{ "Monster attribute scaling with dungeon level tweaked" }</li>
<li>{ "Dead characters now return to life with 1 HP after a battle victory" }</li>
</ul>
<p class="underline" >{"Fixed bugs:"}</p>
<ul class="list-disc list-inside mb-1">
<li>{ "Autoinjectors are no longer AOE targetable" }</li>
<li>{ "Vitality now adds HP as intended" }</li>
<li>{ "Changing the focused character while they have an action selected will now deselect it" }</li>
<li>{ "Jewelry no longer can roll the Armor Class Percentage affix" }</li>
<li>{ "Dead characters can no longer take actions in battles they didn't die in" }</li>
<li>{ "Inventory can now be exited from any page" }</li>
<li>{ "Dead characters can no longer use abilities outside of combat" }</li>
</ul>
<p class="underline" >{"Added features:"}</p>
<ul class="list-disc list-inside mb-1">
<li>{ "New ability, 'Fire', a magical spell that deals fire elemental type damage" }</li>
<li>{ "New ability, 'Healing', a magical spell that restores HP to targets, or if they are 'undead', damages them for 1.5x the rolled value"}</li>
<li>{ "Intelligence now adds MP and increases spell damage and healing"}</li>
<li>{ "Focus now adds increases spell critical strike chance and damage, and penetrates Resilience"}</li>
<li>{ "Resilience now increases healing received from magical sources and reduces damage taken from magical sources"}</li>
<li>{ "New combatant trait, 'Elemental Affinity', which can cause combatants to take more or less damage from elemental abilities, or even be healed by them" }</li>
<li>{ "New consumable type, the 'MP Autoinjector'" }</li>
<li>{ "Consumables now show as stacks instead of distinct items in character inventories" }</li>
<li>{ "Action menu hotkeys for 'Next' and 'Previous' actions now use dedicated keys 'E' and 'W' with 'ArrowRight' and 'ArrowLeft' as alternatives" }</li>
<li>{ "Action menu hotkeys for 'Go Back' and 'Cancel' type actions now use dedicated key 'Escape'" }</li>
<li>{ "Action menu hotkeys for 'Use/Equip' and 'Confirm' type actions now use dedicated key 'R' with 'Enter' as an alternative" }</li>
</ul>
<p class="font-bold" >{"0.4.0 2/4/2024"}</p>
<p class="underline" >{"Fixed bugs:"}</p>
<ul class="list-disc list-inside mb-1">
Expand Down Expand Up @@ -87,20 +129,23 @@ fn welcome_message() -> Html {
html!(
<>
<p class="mb-2">
{"Welcome to the early alpha of Roguelike Racing, a multiplayer turn based
RPG in the spirit of For the King, Diablo and Final Fantasy. All layout and graphics are placeholders.
There is a minimum playable game in which you can do the following:"}
{"Welcome to the alpha of Roguelike Racing, a multiplayer turn based
RPG in the spirit of For the King, Diablo and Final Fantasy."}
</p>
<ul class="list-disc list-inside" >
<li>{"Create and join games which consist of one or more adventuring parties"}</li>
<p class="mb-2" >{"The dungeon can be explored solo, cooperatively or competitively. To get started:"}</p>
<ul class="list-disc list-inside mb-2" >
<li>{"Create or join a game"}</li>
<li>{"Create a party with one or more players each controlling one or more characters"}</li>
<li>{"Explore rooms of the dungeon which may contain monsters"}</li>
<li>{"Battle monsters and receive randomly generated equipment"}</li>
<li>{"Equip, trade and discard equipment"}</li>
<li>{"Try to reach the lowest floor of the dungeon by descending the stairs"}</li>
<li>{"Explore the dungeon and try to reach the lowest floor before the other parties get there"}</li>
</ul>
<p>
{"a lot is not implemented, balanced or at all good, but if anything is severely broken you can report it at https://github.com/SnowdenWintermute/roguelike-racing/issues"}
<a class="underline" href="https://discord.gg/MyVPQf2Zzm" >{ "Join us on Discord" }</a>
</p>
<p>
<span>{"Please report issues at "}</span>
<a class="underline" href={"https://github.com/SnowdenWintermute/roguelike-racing/issues"}>
{"https://github.com/SnowdenWintermute/roguelike-racing/issues"}
</a>
</p>
</>
)
Expand Down
127 changes: 29 additions & 98 deletions client/style/output.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -554,26 +554,14 @@ video {
right: -0.5rem;
}

.bottom-0 {
bottom: 0px;
}

.bottom-5 {
bottom: 1.25rem;
}

.left-0 {
left: 0px;
}

.left-1\/2 {
left: 50%;
}

.right-0 {
right: 0px;
}

.right-3 {
right: 0.75rem;
}
Expand All @@ -590,10 +578,6 @@ video {
top: -1.5rem;
}

.bottom-\[-1\.5rem\] {
bottom: -1.5rem;
}

.z-10 {
z-index: 10;
}
Expand All @@ -602,10 +586,6 @@ video {
z-index: 20;
}

.z-40 {
z-index: 40;
}

.z-50 {
z-index: 50;
}
Expand Down Expand Up @@ -663,10 +643,6 @@ video {
margin-top: 1rem;
}

.mb-\[1px\] {
margin-bottom: 1px;
}

.box-border {
box-sizing: border-box;
}
Expand Down Expand Up @@ -703,6 +679,10 @@ video {
height: 1.25rem;
}

.h-\[19rem\] {
height: 19rem;
}

.h-\[1px\] {
height: 1px;
}
Expand All @@ -723,54 +703,46 @@ video {
height: 100vh;
}

.h-1\/2 {
height: 50%;
.h-\[20rem\] {
height: 20rem;
}

.h-72 {
height: 18rem;
.max-h-10 {
max-height: 2.5rem;
}

.max-h-full {
max-height: 100%;
.max-h-40 {
max-height: 10rem;
}

.max-h-\[45rem\] {
max-height: 45rem;
.max-h-\[19rem\] {
max-height: 19rem;
}

.max-h-\[67\.5rem\] {
max-height: 67.5rem;
}

.max-h-10 {
max-height: 2.5rem;
}

.max-h-40 {
max-height: 10rem;
}

.max-h-\[50\%\] {
max-height: 50%;
.max-h-full {
max-height: 100%;
}

.max-h-screen {
max-height: 100vh;
}

.max-h-72 {
max-height: 18rem;
}

.min-h-screen {
min-height: 100vh;
.max-h-\[20rem\] {
max-height: 20rem;
}

.min-h-\[2\.5rem\] {
min-height: 2.5rem;
}

.min-h-screen {
min-height: 100vh;
}

.w-0 {
width: 0px;
}
Expand Down Expand Up @@ -844,10 +816,6 @@ video {
max-width: 100%;
}

.max-w-\[50\%\] {
max-width: 50%;
}

.flex-1 {
flex: 1 1 0%;
}
Expand Down Expand Up @@ -956,10 +924,6 @@ video {
justify-content: space-between;
}

.overflow-auto {
overflow: auto;
}

.overflow-hidden {
overflow: hidden;
}
Expand Down Expand Up @@ -992,10 +956,6 @@ video {
border-width: 1px;
}

.border-0 {
border-width: 0px;
}

.border-b {
border-bottom-width: 1px;
}
Expand Down Expand Up @@ -1040,6 +1000,11 @@ video {
border-top-width: 1.5rem;
}

.border-green-600 {
--tw-border-opacity: 1;
border-color: rgb(22 163 74 / var(--tw-border-opacity));
}

.border-red-500 {
--tw-border-opacity: 1;
border-color: rgb(239 68 68 / var(--tw-border-opacity));
Expand Down Expand Up @@ -1070,21 +1035,6 @@ video {
border-color: rgb(212 212 216 / var(--tw-border-opacity));
}

.border-blue-700 {
--tw-border-opacity: 1;
border-color: rgb(29 78 216 / var(--tw-border-opacity));
}

.border-green-700 {
--tw-border-opacity: 1;
border-color: rgb(21 128 61 / var(--tw-border-opacity));
}

.border-green-600 {
--tw-border-opacity: 1;
border-color: rgb(22 163 74 / var(--tw-border-opacity));
}

.border-l-transparent {
border-left-color: transparent;
}
Expand All @@ -1093,16 +1043,6 @@ video {
border-right-color: transparent;
}

.border-t-green-600 {
--tw-border-opacity: 1;
border-top-color: rgb(22 163 74 / var(--tw-border-opacity));
}

.border-t-yellow-700 {
--tw-border-opacity: 1;
border-top-color: rgb(161 98 7 / var(--tw-border-opacity));
}

.bg-black {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
Expand Down Expand Up @@ -1183,11 +1123,6 @@ video {
background-color: rgb(212 212 216 / var(--tw-bg-opacity));
}

.bg-blue-700 {
--tw-bg-opacity: 1;
background-color: rgb(29 78 216 / var(--tw-bg-opacity));
}

.fill-red-500 {
fill: #ef4444;
}
Expand All @@ -1208,6 +1143,10 @@ video {
padding: 1rem;
}

.p-\[\.25rem\] {
padding: .25rem;
}

.pl-1 {
padding-left: 0.25rem;
}
Expand Down Expand Up @@ -1236,10 +1175,6 @@ video {
text-align: left;
}

.text-center {
text-align: center;
}

.text-lg {
font-size: 1.125rem;
line-height: 1.75rem;
Expand Down Expand Up @@ -1320,10 +1255,6 @@ video {
border-top-width: 1px;
}

.first\:border-l:first-child {
border-left-width: 1px;
}

.last\:mb-0:last-child {
margin-bottom: 0px;
}
Expand Down

0 comments on commit 229f54d

Please sign in to comment.