splash page setup

master
alicestrt 4 years ago
parent 88f4d811aa
commit 8e1771ce3e

@ -1,5 +1,5 @@
DEST := /var/www/staticwebapp__6/
REMOTE := vps.decentral1.se
DEST := /var/www/magiun.online
REMOTE := magiun.online
RSYNC := rsync -chavzP
SRC := dist/*
SSH := ssh -t

@ -7,6 +7,7 @@
* {
border: 0px black solid;
background-color: #ffe6e6;
}
@ -28,6 +29,11 @@ a {
#mag_title {
font-size: 70px;
font-family: 'Permanent Marker', cursive;
padding-left: 40px;
}
#icons img {
width: 100%;
}
</style>
@ -44,62 +50,66 @@ a {
</b-row>
<b-row>
<b-col md="6">
<b-img class="img-fluid" id="magi" center src="media/magiun_small.png"></b-img>
<b-img class="img-fluid" id="magi" center src="media/magiun.gif"></b-img>
</b-col>
<b-col md="6">
<b-container fluid>
<b-container fluid id="icons">
<b-row>
<b-col md="4">
<b-col md="3">
<a href="/leekpilaf"> <b-img class="img-fluid" center src="media/leek.png"></b-img></a>
</b-col>
<b-col md="4">
<b-col md="3">
<a href="/noodles"><b-img class="img-fluid" center src="media/noodles.png"></b-img></a>
</b-col>
<b-col md="4">
<b-col md="3">
<a href="/onion"><b-img class="img-fluid" center src="media/onion.png"></b-img></a>
</b-col>
<b-col md="3">
<a href="/eggs"><b-img class="img-fluid" center src="media/egg.png"></b-img></a>
</b-col>
</b-row>
<b-row>
<b-col md="4">
<a href="/eggs"><b-img class="img-fluid" center src="media/egg.png"></b-img></a>
<b-col md="3">
<a href="/bbq"><b-img class="img-fluid" center src="media/bbq.png"></b-img></a>
</b-col>
<b-col md="4">
<b-col md="3">
<a href="/breakfast"><b-img class="img-fluid" center src="media/avo.png"></b-img></a>
</b-col>
<b-col md="4">
<b-col md="3">
<a href="/pesto"><b-img class="img-fluid" center src="media/basil.png"></b-img></a>
</b-col>
</b-row>
<b-row>
<b-col md="4">
<a href="/bbq"><b-img class="img-fluid" center src="media/bbq.png"></b-img></a>
</b-col>
<b-col md="4">
<b-col md="3">
<a href="/cake"><b-img class="img-fluid" center src="media/cake.png"></b-img></a>
</b-col>
<b-col md="4">
<a href="/cart"><b-img class="img-fluid" center src="media/cart.png"></b-img></a>
</b-col>
</b-row>
<b-row>
<b-col md="4">
<b-col md="3">
<a href="/preztel"><b-img class="img-fluid" center src="media/pretzel.png"></b-img></a>
</b-col>
<b-col md="4">
<b-col md="3">
<a href="/ricecooker"><b-img class="img-fluid" center src="media/rice.png"></b-img></a>
</b-col>
<b-col md="4">
<b-col md="3">
<a href="/cart"><b-img class="img-fluid" center src="media/cart.png"></b-img></a>
</b-col>
<b-col md="3">
<a href="/scooter"><b-img class="img-fluid" center src="media/scooter.png"></b-img></a>
</b-col>
</b-row>
<b-row>
<b-col md="4">
<a href="/recipe"><b-img class="img-fluid" center src="media/recipe.png"></b-img></a>
<b-col md="3">
</b-col>
<b-col md="4">
<b-col md="3">
</b-col>
<b-col md="4">
<b-col md="3">
</b-col>
<b-col md="3">
<a href="/recipe"><b-img class="img-fluid" center src="media/recipe.png"></b-img></a>
</b-col>
</b-row>
</b-container>

@ -28,60 +28,35 @@ a {
<MenuBar/>
<b-row>
<b-col md="6">
<h1>Egg story</h1>
<h1>Breakfast</h1>
</b-col>
</b-row>
<b-row>
<b-col md="6">
<b-col md="5">
<p class='content'>
My brother has started cooking eggs. A marker of his independence, his progression into manhood. I woke up one morning to a picture hed sent me of his craftwork the night before.
<br>
As I slept, hed got cooking.
<br>
<br>
The eggs, his omelet, became a hot topic of conversation at the dinner table that evening.
<br>
<br>
You need to flip it both sides, make sure its golden brown. Dad had said between forkfuls of food. Make sure the oil is piping hot, you want to hear that sizzle. I recommend smoked ham, peppers and onions.
It doesnt matter if it scrambles, as long as it tastes good. Mum encouraged.
You dont want the oil too hot, I warned. Otherwise the eggs will just wither and burn, you dont want a weird, scrambled omelet. And dont add meat. Vegetables are enough.
<br>
I have started eating in the morning, actually eating, not just chugging sugarless coffee on an empty stomach and calling it intermitent fasting.
<br>
After some further nights of experimentation, it transpired that my brothers favorite filling was in fact cheese.
My nan took it upon herself to stand guard over the procedure the following week. The egg wasnt cooking. The oil is too cold; it wont do anything. Hed taken my advice too literally. I then heard my Nan order: flip it like this, dont move it, dont touch, wait, leave it.
You need to be more patient.
My dad happened to walk past. Dont break the eggs over the hob like that, youre making a mess and life difficult for yourself. Here. Crack it like this.
I dont know how to crack the eggs properly, my brother replied. Ill just practice. Let me do it myself.
<br>
I have also started to cook more without any recipe, just by following my proverbial and literal gut, and the results are surprisingly good.
<br>
It turned out my brother doesnt like yolk. Or at least, if he has to eat it, it needs to be very, very hard. Funny because neither my mum nor I like yolk either, unless its also cooked that way. My dad thinks were mad a runny yolk is the best bit.
<br>
I know I am a good cook for most of the time but I also feel the need for validation, so eating alone, though not unprecedented, is something I have yet to get accustomed to.
<br>
My brother then tried to move on to fried eggs, but didn't think he cooked the first batch properly. He felt sick the next day and went to bed early.
<br>
<br>
I woke up the next morning to yet another picture of a prized omelets. I guess he was sticking to what he knows.
Dad commented this one looked much better, hed obviously taken his advice.
Nan said it was definitely down to her personal coaching.
Mum didnt make a comment. Shed liked the look of them all.
As for me, Im not even going to pretend it was because of my frankly lousy egg advice.
<br>
<br>
Since then, Ive received practically a galleries worth of images of omelets victories.
<br>
<br>
And as some may count this current period through the changing of days, the passing of weeks and the tick of the clock. In our household, the marker of time rests amongst the eggs, the oil and the pan, between the omelets made and the omelets ate.</p>
I've attached some photos in hopes that I would somewhat get the validation I was mentioning earlier. 
</p>
</b-col>
<b-col md="6">
<b-col md="7">
<b-container fluid>
<b-row>
<b-col md="3">
</b-col>
<b-col md="6">
<b-img class="img-fluid" src="media/eggs/egg1.png"> </b-img>
<b-img class="img-fluid" src="media/breakfast/breakfast2.jpg"> </b-img>
</b-col>
<b-col md="3">
@ -97,7 +72,7 @@ And as some may count this current period through the changing of days, the pass
</b-col>
<b-col md="6">
<b-img class="img-fluid" src="media/eggs/egg2.png"> </b-img>
<b-img class="img-fluid" src="media/breakfast/breakfast1.jpg"> </b-img>
</b-col>
<b-col md="3">

@ -1,9 +1,20 @@
<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;
}
.title_story {
font-size: 40px;
font-family: 'Viga', sans-serif;
padding-left: 20px;
padding-top: 20px;
}
a:hover {
@ -18,7 +29,14 @@ a {
.content {
padding-right: 50px;
padding-top: 20px;
padding-top: 40px;
font-family: 'Roboto Mono', monospace;
font-size: 15px;
padding-left: 20px;
}
#egg_images img {
width: 70%;
}
</style>
@ -28,13 +46,13 @@ a {
<MenuBar/>
<b-row>
<b-col md="6">
<h1>Egg story</h1>
<p class="title_story">Egg story</p>
</b-col>
</b-row>
<b-row>
<b-col md="6">
<b-col md="5">
<p class='content'>
My brother has started cooking eggs. A marker of his independence, his progression into manhood. I woke up one morning to a picture hed sent me of his craftwork the night before.
<br>
@ -74,8 +92,8 @@ Since then, Ive received practically a galleries worth of images of omelets v
<br>
And as some may count this current period through the changing of days, the passing of weeks and the tick of the clock. In our household, the marker of time rests amongst the eggs, the oil and the pan, between the omelets made and the omelets ate.</p>
</b-col>
<b-col md="6">
<b-container fluid>
<b-col md="7">
<b-container fluid id="egg_images">
<b-row>
<b-col md="3">

@ -1,7 +1,9 @@
<style scoped>
* {
border: 1px black solid;
border: 0px black solid;
background-color: #ffe6e6;
}

@ -51,6 +51,9 @@ const router = new VueRouter({
{ path: '/recipe', component: recipe },
{ path: '/ricecooker', component: ricecooker },
{ path: '/scooter', component: scooter },
{ path: '/eggs', component: eggs },

Loading…
Cancel
Save