You are viewing a plain text version of this content. The canonical link for it is here.
Posted to site-notify@rai.apache.org by jg...@apache.org on 2026/08/20 17:52:16 UTC
(rai-site) branch akm-fix updated: Pushing akm fix branch
This is an automated email from the ASF dual-hosted git repository.
jgenender pushed a commit to branch akm-fix
in repository https://gitbox.apache.org/repos/asf/rai-site.git
The following commit(s) were added to refs/heads/akm-fix by this push:
new 1f03ab8 Pushing akm fix branch
1f03ab8 is described below
commit 1f03ab82e19bbe9d6fc6348f2b806cec579afda5
Author: Jeff Genender <jg...@savoirtech.com>
AuthorDate: Thu Aug 20 11:52:06 2026 -0600
Pushing akm fix branch
---
content/css/app.css | 447 ++++++++++++++++++++++++++++++++-
content/images/rai-logo-original.svg | 163 ++++++++++++
content/images/rai-logo.svg | 1 +
content/images/rai-mark-green.svg | 1 +
content/images/rai-mark.svg | 1 +
content/pages/about.md | 38 ++-
content/pages/faq.md | 39 +--
content/pages/index.md | 79 ++++--
content/pages/what-we-do.md | 68 ++---
content/theme/templates/blogindex.html | 2 +-
content/theme/templates/footer.html | 49 +++-
content/theme/templates/frontpage.html | 4 +-
content/theme/templates/generic.html | 27 +-
content/theme/templates/menu.html | 46 ++--
content/theme/templates/styles.html | 24 +-
15 files changed, 826 insertions(+), 163 deletions(-)
diff --git a/content/css/app.css b/content/css/app.css
index 864516b..5dafc71 100644
--- a/content/css/app.css
+++ b/content/css/app.css
@@ -1,3 +1,446 @@
-.bg-info-light {
- background-color: #e3f7fc !important;
+/* Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ https://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License. */
+
+/* ==========================================================================
+ Apache Responsible AI - site styles
+ Layered on top of Bootstrap 5.2.2. No build step, no webfont CDN.
+ ========================================================================== */
+
+:root {
+ /* Accent. Swap these two values to retheme the whole site.
+ ASF red is the default; #1c4f80 / #153c62 (slate) and
+ #0f6e56 / #0b5342 (teal) are drop-in alternatives. */
+ --rai-accent: #b21326; /* logo crimson */
+ --rai-accent-dark: #8c0a22; /* logo deep red */
+ --rai-accent-soft: #6a0d28; /* logo shadow */
+ --rai-highlight: #f7931d; /* logo acorn */
+
+ --rai-ink: #15181d;
+ --rai-body: #3d4652;
+ --rai-muted: #5a6472;
+ --rai-faint: #7a838f;
+ --rai-rule: #e6e8ec;
+ --rai-rule-soft:#eceef1;
+ --rai-soft: #f7f8fa;
+
+ --rai-width: 44rem; /* content column; rem not ch, so it does not
+ shrink inside smaller-type blocks */
+ --rai-nav-h: 62px;
+ --rai-mark-h: 34px; /* nav logo height; below ~28px the veins mush */
+
+ --rai-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue",
+ Arial, "Noto Sans", sans-serif;
+ --rai-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas,
+ "Liberation Mono", monospace;
+}
+
+/* --------------------------------------------------------------------------
+ Base typography
+ -------------------------------------------------------------------------- */
+
+body {
+ font-family: var(--rai-sans);
+ font-size: 1.0625rem; /* 17px */
+ line-height: 1.7;
+ color: var(--rai-body);
+ background: #fff;
+ padding-top: var(--rai-nav-h); /* was 44px; navbar is taller than that */
+ -webkit-font-smoothing: antialiased;
+ text-rendering: optimizeLegibility;
+}
+
+h1, h2, h3, h4, h5, h6 {
+ color: var(--rai-ink);
+ font-weight: 500;
+ letter-spacing: -0.018em;
+ line-height: 1.25;
+}
+
+/* Anchor links must not land under the fixed navbar. Applies to any id
+ target, including the bare <a id> anchors used on what-we-do. */
+[id] { scroll-margin-top: calc(var(--rai-nav-h) + 1rem); }
+
+h1 { font-size: 2.125rem; margin-bottom: 0.75rem; letter-spacing: -0.025em; }
+h2 { font-size: 1.5rem; margin-top: 2.75rem; margin-bottom: 0.75rem; }
+h3 { font-size: 1.1875rem; margin-top: 2rem; margin-bottom: 0.5rem; }
+h4 { font-size: 1.0625rem; margin-top: 1.75rem; margin-bottom: 0.5rem; }
+
+/* Page title gets a hairline under it; section headings do not. */
+#contents h1 {
+ padding-bottom: 0.75rem;
+ border-bottom: 1px solid var(--rai-rule);
+ margin-bottom: 1.5rem;
+}
+
+p { margin-bottom: 1.15rem; }
+
+strong, b { font-weight: 600; color: var(--rai-ink); }
+
+a {
+ color: var(--rai-accent-dark);
+ text-decoration: underline;
+ text-decoration-thickness: 1px;
+ text-underline-offset: 0.18em;
+ text-decoration-color: rgba(140, 10, 34, 0.35);
+}
+a:hover {
+ color: var(--rai-accent);
+ text-decoration-color: currentColor;
+}
+
+/* --------------------------------------------------------------------------
+ Layout - the single biggest readability fix
+ -------------------------------------------------------------------------- */
+
+#contents {
+ padding: 2.5rem 1.5rem 4rem;
+}
+
+#contents > .bg-white {
+ max-width: var(--rai-width);
+ margin: 0 auto;
+ padding: 0 !important; /* neutralise the template's p-5 */
+}
+
+/* Wide elements are allowed to break the measure. */
+#contents table,
+#contents pre,
+#contents .mermaid,
+#contents img {
+ max-width: 100%;
+}
+
+@media (min-width: 992px) {
+ #contents { padding: 3.25rem 2rem 5rem; }
+}
+
+/* --------------------------------------------------------------------------
+ Navbar
+ -------------------------------------------------------------------------- */
+
+.navbar.rai-nav {
+ background: rgba(255, 255, 255, 0.92) !important;
+ backdrop-filter: saturate(180%) blur(8px);
+ border-bottom: 1px solid var(--rai-rule);
+ min-height: var(--rai-nav-h);
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
+}
+
+.navbar-brand { display: flex; align-items: center; gap: 0.6rem; }
+.navbar-brand img { height: var(--rai-mark-h); width: auto; margin-left: 0 !important; }
+.navbar-brand span {
+ position: static !important;
+ top: auto !important;
+ margin-left: 0 !important;
+ font-weight: 500 !important;
+ font-size: 0.9375rem;
+ color: var(--rai-ink);
+ letter-spacing: -0.01em;
+}
+
+.navbar-collapse {
+ position: static !important;
+ top: auto !important;
+ margin-left: 1.5rem !important;
+}
+
+.navbar .nav-link {
+ font-size: 0.9375rem;
+ color: var(--rai-muted);
+ padding: 0.35rem 0.75rem;
+ border-bottom: 2px solid transparent;
+ text-decoration: none;
+}
+.navbar .nav-link:hover,
+.navbar .nav-link:focus { color: var(--rai-ink); }
+.navbar .nav-link.active,
+.navbar .nav-item.active > .nav-link {
+ color: var(--rai-ink);
+ border-bottom-color: var(--rai-accent);
+}
+
+.dropdown-menu {
+ border: 1px solid var(--rai-rule);
+ border-radius: 8px;
+ box-shadow: 0 6px 20px rgba(21, 24, 29, 0.08);
+ padding: 0.4rem;
+ font-size: 0.9375rem;
+}
+.dropdown-item {
+ border-radius: 5px;
+ padding: 0.4rem 0.65rem;
+ color: var(--rai-body);
+ text-decoration: none;
+}
+.dropdown-item:hover { background: var(--rai-soft); color: var(--rai-ink); }
+
+/* Persistent support CTA in the navbar. */
+.rai-support {
+ display: inline-block;
+ font-size: 0.875rem;
+ color: #fff !important;
+ background: var(--rai-accent);
+ padding: 0.4rem 0.85rem;
+ border-radius: 6px;
+ text-decoration: none !important;
+ white-space: nowrap;
+}
+.rai-support:hover { background: var(--rai-accent-dark); color: #fff !important; }
+
+/* --------------------------------------------------------------------------
+ Prose elements
+ -------------------------------------------------------------------------- */
+
+blockquote {
+ border-left: 3px solid var(--rai-accent);
+ padding-left: 1.15rem;
+ margin: 1.75rem 0;
+ color: #2b333d;
+ font-style: italic;
+}
+blockquote p:last-child { margin-bottom: 0; }
+
+table {
+ width: 100%;
+ border-collapse: collapse;
+ font-size: 0.9375rem;
+ margin: 1.5rem 0 2rem;
+}
+th {
+ text-align: left;
+ font-weight: 500;
+ color: var(--rai-ink);
+ padding: 0.6rem 1rem 0.6rem 0;
+ border-bottom: 1px solid #d7dbe1;
+ white-space: nowrap;
+}
+td {
+ padding: 0.7rem 1rem 0.7rem 0;
+ border-bottom: 1px solid var(--rai-rule-soft);
+ vertical-align: top;
+ color: var(--rai-muted);
+}
+td:first-child { color: var(--rai-ink); }
+tr:last-child td { border-bottom: none; }
+
+ul, ol { margin-bottom: 1.15rem; padding-left: 1.3rem; }
+li { margin-bottom: 0.4rem; }
+li::marker { color: var(--rai-faint); }
+
+code {
+ font-family: var(--rai-mono);
+ font-size: 0.875em;
+ background: var(--rai-soft);
+ border: 1px solid var(--rai-rule);
+ border-radius: 4px;
+ padding: 0.1em 0.35em;
+ color: var(--rai-ink);
+}
+pre {
+ background: var(--rai-soft);
+ border: 1px solid var(--rai-rule);
+ border-radius: 8px;
+ padding: 1rem 1.15rem;
+ overflow-x: auto;
+ margin: 1.5rem 0;
+}
+pre code { background: none; border: none; padding: 0; font-size: 0.875rem; }
+
+hr { border: none; border-top: 1px solid var(--rai-rule); margin: 2.5rem 0; }
+
+.mermaid {
+ margin: 1.75rem 0;
+ padding: 1.25rem;
+ background: #fff;
+ border: 1px solid var(--rai-rule);
+ border-radius: 8px;
+}
+
+/* --------------------------------------------------------------------------
+ Home page
+ -------------------------------------------------------------------------- */
+
+.rai-eyebrow {
+ font-size: 0.75rem;
+ letter-spacing: 0.09em;
+ text-transform: uppercase;
+ color: var(--rai-accent-dark);
+ margin-bottom: 0.85rem;
+}
+
+.rai-lede { font-size: 1.1875rem; line-height: 1.65; color: var(--rai-body); }
+
+.rai-cards {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+ gap: 0.9rem;
+ margin: 2.5rem 0;
+}
+.rai-card {
+ border: 1px solid var(--rai-rule);
+ border-radius: 9px;
+ padding: 1.15rem 1.25rem;
+ background: #fff;
+}
+.rai-card h2,
+.rai-card h3 { margin: 0 0 0.35rem; font-size: 1rem; letter-spacing: -0.01em; }
+.rai-card p { margin: 0; font-size: 0.9375rem; line-height: 1.6; color: var(--rai-muted); }
+.rai-card i { color: var(--rai-accent); font-size: 1.1rem; }
+
+
+/* Hero */
+.rai-hero { margin-bottom: 2.5rem; }
+#contents .rai-hero h1 {
+ border-bottom: none;
+ padding-bottom: 0;
+ margin-bottom: 1rem;
+}
+.rai-hero .rai-eyebrow { margin-bottom: 0.85rem; }
+
+.rai-actions { display: flex; flex-wrap: wrap; gap: 0.6rem; margin-top: 1.75rem; }
+.rai-btn {
+ display: inline-block;
+ font-size: 0.9375rem;
+ line-height: 1.2;
+ padding: 0.7rem 1.15rem;
+ border: 1px solid #d3d8e0;
+ border-radius: 6px;
+ color: var(--rai-ink);
+ background: #fff;
+ text-decoration: none;
+}
+.rai-btn:hover { background: var(--rai-soft); color: var(--rai-ink); border-color: #bfc6d0; }
+.rai-btn-primary {
+ background: var(--rai-ink);
+ border-color: var(--rai-ink);
+ color: #fff;
+}
+.rai-btn-primary:hover { background: #000; border-color: #000; color: #fff; }
+
+.rai-meta { font-size: 0.875rem; color: var(--rai-faint); margin-top: -0.5rem; }
+
+/* Mobile nav: the expanded collapse must be opaque, and the desktop
+ indent must not apply once items stack vertically. */
+@media (max-width: 991.98px) {
+ .navbar.rai-nav {
+ background: #fff !important;
+ backdrop-filter: none;
+ }
+ .navbar-collapse {
+ margin-left: 0 !important;
+ background: #fff;
+ padding-bottom: 0.75rem;
+ max-height: calc(100vh - var(--rai-nav-h));
+ overflow-y: auto;
+ }
+ .navbar .nav-link {
+ padding-left: 0;
+ border-bottom: none;
+ }
+ .navbar .nav-link.active { border-bottom: none; color: var(--rai-accent-dark); }
+ .rai-support { display: block; text-align: center; }
+ .dropdown-menu { border: none; box-shadow: none; padding-left: 0.5rem; }
+}
+
+/* Highlighted resource block (announcement + support links). */
+.rai-resources {
+ background: var(--rai-soft);
+ border: 1px solid var(--rai-rule);
+ border-radius: 10px;
+ padding: 1.15rem 1.35rem;
+ margin: 2.25rem 0;
+}
+.rai-resources ul { list-style: none; padding: 0; margin: 0; }
+.rai-resources li { margin-bottom: 0.85rem; }
+.rai-resources li:last-child { margin-bottom: 0; }
+.rai-resources .rai-note {
+ display: block;
+ font-size: 0.875rem;
+ color: var(--rai-muted);
+ margin-top: 0.1rem;
+}
+
+/* --------------------------------------------------------------------------
+ Footer
+ -------------------------------------------------------------------------- */
+
+.rai-footer {
+ border-top: 1px solid var(--rai-rule);
+ margin-top: 4rem;
+ padding: 2.5rem 1.5rem 2rem;
+ background: #fff;
+}
+.rai-footer-inner {
+ max-width: var(--rai-width);
+ margin: 0 auto;
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
+ gap: 1.75rem;
+}
+.rai-footer h4 {
+ font-size: 0.8125rem;
+ font-weight: 500;
+ color: var(--rai-ink);
+ margin: 0 0 0.65rem;
+ letter-spacing: 0;
+}
+.rai-footer ul { list-style: none; padding: 0; margin: 0; }
+.rai-footer li { margin-bottom: 0.35rem; }
+.rai-footer a {
+ font-size: 0.875rem;
+ color: var(--rai-muted);
+ text-decoration: none;
+}
+.rai-footer a:hover { color: var(--rai-ink); text-decoration: underline; }
+
+.rai-legal {
+ max-width: var(--rai-width);
+ margin: 2rem auto 0;
+ padding-top: 1.25rem;
+ border-top: 1px solid var(--rai-rule-soft);
+ font-size: 0.8125rem;
+ line-height: 1.6;
+ color: var(--rai-faint);
+}
+.rai-legal a { color: var(--rai-faint); }
+
+/* --------------------------------------------------------------------------
+ Search + misc
+ -------------------------------------------------------------------------- */
+
+.search-form {
+ right: 0;
+ left: initial !important;
+ min-width: 25vw;
+ max-width: 90vw;
+ max-height: calc(95vh - 100px);
+ overflow: auto;
+ margin-top: 5px;
+}
+
+:focus-visible {
+ outline: 2px solid var(--rai-accent);
+ outline-offset: 2px;
+ border-radius: 3px;
+}
+
+
+@media (max-width: 768px) {
+ body { font-size: 1rem; }
+ h1 { font-size: 1.75rem; }
+ h2 { font-size: 1.3125rem; }
+ #contents { padding: 2rem 1.25rem 3rem; }
}
diff --git a/content/images/rai-logo-original.svg b/content/images/rai-logo-original.svg
new file mode 100644
index 0000000..f5844de
--- /dev/null
+++ b/content/images/rai-logo-original.svg
@@ -0,0 +1,163 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+ viewBox="0 0 1536 1024"
+ width="1536"
+ height="1024"
+ version="1.1"
+ id="svg13"
+ sodipodi:docname="logo4-rai1-ChrisL-TheASF-color.svg"
+ inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
+ inkscape:export-filename="logo4-rai1-ChrisL (Copy).png"
+ inkscape:export-xdpi="96"
+ inkscape:export-ydpi="96"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:svg="http://www.w3.org/2000/svg">
+ <defs
+ id="defs13" />
+ <sodipodi:namedview
+ id="namedview13"
+ pagecolor="#ffffff"
+ bordercolor="#000000"
+ borderopacity="0.25"
+ inkscape:showpageshadow="2"
+ inkscape:pageopacity="0.0"
+ inkscape:pagecheckerboard="0"
+ inkscape:deskcolor="#d1d1d1"
+ inkscape:zoom="0.85742188"
+ inkscape:cx="766.83371"
+ inkscape:cy="513.16628"
+ inkscape:window-width="1920"
+ inkscape:window-height="1131"
+ inkscape:window-x="0"
+ inkscape:window-y="0"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="svg13"
+ inkscape:export-bgcolor="#ffffff00" />
+ <g
+ transform="matrix(0.1,0,0,-0.1,-2,1024)"
+ fill="#222227"
+ fill-rule="evenodd"
+ id="g1"
+ style="fill:#000000;fill-opacity:1">
+ <path
+ d="m 8437,2166 c -157,-57 -116,-266 52,-266 35,0 49,7 83,38 111,104 8,279 -135,228 z m 106,-67 c 66,-80 -50,-202 -123,-129 -22,22 -27,88 -9,121 23,43 99,47 132,8 z m 620,67 c -81,-37 -67,-110 30,-150 30,-12 37,-20 37,-42 0,-26 -1,-26 -50,-22 -84,8 -89,-35 -6,-49 41,-6 92,12 106,38 26,48 0,93 -72,123 -63,25 -46,73 20,60 34,-7 61,16 39,35 -23,18 -70,22 -104,7 z m -2040,-8 c -10,-17 -4,-231 7,-242 17,-17 40,15 40,56 0,53 26,48 59,-10 25,-46 41,-58 66,-48 13,5 12,12 -6,50 l -22,44 21, [...]
+ id="path1"
+ style="fill:#000000;fill-opacity:1"
+ sodipodi:nodetypes="cscccsccccsccccccccsscccccccssssssscscccssccscsccscsccccccsscscccsccccscscccsccscssssccccscsccsscscsscccccccccscccsccscccccccccssccsccscccsccsccsccccccsccccscsccscccccscccsscccccscccsscccscscsccsccccsccccscscsccsccscccccscs" />
+ </g>
+ <g
+ transform="translate(0.000000,1024.000000) scale(0.100000,-0.100000)"
+ fill="#6A0D28"
+ fill-rule="evenodd"
+ id="g2">
+ <path
+ d="M3421 8633 c-94 -39 -193 -127 -256 -226 -139 -220 -149 -465 -39 -918 82 -334 59 -445 -89 -443 -75 1 -112 23 -265 157 -165 145 -197 169 -286 214 -227 115 -453 91 -606 -66 -251 -257 -340 -723 -213 -1116 60 -185 146 -333 343 -590 153 -200 186 -253 205 -320 34 -123 -14 -189 -131 -183 -54 3 -82 14 -220 85 -250 127 -375 153 -489 99 -225 -104 -267 -533 -88 -890 113 -225 241 -370 568 -641 145 -120 249 -224 324 -325 339 -455 431 -1003 235 -1408 -52 -108 -104 -169 -190 -223 -140 -89 -198 [...]
+ id="path2" />
+ </g>
+ <g
+ transform="translate(0.000000,1024.000000) scale(0.100000,-0.100000)"
+ fill="#8C0A22"
+ fill-rule="evenodd"
+ id="g3">
+ <path
+ d="M3246 8501 c-21 -21 -34 -41 -29 -44 6 -4 27 11 47 32 21 21 34 41 29 44 -6 4 -27 -11 -47 -32z M3135 8341 c-9 -18 -11 -32 -5 -36 5 -3 16 8 25 24 9 18 11 32 5 36 -5 3 -16 -8 -25 -24z M2075 7460 c-4 -6 -10 -8 -15 -5 -5 3 -11 1 -14 -4 -4 -5 -2 -12 3 -15 5 -4 12 -2 16 4 4 6 10 8 15 5 5 -3 11 -1 14 4 4 5 2 12 -3 15 -5 4 -12 2 -16 -4z M1849 7303 c-93 -119 -196 -347 -204 -454 -1 -20 -6 -42 -9 -48 -4 -6 -6 -21 -5 -34 1 -12 -1 -29 -5 -38 -11 -24 -3 -125 9 -119 6 3 11 33 11 66 1 34 5 67 8 [...]
+ id="path3" />
+ </g>
+ <g
+ transform="matrix(0.1,0,0,-0.1,0,1024)"
+ fill="#990923"
+ fill-rule="evenodd"
+ id="g4">
+ <path
+ d="m 3276,8521 c -10,-11 -13,-22 -8,-25 5,-3 17,3 26,13 10,11 13,22 8,25 -5,3 -17,-3 -26,-13 z m -106,-130 c -6,-12 -6,-22 -1,-26 6,-3 15,3 21,14 6,12 6,22 1,26 -6,3 -15,-3 -21,-14 z m -51,-105 c -1,-3 -2,-9 -3,-13 -1,-5 -5,-13 -9,-20 -4,-6 -3,-14 3,-18 5,-3 11,-4 11,-1 1,3 2,9 3,14 1,4 5,12 9,19 4,6 3,14 -3,18 -5,3 -11,4 -11,1 z m -54,-248 c -9,-24 -1,-143 10,-143 13,0 19,135 6,148 -7,7 -12,5 -16,-5 z m -890,-568 c -3,-5 0,-13 9,-16 21,-8 61,-1 61,11 0,14 -62,19 -70,5 z m -110,-2 [...]
+ id="path4" />
+ </g>
+ <g
+ transform="translate(0.000000,1024.000000) scale(0.100000,-0.100000)"
+ fill="#8F0F23"
+ fill-rule="evenodd"
+ id="g5">
+ <path
+ d="M3405 8613 c-66 -33 -117 -72 -110 -84 4 -5 21 2 39 16 18 13 53 34 79 45 25 11 49 25 52 30 12 20 -13 17 -60 -7z M3203 8447 c-19 -24 -23 -36 -14 -41 5 -3 16 5 25 19 16 24 6 45 -11 22z M3140 8340 c-17 -33 -27 -60 -24 -60 4 0 1 -7 -6 -15 -7 -8 -9 -15 -5 -15 4 0 2 -7 -5 -15 -7 -9 -10 -18 -7 -22 4 -3 2 -12 -4 -19 -6 -7 -8 -18 -4 -24 9 -14 28 -1 21 16 -3 7 -1 16 5 20 6 3 8 12 5 19 -2 7 -2 16 2 20 4 4 7 10 7 13 1 4 15 35 33 69 18 35 28 65 22 68 -5 3 -23 -21 -40 -55z M3064 8076 c-8 -21 [...]
+ id="path5" />
+ </g>
+ <g
+ transform="translate(0.000000,1024.000000) scale(0.100000,-0.100000)"
+ fill="#B21326"
+ fill-rule="evenodd"
+ id="g6">
+ <path
+ d="M3407 8606 c-223 -120 -337 -335 -337 -633 0 -137 17 -249 74 -489 82 -342 55 -454 -109 -454 -77 0 -128 29 -254 142 -152 136 -227 193 -308 233 -215 105 -435 82 -572 -59 -39 -40 -38 -60 5 -167 105 -259 271 -498 511 -737 73 -73 133 -135 133 -137 0 -3 -10 -5 -23 -5 -43 0 -70 -28 -62 -66 4 -21 -1 -55 -11 -89 -20 -64 -11 -144 27 -221 28 -59 143 -159 193 -168 29 -6 36 -11 36 -30 0 -12 3 -26 7 -30 4 -4 6 -23 4 -41 -3 -40 35 -178 78 -282 38 -94 73 -138 201 -257 58 -54 114 -113 125 -130 1 [...]
+ id="path6" />
+ </g>
+ <g
+ transform="translate(0.000000,1024.000000) scale(0.100000,-0.100000)"
+ fill="#79352A"
+ fill-rule="evenodd"
+ id="g7">
+ <path
+ d="M5264 9095 c-207 -45 -433 -212 -599 -444 -220 -308 -258 -344 -358 -344 -74 0 -106 20 -232 142 -149 146 -223 190 -365 217 -105 20 -284 -6 -252 -38 6 -6 23 -6 48 1 54 15 189 13 250 -3 99 -26 173 -75 306 -203 146 -141 196 -166 286 -143 90 22 103 37 349 369 270 364 625 513 912 381 171 -79 261 -259 261 -522 0 -144 -16 -243 -85 -513 -110 -433 -68 -517 298 -601 182 -41 204 -48 282 -87 163 -82 238 -187 247 -347 3 -45 15 -74 19 -42 0 4 5 12 10 18 15 18 -11 135 -43 197 -78 146 -214 224 - [...]
+ id="path7" />
+ </g>
+ <g
+ transform="translate(0.000000,1024.000000) scale(0.100000,-0.100000)"
+ fill="#BE4143"
+ fill-rule="evenodd"
+ id="g8">
+ <path
+ d="M5325 9090 c-3 -5 0 -13 8 -16 23 -9 122 0 122 11 0 14 -122 19 -130 5z M5485 9080 c-7 -11 22 -26 32 -16 3 3 12 1 20 -5 7 -6 13 -9 13 -6 0 3 31 -12 70 -33 61 -33 103 -41 67 -12 -21 17 -117 63 -117 56 0 -4 -7 -1 -15 6 -8 7 -15 9 -15 4 0 -4 -5 -3 -12 4 -15 15 -35 16 -43 2z M5227 9073 c-4 -3 -18 -7 -31 -9 -56 -6 -273 -134 -261 -154 3 -5 27 6 53 25 60 42 200 111 245 119 4 0 7 6 6 11 -1 14 -5 16 -12 8z M4891 8886 c-13 -13 -18 -26 -13 -30 5 -3 19 5 31 18 13 13 18 26 13 30 -5 3 -19 -5 - [...]
+ id="path8" />
+ </g>
+ <g
+ transform="translate(0.000000,1024.000000) scale(0.100000,-0.100000)"
+ fill="#C77786"
+ fill-rule="evenodd"
+ id="g9">
+ <path
+ d="M5044 8271 c-82 -37 -120 -128 -93 -218 18 -57 116 -128 149 -108 17 10 3 22 -34 29 -87 17 -128 145 -73 230 53 80 204 71 247 -15 49 -95 4 -191 -103 -223 -29 -9 -8 -28 22 -21 43 11 92 55 113 103 63 142 -85 288 -228 223z M3695 7580 c-3 -5 -12 -7 -19 -4 -57 22 -205 -143 -182 -202 8 -20 26 -8 26 17 0 45 79 149 113 149 3 0 18 5 34 11 102 41 247 -39 269 -149 8 -38 21 -50 30 -27 21 55 -95 191 -170 199 -14 1 -29 6 -33 9 -10 10 -61 8 -68 -3z M3679 7445 c-40 -22 -80 -97 -58 -110 4 -3 6 -12 [...]
+ id="path9" />
+ </g>
+ <g
+ transform="translate(0.000000,1024.000000) scale(0.100000,-0.100000)"
+ fill="#F7931D"
+ fill-rule="evenodd"
+ id="g10">
+ <path
+ d="M5240 9075 c-233 -65 -430 -234 -660 -566 -117 -168 -182 -219 -286 -219 -62 0 -118 36 -232 149 -185 184 -355 251 -532 210 -79 -18 -79 -30 -2 -200 118 -261 291 -500 546 -755 138 -137 399 -354 412 -342 1 2 32 51 67 108 35 58 118 186 185 284 l121 179 -21 41 c-36 69 -37 198 -4 273 124 270 521 227 576 -62 28 -147 -31 -262 -170 -336 -39 -21 -59 -24 -148 -24 -102 0 -103 0 -126 -30 -32 -42 -281 -415 -317 -476 l-29 -50 152 -74 c319 -153 619 -237 1003 -281 261 -30 769 -19 837 17 18 10 20 [...]
+ id="path10" />
+ </g>
+ <g
+ transform="translate(0.000000,1024.000000) scale(0.100000,-0.100000)"
+ fill="#DDA4AA"
+ fill-rule="evenodd"
+ id="g11">
+ <path
+ d="M5003 8403 c-78 -27 -210 -177 -188 -213 3 -5 1 -11 -5 -15 -5 -3 -10 -33 -10 -65 0 -32 5 -62 10 -65 6 -4 8 -11 4 -16 -3 -5 4 -30 16 -54 27 -56 36 -36 -113 -259 -251 -373 -503 -795 -638 -1068 -35 -71 -69 -128 -76 -128 -25 0 -100 68 -131 120 -53 89 -62 135 -62 314 l0 161 47 35 c88 66 124 146 103 237 -39 177 -246 250 -380 136 -118 -101 -114 -258 10 -365 l50 -43 0 -160 c0 -286 50 -405 225 -545 45 -36 65 -58 62 -69 -3 -9 -51 -128 -107 -266 -94 -230 -273 -747 -366 -1058 -38 -129 -47 - [...]
+ id="path11" />
+ </g>
+ <g
+ transform="translate(0.000000,1024.000000) scale(0.100000,-0.100000)"
+ fill="#F9B25D"
+ fill-rule="evenodd"
+ id="g12">
+ <path
+ d="M5028 8426 c-94 -27 -170 -95 -214 -189 -33 -75 -32 -204 4 -273 l21 -41 -129 -191 c-185 -274 -236 -360 -222 -374 8 -8 18 2 39 37 15 26 97 151 182 278 84 128 156 237 158 244 3 7 -6 34 -19 60 -55 113 -22 275 73 357 154 132 421 57 468 -131 57 -223 -115 -414 -335 -374 -70 13 -64 18 -156 -117 -177 -258 -288 -436 -277 -447 13 -12 11 -15 127 165 48 74 123 187 166 251 l79 116 101 -1 c88 -1 107 2 146 23 150 79 218 206 190 356 -34 180 -228 301 -402 251z"
+ id="path12" />
+ </g>
+ <g
+ transform="translate(0.000000,1024.000000) scale(0.100000,-0.100000)"
+ fill="#FAF4F5"
+ fill-rule="evenodd"
+ id="g13">
+ <path
+ d="M5035 8407 c-187 -62 -279 -256 -200 -425 30 -64 42 -37 -128 -291 -210 -314 -494 -794 -622 -1051 -81 -162 -73 -158 -157 -82 -101 92 -128 175 -128 401 l0 170 28 15 c15 8 47 35 69 59 171 185 -69 464 -284 331 -140 -87 -144 -280 -8 -376 l43 -30 4 -197 c5 -215 16 -264 78 -361 31 -49 135 -153 183 -184 36 -24 36 -21 -34 -187 -126 -300 -274 -724 -424 -1211 -20 -65 -40 -118 -44 -118 -4 0 -16 19 -27 43 -41 93 -98 167 -228 294 -124 121 -138 139 -180 225 -48 96 -72 189 -83 313 l-6 71 61 60 [...]
+ id="path13" />
+ </g>
+ <path
+ d="M 752.952,300.568 V 403 h 27.632 V 300.568 h 37.664 v -23.232 h -102.96 v 23.232 z m 75.08669,-23.232 V 403 h 24.992 v -47.696 q 0,-13.904 4.576,-19.888 4.576,-6.16 14.784,-6.16 8.976,0 12.496,5.632 3.52,5.456 3.52,16.72 V 403 h 24.992 v -55.968 q 0,-8.448 -1.584,-15.312 -1.408,-7.04 -5.104,-11.792 -3.696,-4.928 -10.208,-7.568 -6.336,-2.816 -16.368,-2.816 -7.04,0 -14.432,3.696 -7.392,3.52 -12.144,11.44 h -0.528 v -47.344 z m 163.61475,70.4 h -40.656 q 0.176,-2.64 1.056,-5.984 1.0 [...]
+ id="text13"
+ style="font-weight:700;font-size:176px;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;fill:#6a0d28;fill-opacity:1"
+ aria-label="The ASF" />
+</svg>
diff --git a/content/images/rai-logo.svg b/content/images/rai-logo.svg
new file mode 100644
index 0000000..194a01c
--- /dev/null
+++ b/content/images/rai-logo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1536 1024" role="img" aria-label="The ASF Responsible AI Initiative"><title>The ASF Responsible AI Initiative</title><g transform="matrix(0.1,0,0,-0.1,-2,1024)" fill-rule="evenodd"><g fill="#000000"><path d="m8437,2166c-157,-57 -116,-266 52,-266 35,0 49,7 83,38 111,104 8,279 -135,228zm106,-67c66,-80 -50,-202 -123,-129 -22,22 -27,88 -9,121 23,43 99,47 132,8zm620,67c-81,-37 -67,-110 30,-150 30,-12 37,-20 37,-42 0,-26 -1,-26 -50,-22 -84,8 [...]
diff --git a/content/images/rai-mark-green.svg b/content/images/rai-mark-green.svg
new file mode 100644
index 0000000..c406ef6
--- /dev/null
+++ b/content/images/rai-mark-green.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Apache Responsible AI" viewBox="77.56 73.089 631.225 879.714" width="631" height="880"><title>Apache Responsible AI</title><g transform="translate(0.000000,1024.000000) scale(0.100000,-0.100000)" fill="#10403B" fill-rule="evenodd"><path d="M3421 8633c-94-39-193-127-256-226-139-220-149-465-39-918 82-334 59-445-89-443-75 1-112 23-265 157-165 145-197 169-286 214-227 115-453 91-606-66-251-257-340-723-213-1116 60-185 146-333 343-5 [...]
diff --git a/content/images/rai-mark.svg b/content/images/rai-mark.svg
new file mode 100644
index 0000000..598ed94
--- /dev/null
+++ b/content/images/rai-mark.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="116 112 528 800" role="img" aria-label="Apache Responsible AI"><title>Apache Responsible AI</title><g transform="matrix(0.1,0,0,-0.1,-2,1024)" fill-rule="evenodd"><g fill="#6A0D28"><path d="M3421,8633c-94,-39 -193,-127 -256,-226c-139,-220 -149,-465 -39,-918c82,-334 59,-445 -89,-443c-75,1 -112,23 -265,157c-165,145 -197,169 -286,214c-227,115 -453,91 -606,-66c-251,-257 -340,-723 -213,-1116c60,-185 146,-333 343,-590c153,-200 186,-253 205,-320c [...]
diff --git a/content/pages/about.md b/content/pages/about.md
index a87689e..0845c93 100644
--- a/content/pages/about.md
+++ b/content/pages/about.md
@@ -1,9 +1,9 @@
Title: About
license: https://www.apache.org/licenses/LICENSE-2.0
-The Responsible AI initiative is an Apache Software Foundation effort to strengthen the
-open source technologies that underpin modern AI, and to support ASF projects and
-communities as they adopt AI responsibly.
+The Responsible AI initiative is an Apache Software Foundation effort to strengthen the open
+source technologies that underpin modern AI, and to support ASF projects and communities as they
+adopt AI responsibly.
As Sally Khudairi of the Apache Software Foundation has put it:
@@ -14,26 +14,22 @@ As Sally Khudairi of the Apache Software Foundation has put it:
## How it is organized
-The initiative is led by a **Vice President, Responsible AI**, an officer role
-established by the ASF Board. **Jeff Genender** was appointed to the role in July 2026.
-The VP coordinates the initiative's work and its resources, including this website, the
-mailing list, and related repositories.
+The initiative is led by a **Vice President, Responsible AI**, an officer role established by the
+ASF Board. **Jeff Genender** was appointed to the role in July 2026. The VP coordinates the
+initiative's work and its resources, including this website, the mailing list, and related
+repositories.
-The work follows the **Apache Way** of collaborative, vendor-neutral development.
-Participation is through the discussion list, open to ASF Members, the **#ai-discuss**
-channel on the ASF Slack, and the initiative's public repositories.
+The work follows the **Apache Way** of collaborative, vendor-neutral development. Volunteers
+organize around four work streams, described on [What we do](what-we-do.html); anyone can take
+part through the channels listed on [Get involved](get-involved.html).
-## Areas of focus
+## Background and support
-Volunteers currently organize around four work streams:
+<div class="rai-resources">
-- **Security** — helping Apache projects manage security risks and vulnerability workflows related to AI.
-- **Innovation** — supporting new AI-focused approaches and tooling across the Foundation.
-- **Policy** — guidance on licensing, provenance, and responsible-use questions.
-- **Education, Adoption & Outreach** — sharing good practices and helping communities adopt AI responsibly.
+- [Announcing the Responsible AI initiative](https://news.apache.org/foundation/entry/the-apache-software-foundation-launches-10m-responsible-ai-initiative-with-initial-1-75m-donation)
+ <span class="rai-note">The ASF launches a $10M Responsible AI initiative with an initial $1.75M donation.</span>
+- [Support the initiative](https://apache.org/foundation/initiatives/responsibleai)
+ <span class="rai-note">How organizations and individuals can contribute to the work.</span>
-## Contact
-
-- Mailing list: **discuss@rai.apache.org**, open to ASF Members — [archives](https://lists.apache.org/list.html?discuss@rai.apache.org)
-- ASF Slack: **#ai-discuss** (ask to be invited)
-- Source and issues: <https://github.com/apache/rai-site>
+</div>
diff --git a/content/pages/faq.md b/content/pages/faq.md
index 2a99167..fa04dd7 100644
--- a/content/pages/faq.md
+++ b/content/pages/faq.md
@@ -3,36 +3,41 @@ license: https://www.apache.org/licenses/LICENSE-2.0
## What is the Responsible AI initiative?
-It is an Apache Software Foundation effort to strengthen the open source technologies
-that underpin modern AI and to help ASF communities adopt AI responsibly. It provides
-access to AI models and tooling, ecosystem support for AI-focused projects, and a place
-to share good practices.
+An Apache Software Foundation effort to strengthen the open source technologies that underpin
+modern AI and to help ASF communities adopt AI responsibly. It provides access to AI models and
+tooling, ecosystem support for AI-focused projects, and a place to share good practices. See
+[About](about.html).
## Who leads it?
-A **Vice President, Responsible AI**, appointed by the ASF Board, leads the initiative.
-The work itself is open to contributors from across the Foundation and the wider
-community.
+A **Vice President, Responsible AI**, appointed by the ASF Board. The work itself is open to
+contributors from across the Foundation and the wider community. See [About](about.html) for the
+current officeholder.
## Is the initiative's guidance binding on my project?
-The initiative offers guidance, resources, and shared good practices. Apache projects
-remain self-governing and adopt what is useful to them.
+No. The initiative offers guidance, resources, and shared good practices. Apache projects remain
+self-governing and adopt what is useful to them.
## What principles guide the responsible use of AI at the ASF?
-Four core principles: **human oversight, licensing integrity, security, and
-documentation** — rooted in the ASF philosophy of *community over code*.
+Four core principles — human oversight, licensing integrity, security, and documentation — rooted
+in the ASF philosophy of *community over code*. They are set out in full on
+[What we do](what-we-do.html#guiding-principles).
-## How can I get involved in a specific area (security, innovation, policy, education)?
+## How can I get involved in a specific area?
-Volunteers currently organize around four work streams — **Security**, **Innovation**,
-**Policy**, and **Education, Adoption & Outreach**. Reply on the mailing list to join one —
-see [Get Involved](get-involved.html) for details.
+Volunteers organize around four work streams. Pick one from
+[What we do](what-we-do.html#work-streams) and reply on the mailing list to join it.
## How can I take part or ask a question?
-Join **discuss@rai.apache.org**, open to ASF Members, or ask to be invited to the
-**#ai-discuss** channel on the ASF Slack. See [Get Involved](get-involved.html) for details.
+Through the mailing list or the ASF Slack channel — both are listed on
+[Get involved](get-involved.html).
+
+## How can I support the initiative?
+
+See [Support the initiative](https://apache.org/foundation/initiatives/responsibleai) on
+apache.org.
*This FAQ will grow as questions come up on the mailing list.*
diff --git a/content/pages/index.md b/content/pages/index.md
index 2c40095..12ed7bc 100644
--- a/content/pages/index.md
+++ b/content/pages/index.md
@@ -2,35 +2,66 @@ Title: Apache Responsible AI
Template: index
license: https://www.apache.org/licenses/LICENSE-2.0
-## Apache Responsible AI
+<div class="rai-hero">
-The Apache Software Foundation (ASF) launched the **Responsible AI initiative** to
-strengthen the open source technologies that underpin modern artificial intelligence,
-and to help Apache communities adopt AI in a way that is open, transparent, and aligned
-with the ASF's values.
+<p class="rai-eyebrow">Apache Software Foundation initiative</p>
-AI systems worldwide depend on critical Apache projects. The initiative works to ensure
-that the ASF projects embedded in AI systems have expanded access to the models and
-resources they need to remain **secure, transparent, and governed in the public
-interest**.
+# AI runs on open infrastructure
-### What guides us
+<p class="rai-lede">The ASF launched the Responsible AI initiative to strengthen the open source
+technologies that underpin modern artificial intelligence, and to help Apache communities adopt
+AI in a way that is open, transparent, and aligned with the Foundation's values.</p>
-The initiative is grounded in the ASF's guidelines for the responsible use of AI —
-**human oversight, licensing integrity, security, and documentation** — core principles
-rooted in the Foundation's longstanding philosophy of *community over code*.
+<p class="rai-actions">
+<a class="rai-btn rai-btn-primary" href="get-involved.html">Get involved</a>
+<a class="rai-btn" href="https://news.apache.org/foundation/entry/the-apache-software-foundation-launches-10m-responsible-ai-initiative-with-initial-1-75m-donation">Read the announcement</a>
+</p>
-### Highlights
+</div>
-- An open, Foundation-wide initiative to strengthen the Apache projects that underpin AI.
-- Led by a **Vice President, Responsible AI**, appointed by the ASF Board.
-- Coordinated on the **discuss@rai.apache.org** mailing list, open to ASF Members, and
- the **#ai-discuss** channel on the ASF Slack.
+AI systems worldwide depend on critical Apache projects. The initiative works to ensure that the
+ASF projects embedded in AI systems have expanded access to the models and resources they need to
+remain secure, transparent, and governed in the public interest.
-### Learn more
+<div class="rai-cards">
-- [About](about.html) — what the initiative is and how it is organized
-- [What We Do](what-we-do.html) — our activities and guiding principles
-- [Best Practices](best-practices.html) — best practices and recommendations for AI use
-- [FAQ](faq.html) — common questions
-- [Get Involved](get-involved.html) — join the discussion and contribute
+<div class="rai-card">
+
+## Leveraging
+
+Expanded access to AI models, tooling, and resources for the Apache projects already embedded in
+the AI ecosystem.
+
+</div>
+
+<div class="rai-card">
+
+## Innovating
+
+Foundation-led programs and emerging AI projects growing under open, community governance and the
+Apache License 2.0.
+
+</div>
+
+<div class="rai-card">
+
+## Educating
+
+Shared guidance on licensing, provenance, security, and attribution for communities adopting AI.
+
+</div>
+
+</div>
+
+[Read more about what we do](what-we-do.html) — including the principles that guide the work and
+the four active work streams.
+
+## Where to go next
+
+| Page | What you'll find |
+| --- | --- |
+| [About](about.html) | What the initiative is, who leads it, and how it is organized |
+| [What we do](what-we-do.html) | Activities, guiding principles, and work streams |
+| [Best practices](best-practices.html) | Guidance on AI use in Apache projects |
+| [Get involved](get-involved.html) | Mailing list, chat, and how to contribute |
+| [FAQ](faq.html) | Short answers to common questions |
diff --git a/content/pages/what-we-do.md b/content/pages/what-we-do.md
index 5ea7c3b..37d8504 100644
--- a/content/pages/what-we-do.md
+++ b/content/pages/what-we-do.md
@@ -1,48 +1,60 @@
-Title: What We Do
+Title: What we do
license: https://www.apache.org/licenses/LICENSE-2.0
-The Responsible AI initiative organizes its work around three complementary
-activities. Together they aim to keep the Apache projects that underpin modern AI
-secure and sustainable, while helping ASF communities adopt AI in a way that is open,
-transparent, and human-centered.
+The Responsible AI initiative organizes its work around three complementary activities. Together
+they aim to keep the Apache projects that underpin modern AI secure and sustainable, while helping
+ASF communities adopt AI in a way that is open, transparent, and human-centered.
## Leveraging
-Many Apache projects are already deeply embedded in the AI ecosystem. The initiative
-helps these projects gain expanded access to AI models, tooling, and resources — for
-example, to support Foundation-wide efforts such as security scanning and triage —
-so they can remain secure, well-maintained, and governed in the public interest.
+Many Apache projects are already deeply embedded in the AI ecosystem. The initiative helps these
+projects gain expanded access to AI models, tooling, and resources — for example, to support
+Foundation-wide efforts such as security scanning and triage — so they can remain secure,
+well-maintained, and governed in the public interest.
## Innovating
-The ASF has a long history of collaborative, vendor-neutral software development. The
-initiative encourages new, Foundation-led programs and supports emerging AI-focused
-projects, including through the Apache Incubator, so that open, community-governed
-approaches to AI can grow under the Apache License 2.0.
+The ASF has a long history of collaborative, vendor-neutral software development. The initiative
+encourages new, Foundation-led programs and supports emerging AI-focused projects, including
+through the Apache Incubator, so that open, community-governed approaches to AI can grow under the
+Apache License 2.0.
## Educating
-Open governance — the Apache Way — lets contributors around the world collaborate on
-a level, vendor-neutral playing field. The initiative shares good practices, helps
-projects navigate questions around licensing, provenance, and security, and works to
-lower the barrier for new communities adopting AI responsibly.
+Open governance — the Apache Way — lets contributors around the world collaborate on a level,
+vendor-neutral playing field. The initiative shares good practices, helps projects navigate
+questions around licensing, provenance, and security, and works to lower the barrier for new
+communities adopting AI responsibly. Much of that guidance lives under
+[Best practices](best-practices.html).
-## Current work
-
-Volunteers are currently organizing around four work streams — **Security**, **Innovation**,
-**Policy**, and **Education, Adoption & Outreach** — each complementing the activities
-above. See [Get Involved](get-involved.html) for how to take part.
+<a id="guiding-principles"></a>
## Guiding principles
The initiative is grounded in the ASF's guidelines for the responsible use of AI:
-- **Human oversight** — people remain accountable for what is contributed and released.
-- **Licensing integrity** — contributions respect open source licensing and provenance.
-- **Security** — AI-assisted workflows must not weaken project or Foundation security.
-- **Documentation** — decisions and practices are recorded openly.
+| Principle | What it means |
+| --- | --- |
+| **Human oversight** | People remain accountable for what is contributed and released |
+| **Licensing integrity** | Contributions respect open source licensing and provenance |
+| **Security** | AI-assisted workflows must not weaken project or Foundation security |
+| **Documentation** | Decisions and practices are recorded openly |
These reflect the ASF's longstanding philosophy of *community over code*.
-*This page describes the initiative's current activities and will evolve as the work
-progresses.*
+<a id="work-streams"></a>
+
+## Work streams
+
+Volunteers currently organize around four work streams, each complementing the activities above.
+
+| Work stream | Focus |
+| --- | --- |
+| **Security** | Helping Apache projects manage security risks and vulnerability workflows related to AI |
+| **Innovation** | Supporting new AI-focused approaches and tooling across the Foundation |
+| **Policy** | Guidance on licensing, provenance, and responsible-use questions |
+| **Education, adoption and outreach** | Sharing good practices and helping communities adopt AI responsibly |
+
+To join one, say so on the mailing list — see [Get involved](get-involved.html).
+
+*This page describes the initiative's current activities and will evolve as the work progresses.*
diff --git a/content/theme/templates/blogindex.html b/content/theme/templates/blogindex.html
index dc4aef8..8452556 100644
--- a/content/theme/templates/blogindex.html
+++ b/content/theme/templates/blogindex.html
@@ -18,7 +18,7 @@
<p>{{ article.summary }}</p>
<footer>
<ul class="actions">
- <div style="text-align: right"><a href="/blog/{{ article.slug }}.html" class="button medium">Continue Reading</a></div>
+ <div style="text-align: right"><a href="/blog/{{ article.slug }}.html" class="button medium">Continue reading</a></div>
</ul>
<ul class="stats">
{% for tag in article.tags %}
diff --git a/content/theme/templates/footer.html b/content/theme/templates/footer.html
index 1c406dc..d1fc6d2 100644
--- a/content/theme/templates/footer.html
+++ b/content/theme/templates/footer.html
@@ -1,9 +1,44 @@
<!-- footer -->
- <div class="row">
- <div class="large-12 medium-12 columns">
- <p style="font-style: italic; font-size: 0.8rem; text-align: center;">
- Copyright {{ CURRENTYEAR }}, <a href="https://www.apache.org/">The Apache Software Foundation</a>, Licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0">Apache License, Version 2.0</a>.<br>
- Apache® and the Apache logo are trademarks or registered trademarks of The Apache Software Foundation.
- </p>
+ <footer class="rai-footer">
+ <div class="rai-footer-inner">
+ <div>
+ <h4>Initiative</h4>
+ <ul>
+ <li><a href="about.html">About</a></li>
+ <li><a href="what-we-do.html">What we do</a></li>
+ <li><a href="best-practices.html">Best practices</a></li>
+ <li><a href="faq.html">FAQ</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>Participate</h4>
+ <ul>
+ <li><a href="get-involved.html">Get involved</a></li>
+ <li><a href="https://lists.apache.org/list.html?discuss@rai.apache.org">Mailing list</a></li>
+ <li><a href="https://infra.apache.org/slack.html">ASF Slack</a></li>
+ <li><a href="https://github.com/apache/rai-site">Source repository</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>Support</h4>
+ <ul>
+ <li><a href="https://apache.org/foundation/initiatives/responsibleai">Support the initiative</a></li>
+ <li><a href="https://news.apache.org/foundation/entry/the-apache-software-foundation-launches-10m-responsible-ai-initiative-with-initial-1-75m-donation">Announcement</a></li>
+ <li><a href="https://www.apache.org/foundation/sponsorship.html">Sponsorship</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>Foundation</h4>
+ <ul>
+ <li><a href="https://www.apache.org/">apache.org</a></li>
+ <li><a href="https://www.apache.org/licenses/">License</a></li>
+ <li><a href="https://www.apache.org/security/">Security</a></li>
+ <li><a href="https://privacy.apache.org/policies/privacy-policy-public.html">Privacy policy</a></li>
+ </ul>
+ </div>
</div>
- </div>
+ <div class="rai-legal">
+ Copyright {{ CURRENTYEAR }}, <a href="https://www.apache.org/">The Apache Software Foundation</a>, licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0">Apache License, Version 2.0</a>.<br>
+ Apache® and the Apache logo are trademarks or registered trademarks of The Apache Software Foundation.
+ </div>
+ </footer>
diff --git a/content/theme/templates/frontpage.html b/content/theme/templates/frontpage.html
index 8888db9..8c6b6b5 100644
--- a/content/theme/templates/frontpage.html
+++ b/content/theme/templates/frontpage.html
@@ -1,7 +1,7 @@
<!-- page contents -->
<div id="contents">
- <div class="bg-white p-5 rounded">
- <div class="col-sm-12 mx-auto">
+ <div class="bg-white rounded">
+ <div class="mx-auto">
{{ page.content }}
</div>
</div>
diff --git a/content/theme/templates/generic.html b/content/theme/templates/generic.html
index f5448c8..5e2b879 100644
--- a/content/theme/templates/generic.html
+++ b/content/theme/templates/generic.html
@@ -1,20 +1,15 @@
<!-- page contents -->
<div id="contents">
- <div class="bg-white p-5 rounded">
- <div class="col-sm-12 mx-auto">
- <h1>
- {% if article %}
- {{ article.title }}
- {% else %}
- {{ page.title }}
- {% endif %}
- </h1>
- {% if article %}
- <p>Posted on: {{ article.date }}</p>
- {{ article.content }}
- {% else %}
- {{ page.content }}
- {% endif %}
- </div>
+ <div class="bg-white rounded">
+ <div class="mx-auto">
+ {% if article %}
+ <h1>{{ article.title }}</h1>
+ <p class="rai-meta">Posted on {{ article.date }}</p>
+ {{ article.content }}
+ {% else %}
+ <h1>{{ page.title }}</h1>
+ {{ page.content }}
+ {% endif %}
</div>
+ </div>
</div>
diff --git a/content/theme/templates/menu.html b/content/theme/templates/menu.html
index 9ba98e2..f71c162 100644
--- a/content/theme/templates/menu.html
+++ b/content/theme/templates/menu.html
@@ -1,38 +1,33 @@
<!-- nav bar -->
-<nav class="navbar navbar-expand-md navbar-light bg-info-light fixed-top" aria-label="Responsible AI Navigation">
+<nav class="navbar navbar-expand-lg navbar-light rai-nav fixed-top" aria-label="Responsible AI Navigation">
<div class="container-fluid">
<a class="navbar-brand" href="index.html">
- <img src="https://apache.org/img/asf_logo.png" alt="The Apache Software Foundation" style="height: 42px; margin-left: 6px;">
- <span style="font-weight: bold; position: relative; top: 5px; margin-left: 10px;">Responsible AI</span>
+ <img src="images/rai-mark.svg" alt="" aria-hidden="true">
+ <span>Responsible AI</span>
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarADP" aria-controls="navbarADP" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
- <div class="collapse navbar-collapse" id="navbarADP" style="position: relative; top: 4px; margin-left: 16px;">
+ <div class="collapse navbar-collapse" id="navbarADP">
<ul class="navbar-nav me-auto">
<li class="nav-item"><a class="nav-link" href="about.html">About</a></li>
- <li class="nav-item"><a class="nav-link" href="what-we-do.html">What We Do</a></li>
- <li class="nav-item"><a class="nav-link" href="get-involved.html">Get Involved</a></li>
- <li class="nav-item"><a class="nav-link" href="faq.html">FAQ</a></li>
+ <li class="nav-item"><a class="nav-link" href="what-we-do.html">What we do</a></li>
<li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="javascript:void(0)" role="button" data-bs-toggle="dropdown" aria-expanded="false">Best Practices</a>
+ <a class="nav-link dropdown-toggle" href="javascript:void(0)" role="button" data-bs-toggle="dropdown" aria-expanded="false">Best practices</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="best-practices.html">Overview</a></li>
- <li><a class="dropdown-item" href="ai-generated-code.html">AI-Generated Code</a></li>
- <li><a class="dropdown-item" href="us-copyright-law.html">US Copyright Law</a></li>
+ <li><hr class="dropdown-divider"></li>
+ <li><a class="dropdown-item" href="ai-generated-code.html">AI-generated code</a></li>
+ <li><a class="dropdown-item" href="commit-messages.html">Commit messages</a></li>
+ <li><a class="dropdown-item" href="authored-by-tags.html">Authored-by tags</a></li>
+ <li><a class="dropdown-item" href="policy-recommendations.html">Policy recommendations</a></li>
+ <li><hr class="dropdown-divider"></li>
+ <li><a class="dropdown-item" href="us-copyright-law.html">US copyright law</a></li>
<li><a class="dropdown-item" href="eu-ai-act.html">EU AI Act</a></li>
- <li><a class="dropdown-item" href="authored-by-tags.html">Authored-by Tags</a></li>
- <li><a class="dropdown-item" href="commit-messages.html">Commit Messages</a></li>
- <li><a class="dropdown-item" href="policy-recommendations.html">Policy Recommendations</a></li>
- </ul>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="javascript:void(0)" role="button" data-bs-toggle="dropdown" aria-expanded="false">Source</a>
- <ul class="dropdown-menu">
- <li><a class="dropdown-item" href="https://github.com/apache/rai-site/">Website repository</a></li>
- <li><a class="dropdown-item" href="https://lists.apache.org/list.html?discuss@rai.apache.org">Mailing list archive</a></li>
</ul>
</li>
+ <li class="nav-item"><a class="nav-link" href="get-involved.html">Get involved</a></li>
+ <li class="nav-item"><a class="nav-link" href="faq.html">FAQ</a></li>
<li class="nav-item dropdown">
<a href="javascript:void(0)" class="nav-link dropdown-toggle hidden-xs" role="button" data-bs-toggle="dropdown"><span class="fa-solid fa-magnifying-glass" aria-hidden="true"></span> Search</a>
<ul class="search-form dropdown-menu">
@@ -42,20 +37,25 @@
</ul>
</li>
</ul>
- <ul class="navbar-nav">
+ <ul class="navbar-nav align-items-lg-center">
+ <li class="nav-item me-lg-3 my-2 my-lg-0">
+ <a class="rai-support" href="https://apache.org/foundation/initiatives/responsibleai">Support the initiative</a>
+ </li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
- About The ASF
+ The ASF
</a>
<ul class="dropdown-menu dropdown-menu-end">
<li><a class="dropdown-item" href="https://www.apache.org/">Foundation</a></li>
+ <li><a class="dropdown-item" href="https://github.com/apache/rai-site/">Website repository</a></li>
+ <li><a class="dropdown-item" href="https://lists.apache.org/list.html?discuss@rai.apache.org">Mailing list archive</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="https://www.apache.org/licenses/">License</a></li>
<li><a class="dropdown-item" href="https://www.apache.org/foundation/sponsorship.html">Sponsorship</a></li>
<li><a class="dropdown-item" href="https://www.apache.org/foundation/thanks.html">Thanks</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="https://www.apache.org/security/">Security</a></li>
- <li><a class="dropdown-item" href="https://privacy.apache.org/policies/privacy-policy-public.html">Privacy Policy</a></li>
+ <li><a class="dropdown-item" href="https://privacy.apache.org/policies/privacy-policy-public.html">Privacy policy</a></li>
</ul>
</li>
</ul>
diff --git a/content/theme/templates/styles.html b/content/theme/templates/styles.html
index f5d3d65..b97c052 100644
--- a/content/theme/templates/styles.html
+++ b/content/theme/templates/styles.html
@@ -1,4 +1,6 @@
+<link rel="icon" href="images/rai-mark.svg" type="image/svg+xml">
<link rel="shortcut icon" href="https://apache.org/favicons/favicon.ico">
+<meta name="description" content="{{ SITEDESC }}">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/fontawesome.all.min.css" rel="stylesheet">
<link href="css/headerlink.css" rel="stylesheet">
@@ -26,25 +28,3 @@
theme: "default"
});
</script>
-<!-- pagefind search box styling -->
-<style>
- body {
- padding-top: 44px;
- }
- .search-form {
- right: 0;
- left: initial !important;
- min-width: 25vw;
- max-width: 90vw;
- max-height: calc(95vh - 100px);
- overflow: auto;
- margin-top: 5px;
- }
- .mermaid {
- margin: 1.2em 0;
- padding: 1em;
- background: #fff;
- border: 1px solid #d0d7de;
- border-radius: 6px;
- }
-</style>