docs: Update text and header background style

Minor text and style updates: * One-word tweak to text changes to avoid repetition of "API". * Remove header background pattern that's always looked cheesy!
tc39 · Feb 11, 2025 · ab96c8e · ab96c8e
1 parent 0c9a6ab
commit ab96c8e
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 13 deletions.
diff --git a/docs/README.md b/docs/README.md
@@ -28,7 +28,7 @@ A cookbook to help you get started and learn the ins and outs of Temporal is ava
 
 ## API Documentation
 
-> Please visit the API documentation on [**MDN**](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Temporal), the main API reference going forward.
+> Please visit the Temporal documentation on [MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Temporal), the main API reference going forward.
 
 The Temporal API follows a convention of using types whose names start with "Plain" (like `Temporal.PlainDate`, `Temporal.PlainTime`, and `Temporal.PlainDateTime`) for objects which do not have an associated time zone.
 Converting between such types and exact time types (`Temporal.Instant` and `Temporal.ZonedDateTime`) can be ambiguous because of time zones and daylight saving time, and the Temporal API lets developers configure how this ambiguity is resolved.

diff --git a/docs/head.html.part b/docs/head.html.part
@@ -111,17 +111,7 @@
       .heading-link::before { content: '¶'; }
       h2:hover .heading-link, h3:hover .heading-link, h4:hover .heading-link, h5:hover .heading-link { opacity: 0.75; }
       .banner {
-        /* Gradient from https://joshnh.com/weblog/how-to-make-an-alert-bar/ */
-        background-color: #fce94f;
-        background-image: linear-gradient(135deg,
-                                          transparent,
-                                          transparent 25%,
-                                          rgba(0, 0, 0, .05) 25%,
-                                          rgba(0, 0, 0, .05) 50%,
-                                          transparent 50%,
-                                          transparent 75%,
-                                          rgba(0, 0, 0, .05) 75%,
-                                          rgba(0, 0, 0, .05));
+        background-color: #ffcc7a;
         background-size: 20px 20px;
         box-shadow: 0 5px 0 rgba(0, 0, 0, .1);
         left: 0;
@@ -135,7 +125,7 @@
   </head>
   <body>
     <div class="banner">
-      Please visit the API documentation on <strong>
+      Please visit Temporal documentation on <strong>
         <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Temporal">MDN,</a>
       </strong> the main API reference going forward.
       Or see our <strong><a href="cookbook.html">cookbook</a></strong>.