diff options
| author | Logan Hunt <loganhunt@simponic.xyz> | 2022-04-12 18:39:51 -0600 |
|---|---|---|
| committer | Logan Hunt <loganhunt@simponic.xyz> | 2022-04-12 18:39:51 -0600 |
| commit | 3a4b67eb37142fb065ce0fb83b0bb184eab01b02 (patch) | |
| tree | d569aad03f33f9a2bfdf7bf193a19ac4a319d594 /src/routes/team/PersonBio.svelte | |
| download | mistymountainstherapy-3a4b67eb37142fb065ce0fb83b0bb184eab01b02.tar.gz mistymountainstherapy-3a4b67eb37142fb065ce0fb83b0bb184eab01b02.zip | |
Let there be light
Diffstat (limited to 'src/routes/team/PersonBio.svelte')
| -rw-r--r-- | src/routes/team/PersonBio.svelte | 20 |
1 files changed, 20 insertions, 0 deletions
diff --git a/src/routes/team/PersonBio.svelte b/src/routes/team/PersonBio.svelte new file mode 100644 index 0000000..437f57b --- /dev/null +++ b/src/routes/team/PersonBio.svelte @@ -0,0 +1,20 @@ +<script> + export let bio; + let showMore = false; +</script> + +<main> + {#if showMore} + <p>{bio}</p> + <button on:click={() => showMore = false}>Show Less</button> + {:else} + <p>{bio.substr(0, bio.lastIndexOf(' ', 150)) + '...'}</p> + <button on:click={() => showMore = true}>Show More</button> + {/if} +</main> + +<style> + p { + white-space: pre-line; + } +</style>
\ No newline at end of file |