Update front cover image and revise text content

Updated the image source for the front cover in `FrontCover.cshtml` from "the-alpha-flame-9.png" to "the-alpha-flame-10.png" and changed the `display-width-percentage` attribute from "50" to "100". Revised the text content in `FrontCover.cshtml` to replace the original paragraph with new content explaining the author's preference for a more dramatic cover. Added additional paragraphs providing context about the cover image, including a description of the main character, Maggie, and a hint about a dramatic scene in the book. Also updated the image source for the front cover preview in `Index.cshtml` to "the-alpha-flame-10.png" while keeping the `display-width-percentage` unchanged at "50".
This commit is contained in:
Nick 2024-12-13 14:49:27 +00:00
parent fd091ae34d
commit c06911e129
17 changed files with 9 additions and 3 deletions

View File

@ -18,11 +18,17 @@
<div class="col-12"> <div class="col-12">
<section id="cover" class="mb-5"> <section id="cover" class="mb-5">
<div class="card"> <div class="card">
<responsive-image src="the-alpha-flame-9.png" class="card-img-top" alt="The Alpha Flame Cover" display-width-percentage="50"></responsive-image> <responsive-image src="the-alpha-flame-10.png" class="card-img-top" alt="The Alpha Flame Cover" display-width-percentage="100"></responsive-image>
<div class="card-body"> <div class="card-body">
<h2 class="card-title">Front Cover Draft</h2> <h2 class="card-title">Front Cover Draft</h2>
<p class="card-text"> <p class="card-text">
Welcome to the first glimpse of The Alpha Flame! What you see here is a draft version of the cover as it continues to evolve. As the story itself unfolds, so does the cover design, and while this is just one concept, it brings the title to life visually, hinting at the strength and intrigue within its pages. Please keep in mind that this is an early version; the final design may change as I refine both the visual elements and the story itself. I've had a few different versions of my front cover, and I'm a little undecided, however I'm now favouring the more dramatic version.
</p>
<p class="card-text">
The girl in the image is a representation of the main character, Maggie, and the flames are a metaphor for the fire that consumes her life, and also a more literal reference to her hair.
</p>
<p class="card-text">
There is also a hint towards one of the more dramatic scenes I'm proposing nearer to the end of my book. I don't want to give too much away, but even though Maggie looks kind of delicate and dainty, she's a force to be reckoned with, and woe betide anyone who crosses her on her quest.
</p> </p>
</div> </div>
</div> </div>

View File

@ -24,7 +24,7 @@
<div class="col-md-4 mb-4"> <div class="col-md-4 mb-4">
<div class="card h-100 character-card"> <div class="card h-100 character-card">
<a asp-action="FrontCover"> <a asp-action="FrontCover">
<responsive-image src="the-alpha-flame-9.png" class="card-img-top" alt="The Alpha Flame Cover" display-width-percentage="50"></responsive-image> <responsive-image src="the-alpha-flame-10.png" class="card-img-top" alt="The Alpha Flame Cover" display-width-percentage="50"></responsive-image>
</a> </a>
<div class="card-body border-top border-3 border-dark"> <div class="card-body border-top border-3 border-dark">
<h3 class="card-title">The Front Cover</h3> <h3 class="card-title">The Front Cover</h3>

Binary file not shown.

After

Width:  |  Height:  |  Size: 51 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.4 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.3 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.0 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.0 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 177 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 311 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 334 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 498 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 653 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 705 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 952 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 MiB