< 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 : 0 px black solid ;
background - color : # ffe6e6 ;
}
. container _width {
max - width : 100 % ;
padding - left : 0 px ;
padding - right : 0 px ;
padding - top : 70 px ;
}
a : hover {
color : hotpink ;
text - decoration : none ;
}
a {
color : gray ;
}
. content {
padding - right : 50 px ;
padding - top : 40 px ;
font - family : 'Roboto Mono' , monospace ;
font - size : 15 px ;
padding - left : 20 px ;
}
. title _story {
font - size : 80 px ;
font - family : 'Permanent Marker' , cursive ;
padding - left : 20 px ;
padding - top : 70 px ;
color : # 333042
}
. image _container {
padding - top : 40 px ;
}
. image _container img {
max - width : 80 % ;
}
. author {
font - size : 20 px ;
font - family : 'Roboto Mono' , monospace ;
padding - left : 20 px ;
}
. small _icon {
max - width : 20 % ;
padding - top : 70 px ;
}
. zoom {
transition : transform 1 s ;
}
. zoom : hover {
transform : scale ( 1.1 ) ; }
@ media ( max - width : 575 px ) {
. small _icon {
max - width : 50 % ;
padding - top : 20 px ;
}
. title _story {
font - size : 30 px ;
}
}
< / style >
< template >
< b -container fluid class = "p-0" >
< MenuBar / >
< b -row >
< b -col md = "8" >
< p class = "title_story" > A list < / p >
< b -row >
< b -col md = "6" >
< p class = "author" > a list by Alice Strete < / p >
< / b - c o l >
< / b - r o w >
< / b - c o l >
< b -col md = "2" class = "small_icon" >
< div class = "zoom" >
< a href = "/cake" > < b -img center class = "img-fluid" alt = "Responsive image" src = "media/cake_prev.png" > < / b - i m g > < / a >
< / div >
< / b - c o l >
< b -col md = "2" class = "small_icon" >
< div class = "zoom" >
< a href = "/eggs" > < b -img center class = "img-fluid" alt = "Responsive image" src = "media/egg_next.png" > < / b - i m g > < / a >
< / div >
< / b - c o l >
< / b - r o w >
< b -row >
< b -col md = "5" >
< div class = 'content' >
< p >
My favourite things that I ' ve had during this quarantine , in no particular order :
< / p >
< p >
- cauliflower bites - they managed to lift me out of a couple of really low days
< / p >
< p >
- raspberry spongecake - the simplest recipe which I 've also shared on Mastodon, proving that it' s worth having frozen fruit hidden in the freezer
< / p >
< p >
- placinte cu cartofi - I can 't even describe the comfort of a placinta, which I ate multiple times a day until they were gone. And I even figured out the trick to keep them soft - cover them while they' re hot with plastic wrap .
< / p >
< p >
- the first 2 orders of Mcdonalds - In a time when the outside world felt scary and out of my control , having something from Mcdonalds come all the way to my home was a rare moment of normalcy . Can ' t deny , Quarter Pounders provided me with the perfect amount of joy , until I reached my limit and my body felt wrong . But that was only after the first 2 orders .
< / p >
< p >
- my first ever batch of soft sesame pretzels - They came out fat and squishy and I piled them up on a plate , savoured them with my eyes , my phone camera and my tastebuds , and they were everything I wanted and more .
< / p >
< / div >
< / b - c o l >
< b -col md = "7" >
< b -container fluid >
< div class = "image_container" >
< b -row >
< b -col md = "3" >
< / b - c o l >
< b -col md = "8" >
< b -img class = "img-fluid" src = "media/pretzel/pretzels.JPG" > < / b - i m g >
< / b - c o l >
< b -col md = "1" >
< / b - c o l >
< / b - r o w >
< b -row >
< b -col md = "12" >
< p > < / p >
< / b - c o l >
< / b - r o w >
< b -row >
< b -col md = "3" >
< / b - c o l >
< b -col md = "8" >
< b -img class = "img-fluid" src = "media/pretzel/masto.PNG" > < / b - i m g >
< / b - c o l >
< b -col md = "1" >
< / b - c o l >
< / b - r o w >
< / div >
< / b - c o n t a i n e r >
< / b - c o l >
< / b - r o w >
< / b - c o n t a i n e r >
< / template >
< script >
import MenuBar from './MenuBar'
export default {
name : 'pretzel' ,
data : function ( ) {
return {
}
} ,
components : {
MenuBar
}
}
< / script >