72 lines
No EOL
1.1 KiB
Vue
72 lines
No EOL
1.1 KiB
Vue
<template>
|
|
<div id="attributions-bar">
|
|
<div
|
|
class="bottom-bar clickable"
|
|
@click.stop="modal = true"
|
|
>
|
|
Made By: Oliver Akins
|
|
</div>
|
|
<ModalAnimation
|
|
:show="modal"
|
|
@closed="modal = false"
|
|
>
|
|
<h2 class="centre">Attributions:</h2>
|
|
<p class="centre">
|
|
Made By: Oliver Akins
|
|
</p>
|
|
<hr>
|
|
<p>
|
|
Tooling:
|
|
<ul>
|
|
<li
|
|
v-for="(link, name) in tooling"
|
|
:key="name"
|
|
>
|
|
<a :href="link">{{ name }}</a>
|
|
</li>
|
|
</ul>
|
|
</p>
|
|
</ModalAnimation>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import Modal from "./Modal";
|
|
|
|
export default {
|
|
name: `AttributionsBar`,
|
|
components: {
|
|
"ModalAnimation": Modal,
|
|
},
|
|
data() {return {
|
|
modal: false,
|
|
tooling: {}
|
|
}},
|
|
computed: {},
|
|
methods: {},
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
@import "../css/theme.css";
|
|
@import "../css/style.css";
|
|
|
|
#attributions-bar {
|
|
position: absolute;
|
|
height: 35px;
|
|
width: 100%;
|
|
bottom: 0;
|
|
}
|
|
|
|
.bottom-bar {
|
|
background-color: var(--background2);
|
|
color: var(--background2-text);
|
|
border-radius: 15px 15px 0 0;
|
|
justify-content: center;
|
|
align-items: center;
|
|
margin: 0 auto;
|
|
display: flex;
|
|
height: 100%;
|
|
width: 25%;
|
|
}
|
|
</style> |