Menu Map

_{Instructions to convert the page source HTML of the menu into a normal HTML list: ChatGPT currently seems to be the best converting AI. Relevant page source code (DIV) may be found close to line #579 of this page’s page source.}_{Paste this into APPS SCRIPT and split on “</li>”. Paste this output into the Google sheet called Byteseismic Philosophy, and paste contents into the tab called “Divisions”. |||}
^{PAGE SOURCE for menu HTML (line 579) >}
^{APPS SCRIPT (split on “</li>”) >}
^{GOOGLE SHEET > “Divisions” tab}
^{ChatGPT (in manageable 20-item chunks)}
From the following HTML menu code, create a stand-alone list complete with links for each top-level category in the hierarchy. Place an HTML HR tag between the independent lists. Keep the HTML clean and organized. The top tier should have a font size of 13 pt, and that should decrease one pt with each nested layer.

Recommend Prompt from ChatGPT \| Import the entire page source #579 line.
I have an HTML navigation menu structure with several top-level categories and nested subcategories. I need this HTML content processed to create stand-alone lists for each top-level category. Here are the specific requirements:

Extract the top-level category “Introduction” from the provided HTML menu code and convert it and its dependents into a stand-alone HTML list. Be sure to include all its nested items.
Ensure each nested level decreases by 1pt in font size from the parent level, starting at 13pt for top-level items. Place an HTML anchor tag in the top-level link that has the category name as in “id=”CATEGORY-NAME”. For this anchor tag, convert the category name to ALL CAPS and replace any spaces in that category name with hyphens. Also convert the displayed top-level category name into ALL CAPS.
Place an <hr /> tag between each stand-alone list for visual separation. Add an HTML comment at the end that includes the top-level category name, the current date and the number of nested nodes.
Create a new line after each </ul>, but remove all other whitespaces, including new lines.

The HTML structure is as follows:

When pasting into ChatGPT from Google Sheet “Byteseismic Philosophy”: Three columns from the relevant sections.

I would like you to build an HTML <ul> list of blog articles based on the content below. Split the content based on the single digit into three categories: The article name, the hierarchical level (the single digit), and the link for the article name.
The top-level category has the hierarchy level of “1”.
Ensure each nested level decreases by 1pt in font size from the parent level, starting at 13pt for the top-level item. Place an HTML anchor tag in the top-level link that has the category name as in “id=”CATEGORY-NAME”. For this anchor tag, convert the category name to ALL CAPS and replace any spaces in that category name with hyphens. Also convert the displayed top-level category name into ALL CAPS.
Add a “text-decoration: none;” style to the links. Add an HTML comment at the end that includes the top-level category name in ALL CAPS, the current date and the number of nested nodes.
Create a new line after each </ul>, but remove all other whitespaces, including new lines.