I have made a simple website that can be uploaded to the Raspberry Pi and show the media to download.

Once you have the file downloaded you can open the index.html file in a word editing program such as WordPad and edit the links for the images and files if you want to add or remove books.

Each book has this piece of code in the file.

<div class="responsive">
  <div class="img">
  <a target="_top" href="issues/coloringbook_1-23-2014.pdf">
    <img src="images/rforrobot.jpg" >
  <div class="desc"><p>Ladyada's R is for Robotics is a coloring book adventure with robots, their inventors and more.</p>
<p>Makers of all ages can learn, color and share their favorite robots and roboticists.</p>
<a href="https://www.adafruit.com/products/1936" target="_blank">https://www.adafruit.com/products/1936</a></div>

To add aditional books to the page paste the code shown above before the </body> tag in the html file.

If you want to target a different file change the section

<a target="_top" href="issues/coloringbook_1-23-2014.pdf">

Files are placed in the issues folder. 

For changing the image that shows you would change the line with

<img src="images/rforrobot.jpg" >

 For images we named the folder images

You change either folder to any name, but just make sure the code is pointing to the right folder.

To change the description under the image we would edit this part of the code from earlier.

<div class="desc"><p>Ladyada's "E is for Electronics" is a coloring book adventure with electronic components and their inventors.</p>
<p>Makers of all ages can learn, color, and share common parts and historical figures throughout history. Explore the world of electronics with Ladyada as your guide!</p>
<a href="https://www.adafruit.com/products/1000" target="_blank">https://www.adafruit.com/products/1000</a></div>

This guide was first published on Dec 09, 2016. It was last updated on Mar 08, 2024.

This page (Understanding the Webpage) was last updated on Dec 01, 2016.

Text editor powered by tinymce.