Add Lunivity Modal

This commit is contained in:
Sangelo 2024-01-29 21:06:22 +01:00
parent a04c9909f3
commit 9bba107ce3
2 changed files with 45 additions and 2 deletions

View file

@ -5,7 +5,8 @@
import SangeFaultModal from './modals/sangefault.svelte'; import SangeFaultModal from './modals/sangefault.svelte';
import ExploreCraftModal from './modals/explorecraft.svelte'; import ExploreCraftModal from './modals/explorecraft.svelte';
import UtilityClientModal from './modals/utilityclient.svelte'; import UtilityClientModal from './modals/utilityclient.svelte';
import SangeloSpaceModal from './modals/sangelospace.svelte' import SangeloSpaceModal from './modals/sangelospace.svelte';
import LunivityModal from './modals/lunivity.svelte';
import MoreProjectsModal from './modals/more.svelte'; import MoreProjectsModal from './modals/more.svelte';
// import type { SvelteComponent } from 'svelte'; // import type { SvelteComponent } from 'svelte';
@ -88,7 +89,7 @@
<button class="button inactive" /> <button class="button inactive" />
<button class="button inactive" /> <button class="button inactive" />
<button class="button sangelo" on:click={() => openModalWith(SangeloSpaceModal)} /> <button class="button sangelo" on:click={() => openModalWith(SangeloSpaceModal)} />
<a href="https://lunivity.com" rel="noopener noreferrer" target="_blank" tabindex="-1"><button class="button lunivity" /></a> <button class="button lunivity" on:click={() => openModalWith(LunivityModal)} />
</div> </div>
<div class="two"> <div class="two">
<a href="https://gitpot.dev" rel="noopener noreferrer" target="_blank" tabindex="-1"><button class="button gitpot" /></a> <a href="https://gitpot.dev" rel="noopener noreferrer" target="_blank" tabindex="-1"><button class="button gitpot" /></a>

View file

@ -0,0 +1,42 @@
<script>
import IconOpenInNew from 'svelte-material-icons/OpenInNew.svelte';
let projectLogo = "assets/logos/lunivity.svg";
let projectReadme = "https://gitpot.dev/lunivity/.profile/raw/branch/main/README.md";
let projectSite = "https://lunivity.com"
</script>
<content>
<div class="parent">
<div class="gallery">
<img src="{projectLogo}" class="project-logo" alt="Project Logo" />
</div>
<div>
<zero-md class="markdown" src="{projectReadme}">
<template>
<link
rel="stylesheet"
href="/assets/style/markdown.css"
/>
</template>
</zero-md>
</div>
</div>
<div class="button-container">
<a
class="button"
target="_blank"
rel="noopener noreferrer"
href="{projectSite}"
tabindex="-1"
><button>
<IconOpenInNew size="1.2em" />
<p>Visit Project</p>
</button>
</a>
</div>
</content>
<style lang="scss">
@import '../../styles/modal.scss';
@import '../../styles/mobile/modal-mobile.scss';
</style>