mirror/ioccc
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

improve topbar

Browse Source 
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.
This commit is contained in:
Landon Curt Noll committed 2024-04-23 23:47:03 -07:00
1 parent aa31700b42
commit b84f8cbe28
412 files changed
+4232 -13433
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

inc/index.html
+8 -32
View File
@@ -53,8 +53,6 @@
</a>
</div>
<div class="mobile-header-button-label">&nbsp;</div>
<div class="topbar-items">
<div class="item">
<span class="item-header">
@@ -104,7 +102,7 @@
</div>
<div class="outfit-font">
<a href="../next/index.html" style="color: #154c9f; text-decoration: none !important;">
Rules and Guidelines
Rules &amp; Guidelines
</a>
</div>
@@ -181,37 +179,15 @@
<div class="header-mobile-menu">
<button id="header-open-menu-button" class="topbar-mobile-menu">
<svg
class="mobile-menu-icon"
fill="none"
stroke="currentColor"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
d="M4 6h16M4 12h16M4 18h16"
></path>
</svg>
<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">
<svg
class="mobile-menu-icon"
fill="none"
stroke="currentColor"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="4"
d="M6 18L18 6M6 6l12 12"
></path>
</svg>
<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">
@@ -254,7 +230,7 @@
</a>
<a class="mobile-submenu-item" href="../next/index.html">
Rules and Guidelines
Rules &amp; Guidelines
</a>
<a class="mobile-submenu-item" href="../news.html">
inc/md2html.cfg
+112 -96
View File
@@ -99,6 +99,22 @@ README.md
-D
./
archive/historic/README.md
-H
navbar=empty
-o
bin/subst.default.sh
-s
TITLE=The International Obfuscated C Code Contest
-s
DESCRIPTION=Historic archive of IOCCC winning entries
-s
KEYWORDS=IOCCC, archive, historic, historic archive, IOCCC archive
-s
HEADER_2=Historic archive of IOCCC winning entries
-D
../../
authors.md
-H
navbar=empty
@@ -115,6 +131,22 @@ authors.md
-D
./
bin/README.md
-H
navbar=empty
-o
bin/subst.default.sh
-s
TITLE=The International Obfuscated C Code Contest
-s
DESCRIPTION=Tools used to build and maintain the IOCCC web site
-s
KEYWORDS=IOCCC, tools, web site tools, bin
-s
HEADER_2=IOCCC tools used build and maintain the IOCCC web site
-D
../
bugs.md
-H
navbar=empty
@@ -163,6 +195,22 @@ faq.md
-D
./
inc/README.md
-H
navbar=empty
-o
bin/subst.default.sh
-s
TITLE=The International Obfuscated C Code Contest
-s
DESCRIPTION=IOCCC inc files
-s
KEYWORDS=IOCCC, inc, include files
-s
HEADER_2=Content used by bin tools to help form HTML files
-D
../
index.md
-H
navbar=empty
@@ -259,6 +307,70 @@ news.md
-D
./
next/README.md
-H
navbar=empty
-o
bin/subst.default.sh
-s
TITLE=The International Obfuscated C Code Contest
-s
DESCRIPTION=IOCCC Rules and Guidelines
-s
KEYWORDS=IOCCC, rules, Rules, guidelines, Guidelines
-s
HEADER_2=IOCCC Rules and Guidelines
-D
../
next/rules.md
-H
navbar=empty
-o
bin/subst.default.sh
-s
TITLE=The International Obfuscated C Code Contest
-s
DESCRIPTION=IOCCC Rules
-s
KEYWORDS=IOCCC, rules, Rules
-s
HEADER_2=IOCCC Rules
-D
../
next/guidelines.md
-H
navbar=empty
-o
bin/subst.default.sh
-s
TITLE=The International Obfuscated C Code Contest
-s
DESCRIPTION=IOCCC Guidelines
-s
KEYWORDS=IOCCC, guidelines, Guidelines
-s
HEADER_2=IOCCC Guidelines
-D
../
nojs-menu.md
-H
navbar=empty
-o
bin/subst.default.sh
-s
TITLE=The International Obfuscated C Code Contest
-s
DESCRIPTION=Menu for when JavaScipt is disabled
-s
KEYWORDS=IOCCC, JavaScipt, no-JavaScipt, menu
-s
HEADER_2=JavaScipt is disabled
-D
./
status.md
-H
navbar=empty
@@ -309,102 +421,6 @@ years.md
-D
./
archive/historic/README.md
-H
navbar=empty
-o
bin/subst.default.sh
-s
TITLE=The International Obfuscated C Code Contest
-s
DESCRIPTION=Historic archive of IOCCC winning entries
-s
KEYWORDS=IOCCC, archive, historic, historic archive, IOCCC archive
-s
HEADER_2=Historic archive of IOCCC winning entries
-D
../../
bin/README.md
-H
navbar=empty
-o
bin/subst.default.sh
-s
TITLE=The International Obfuscated C Code Contest
-s
DESCRIPTION=Tools used to build and maintain the IOCCC web site
-s
KEYWORDS=IOCCC, tools, web site tools, bin
-s
HEADER_2=IOCCC tools used build and maintain the IOCCC web site
-D
../
inc/README.md
-H
navbar=empty
-o
bin/subst.default.sh
-s
TITLE=The International Obfuscated C Code Contest
-s
DESCRIPTION=IOCCC inc files
-s
KEYWORDS=IOCCC, inc, include files
-s
HEADER_2=Content used by bin tools to help form HTML files
-D
../
next/README.md
-H
navbar=empty
-o
bin/subst.default.sh
-s
TITLE=The International Obfuscated C Code Contest
-s
DESCRIPTION=IOCCC Rules and Guidelines
-s
KEYWORDS=IOCCC, rules, Rules, guidelines, Guidelines
-s
HEADER_2=IOCCC Rules and Guidelines
-D
../
next/rules.md
-H
navbar=empty
-o
bin/subst.default.sh
-s
TITLE=The International Obfuscated C Code Contest
-s
DESCRIPTION=IOCCC Rules
-s
KEYWORDS=IOCCC, rules, Rules
-s
HEADER_2=IOCCC Rules
-D
../
next/guidelines.md
-H
navbar=empty
-o
bin/subst.default.sh
-s
TITLE=The International Obfuscated C Code Contest
-s
DESCRIPTION=IOCCC Guidelines
-s
KEYWORDS=IOCCC, guidelines, Guidelines
-s
HEADER_2=IOCCC Guidelines
-D
../
# Year level README.md files have a special year navbar
[12][0-9][0-9][0-9]/README.md
inc/topbar.default.html
+8 -32
View File
@@ -9,8 +9,6 @@
</a>
</div>
<div class="mobile-header-button-label">&nbsp;</div>
<div class="topbar-items">
<div class="item">
<span class="item-header">
@@ -60,7 +58,7 @@
</div>
<div class="outfit-font">
<a href="%%DOCROOT_SLASH%%next/index.html" style="color: #154c9f; text-decoration: none !important;">
Rules and Guidelines
Rules &amp; Guidelines
</a>
</div>
@@ -137,37 +135,15 @@
<div class="header-mobile-menu">
<button id="header-open-menu-button" class="topbar-mobile-menu">
<svg
class="mobile-menu-icon"
fill="none"
stroke="currentColor"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
d="M4 6h16M4 12h16M4 18h16"
></path>
</svg>
<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">
<svg
class="mobile-menu-icon"
fill="none"
stroke="currentColor"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="4"
d="M6 18L18 6M6 6l12 12"
></path>
</svg>
<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">
@@ -210,7 +186,7 @@
</a>
<a class="mobile-submenu-item" href="%%DOCROOT_SLASH%%next/index.html">
Rules and Guidelines
Rules &amp; Guidelines
</a>
<a class="mobile-submenu-item" href="%%DOCROOT_SLASH%%news.html">