1
Post New Requests Here / Book synopsis template
« on: October 12, 2019, 10:59 PM »
I'm writing my own book library for family members, and this is the code for each entry, using dummy data:
Each author in this library has one page, headed with their name and photo. This page will have all their books listed under character-name headings, with this code above used for each book in that series.
I see the ID would be the determining factor in making sure the data is entered for the correct book.
There is other code, but that's for page layout.
After going through this over 200 times so far, and with, oh ... only about another 5,000 more, I'm thinking there has to be a better way than manually authoring the web page. Some CSS image galleries have a gui for entering the appropriate information, which then inserts that data in the relevant places in the HTML.
I don't know how to do this, but would javascript be a good option to do this from a list? ( I don't know javascript, btw.) Or could someone tell me what's involved for some other method?
mtia
freD
<section class="container">
<p class="txt--center font-bold--200">_Character_Name Series</p>
<article>
<div>
<h2 id="silent-heroes">01 Silent Heroes</h2>
<a href="one/two/silent-heroes.epub"><img src="silent-heroes" alt="book-cover" height="200" /></a>
<p>[SYNOPSIS GOES HERE] <a class="read-book-link--maroon" href="one/two/silent-heroes.epub">Read the book!</a></p>
</div>
</article>
</section>
// Repeat <div> as required //
<p class="txt--center font-bold--200">_Character_Name Series</p>
<article>
<div>
<h2 id="silent-heroes">01 Silent Heroes</h2>
<a href="one/two/silent-heroes.epub"><img src="silent-heroes" alt="book-cover" height="200" /></a>
<p>[SYNOPSIS GOES HERE] <a class="read-book-link--maroon" href="one/two/silent-heroes.epub">Read the book!</a></p>
</div>
</article>
</section>
// Repeat <div> as required //
Each author in this library has one page, headed with their name and photo. This page will have all their books listed under character-name headings, with this code above used for each book in that series.
I see the ID would be the determining factor in making sure the data is entered for the correct book.
There is other code, but that's for page layout.
After going through this over 200 times so far, and with, oh ... only about another 5,000 more, I'm thinking there has to be a better way than manually authoring the web page. Some CSS image galleries have a gui for entering the appropriate information, which then inserts that data in the relevant places in the HTML.
I don't know how to do this, but would javascript be a good option to do this from a list? ( I don't know javascript, btw.) Or could someone tell me what's involved for some other method?
mtia
freD