Files
scarif/christmas/default.html

448 lines
24 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<link
rel="stylesheet"
href="https://unpkg.com/papercss@1.9.0/dist/paper.min.css"
/>
<title>Merry Christmas</title>
</head>
<body>
<div class="paper container container-lg">
<h1 id="title">Merry Christmas</h1>
<p>
We wanted to share with you a few of the things we discovered
this year and really enjoyed.
</p>
<p>
We hope you like them. If you try any of them out please let us know!
</p>
<h2>Tasty grub</h2>
<div class="row flex-center">
<div class="card margin" style="width: 30rem;">
<img src="https://www.farmersalmanac.com/wp-content/uploads/2020/11/Grow-Sugar-Apple-Indoors-i512286898.jpg" alt="Cherimoya">
<div class="card-body">
<h4 class="card-title">Cherimoya</h4>
<h5 class="card-subtitle">A deliciously sweet soft fruit</h5>
<p class="card-text">
Also known as "custard apple", Cherimoya is a delicious
fruit. It's like eating a dessert. The flesh is sweet
and soft, the name "custard apple" is an apt description
</p>
<p class="card-text">
We found these at our local grocers, so you might have
luck in your area. Or they're available online, such as
<a href="https://exoticfruits.co.uk/" target="_blank">Exotic Fruits</a>.</br>
Also keep a look out at your local supermarket, we
found some at <em>Sainsbury's!</em>
</p>
<p class="card-text alert alert-danger">
Mind you don't eat the seeds as they are poisonous!</br>
They are also very big and hard to miss, so no chance of
accidental swallowing.
</p>
</div>
</div>
<div class="card margin" style="width: 30rem;">
<div class="card-body">
<h4 class="card-title">Cauliflower fudge smoothie</h4>
<h5 class="card-subtitle">Yes you read that right</h5>
<p class="card-text">
Don't be put off by the name. Despite the ingredients
this smoothie is absolutely one of the best tasting
things on the planet. It tastes like fudge, not
cauliflower, and the cacao nibs add a delightful crunch.
</p>
<div class="row flex-spaces tabs">
<input id="cfs-tab1" type="radio" name="cfs-tabs" checked>
<label for="cfs-tab1">Ingredients</label>
<input id="cfs-tab2" type="radio" name="cfs-tabs">
<label for="cfs-tab2">Method</label>
<div class="content" id="cfs-content1">
<h5>(Serves 2)</h5>
<ul>
<li>Half an avocado</li>
<li>90g Boiled and frozen cauliflower</li>
<li>1 tsp Sweetener, or 2 dates, adjust for taste</li>
<li>200ml Coconut water</li>
<li>200ml Coconut milk (we recommend <a href="https://www.kokodairyfree.com/products/original-milk/" target="_blank">Koko</a>)</li>
<div class="alert alert-secondary">Or 400ml of coconut water/coconut milk/your preferred milk</div>
<li>8g Cocoa powder</li>
<li>A sprinkling of cacao nibs (optional)</li>
</ul>
</div>
<div class="content" id="cfs-content2">
<h4>Day before</h4>
<p>
Chop up the cauliflower and boil for 10 minutes,
then put it in a bag in the freezer overnight.
</p>
<h4>Method</h4>
<p>
Put everything but the cacao nibs in a blender
and blend until completely mixed and smooth.
</p>
<p>
Serve into glasses and sprinkle cacao nibs on
top.
</p>
</div>
</div>
</div>
</div>
<div class="card margin" style="width: 30rem;">
<img src="https://tower.scarif.space/s/x6HgMJPk3eHGxQq/preview" alt="Cookies">
<div class="card-body">
<h4 class="card-title">Cookie recipe</h4>
<p class="card-text">
Since wanting to reduce added sugar, Chris has been searching
for an alternative to cookies from the shops.</br>
Here is the recipe for very quick, easy, and delicious
(sugar-free) cookies.
</p>
<div class="row flex-spaces tabs">
<input id="cki-tab1" type="radio" name="cki-tabs" checked>
<label for="cki-tab1">Ingredients</label>
<input id="cki-tab2" type="radio" name="cki-tabs">
<label for="cki-tab2">Method</label>
<div class="content" id="cki-content1">
<h5>(Makes about 18 cookies)</h5>
<ul>
<li>100g Unsalted butter</li>
<li>240g Plain flour, we use spelt flour instead of wheat flour</li>
<li>1 tsp Baking soda</li>
<li>A dash of salt</li>
<li>100g Greek yoghurt, can be fat-free (at room temperature)</li>
<li>120 Brown suger, or for sugar-free use erythritol gold</li>
<li>100g White sugar, or for sugar-free use 10g hermesetas, or the equivalent of your preferred sweetener</li>
<li>1 Large egg (at room temperature)</li>
<li>1 tsp Vanilla Extract</li>
<li>55g Chocolate chips (To keep it sugar-free, I use <a href="https://freeist.co.uk/product/milk-chocolate-75g/?v=79cba1185463" target="_blank">Free'ist</a> chocolate bars cut into pieces)</li>
</ul>
</div>
<div class="content" id="cki-content2">
<h4>Method</h4>
<ol>
<li>Preheat the oven to 160°C</li>
<li>Melt the butter and leave to cool for 5 minutes</li>
<li>Mix the flour, baking soda, and salt together in a large bowl</li>
<li>In a smaller bowl mix the butter, yoghurt, sweeteners together with a whisk</li>
<li>Once combined, mix the egg into the batter</li>
<li>Pour the wet ingredients over the dry ingredients and fold in, it will form a thick dough</li>
<li>Once all the flour is combined, mix in the chocolate chips</li>
<li>Scoop out the dough into little balls and place them on the baking tray, lightly pressing them down</li>
<li>Bake in the oven for about 7-10 minutes (they will be done when they start browning on the edges)</li>
<li>Take out and leave to cool</li>
<li>Enjoy!</li>
</ol>
</div>
</div>
</div>
</div>
</div>
<h2>Health it up</h2>
<p>
This year we've put a lot of focus on our health and fitness. We
wanted to share a few of the things that we've found and like to
use to feel really good.
</p>
<h3>Yoga</h3>
<p>
We started doing yoga over 2 years ago and it's become something
that we always come back to when things are tough and we need to
regroup and relax.</br>
The best resource we've found is a YouTube channel called
<a href="https://www.youtube.com/@bohobeautiful" target="_blank">Boho Beautiful</a>.
Don't let the name put you off. This channel is run by a couple who
have a huge variety of very high quality yoga and fitness videos for
any situation and focus. Their style and language does take a bit
of getting used to, but their content is always just what we need.</br>
</p>
<p>
Here is a small selection of videos that are perfect for getting
started and feeling the benefit of yoga straight away.
</p>
<div class="row">
<div class="col-4 col">
<iframe src="https://www.youtube.com/embed/AYH-LOMRqlk" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="col-4 col">
<iframe src="https://www.youtube.com/embed/AYH-LOMRqlk" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="col-4 col">
<iframe src="https://www.youtube.com/embed/AYH-LOMRqlk" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
<h3>Workouts</h3>
<p>
</p>
<div class="row">
<div class="col-4 col">
<div class="card margin">
<iframe src="https://www.youtube.com/embed/_PRk8DH2_mY" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<div class="card-body">
<p class="card-text">
Juice and Toya produce really good workout videos. They
are simple and easy to follow with no distractions, so
you can set them going and listen/watch something else
while you do it.
</p>
</div>
</div>
</div>
<div class="col-4 col">
<div class="card margin">
<iframe src="https://www.youtube.com/embed/KFcUwNl7eXo" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<div class="card-body">
<p class="card-text">
Madfit is a good channel for all sorts of work out videos
both with and without equipment. She has very good advice
and often gives helpful tips for keeping good form.
</p>
</div>
</div>
</div>
<div class="col-4 col">
<div class="card margin">
<iframe src="https://www.youtube.com/embed/Ez_VWhR2Hkw" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<div class="card-margin">
<p class="card-text">
The workouts done by Boho Beautiful are very creative
and very engaging. These are tough workouts but they
challenge you in a good way. Most of the work outs
require no equipment. Chris likes to do this one
when we are on holiday.
</p>
</div>
</div>
</div>
</div>
<h3>Protein powder</h3>
<div class="card">
<div class="card-body">
<p class="card-text">
<img class="float-right" height="150" width="150" src="https://www.nutritiondepot.com.ph/wp-content/uploads/2020/10/Optimum-Nutrition-%E2%80%93-Gold-Standard-Whey-DOUBLE-RICH-CHOCOLATE-5Lbs-1536x1536.jpg" alt="Gold standard protein powder">
We've been using protein powder for a while now and it really
does wonders to overall health and fitness. Chris likes to
have it in his cereal every morning and Maria uses all sorts
of different protein powder in her recipes.</br>
However it is very difficult to find the right one. We've
tried several different brands and they've all either had
a weird texture, not mixed well, had an after taste, etc.
However this year we finally found the perfect one, at least
for us, as a shake (or to have in cereal).</br>
<a href="https://www.optimumnutrition.com/en-gb/Products/Protein/Shakes-%26-Powders/Gold-Standard-100%25-Whey-Protein-/p/gold-standard-100-whey-protein" target="_blank">Optimum Nutrition Gold Standard Whey Protein Powder</a> is the
best we've seen. It mixes super easily, it has a great taste,
and it comes in a bunch of flavours. If you're on the look
out for some protein powder we highly recommend this.
</p>
</div>
</div>
<div id="things-to-watch">
<h2>A few things to watch...</h2>
<div class="row flex-center">
<div class="card margin" style="width: 30rem;">
<img src="https://static1.thegamerimages.com/wordpress/wp-content/uploads/2021/10/Secret-Cinema-Presents-Arcane-(1).jpg" alt="Arcane">
<div class="card-body">
<h4 class="card-title">Arcane</h4>
<h5 class="card-subtitle">Available on Netflix</h5>
<p class="card-text">
A gritty fantasy steampunk show loosely based on the
video game League of Legends. This show has a really
engaging story and beautiful art style.
</p>
</div>
</div>
<div class="card margin" style="width: 30rem;">
<img src="https://www.giantfreakinrobot.com/wp-content/uploads/2020/07/star-trek-lower-decks-feature-1536x864.jpg" alt="Lower Decks">
<div class="card-body">
<h4 class="card-title">Lower decks</h4>
<h5 class="card-subtitle">Available on Prime Video</h5>
<p class="card-text">
Even if you're not a Star Trek fan, this show is
packed with loveable characters and fun light
hearted humour.
</p>
<p class="alert alert-warning">
Warning: occasional animated violence and "mature" humour.
</p>
</div>
</div>
<div class="card margin" style="width: 30rem;">
<iframe height="350" src="https://www.youtube.com/embed/v27M_RgrLzU" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<div class="card-body">
<h4 class="card-title">The Australian Open Final</h4>
<p class="card-text">
We couldn't help but mention the most amazing thing
that happened in tennis in 2022.</br>
Right at the start of the year in one of the biggest
tennis tournaments of the year, The Australian Open,
was coming to a close.</br>
Two giants of the sport Daniil Medvedev and Rafael
Nadal were set to play it out in the finals with
what would prove to be the most gruelling and
entertaining match of the year.</br>
We don't want to spoil it for you if your haven't
seen the results. So if you did want to talk about
it or hear our thoughts then let us know. It gets
pretty crazy!
</p>
</div>
</div>
</div>
</div>
<h2>Listen to this</h2>
<h3>Podcasts</h3>
<p>
We both really enjoy listening to podcasts. Here are is an episode that really impacted us this year.
</p>
<div class="card">
<div class="card-body">
<h4 class="card-title">Peter Attia: #226 The science of happiness</h4>
<p class="card-content">
There's so much we liked in this episode, from advice in forming
adult male friendships, to very interesting thought experiments that
help to identify what is important to you to have a happy life.
</p>
<a href="https://peterattiamd.com/arthurbrooks/" target="_blank">
<button class="btn-primary">
Check it out
</button>
</a>
</div>
</div>
<h3>Music</h3>
<p>
We both love music and we've discovered a few new bands and songs
that we fell in love with this year. Here is a small selection,
though it was very difficult to narrow it down.
</p>
<div class="row">
<div class="col-6 col">
<div class="card">
<div class="card-body">
<h3 class="card-title">Maria</h3>
<div class="card-content"></div>
</div>
</div>
</div>
<div class="col-6 col">
<div class="card">
<div class="card-body">
<h3 class="card-title">Chris</h3>
<iframe style="border-radius:12px" src="https://open.spotify.com/embed/track/3RIYlQ20buPfanKbSyGh98?utm_source=generator&theme=0" width="100%" height="100" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
<iframe style="border-radius:12px" src="https://open.spotify.com/embed/track/3sKW66uF6RAPUwrPxzuC08?utm_source=generator&theme=0" width="100%" height="100" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
<iframe style="border-radius:12px" src="https://open.spotify.com/embed/track/4KADjDJQoMJSGd0shHWO1b?utm_source=generator&theme=0" width="100%" height="100" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
</div>
</div>
</div>
</div>
<h2>Things to do</h2>
<p>
We've really enjoyed finding new and interesting things to do this
year. Here are a few ideas for days out that we loved.
</p>
<div class="row flex-center">
<div class="card margin" style="width: 30rem;">
<img src="https://lh3.ggpht.com/p/AF1QipOZKfMvOGZ9X6glw4qxMaOFOz8XzJRrtOuDM3f6=s1536" alt="Sculpture park">
<div class="card-body">
<h4 class="card-title">Sculpture park</h4>
<h5 class="card-subtitle">A walk through art that seems to come alive</h5>
<p class="card-text">
These parks are everywhere and full of beautiful
sculptures. You can take however long you like to walk
through and admire all the art.
</p>
<p class="card-text">
Do a search for "sculpture park" in Google Maps to find
some close to you.
</p>
</div>
</div>
<div class="card margin" style="width: 30rem;">
<img src="https://images.musement.com/cover/0003/83/thumb_282451_cover_header.jpeg?w=1200&h=630&q=60&fit=crop" alt="Botanical gardens">
<div class="card-body">
<h4 class="card-title">Botanical gardens</h4>
<h5 class="card-subtitle">Travel all around the world in a single afternoon</h5>
<p class="card-text">
With plants from all over the world you can really feel
like you're being transported to all sorts of tropical
paradises. We both absolutely love nature, and having
the opportunity to see so many rare and unique plants
(and in some cases animals) is very very special.
</p>
<p class="card-text">
Often these gardens will put on shows throughout the
year which can be so incredibly beautiful.
</p>
</div>
</div>
<div class="card margin" style="width: 30rem;">
<div class="card-body">
<h4 class="card-title">Live comedy</h4>
<p class="card-text">
We have a shared love of stand up comedy and have seen
several shows over the years. We can't recommend it
enough. Take a look at your local theatre and see who's
touring. It pays to book ahead both for the excitement
and the guaranteed good seats.
</p>
<p class="card-text">
Some comedians we've seen this year and hope to see again:
<ul>
<li>Katherine Ryan</li>
<li>Foil Arms & Hog</li>
<li>Fern Brady</li>
<li>Dave Gorman</li>
</ul>
</p>
</div>
</div>
</div>
<p>
Merry Christmas and a happy new year!
</p>
<p>
Lot's of Love</br>
Chris and Maria
</p>
<img class="no-responsive no-border" style="width: 100%;" src="https://www.aig.org.au/wp-content/uploads/2014/11/christmas-footer.png" alt="footer">
</div>
</body>
<script>
let person = window.location.pathname.match(new RegExp('/([a-zA-Z]+)(\.html)?$'))[1];
if (person === 'ali') {
document.getElementById('things-to-watch').remove();
}
person = person[0].toUpperCase() + person.substr(1);
const message = `Merry Christmas ${person}`;
document.getElementById('title').innerHTML = message;
document.title = message;
/*
Remove things to watch for Ali
*/
</script>
</html>