Landon Curt Noll
b84f8cbe28
The icons used to show the menu open (`png/hamburger-icon-open.png`)
and closed (`png/hamburger-icon-closed.png`) have been added.
Changed `inc/topbar.default.html` to use the png icons instead
of a svg file.
A new page `nojs-menu.html` has been added for when
JavaScript is disabled.
Changed `bin/gen-top-html.sh` VERSION from to "1.4.4 2024-04-21"
to "1.4.5 2024-04-23".
Sorted top sections in `inc/md2html.cfg` and added
a section for `nojs-menu.md`.
Fixed `ioccc.css` so that the topbar and related pulldown
menus had the correct background colour.
Ran `make www` to perform the above.
TODO: Detect when JavaScript is disabled and display:
Please
Enable
JavaScript
As a link to the new `nojs-menu.html` page.
TODO: Fix a problem on wide screens where some of
the righthand edge pulldown menus are cutoff.
TODO: Fix the 5 HTML 5 errors introduced by the topbar code.
451 lines
15 KiB
HTML
451 lines
15 KiB
HTML
<!DOCTYPE html>
|
|
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
|
<!-- START: two lines up starts content from: inc/top.default.html -->
|
|
|
|
<!-- END: this line ends content from: inc/top.default.html -->
|
|
<!-- START: this line starts content from: inc/head.default.html -->
|
|
|
|
<head>
|
|
<link rel="stylesheet" href="./ioccc.css">
|
|
<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap" rel="stylesheet">
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
|
|
<title>The International Obfuscated C Code Contest</title>
|
|
<link rel="icon" type="image/x-icon" href="./favicon.ico">
|
|
<meta name="description" content="Menu for when JavaScipt is disabled">
|
|
<meta name="keywords" content="IOCCC, JavaScipt, no-JavaScipt, menu">
|
|
</head>
|
|
|
|
<!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
|
|
<!-- !!! DO NOT MODIFY THIS FILE - This file is generated by a tool !!! -->
|
|
<!-- !!! DO NOT MODIFY THIS FILE - This file is generated by a tool !!! -->
|
|
<!-- !!! DO NOT MODIFY THIS FILE - This file is generated by a tool !!! -->
|
|
<!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
|
|
|
|
<!-- END: this line ends content from: inc/head.default.html -->
|
|
|
|
<!-- -->
|
|
<!-- This web page was formed via the tool: bin/gen-top-html.sh -->
|
|
<!-- The content of main section of this web page came from: nojs-menu.md -->
|
|
<!-- -->
|
|
|
|
<!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
|
|
<!-- !!! Do not modify this web page, instead modify the file: nojs-menu.md !!! -->
|
|
<!-- !!! Do not modify this web page, instead modify the file: nojs-menu.md !!! -->
|
|
<!-- !!! Do not modify this web page, instead modify the file: nojs-menu.md !!! -->
|
|
<!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
|
|
|
|
<!-- Markdown content was converted into HTML via the tool: bin/md2html.sh -->
|
|
|
|
<!-- START: this line starts content from: inc/body.default.html -->
|
|
|
|
<body>
|
|
|
|
<!-- END: this line ends content from: inc/body.default.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="./index.html" style="color: #154c9f; text-decoration: none !important;">
|
|
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="./years.html" style="color: #154c9f; text-decoration: none !important;">
|
|
Winning Entries
|
|
</a>
|
|
</div>
|
|
<div class="outfit-font">
|
|
<a href="./authors.html" style="color: #154c9f; text-decoration: none !important;">
|
|
People who have won
|
|
</a>
|
|
</div>
|
|
<div class="outfit-font">
|
|
<a href="./location.html" style="color: #154c9f; text-decoration: none !important;">
|
|
Location of authors
|
|
</a>
|
|
</div>
|
|
<div class="outfit-font">
|
|
<a href="./bugs.html" style="color: #154c9f; text-decoration: none !important;">
|
|
Bugs & (Mis)features
|
|
</a>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="item">
|
|
<span class="item-header">
|
|
Status
|
|
</span>
|
|
<div class="sub-item">
|
|
|
|
<div class="outfit-font">
|
|
<a href="./news.html" style="color: #154c9f; text-decoration: none !important;">
|
|
IOCCC News
|
|
</a>
|
|
</div>
|
|
<div class="outfit-font">
|
|
<a href="./status.html" style="color: #154c9f; text-decoration: none !important;">
|
|
Contest status
|
|
</a>
|
|
</div>
|
|
<div class="outfit-font">
|
|
<a href="./next/index.html" style="color: #154c9f; text-decoration: none !important;">
|
|
Rules & Guidelines
|
|
</a>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="item">
|
|
<span class="item-header">
|
|
FAQ
|
|
</span>
|
|
<div class="sub-item">
|
|
|
|
<div class="outfit-font">
|
|
<a href="./faq.html" style="color: #154c9f; text-decoration: none !important;">
|
|
FAQ
|
|
</a>
|
|
</div>
|
|
<div class="outfit-font">
|
|
<a href="./faq.html#submit" style="color: #154c9f; text-decoration: none !important;">
|
|
How to enter the IOCCC
|
|
</a>
|
|
</div>
|
|
<div class="outfit-font">
|
|
<a href="./faq.html#fix_an_entry" style="color: #154c9f; text-decoration: none !important;">
|
|
Fixing IOCCC entries
|
|
</a>
|
|
</div>
|
|
<div class="outfit-font">
|
|
<a href="./faq.html#fix_web_site" style="color: #154c9f; text-decoration: none !important;">
|
|
Fixing the web site
|
|
</a>
|
|
</div>
|
|
<div class="outfit-font">
|
|
<a href="./faq.html#fix_author" style="color: #154c9f; text-decoration: none !important;">
|
|
Fixing author info
|
|
</a>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="item">
|
|
<span class="item-header">
|
|
About
|
|
</span>
|
|
|
|
<div class="sub-item">
|
|
<div class="outfit-font">
|
|
<a href="./index.html" style="color: #154c9f; text-decoration: none !important;">
|
|
IOCCC Home
|
|
</a>
|
|
</div>
|
|
<div class="outfit-font">
|
|
<a href="./judges.html" style="color: #154c9f; text-decoration: none !important;">
|
|
The IOCCC Judges
|
|
</a>
|
|
</div>
|
|
<div class="outfit-font">
|
|
<a href="./contact.html" style="color: #154c9f; text-decoration: none !important;">
|
|
Contacting the IOCCC
|
|
</a>
|
|
</div>
|
|
<div class="outfit-font">
|
|
<a href="./thanks-for-help.html" style="color: #154c9f; text-decoration: none !important;">
|
|
Thanks for the help
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<div class="header-mobile-menu">
|
|
<button id="header-open-menu-button" class="topbar-mobile-menu">
|
|
<img src="./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="./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="./years.html">
|
|
Winning Entries
|
|
</a>
|
|
|
|
<a class="mobile-submenu-item" href="./authors.html">
|
|
People who have won
|
|
</a>
|
|
|
|
<a class="mobile-submenu-item" href="./location.html">
|
|
Location of authors
|
|
</a>
|
|
|
|
<a class="mobile-submenu-item" href="./bugs.html">
|
|
Bugs & (Mis)features
|
|
</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="./status.html">
|
|
Contest status
|
|
</a>
|
|
|
|
<a class="mobile-submenu-item" href="./next/index.html">
|
|
Rules & Guidelines
|
|
</a>
|
|
|
|
<a class="mobile-submenu-item" href="./news.html">
|
|
IOCCC News
|
|
</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="./faq.html">
|
|
Frequently Asked Questions
|
|
</a>
|
|
|
|
<a class="mobile-submenu-item" href="./faq.html#submit">
|
|
How to enter the IOCCC
|
|
</a>
|
|
|
|
<a class="mobile-submenu-item" href="./faq.html#fix_an_entry">
|
|
Fixing IOCCC entries
|
|
</a>
|
|
|
|
<a class="mobile-submenu-item" href="./faq.html#fix_web_site">
|
|
Fixing the web site
|
|
</a>
|
|
|
|
<a class="mobile-submenu-item" href="./faq.html#fix_author">
|
|
Fixing author info
|
|
</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="./index.html">
|
|
IOCCC Home
|
|
</a>
|
|
|
|
<a class="mobile-submenu-item" href="./judges.html">
|
|
The IOCCC Judges
|
|
</a>
|
|
|
|
<a class="mobile-submenu-item" href="./contact.html">
|
|
Contacting the IOCCC
|
|
</a>
|
|
|
|
<a class="mobile-submenu-item" href="./thanks-for-help.html">
|
|
Thanks for the help
|
|
</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 -->
|
|
<!-- START: this line starts content from: inc/header.default.html -->
|
|
|
|
<div class="header">
|
|
<a href="./2011/zucker/index.html">
|
|
<img src="./png/ioccc.png"
|
|
alt="IOCCC image by Matt Zucker"
|
|
width=300
|
|
height=110>
|
|
</a>
|
|
<h1>The International Obfuscated C Code Contest</h1>
|
|
<h2>JavaScipt is disabled</h2>
|
|
</div>
|
|
|
|
<!-- END: this line ends content from: inc/header.default.html -->
|
|
<!-- START: this line starts content from: inc/navbar.empty.html -->
|
|
|
|
<div class="navbar">
|
|
<a class="Right" href="https://validator.w3.org/nu/?doc=https%3A%2F%2Fioccc-src.github.io%2Ftemp-test-ioccc%2Fnojs-menu.html">✓</a>
|
|
</div>
|
|
|
|
<!-- END: this line ends content from: inc/navbar.empty.html -->
|
|
<!-- START: this line starts content from: inc/before-content.default.html -->
|
|
|
|
<div class="content" id="content">
|
|
|
|
<!-- END: this line ends content from: inc/before-content.default.html -->
|
|
<!-- START: this line starts content for HTML phase 21 by: bin/pandoc-wrapper.sh via bin/md2html.sh -->
|
|
|
|
<!-- BEFORE: 1st line of markdown file: nojs-menu.md -->
|
|
<h4 id="here-is-the-menu-you-missed-because-javascript-is-disabled">Here is the menu you missed because JavaScript is disabled:</h4>
|
|
<h2 id="entries">Entries</h2>
|
|
<ul>
|
|
<li><a href="./years.html">Winning Entries</a></li>
|
|
<li><a href="./authors.html">People who have won</a></li>
|
|
<li><a href="./location.html">Location of authors</a></li>
|
|
<li><a href="./bugs.html">Bugs & (Mis)features</a></li>
|
|
</ul>
|
|
<h2 id="status">Status</h2>
|
|
<ul>
|
|
<li><a href="./news.html">IOCCC News</a></li>
|
|
<li><a href="./status.html">Contest status</a></li>
|
|
<li><a href="./next/index.html">Rules & Guidelines</a></li>
|
|
</ul>
|
|
<h2 id="faq">FAQ</h2>
|
|
<ul>
|
|
<li><a href="./faq.html">FAQ</a></li>
|
|
<li><a href="./faq.html#fix_an_entry">How to enter the IOCCC</a></li>
|
|
<li><a href="./faq.html#fix_an_entry">Fixing IOCCC entries</a></li>
|
|
<li><a href="./faq.html#fix_web_site">Fixing the web site</a></li>
|
|
<li><a href="./faq.html#fix_author">Fixing author info</a></li>
|
|
</ul>
|
|
<h2 id="about">About</h2>
|
|
<ul>
|
|
<li><a href="./index.html">IOCCC Home</a></li>
|
|
<li><a href="./contact.html">The IOCCC Judges</a></li>
|
|
<li><a href="./contact.html">Contacting the IOCCC</a></li>
|
|
<li><a href="./thanks-for-help.html">Thanks for the help</a>
|
|
<!-- AFTER: last line of markdown file: nojs-menu.md --></li>
|
|
</ul>
|
|
|
|
<!-- END: this line ends content for HTML phase 21 by: bin/pandoc-wrapper.sh via bin/md2html.sh -->
|
|
<!-- START: this line starts content from: inc/after-content.default.html -->
|
|
|
|
</div>
|
|
|
|
<!-- END: this line ends content from: inc/after-content.default.html -->
|
|
<!-- START: this line starts content from: inc/footer.default.html -->
|
|
|
|
<!--
|
|
|
|
Copyright © 1984-2024 by Landon Curt Noll. All Rights Reserved.
|
|
|
|
You are free to share and adapt this file under the terms of this license:
|
|
|
|
Creative Commons Attribution-ShareAlike 4.0 International (CC BY-SA 4.0)
|
|
|
|
For more information, see:
|
|
|
|
https://creativecommons.org/licenses/by-sa/4.0/
|
|
|
|
-->
|
|
|
|
<div class="footer">
|
|
<div id="copyright"><h2>Copyright and CC BY-SA 4.0 License</h2></div>
|
|
<p>All IOCCC content including this file and web page are:</p>
|
|
<b> Copyright © 1984-2024 by Landon Curt Noll. <a href="https://creativecommons.org/faq/#what-does-some-rights-reserved-mean">Some Rights Reserved</a>.</b>
|
|
<p>This work is licensed by Landon Curt Noll under:</p>
|
|
<p><b><a href="https://creativecommons.org/licenses/by-sa/4.0/?ref=chooser-v1"
|
|
target="_blank" rel="license noopener noreferrer" style="display:inline-block;"> CC BY-SA 4.0
|
|
<img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;"
|
|
src="./png/cc.png"
|
|
alt="cc inside circle symbol">
|
|
<img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;"
|
|
src="./png/by.png"
|
|
alt="person inside circle symbol">
|
|
<img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;"
|
|
src="./png/sa.png"
|
|
alt="arrow looping back on itself inside circle symbol">
|
|
</a></b></p>
|
|
<p>The <b>CC BY-SA 4.0 LEGAL CODE</b> for this license is found under:</p>
|
|
<p> <b><a href="https://creativecommons.org/licenses/by-sa/4.0/legalcode.en">
|
|
https://creativecommons.org/licenses/by-sa/4.0/legalcode.en</a></b></p>
|
|
<p>You should <b>carefully review</b> all of the terms and conditions of the
|
|
<a href="https://creativecommons.org/licenses/by-sa/4.0/legalcode.en">actual license</a>
|
|
before using the licensed material.</p>
|
|
<p>You may wish to review the <b><a href="./license.html">highlights of some of the key
|
|
features and terms</a></b> of the <a href="https://creativecommons.org/licenses/by-sa/4.0/legalcode.en">actual license</a>.</p>
|
|
<h2>Coda</h2>
|
|
<p><a href="https://validator.w3.org/nu/?doc=https%3A%2F%2Fioccc-src.github.io%2Ftemp-test-ioccc%2Fnojs-menu.html">Nu HTML check this web page</a></p>
|
|
<p><a href="#top">Jump to top</a> <a href="#content">Jump to Content</a> <a href="#inventory">Jump to Inventory</a></p>
|
|
</div>
|
|
|
|
<!-- END: this line ends content from: inc/footer.default.html -->
|
|
<!-- START: this line starts content from: inc/bottom.default.html -->
|
|
|
|
</body>
|
|
</html>
|
|
|
|
<!-- END: this line ends content from: inc/bottom.default.html -->
|