Files
ioccc/inc/topbar.default.html
Landon Curt Noll f29b37e49a improve HTML menus, add social.html, prep for IOCCC28 winners
Prepare for the winners of **IOCCC28**.

> However these are not the 2024 droids you are looking for.  :-)

The HTML menu (both JavaScript and non-JavaScript) has been updated.

The `Status -> Rules and guidelines' have been replaced with two
separate menus `Status -> IOCCC rules` and `Status -> IOCCC guidelines`.

Added a new top level `social.html` page: built from a new `social.md`.

Sorted rules for building specific web pages in the top level `Makefile`.
Added `make social` to make the `social.html` page from `social.md`.

The `bin/gen-top-html.sh` now is able to process a argument of **social**
to process the new top level `social.html` page.

Changed `bin/gen-top-html.sh` VERSION from "2.0.0 2025-03-13"
to "2.0.1 2025-07-25".

Below `About -> Home page` a new `About -> IOCCC social media` menu item
as added.

Because the menu change touched every HTML file, we changed the general
copyright date range for HTML files from "1984-2024" to "1984-2025"
due to the extensive changes made for **IOCCC28**.

Those markdown files that were modified in 2025 had their copyright date
range also changed from "1984-2024" to "1984-2025".

Rebuilt tarballs and sitemap due to the extensive HTML rebuilding.

Ran `make update` to perform the above.
2025-07-26 13:06:29 -07:00

382 lines
11 KiB
HTML

<!-- START: this line starts content from: inc/topbar.default.html -->
<div class="theader">
<nav class="topbar">
<div class="container">
<div class="logo">
<a href="%%DOCROOT_SLASH%%index.html" class="logo-link">
IOCCC
</a>
</div>
<div class="topbar-items">
<div class="item">
<span class="item-header">
Entries
</span>
<div class="sub-item">
<div class="outfit-font">
<a href="%%DOCROOT_SLASH%%years.html" class="sub-item-link">
Winning entries
</a>
</div>
<div class="outfit-font">
<a href="%%DOCROOT_SLASH%%authors.html" class="sub-item-link">
Winning authors
</a>
</div>
<div class="outfit-font">
<a href="%%DOCROOT_SLASH%%location.html" class="sub-item-link">
Location of authors
</a>
</div>
<div class="outfit-font">
<a href="%%DOCROOT_SLASH%%bugs.html" class="sub-item-link">
Bugs and (mis)features
</a>
</div>
<div class="outfit-font">
<a href="%%DOCROOT_SLASH%%faq.html#fix_an_entry" class="sub-item-link">
Fixing entries
</a>
</div>
<div class="outfit-font">
<a href="%%DOCROOT_SLASH%%faq.html#fix_author" class="sub-item-link">
Updating author info
</a>
</div>
</div>
</div>
<div class="item">
<span class="item-header">
Status
</span>
<div class="sub-item">
<div class="outfit-font">
<a href="%%DOCROOT_SLASH%%news.html" class="sub-item-link">
News
</a>
</div>
<div class="outfit-font">
<a href="%%DOCROOT_SLASH%%status.html" class="sub-item-link">
Contest status
</a>
</div>
<div class="outfit-font">
<a href="%%DOCROOT_SLASH%%next/rules.html" class="sub-item-link">
IOCCC rules
</a>
</div>
<div class="outfit-font">
<a href="%%DOCROOT_SLASH%%next/guidelines.html" class="sub-item-link">
IOCCC guidelines
</a>
</div>
<div class="outfit-font">
<a href="%%DOCROOT_SLASH%%markdown.html" class="sub-item-link">
Markdown guidelines
</a>
</div>
<div class="outfit-font">
<a href="%%DOCROOT_SLASH%%SECURITY.html" class="sub-item-link">
Security policy
</a>
</div>
</div>
</div>
<div class="item">
<span class="item-header">
FAQ
</span>
<div class="sub-item">
<div class="outfit-font">
<a href="%%DOCROOT_SLASH%%faq.html" class="sub-item-link">
Frequently asked questions
</a>
</div>
<div class="outfit-font">
<a href="%%DOCROOT_SLASH%%quick-start.html#enter" class="sub-item-link">
Enter the IOCCC
</a>
</div>
<div class="outfit-font">
<a href="%%DOCROOT_SLASH%%faq.html#compiling" class="sub-item-link">
Compiling entries
</a>
</div>
<div class="outfit-font">
<a href="%%DOCROOT_SLASH%%faq.html#running_entries" class="sub-item-link">
Running entries
</a>
</div>
<div class="outfit-font">
<a href="%%DOCROOT_SLASH%%faq.html#help" class="sub-item-link">
How to help
</a>
</div>
</div>
</div>
<div class="item">
<span class="item-header">
About
</span>
<div class="sub-item">
<div class="outfit-font">
<a href="%%DOCROOT_SLASH%%index.html" class="sub-item-link">
Home page
</a>
</div>
<div class="outfit-font">
<a href="%%DOCROOT_SLASH%%social.html" class="sub-item-link">
IOCCC social media
</a>
</div>
<div class="outfit-font">
<a href="%%DOCROOT_SLASH%%about.html" class="sub-item-link">
About the IOCCC
</a>
</div>
<div class="outfit-font">
<a href="%%DOCROOT_SLASH%%judges.html" class="sub-item-link">
The judges
</a>
</div>
<div class="outfit-font">
<a href="%%DOCROOT_SLASH%%thanks-for-help.html" class="sub-item-link">
Thanks for the help
</a>
</div>
<div class="outfit-font">
<a href="%%DOCROOT_SLASH%%contact.html" class="sub-item-link">
Contact us
</a>
</div>
</div>
</div>
</div>
</div>
</nav>
<div class="header-mobile-menu">
<noscript>
<a href="%%DOCROOT_SLASH%%nojs-menu.html" class="topbar-js-label">
Please Enable JavaScript
</a>
</noscript>
<button id="header-open-menu-button" class="topbar-mobile-menu">
<img
src="%%DOCROOT_SLASH%%png/hamburger-icon-open.png"
alt="hamburger style menu icon - open state"
width=48
height=48>
</button>
<button id="header-close-menu-button" class="hide-content">
<img
src="%%DOCROOT_SLASH%%png/hamburger-icon-closed.png"
alt="hamburger style menu icon - closed state"
width=48
height=48>
</button>
<div id="mobile-menu-panel" class="hide-content">
<div class="mobile-menu-container">
<div class="mobile-menu-wrapper">
<div class="mobile-menu-item">
Entries
</div>
<div class="mobile-submenu-wrapper">
<a class="mobile-submenu-item" href="%%DOCROOT_SLASH%%years.html">
Winning entries
</a>
<a class="mobile-submenu-item" href="%%DOCROOT_SLASH%%authors.html">
Winning authors
</a>
<a class="mobile-submenu-item" href="%%DOCROOT_SLASH%%location.html">
Location of authors
</a>
<a class="mobile-submenu-item" href="%%DOCROOT_SLASH%%bugs.html">
Bugs and (mis)features
</a>
<a class="mobile-submenu-item" href="%%DOCROOT_SLASH%%faq.html#fix_an_entry">
Fixing entries
</a>
<a class="mobile-submenu-item" href="%%DOCROOT_SLASH%%faq.html#fix_author">
Updating author info
</a>
<a class="mobile-submenu-item" href="%%DOCROOT_SLASH%%thanks-for-help.html">
Thanks for the help
</a>
</div>
</div>
<div class="mobile-menu-wrapper">
<div class="mobile-menu-item">
Status
</div>
<div class="mobile-submenu-wrapper">
<a class="mobile-submenu-item" href="%%DOCROOT_SLASH%%news.html">
News
</a>
<a class="mobile-submenu-item" href="%%DOCROOT_SLASH%%status.html">
Contest status
</a>
<a class="mobile-submenu-item" href="%%DOCROOT_SLASH%%next/rules.html">
IOCCC rules
</a>
<a class="mobile-submenu-item" href="%%DOCROOT_SLASH%%next/guidelines.html">
IOCCC guidelines
</a>
<a class="mobile-submenu-item" href="%%DOCROOT_SLASH%%markdown.html">
Markdown guidelines
</a>
<a class="mobile-submenu-item" href="%%DOCROOT_SLASH%%SECURITY.html">
Security policy
</a>
</div>
</div>
<div class="mobile-menu-wrapper">
<div class="mobile-menu-item">
FAQ
</div>
<div class="mobile-submenu-wrapper">
<a class="mobile-submenu-item" href="%%DOCROOT_SLASH%%faq.html">
Frequently asked questions
</a>
<a class="mobile-submenu-item" href="%%DOCROOT_SLASH%%quick-start.html#enter">
Enter the IOCCC
</a>
<a class="mobile-submenu-item" href="%%DOCROOT_SLASH%%faq.html#compiling">
Compiling entries
</a>
<a class="mobile-submenu-item" href="%%DOCROOT_SLASH%%faq.html#running_entries">
Running entries
</a>
<a class="mobile-submenu-item" href="%%DOCROOT_SLASH%%faq.html#help">
How to help
</a>
</div>
</div>
<div class="mobile-menu-wrapper">
<div class="mobile-menu-item">
About
</div>
<div class="mobile-submenu-wrapper">
<a class="mobile-submenu-item" href="%%DOCROOT_SLASH%%index.html">
Home page
</a>
<a class="mobile-submenu-item" href="%%DOCROOT_SLASH%%social.html">
IOCCC social media
</a>
<a class="mobile-submenu-item" href="%%DOCROOT_SLASH%%about.html">
About the IOCCC
</a>
<a class="mobile-submenu-item" href="%%DOCROOT_SLASH%%judges.html">
The judges
</a>
<a class="mobile-submenu-item" href="%%DOCROOT_SLASH%%contact.html">
Contact us
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
var headerOpenMenuButton = document.getElementById("header-open-menu-button");
var headerCloseMenuButton = document.getElementById("header-close-menu-button");
var mobileMenuPanel = document.getElementById("mobile-menu-panel");
headerOpenMenuButton.addEventListener("click", () => {
headerOpenMenuButton.classList.remove("topbar-mobile-menu");
headerOpenMenuButton.classList.add("hide-content");
headerCloseMenuButton.classList.remove("hide-content");
headerCloseMenuButton.classList.add("topbar-mobile-menu");
mobileMenuPanel.classList.remove("hide-content");
mobileMenuPanel.classList.add("topbar-mobile-panel");
});
headerCloseMenuButton.addEventListener("click", () => {
headerCloseMenuButton.classList.remove("topbar-mobile-menu");
headerCloseMenuButton.classList.add("hide-content");
mobileMenuPanel.classList.add("hide-content");
mobileMenuPanel.classList.remove("topbar-mobile-panel");
headerOpenMenuButton.classList.add("topbar-mobile-menu");
headerOpenMenuButton.classList.remove("hide-content");
});
</script>
<!-- END: this line ends content from: inc/topbar.default.html -->