Update article and add visual content

diff --git a/ofl/googlesanscode/article/01_Section_1.mp4 b/ofl/googlesanscode/article/01_Section_1.mp4
new file mode 100644 (file)
index 0000000..0623fb5
Binary files /dev/null and b/ofl/googlesanscode/article/01_Section_1.mp4 differ

diff --git a/ofl/googlesanscode/article/02_Section_2.mp4 b/ofl/googlesanscode/article/02_Section_2.mp4
new file mode 100644 (file)
index 0000000..3655667
Binary files /dev/null and b/ofl/googlesanscode/article/02_Section_2.mp4 differ

diff --git a/ofl/googlesanscode/article/03_Section_3a.mp4 b/ofl/googlesanscode/article/03_Section_3a.mp4
new file mode 100644 (file)
index 0000000..302df37
Binary files /dev/null and b/ofl/googlesanscode/article/03_Section_3a.mp4 differ

diff --git a/ofl/googlesanscode/article/04_Section_3b.mp4 b/ofl/googlesanscode/article/04_Section_3b.mp4
new file mode 100644 (file)
index 0000000..ff363e9
Binary files /dev/null and b/ofl/googlesanscode/article/04_Section_3b.mp4 differ

diff --git a/ofl/googlesanscode/article/05_Section_3c.mp4 b/ofl/googlesanscode/article/05_Section_3c.mp4
new file mode 100644 (file)
index 0000000..73032c0
Binary files /dev/null and b/ofl/googlesanscode/article/05_Section_3c.mp4 differ

diff --git a/ofl/googlesanscode/article/06_Section_4.mp4 b/ofl/googlesanscode/article/06_Section_4.mp4
new file mode 100644 (file)
index 0000000..7faca37
Binary files /dev/null and b/ofl/googlesanscode/article/06_Section_4.mp4 differ

diff --git a/ofl/googlesanscode/article/ARTICLE.en_us.html b/ofl/googlesanscode/article/ARTICLE.en_us.html
index 44c20126352a7ac06cd11b2394ab0ee6185ae391..d01d64a71c496847193729bc4392711fc448ef45 100644 (file)
--- a/ofl/googlesanscode/article/ARTICLE.en_us.html
+++ b/ofl/googlesanscode/article/ARTICLE.en_us.html
@@ -1 +1,73 @@
-N/A
\ No newline at end of file
+<!-- Section 1: Short description -->
+
+<p>
+  Google Sans Code is a fixed-width, geometric sans-serif typeface developed to complement Google's
+  corporate branding fonts. Derived from our other brand fonts, this typeface has been crafted
+  specifically for writing and reading code, and enhanced for clarity at text dimensions typically
+  used in programming interfaces.
+</p>
+<video autoplay muted loop src="01_Section_1.mp4" type="video/mp4"></video>
+
+<!-- Section 2: History and design details -->
+
+<h3>History and design details</h3>
+<p>
+  The architecture of Google Sans Code merges geometric precision with calligraphic expression
+  within the constraints of a fixed-width canvas. The Roman variant builds on a clean, structured
+  sans-serif foundation, ensuring optimal readability in code and data-intensive environments. In
+  contrast, the Italic variant draws inspiration from early Italian italics, providing a distinctive
+  and expressive complementary style. This thoughtful pairing delivers a unique combination of
+  technical precision, historical elegance, and personable quirkiness.
+</p>
+
+<video autoplay muted loop src="02_Section_2.mp4" type="video/mp4"></video>
+
+<!-- Section 3: Readability & legibility at small sizes -->
+
+<h3>Readability & legibility at small sizes</h3>
+<p>
+  The fundamental structure of shapes in the Roman design maximizes counter space in letterforms by
+  employing gradual curve radii and straight vertical stem segments in predominantly circular
+  letters, enhancing clarity at target sizes.
+</p>
+
+<video autoplay muted loop src="03_Section_3a.mp4" type="video/mp4"></video>
+
+<p>
+  Characters with idiosyncratic features like 'a', 'g', and 'Q' incorporate elements from
+  traditional text typefaces to improve recognition in situations where conventional sans serif
+  forms might be confused with similar characters.
+</p>
+<video autoplay muted loop src="04_Section_3b.mp4" type="video/mp4"></video>
+
+<p>
+  Symbols frequently used as lexical elements in programming languages have been refined for
+  immediate recognition and to maintain an equal visual balance with alphanumerical components
+  within the syntactical hierarchy at intended sizes.
+</p>
+<video autoplay muted loop src="05_Section_3c.mp4" type="video/mp4"></video>
+
+<!-- Section 4: Expressive italics -->
+
+<h3>Expressive italics</h3>
+<p>
+  The italic style, commonly employed for code comments in syntax highlighting schemes, features a
+  more dynamic and contrasting appearance compared to the Roman. This approach parallels Latin
+  handwritten manuscripts where authors' annotations appeared in an italic hand, distinguishing them
+  from the primary text set in Roman style, establishing a visual hierarchy throughout the document.
+</p>
+<p>
+  The letterforms draw inspiration from Ludovico Vicentino degli Arrighi's pioneering italic
+  typefaces.
+</p>
+
+<video autoplay muted loop src="06_Section_4.mp4" type="video/mp4"></video>
+
+<!-- Section 5: Auxiliary characters and language support -->
+
+<h3>Auxiliary characters and language support</h3>
+<p>
+  The character set encompasses support for contemporary programming languages with extensions into
+  box-drawing characters and geometric symbols. Google Sans Code also accommodates a comprehensive
+  range of human languages that utilize the Latin writing system.
+</p>