CLDR-17803 site: update styling on markdown site (#3979)

unicode-org · Aug 24, 2024 · 3483b8a · 3483b8a
1 parent 8ea4f4c
commit 3483b8a
Show file tree

Hide file tree

Showing 8 changed files with 444 additions and 18 deletions.
diff --git a/docs/_config.yml b/docs/_config.yml
@@ -17,3 +17,16 @@ exclude:
 
 #include:
 #  - site/
+
+# _config.yml
+
+# everything under 'site' should default to the 'page' layout
+defaults:
+  - scope:
+      path: 'site'
+    values:
+      layout: page
+
+collections:
+  site:
+    output: true
diff --git a/docs/_layouts/page.html b/docs/_layouts/page.html
@@ -0,0 +1,36 @@
+<!doctype html>
+<html>
+
+<head>
+	<meta charset="utf-8">
+	<title>{{ page.title }}</title>
+	<link rel="stylesheet" href="/site/assets/css/reports-v2.css" />
+	<link rel="stylesheet" href="/site/assets/css/page.css" />
+</head>
+
+<body>
+	<!-- <h1>{{ page.title }}</h1> -->
+	<header>
+		<div class="icon"><a href="http://www.unicode.org/"> <img border="0"
+					src="http://www.unicode.org/webscripts/logo60s2.gif" align="middle" alt="[Unicode]" width="34"
+					height="33"></a>&nbsp;&nbsp;
+			<a class="bar" href="/">
+				<font size="3">
+					CLDR Site / {{page.title}}
+				</font>
+			</a>
+		</div>
+		<div class="bar"><a href="http://www.unicode.org" class="bar">Home</a>
+			| <a href="http://www.unicode.org/sitemap/" class="bar">Site
+				Map</a> | <a href="http://www.unicode.org/search/" class="bar">Search</a></div>
+	</header>
+
+	<section class="body">
+		{{ content }}
+	</section>
+	<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>
+</body>
+
+</html>
diff --git a/docs/ldml/tr35-general.md b/docs/ldml/tr35-general.md
@@ -107,6 +107,8 @@ The LDML specification is divided into the following parts:
   * Table: [Element contextTransformUsage type attribute values](#contextTransformUsage_type_attribute_values)
 * [Choice Patterns](#Choice_Patterns)
 * [Annotations and Labels](#Annotations)
+  * [Usage Model](#usage-model)
+  * [cp attribute](#cp-attribute)
   * [Synthesizing Sequence Names](#SynthesizingNames)
     * [Table: Synthesized Emoji Sequence Names](#table-synthesized-emoji-sequence-names)
   * [Annotations Character Labels](#Character_Labels)

diff --git a/docs/site/assets/css/page.css b/docs/site/assets/css/page.css
@@ -0,0 +1,64 @@
+/* mirror of div.body */
+section.body {
+    margin: 3em;
+}
+
+header {
+    width: "100%";
+    background-color: #5555ff;
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    border-bottom: 0.5em solid #EEEEFE;
+    padding: 0.5em;
+}
+
+header > div {
+    display: table-cell;
+}
+
+header > div.icon {
+    flex-grow: 1;
+}
+
+footer {
+    width: 100%;
+    margin-left: auto;
+    margin-right: auto;
+    text-align: center;
+    border-top: 0.5em solid #eeeefe;
+    font-size: smaller;
+}
+
+
+/* copied from tr35.css */
+
+.markdown-alert {
+    border-left: 0.25em;
+    padding-left: .5em;
+    border-left-style: solid;
+}
+
+.markdown-alert-title {
+    font-weight: bold;
+}
+
+.markdown-alert-title svg {
+    margin-right: .5em;
+}
+
+.markdown-alert-note {
+    border-color: blue;
+}
+
+.markdown-alert-note .markdown-alert-title {
+    color: blue;
+}
+
+.markdown-alert-important {
+    border-color: blueviolet;
+}
+
+.markdown-alert-important .markdown-alert-title {
+    color: blueviolet;
+}