You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

174 lines
2.8 KiB
Vue

<style scoped>
@import url('https://fonts.googleapis.com/css2?family=Viga&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap');
* {
border: 0px black solid;
background-color: #ffe6e6;
}
.container_width {
max-width: 100%;
padding-left: 0px;
padding-right: 0px;
}
a:hover {
color: hotpink;
text-decoration: none;
}
a {
color: gray;
}
.content {
padding-right: 50px;
padding-top: 40px;
font-family: 'Roboto Mono', monospace;
font-size: 15px;
padding-left: 20px;
}
.title_story {
font-size: 80px;
font-family: 'Viga', sans-serif;
padding-left: 20px;
padding-top: 20px;
}
.image_container {
padding-top: 40px;
}
</style>
<template>
<b-container fluid class="container_width">
<MenuBar/>
<b-row>
4 years ago
<b-col md="8">
<p class="title_story">acknowledgements</p>
</b-col>
4 years ago
<b-col md="2">
<a href="/eggs"><b-img class="img-fluid" src="media/egg.png"> </b-img></a>
</b-col>
<b-col md="2" class="small_icon">
<a href="/pesto"><b-img class="img-fluid" src="media/basil.png"> </b-img></a>
</b-col>
</b-row>
<b-row>
<b-col md="5">
<div class='content'>
<p>
my lungs<br>
they need to say<br>
thank you to salt<br>
thank you to ginger<br>
thank you to heat<br>
and honey in water<br>
</p>
<p></p>
<p>
my belly<br>
it wants to say<br>
thank you to rice<br>
thank you to noodles<br>
thank you to hotpots<br>
and cookers and kettles<br>
</p>
<p></p>
<p>
but my sanity<br>
she has to say<br>
thank you to you<br>
the strangers and drivers<br>
accepting my orders<br>
in helmets and masks<br>
bringing me dinner<br>
feeding us all<br>
</p>
</div>
</b-col>
<b-col md="7">
<b-container fluid>
<div class="image_container">
<b-row>
<b-col md="6">
</b-col>
<b-col md="6">
</b-col>
</b-row>
<b-row>
<b-col md="12">
<p></p>
</b-col>
</b-row>
<b-row>
<b-col md="6">
</b-col>
<b-col md="6">
</b-col>
</b-row>
<b-row>
<b-col md="12">
<p></p>
</b-col>
</b-row>
<b-row>
<b-col md="6">
</b-col>
<b-col md="6">
</b-col>
</b-row>
<b-row>
<b-col md="12">
<p></p>
</b-col>
</b-row>
</div>
</b-container>
</b-col>
</b-row>
</b-container>
</template>
<script>
import MenuBar from './MenuBar'
export default {
name: 'scooter',
data: function() {
return {
}
},
components: {
MenuBar
}
}
</script>