add designed layout
This commit is contained in:
8
src/components/layout/Footer.svelte
Normal file
8
src/components/layout/Footer.svelte
Normal file
@ -0,0 +1,8 @@
|
||||
<footer class="footer">
|
||||
<img class="footer__illu" src="{ eldritchSky }" alt="">
|
||||
<div>by Eldritch Café - <a href="https://github.com/EldritchCafe/radio" target="_blank">source code</a></div>
|
||||
</footer>
|
||||
|
||||
<script>
|
||||
import eldritchSky from '/assets/img/eldritch-sky.svg'
|
||||
</script>
|
15
src/components/layout/Header.svelte
Normal file
15
src/components/layout/Header.svelte
Normal file
@ -0,0 +1,15 @@
|
||||
<header class="header">
|
||||
<div class="header__side">
|
||||
<button class="header__sideBtn">About</button>
|
||||
</div>
|
||||
<h1 class="header__title">
|
||||
<img src="{ logo }" alt="Eldritch Radio">
|
||||
</h1>
|
||||
<div class="header__side txtright">
|
||||
<button class="header__sideBtn">Settings</button>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<script>
|
||||
import logo from '/assets/img/logo.svg'
|
||||
</script>
|
Reference in New Issue
Block a user