CLDR-18001 site: move sitemap to separate page (#4103)

unicode-org · Oct 3, 2024 · 8fdb9a1 · 8fdb9a1
1 parent 00dd586
commit 8fdb9a1
Show file tree

Hide file tree

Showing 9 changed files with 266 additions and 126 deletions.
diff --git a/docs/site/.gitignore b/docs/site/.gitignore
@@ -2,6 +2,5 @@
 /assets/json
 /assets/vendor
 /sitemap.xml
-/sitemap.md
 
 
diff --git a/docs/site/_layouts/page.html b/docs/site/_layouts/page.html
@@ -8,16 +8,15 @@
 	<link rel="stylesheet" href="/assets/css/page.css" />
 </head>
 
-<body>
+<body class="page">
 	<!-- <h1>{{ page.title }}</h1> -->
-	<header>
+	<header class="pageheader">
 		<div class="navparent">
 			<div id="nav" class="nav">
 				<!-- Vue mount here -->
 			</div>
 		</div>
 		<div class="message"><i>This navigation UI is temporary, just to give access to the pages.</i></div>
-		<!-- <div class="bar"><a href="/sitemap" class="bar">Site Map</a></div> -->
 	</header>
 
 

diff --git a/docs/site/_layouts/sitemap.html b/docs/site/_layouts/sitemap.html
@@ -0,0 +1,40 @@
+<!doctype html>
+<html>
+
+<head>
+	<meta charset="utf-8">
+	<title>{{ page.title }}</title>
+	<link rel="stylesheet" href="/assets/css/reports-v2.css" />
+	<link rel="stylesheet" href="/assets/css/page.css" />
+</head>
+
+<body class="sitemappage">
+	<!-- <h1>{{ page.title }}</h1> -->
+	<header>
+		<div class="navparent">
+			<div id="nav" class="nav">
+				<!-- Vue mount here for normal navigation -->
+			</div>
+		</div>
+		<div class="message"><i>This navigation UI is temporary, just to give access to the pages.</i></div>
+		<!-- <div class="bar"><a href="/sitemap" class="bar">Site Map</a></div> -->
+	</header>
+
+	<section class="body">
+		{{ content }}
+	</section>
+
+	<div id="sitemap">
+		<!-- sitemap goes here-->
+	</div>
+
+	<footer>
+		© 1991-2024 Unicode, Inc. Unicode and the Unicode Logo are registered trademarks of Unicode, Inc. in the U.S. and other countries. See <a href="https://www.unicode.org/copyright.html">Terms of Use</a>.
+	</footer>
+	<!-- workaround for cloudflare content-type issue -->
+	<script src="/assets/vendor/vue.global.prod.js"></script>
+	<script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/5.0.0/anchor.min.js" integrity="sha512-byAcNWVEzFfu+tZItctr+WIMUJvpzT2kokkqcBq+VsrM3OrC5Aj9E2gh+hHpU0XNA3wDmX4sDbV5/nkhvTrj4w==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+	<script src="/assets/js/cldrsite.js"></script>
+</body>
+
+</html>
diff --git a/docs/site/assets/css/page.css b/docs/site/assets/css/page.css
@@ -1,8 +1,24 @@
 /* mirror of div.body */
-section.body {
+body.page section.body {
   margin: 3em;
 }
 
+/* If there is any content on the sitemap.md page, left indent it to fit with the rest,
+but don't create a big space for it.  */
+body.sitemappage section.body {
+  margin-left: 3em;
+}
+
+body.page header .subpages a:link {
+  text-decoration: none;
+}
+body.page header .subpages a:visited {
+  text-decoration: none;
+}
+body.page header .subpages a:hover {
+  text-decoration: underline;
+}
+
 header {
   width: "100%";
   background-color: #5555ff;
@@ -40,19 +56,28 @@ header .nav a.uplink {
   color: white;
 }
 
-div.showmap {
+body.page a.showmap {
+  color: white;
+  text-decoration: none;
+}
+
+body.sitemappage a.showmap,
+body.sitemappage a.showmap:visited {
+  color: lightgray;
+  text-decoration: none;
+}
+
+.showmap {
   position: absolute;
   right: 1em;
-  color: white;
 }
 
-div.showmap:hover {
+body.page a.showmap:hover {
   text-decoration: underline;
   color: white;
 }
 
-header .nav div.subpages,
-div.sitemap {
+header .nav div.subpages {
   box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
   z-index: 1;
   background-color: white;
@@ -61,14 +86,17 @@ div.sitemap {
   padding: 0.5em;
 }
 
+div.sitemap {
+  padding: 1em;
+}
+
 div.submap {
   margin-left: 1em;
   border-left: 1px solid gray;
   padding-left: 0.5em;
 }
 
-div.subpages > .hamburger,
-div.sitemap .hamburger {
+div.subpages > .hamburger {
   position: absolute;
   right: 1em;
   top: 1em;
@@ -86,6 +114,7 @@ div.sitemap > div.submap {
 
 .subpages .hamburger:hover {
   color: gray;
+  text-shadow: 1px 1px 3px gray;
 }
 
 header .nav ul b {