Add Lunivity Modal
This commit is contained in:
parent
a04c9909f3
commit
9bba107ce3
2 changed files with 45 additions and 2 deletions
|
@ -5,7 +5,8 @@
|
|||
import SangeFaultModal from './modals/sangefault.svelte';
|
||||
import ExploreCraftModal from './modals/explorecraft.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 type { SvelteComponent } from 'svelte';
|
||||
|
||||
|
@ -88,7 +89,7 @@
|
|||
<button class="button inactive" />
|
||||
<button class="button inactive" />
|
||||
<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 class="two">
|
||||
<a href="https://gitpot.dev" rel="noopener noreferrer" target="_blank" tabindex="-1"><button class="button gitpot" /></a>
|
||||
|
|
42
src/routes/modals/lunivity.svelte
Normal file
42
src/routes/modals/lunivity.svelte
Normal 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>
|
Loading…
Reference in a new issue