2018-02-10 18:47:19 +01:00
|
|
|
<template>
|
|
|
|
<footer :style="color">
|
|
|
|
<div><a href="https://lw1.at/de/impressum">Impressum</a></div>
|
2018-02-19 20:43:53 +01:00
|
|
|
<div><a class="small" href="https://developer.spotify.com/">Albumcover und Probehören mithife von Spotify</a></div>
|
2018-02-10 18:47:19 +01:00
|
|
|
<div><a href="https://lw1.at/">Andere Projekte</a></div>
|
|
|
|
</footer>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
|
|
|
export default {
|
|
|
|
name: "info",
|
|
|
|
props: ["color"],
|
|
|
|
|
|
|
|
};
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<style lang="scss">
|
|
|
|
footer {
|
|
|
|
padding: 1rem 2rem;
|
|
|
|
display: flex;
|
|
|
|
flex-direction: row;
|
|
|
|
justify-content: space-between;
|
|
|
|
a {
|
|
|
|
color: inherit;
|
|
|
|
font-weight: bold;
|
|
|
|
transition: filter .2s;
|
|
|
|
&:hover {
|
|
|
|
color: inherit;
|
|
|
|
filter: invert(30%);
|
|
|
|
}
|
2018-02-19 20:43:53 +01:00
|
|
|
&.small {
|
|
|
|
font-size: 70%;
|
|
|
|
}
|
2018-02-10 18:47:19 +01:00
|
|
|
}
|
|
|
|
}
|
|
|
|
</style>
|