Infrastructure/www-2021
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

the beginnings of a footer

Browse source
This commit is contained in:
Daniel Vinci 2021-04-30 20:54:00 -06:00
parent d2dbc3e3b6
commit 3c05d69ad0
No known key found for this signature in database
GPG key ID: 7A700C29916C26CA
4 changed files with 50 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
src/components/FemtoHeader.svelte
View file

@ -1,20 +1,9 @@
<script>
import FemtoStarLogo from "./FemtoStarLogo.svelte";
</script>
<div class="femtoHeader">
<svg
width="128"
height="100"
viewBox="0 0 32 25"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M0 0H14.6453V4.5H5.05011V10.0714H14.2846V14.3571H5.05011V25H0V0Z"
fill="#FFFFFF"
/>
<path
d="M20.7094 15.6786L17.2104 13.1786L21.3587 8.75L15.4068 7.5L16.7054 3.5L22.2605 6.03572L21.5751 0H25.8317L25.1463 6.03572L30.7014 3.5L32 7.5L26.0481 8.75L30.1964 13.1786L26.6974 15.6786L23.7034 10.4286L20.7094 15.6786Z"
fill="#FFFFFF"
/>
</svg>
<FemtoStarLogo />
<h2>Satellite communications, done differently.</h2>
<div class="introText">

22
src/components/FemtoStarLogo.svelte Normal file
View file

@ -0,0 +1,22 @@
<script>
export let width = 128;
export let height = 100;
export let color = "#FFFFFF";
</script>
<svg
{width}
{height}
viewBox="0 0 32 25"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M0 0H14.6453V4.5H5.05011V10.0714H14.2846V14.3571H5.05011V25H0V0Z"
fill={color}
/>
<path
d="M20.7094 15.6786L17.2104 13.1786L21.3587 8.75L15.4068 7.5L16.7054 3.5L22.2605 6.03572L21.5751 0H25.8317L25.1463 6.03572L30.7014 3.5L32 7.5L26.0481 8.75L30.1964 13.1786L26.6974 15.6786L23.7034 10.4286L20.7094 15.6786Z"
fill={color}
/>
</svg>

20
src/components/Footer.svelte Normal file
View file

@ -0,0 +1,20 @@
<script>
import FemtoStarLogo from "./FemtoStarLogo.svelte";
</script>
<div>
<FemtoStarLogo height={42} width={33} color="#FFFFFF75" />
</div>
<style>
div {
font-weight: 300;
background-color: #00111d;
color: white;
width: 100%;
height: 48px;
display: flex;
justify-content: center;
align-items: center;
}
</style>

3
src/routes/_layout.svelte
View file

@ -1,4 +1,5 @@
<script>
import Footer from "../components/Footer.svelte";
import Nav from "../components/Nav.svelte";
export let segment;
@ -8,6 +9,8 @@
<slot />
<Footer />
<style>
:global(body) {
background-color: #00111d;