Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 16 additions & 0 deletions src/routes/Homepage.svelte
Original file line number Diff line number Diff line change
Expand Up @@ -78,6 +78,15 @@
}
}
}
const aboutModal = () => {
SessionStore.set({
inSession: false,
sessionLength: 0,
modalType: "about",
counter: $SessionStore.counter+1,
sessionActivity: ""
});
};
</script>

<style>
Expand Down Expand Up @@ -166,10 +175,17 @@
padding-left: 3rem;
font-size: 2rem;
}
#aboutButton {
position: absolute;
top: 1rem;
left: 1rem;
}

</style>

<!-- svelte-ignore a11y-click-events-have-key-events -->
<img src="logout.png" alt="logout" class="logout_button" on:click={logout}>
<button id='aboutButton' on:click={aboutModal} class="button">About Us</button>
{#if $SessionStore.inSession}
<InSession/>
{:else}
Expand Down
5 changes: 5 additions & 0 deletions src/routes/ModalManager.svelte
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,7 @@
import FinishedSessionModal from './components/FinishedSessionModal.svelte';
import ActivitiesModal from './components/ActivitiesModal.svelte';
import CustomizationModal from './components/CustomizationModal.svelte';
import AboutModal from './components/AboutModal.svelte';
import { writable } from 'svelte/store';
import Modal from 'svelte-simple-modal';

Expand Down Expand Up @@ -32,6 +33,10 @@
// @ts-ignore
modal.set(CustomizationModal);
}
if ($SessionStore.modalType == "about") {
// @ts-ignore
modal.set(AboutModal);
}
currModal = $SessionStore.modalType;
counter = $SessionStore.counter;
}
Expand Down
7 changes: 7 additions & 0 deletions src/routes/components/AboutModal.svelte
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
<div class="modal-content">
<h1>About Us!</h1>
<p>StudyHouse is an application aimed to make its users more productive. Through reinforcing techniques, the goal is that as a user, you feel motivated to do your work and rewarded when you complete it. After starting a session, you will receive coins based on the amount of time you were productive for. Once you have chosen to end the timer, the coins earned can be used to unlock furniture and themes to customize your very own study house! The more coins you earn the more you can personalize your study house.

Why not stay home and study today?</p>
</div>