Good Day to All.
I have a website to display my artwork and poetry. In the poetry section there is the main page with links to other pages and also an anthology which lists my poems by title, the titles are linked to a page to view the poems in their entirety. When you click the link to any poem, that page also displays the anthology so that you can easily navigate to the next poem that interests you without having to return to the main poetry page.
The problem I find myself with is that when I want to add a new poem to the anthology I need to edit every page that contains that list. Not something I am interested in doing.
I created the website from scratch several years ago and am just a novice, nothing fancy. I have searched the internet for answers but have yet to find what I am looking for.
I would like to create the Anthology as a list of links on a separate page/file that can be referenced/sourced in each poetry page that would display the list. In this manner I only have to edit one page and those changes will reflect on all the associated pages.
This is the navigation portion of the code that reflects the links desired;
<div id="nav">
<ul>
<li><a href="../index.html">Home Page</a></li>
<li><a href="../aboutartist.html">About the Artist</a></li>
<li><a href="../all-art.html">Gallery</a></li>
</ul>
<h2>Anthology</h2>
<ul>
<li><a href="achildcries.html">A Child Cries</a></li>
<li><a href="addedupon.html">Added Upon</a></li>
<li><a href="brokenflowers.html">Broken Flowers</a></li>
<li><a href="deadlovers.html">Dead Lovers</a></li>
<li><a href="dreamchaser.html">Dream Chaser</a></li>
<li><a href="ebb.html">Ebb</a></li>
<li><a href="eyes.html">Eyes</a></li>
<li><a href="inthedark.html">In The Dark Recesses of Our Soul</a></li>
<li><a href="luna.html">Luna</a></li>
<li><a href="myancientpictographs.html">My Ancient Pictographs</a></li>
<li><a href="raindrop.html">Rain Drop on the Back Porch Railing</a></li>
<li><a href="restlessthenight.html">Restless The Night</a></li>
<li><a href="summer.html">Summer</a></li>
<li><a href="tameroftheuniverse.html">Tamer of the Universe</a></li>
<li><a href="thankyouchild.html">Thank You Child</a></li>
<li><a href="theburning.html">The Burning</a></li>
<li><a href="unopenedbooks.html">Unopened Books</a></li>
<li><a href="whereangelstread.html">Where Angels Tread</a></li>
</ul>
</div>
Ideally, all the links below
<h2>Anthology</h2>
would be referenced/sourced from a different page/file.
My difficulty is two fold.
1. How to source the link. I have tried javascript (which i do not know);
<script src="../Poetry List/poetrylist.js"></script>
This was the closest thing I could find that might get me where I want.
2. how to create/format the source page that contains the information. currently it is saved as .js
Here is the poetry page of the website;http://sagebrushart.com/Poetry.html
Any and all help would be greatly appreciated.