Edit the style of pages.

This commit is contained in:
Mary 2022-11-08 16:40:30 +00:00
parent e2911a9e0f
commit e0aba41b9d
7 changed files with 86 additions and 20 deletions

View File

@ -7,9 +7,9 @@ tags: ["cake"]
keywords: ["cake", "pumpkin", "autumn", "pumpkincake"]
---
##### Ingredients for cake
![alt text](images/pumpkinCakeIngredients.png "Ingredients")
##### Ingredients for the cake
| | |
|:----------|:-------------------------------------------------------------|
| 2 Cups | Cake flour |
@ -17,7 +17,7 @@ keywords: ["cake", "pumpkin", "autumn", "pumpkincake"]
| 1 Cup | Chopped walnuts |
| 1 Cup | Pumpkin puree |
| 3 Tbsp | Yogurt |
| 1 Cup | Rapseed oil |
| 1 Cup | Rapseed oil |
| 3 | Eggs |
| 1 1/2 Tsp | Pumpkin pie spice |
| 2 Tsp | Baking powder |
@ -25,10 +25,9 @@ keywords: ["cake", "pumpkin", "autumn", "pumpkincake"]
| A pinch | Salt to taste |
##### Ingredients for buttercream frosting
##### Ingredients for the buttercream frosting
| | |
|:------------|:--------------------------------------|
| | |
| 400 G | Icing sugar |
| 200 G | Unsalted butter (at room temperature) |
| 3-4 Tbsp | Milk |
@ -51,8 +50,11 @@ keywords: ["cake", "pumpkin", "autumn", "pumpkincake"]
6. At this stage, Do not use a mixer at all, and stirring with a spatula is enough.
7. Now grease a desired mould with a bit of oil (I used a large Pyrex bowl as a mould.). Transfer the batter to the mould and put it in the oven for 30 to 45 minutes (depending on the type of oven) or until a skewer inserted comes out clean.
8. When the cake is made, turn off the oven and wait for 5 minutes. Then take the mould out of the oven and let the cake cool on the mould for about 10 minutes then inverting it on a wire cooling rack.
7. Add the chopped walnuts and mix well
8. Now grease a desired mould with a bit of oil (I used a large Pyrex bowl as a mould.). Transfer the batter to the mould and put it in the oven for 30 to 45 minutes (depending on the type of oven) or until a skewer inserted comes out clean.
9. When the cake is made, turn off the oven and wait for 5 minutes. Then take the mould out of the oven and let the cake cool on the mould for about 10 minutes then inverting it on a wire cooling rack.
###### Instruction for buttercream frosting:
@ -62,6 +64,7 @@ keywords: ["cake", "pumpkin", "autumn", "pumpkincake"]
3. Add the icing sugar in 2 or 3 step and mix with the butter.
4. Add vanilla extract and milk and mix.
5. I divided the buttercream into two parts and drizzled food colouring over the buttercream. I divided 1/2 cup for making the pumpkin's stem and made it green and the other part. For frosting the cake and made it orange. It is better to add the colours little by little and stir until you finally reach the desired colour.
@ -77,3 +80,6 @@ keywords: ["cake", "pumpkin", "autumn", "pumpkincake"]
10. Put the cake in the fridge to chill a little bit before serving.
11. Enjoy it!
{{< youtube id="QXqhNGPxMoQ" title="Pumpkin Shape Cake" autoplay="true" >}}

View File

@ -1,5 +1,64 @@
.deliciousiumlogo
.body {
backgroun-color = #ffcc00;
.deliciousiumlogo {
}
body {
//background-color: #FFCC00;
}
.post_title {
text-align: center;
border-bottom: none !important;
margin-top: 0!important;
margin-bottom: 1.5em !important;
}
.post table {
border-collapse: collapse !important;
width: 100% !important;
margin-bottom: 4rem !important;
margin-top: -2rem !important;
display: table !important;
}
th, td {
border: none !important;
text-align: left;
padding: 8px !important;
background: none !important;
}
tr:nth-child(even) {
background-color: #FFF6D3 !important;
}
td:nth-child(odd) {
width: 25% !important;
}
.post h5 {
background-color: #D40B0C !important;
color: white !important;
margin-top: 5rem;
}
td img {
padding-bottom: 1rem;
padding-top: 1rem;
}
.post-imge {
margin-bottom: 4rem !important;
}
.post ol {
margin-bottom: 3rem !important;
}
.site-footer {
color: black;
padding: 4rem;
}

View File

@ -12,7 +12,7 @@
<div class="resultItem__media" style="background-image: url({{ (print .Permalink .Params.image) | absURL }});"></div>
<div class="resultItem__body">
<h3 class="resultItem__title"><a href="{{ .Permalink }}">{{ .Title }}</a></h3>
<div class="resultItem__footer">{{ .Date.Format "2006/01/02" }}</div>
<!-- <div class="resultItem__footer">{{ .Date.Format "2006/01/02" }}</div> -->
</div>
</div>
{{ end }}

View File

@ -1,8 +1,9 @@
{{ define "main" }}
<div class="post">
<h1 class="post_title" id="title">{{ .Title }}</h1>
<div class="post__header">
{{ $image := .Resources.GetMatch .Params.image }}
<img class="post__image" src="{{ $image.RelPermalink }}">
<img class="post__image post-imge" src="{{ $image.RelPermalink }}">
</div>
{{ with .Params.tags }}
@ -14,7 +15,7 @@
{{ end }}
<section class="post__content">
<h1 id="title">{{ .Title }}</h1>
<div>
<article>
{{ .Content }}

View File

@ -8,7 +8,7 @@
<h3 class="article__title">{{ .Title }}</h3>
</div>
</a>
<footer class="article__footer">
<time datetime="{{ .Date }}">{{ .Date.Format "2006/01/02" }}</time>
</footer>
<footer class="article__footer">
<!-- <time datetime="{{ .Date }}">{{ .Date.Format "2006/01/02" }}</time>-->
</footer>
</article>

View File

@ -1,3 +1,3 @@
<footer class="footer">
<span>&copy; {{ now.Year }} <a href="{{ "" | absLangURL }}">Copyright {{ .Site.Copyright }}</a></span>
<footer class="footer site-footer">
<span>&copy; {{ now.Year }} <a href="{{ "" | absLangURL }}">{{ .Site.Copyright }}</a></span>
</footer>

View File

@ -10,7 +10,7 @@
{{ $sass := resources.Get "scss/style.scss" }}
{{ $style := $sass | resources.ToCSS | minify | resources.Fingerprint "sha256" }}
<link rel="stylesheet" href="{{ $style.RelPermalink }}">
<link href="{{ "/css/style.css" | urlize | relURL }}" rel="stylesheet">
<link rel="stylesheet" href="{{ "./css/style.css" | urlize | relURL }}">
{{- if (eq .Layout "search") }}
{{ $fusejs := resources.Get "js/fuse.basic.min.js" }}
{{ $search := resources.Get "js/search.js" }}