ATTENTION: You are viewing a page formatted for mobile devices; to view the full web page, click HERE.

DonationCoder.com Software > Post New Requests Here

Book synopsis template

<< < (4/8) > >>

publicdomain:
OK, I've started the "Book Synopsis Template" GUI project.

Replacements being:


--- Code: HTML5 ---<section class="container">   <p class="txt--center font-bold--200">[CHARACTER-NAME]  Series</p>   <article>     <div>       <h2 id="[BOOK-ID]">[BOOK-TITLE]</h2>       <a href="[FILE-PATH]"><img src="[IMAGE-PATH]" alt="book-cover" height="200" /></a>       <p><a class="read-book-link--maroon" href=[FILE-PATH]">Read the book!</a></p>     </div>   </article> </section>-fredemeister (October 18, 2019, 08:34 PM)
--- End quote ---

Posting first release version next.

Shades:
Something like this is easily done using AsciiDoc. Which will result in a human readable set of text files and images that are very easy to maintain by almost anyone, as there is very little technical knowledge necessary. Perhaps initially there might be some time needed to get acquainted with the (basic) syntax of AsciiDoc, but afterwards content generation is much faster and easier for a person, but it is also a lot easier for automated content generation using simple text formatted for use in AsciiDoc.

You will need an AsciiDoc editor. Although every text editor is, in essence, an AsciiDoc editor, but only if you are very familiar with the syntax. For those that are not, use AsciiDocFX. This editor actually comes with a pretty extensive 'cheat-sheet' built-in, which should get you up to speed with (basic) AsciiDoc syntax in a very short time.

Attached You'll find an example of a template setup, which took me about an hour and a half to complete from scratch (including writing this message).

The (real-time) previewer in the AsciiDocFX editor allows you to directly export the content you create to HTML and/or PDF and/or EPub and/or DocBook. It also allows you to watch how the content looks like (real-time) in your default browser too.

When finished you could export the HTML version directly into the folder of your current web server software, so anyone looking at the pages on your personal web server are one refresh away of seeing your newest content. If you are not happy with the current choices of fonts, colors, etc. you can add a link to the css file that does have the CSS settings you prefer.

Creating pages like this makes it also easy to store things in a versioning system like Git. And if you use github or a similar service, that can act as a remote backup.

While you could use the exported HTML directly onto the web server software you have in place already, it could result in one huge page, which could affect the performance of your web server software significantly. Generally speaking, any web server software can server small sets of files easily, but one big file with everything included is taxing, especially when many users access the same content the same time. Hence, this might not be such good scenario for your use case. After all, I have no idea how large your collection of data is.

However, there is a solution for this to in the form of static website generators in general and Hugo in particular. Their forum and documentation. This SSG is known to work with AsciiDoc content and generates content optimized for web servers. And there are a lot of templates available that could make your generated website even prettier.

attachment is supposed to be here:

Shades:
[ Attachments fixed ]

wraith808:
Still no attachment :)

fredemeister:
OK, I've started the "Book Synopsis Template" GUI project.

Replacements being:


--- Code: HTML5 ---<section class="container">   <p class="txt--center font-bold--200">[CHARACTER-NAME]  Series</p>   <article>     <div>       <h2 id="[BOOK-ID]">[BOOK-TITLE]</h2>       <a href="[FILE-PATH]"><img src="[IMAGE-PATH]" alt="book-cover" height="200" /></a>       <p>[BOOK-SYNOPSIS] <a class="read-book-link--maroon" href=[FILE-PATH]">Read the book!</a></p>     </div>   </article> </section>-fredemeister (October 18, 2019, 08:34 PM)
--- End quote ---

Posting first release version next.
-publicdomain (October 20, 2019, 05:51 AM)
--- End quote ---

Hi, thanks for this ... in the last <p> "read the book" anchor, I've added the synopsis and a space after.

Navigation

[0] Message Index

[#] Next page

[*] Previous page

Go to full version