https://github.com/digitalmalayalistudio/homilia
A free, open-source web template to create website to advertise your book.
https://github.com/digitalmalayalistudio/homilia
Last synced: 3 months ago
JSON representation
A free, open-source web template to create website to advertise your book.
- Host: GitHub
- URL: https://github.com/digitalmalayalistudio/homilia
- Owner: DigitalMalayaliStudio
- License: mit
- Created: 2024-05-16T07:33:07.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-21T11:45:34.000Z (3 months ago)
- Last Synced: 2025-02-21T12:32:19.176Z (3 months ago)
- Language: HTML
- Homepage: https://digitalmalayalistudio.github.io/homilia/
- Size: 1.46 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Homilia
A free, open-source web template to create a website to advertise your book.
# Features
- 💎 Zero JS - a lightweight HTML & CSS-only template, free of JavaScript!
- 🛒 Buy Now Link - easily add your Amazon or other links to drive sales!
- 📕 Free Sample Chapter - engage readers by offering an optional sneak peek of your book!
- ⭐ Reader Reviews - highlight glowing testimonials from your audience to build trust!
- 📷 Book Image Gallery - showcase your book with a simple CSS-only gallery with lightbox!
## Usage
The first step is to click the **Use this template** button to create a new repository, or you can fork the repo.
### Add title & description
Add an SEO-friendly title and description for your website in the [index.html](https://github.com/digitalmalayalistudio/homilia/blob/main/index.html#L7-L9).
```html
Homilia - Open-source Book Promotion Website Template
```
### Replace the images
You can replace the images in the [assets](assets) folder.
### Add logo
In the `nav` section of the [index.html](https://github.com/digitalmalayalistudio/homilia/blob/main/index.html#L24-L28) file, you can add the book title as the logo or replace the `h1` with your book title image.
```html
```
### Add book description, image and purchase link
In the `main` section of the [index.html](https://github.com/digitalmalayalistudio/homilia/blob/main/index.html#L42-L57) file, you can add an image, a brief description of your book, and an Amazon or other purchase link.
```html
Homilia is a zero-JavaScript, HTML-and-CSS-only, open-source book promotion
website template licensed under MIT.
```
### Add detailed book description and author biography
Find the `about` section of [index.html](https://github.com/digitalmalayalistudio/homilia/blob/main/index.html#L63-L99) file to add detailed description about the book and biography of the author.
```html
About
Book
Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad facilis quibusdam
adipisci eos facere, delectus incidunt nesciunt quaerat, ea possimus itaque eveniet nobis quis
alias fugit fugiat voluptatem ut illo?
Quis hic numquam delectus eveniet ullam nobis excepturi quas accusantium asperiores ratione
adipisci, molestiae reprehenderit nostrum optio blanditiis officiis libero maxime vitae, cumque
tenetur quod rem. Recusandae perferendis eveniet deleniti.
ISBN: 978-65-4321-012-3
Author
John Doe
Lorem ipsum dolor sit amet consectetur adipisicing elit. Inventore, nesciunt. Velit
repellat illo nobis porro fugiat laborum quod quis, consequuntur, totam culpa ratione
nulla pariatur, minus alias magni sit id.
Recusandae laudantium quia reprehenderit velit, reiciendis tempore molestias, aliquid
officiis ducimus qui exercitationem libero illum consectetur corporis aspernatur.
Pariatur ratione ea qui tempora, accusantium quos dolores fugit asperiores quia vero?
```
### Add Goodreads and StoryGraph links
Find this inside the `reviews` section of [index.html](https://github.com/digitalmalayalistudio/homilia/blob/main/index.html#L111-L115) file to add Goodreads and StoryGraph links:
```html
```
### Add reviews
Inside the `review-row` of [index.html](https://github.com/digitalmalayalistudio/homilia/blob/main/index.html#L118-L178) file you can add review, reviewer name and image. Take a note of the `--position:` in the `div` with the class `review`. If you add more than 6 reviews, make sure to change the `--quantity` in [style.css](https://github.com/digitalmalayalistudio/homilia/blob/main/style.css#L397).
```html
“
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Dolorum, numquam porro dolor fugiat consectetur nihil nulla blanditiis incidunt
reiciendis consequuntur maiores. Nulla iste dolores numquam aliquid vero quos quae
soluta?
James Doe
Literary Critic
```
### Add a sample chapter
Inside the `sample-container` of [sample.html](https://github.com/digitalmalayalistudio/homilia/blob/main/sample.html#L50-L110) file, you can add a sample chapter from your book.
```html
John Doe
Officiis praesentium nulla architecto modi dolor sit amet consectetur,
adipisicing elit. Odit tempora expedita quasi doloremque quam quas porro libero?
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nemo, vitae asperiores voluptate
rem sequi blanditiis! Quaerat illo, reprehenderit ad corrupti facilis suscipit, numquam sunt
blanditiis quidem eaque dignissimos obcaecati itaque?
Modi, deserunt illo nihil ullam quaerat facilis, vero unde, possimus harum saepe dolorum
corrupti! Illum laboriosam itaque nobis consequuntur nulla doloremque, in deleniti possimus
asperiores. Ut exercitationem cupiditate aperiam odio?
Debitis consequuntur adipisci aliquam provident temporibus ad molestias, quaerat molestiae
deserunt quae ratione itaque doloremque rerum, assumenda vitae reprehenderit fuga libero
magnam.
Voluptates consequuntur voluptas suscipit dolores tempora laboriosam aspernatur commodi fuga
et, doloribus ab praesentium culpa, quas vero, veritatis corrupti atque voluptatibus.
Praesentium dignissimos nesciunt perspiciatis, hic quibusdam incidunt earum ullam.
Pariatur nostrum eius sapiente molestiae earum ipsam voluptate iure. Accusantium distinctio
sapiente itaque, iste recusandae autem nostrum veniam quae, dolorum in possimus? Nisi quis,
perspiciatis alias inventore quisquam in ipsa?
```
### Add images to gallery
You can add images to the gallery in the [index.html](https://github.com/digitalmalayalistudio/homilia/blob/main/index.html#L183-L155) file. When you click an image with `href="#img1"`, it activates the lightbox with `id="img1"`. Ensure the same image source is set for both. For the `next` and `prev` links, note the `href` values of the images that come after and before the current one, respectively.
```html
Gallery
```
### Add publisher contact
In the `contact` section of the [index.html](https://github.com/digitalmalayalistudio/homilia/blob/main/index.html#L259-L274) file, you can add the contact details of the publisher.
```html
Contact
Publisher Address
Main Street 13-A, Your Town, Any Country, 123456
Phone
+91 123456789
E-mail
[email protected]
```
## Credits
- Logo - [Hand with quill](https://openclipart.org/detail/281214/hand-with-quill)
- Badge - [Available at Amazon](https://sellercentral.amazon.com/help/hub/reference/external/200573210)
- Mockup - [Book-Cover-Mockups-TinyDesignr](https://www.mediafire.com/file/b9wnqj5czk2efgh/Book-Cover-Mockups-TinyDesignr.zip)
> [!NOTE]
> This template is neither associated with nor endorsed by Amazon.
## License
**The MIT License (MIT)**
Copyright (c) 2025 Digital Malayali Studio
