talos/docs/website/components/Footer.vue
Andrew Rynhard 10ab444f71 docs: make the footer bigger
Big footers seem to be in style nowadays. This adds the CNCF log to the
footer and increases the footer height. It also moves the certified
Kubernetes log into the "What is Talos?" section.

Signed-off-by: Andrew Rynhard <andrew@andrewrynhard.com>
2019-10-21 12:22:49 -07:00

44 lines
766 B
Vue

<template>
<footer>
<div class="flex flex-col items-center my-3">
<img class="cncf" src="/images/cncf-color.png" alt="" />
<p>
We are a
<a href="https://cncf.io" target="_blank"
>Cloud Native Computing Foundation</a
>
member.
</p>
</div>
<div>
<a class="inline-block no-underline color-inherit" href="/">
© 2019 Talos Systems, Inc.
</a>
</div>
</footer>
</template>
<style>
footer {
@apply bg-white flex flex-col items-center font-sans justify-between py-5;
z-index: 99;
}
footer a {
@apply text-gray-600 text-xs;
}
footer a:hover {
@apply text-black underline;
}
.color-inherit {
color: inherit;
}
.cncf {
width: 250px;
height: 39px;
}
</style>