mirror of
https://github.com/seanmorley15/AdventureLog.git
synced 2025-07-19 12:59:36 +02:00
78ab387055
- Update the title and logo in Docusaurus configuration - Add Discord and Support links to the navbar - Update the label and href for the GitHub link in the footer - Remove redundant code and comments in ImageInfoModal component - Update the text and link in ImageInfoModal component - Update the conditional statement in +page.svelte file - Comment out the unused code in settings page
55 lines
1.5 KiB
Svelte
55 lines
1.5 KiB
Svelte
<script lang="ts">
|
|
import type { Background } from '$lib/types';
|
|
import { createEventDispatcher } from 'svelte';
|
|
const dispatch = createEventDispatcher();
|
|
import { onMount } from 'svelte';
|
|
let modal: HTMLDialogElement;
|
|
export let background: Background;
|
|
|
|
onMount(() => {
|
|
modal = document.getElementById('my_modal_1') as HTMLDialogElement;
|
|
if (modal) {
|
|
modal.showModal();
|
|
}
|
|
});
|
|
|
|
function close() {
|
|
dispatch('close');
|
|
}
|
|
|
|
function handleKeydown(event: KeyboardEvent) {
|
|
if (event.key === 'Escape') {
|
|
dispatch('close');
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<dialog id="my_modal_1" class="modal">
|
|
<!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
|
|
<!-- svelte-ignore a11y-no-noninteractive-tabindex -->
|
|
<div class="modal-box" role="dialog" on:keydown={handleKeydown} tabindex="0">
|
|
<h3 class="font-bold text-lg">
|
|
About This Background<span class=" inline-block"></span>
|
|
</h3>
|
|
<div class="flex flex-col items-center">
|
|
{#if background.author != ''}
|
|
<p class="text-center mt-2">Photo by {background.author}</p>
|
|
{/if}
|
|
{#if background.location != ''}
|
|
<p class="text-center">Location: {background.location}</p>
|
|
{/if}
|
|
<p class="text-center mt-4">
|
|
<a
|
|
href="https://discord.gg/wRbQ9Egr8C"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
class="text-blue-500 hover:underline"
|
|
>
|
|
Join the Discord
|
|
</a>
|
|
to share your own photos. Post them in the #travel-share channel.
|
|
</p>
|
|
</div>
|
|
<button class="btn btn-primary" on:click={close}>Close</button>
|
|
</div>
|
|
</dialog>
|