vipassana-design-standards 0.0.24 → 0.0.26

package/src/stylesheets/layout/vds-layout.scss

@@ -0,0 +1,90 @@
+html, body {
+  height: 100%;
+}
+
+.vds-body {
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+
+  --page-max-width: 100%;
+
+  &:not(.iframe) {
+    @include media-breakpoint-up(xl) {
+      --page-max-width: 900px;
+      &.with-sidenav {
+        --page-max-width: 1100px;
+      }
+    }
+  }
+
+  .vds-page {
+    display: flex;
+    flex-grow: 1;
+
+    .vds-page-content {
+      flex-grow: 1;
+      @extend .bg-body;
+
+      & > h1:first-child, & > h2:first-child {
+        margin-top: 0;
+      }
+    }
+  }
+
+}
+
+// The container so eery part of the page have same content-width
+.vds-container {
+  width: 100%;
+  max-width: var(--page-max-width);
+  margin-left: auto;
+  margin-right: auto;
+}
+
+// wait for vue to be loaded to display it
+.vue-container {
+  --page-content-opacity: 0;
+  &.mounted {
+    --page-content-opacity: 1;
+  }
+
+  .vds-page-real-content {
+    transition: opacity .3s;
+    opacity: var(--page-content-opacity);
+  }
+}
+
+//  Sticky footer
+.vds-header-and-content {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+
+  .vds-page-content {
+    padding: var(--layout-padding);
+  }
+}
+
+.vds-footer {
+  background-color: var(--bs-primary);
+  color: white;
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+
+  .vds-container {
+    padding: 1rem var(--layout-padding);
+  }
+
+  a {
+    color: white;
+    text-decoration: none;
+    &:hover {
+      color: white;
+      text-decoration: underline;
+    }
+  }
+}

package/src/stylesheets/layout/vds-mixins.scss

@@ -0,0 +1,5 @@
+@mixin page-width($width) {
+  .vds-page {
+    --page-max-width: #{$width};
+  }
+}

package/src/stylesheets/layout/vds-sidenav.scss

@@ -0,0 +1,43 @@
+.vds-sidenav {
+  background-color: $gold-200;
+  margin-right: 1rem;
+  padding: var(--layout-padding);
+  font-size: 1.25rem;
+  @extend .d-none;
+  @extend .d-lg-block;
+  @extend .d-print-none;
+  @extend .flex-shrink-0;
+
+  ul {
+    @extend .sticky-top;
+    top: 1rem;
+    z-index: 100;
+
+    a {
+      font-family: $headings-font-family;
+      font-weight: 600;
+      &.active {
+        color: $gold-600;
+      }
+    }
+  }
+}
+
+.vds-mobile-sidenav {
+  .locale-icon {
+    display: none;
+  }
+}
+
+.vds-sidenav, .vds-mobile-sidenav {
+  ul {
+    @extend .list-unstyled;
+    @extend .flex-column;
+
+    li {
+      a {
+        @extend .text-decoration-none;
+      }
+    }
+  }
+}

package/src/stylesheets/logo.scss

@@ -0,0 +1,213 @@
+.vipassana-logo {
+  display: inline-flex;
+  align-items: center;
+  transform: scale(1);
+  transform-origin: left;
+  text-align: left;
+  text-decoration: none;
+
+  --vds-logo-title-color: #9C6B14;
+  --vds-logo-tagline-color: #4F4D47;
+
+  --vds-logo-title-font-size: 1.8em;
+  --vds-logo-title-line-height: 1.1;
+
+  --vds-logo-tagline-font-size: .9em;
+  --vds-logo-tagline-line-height: 1;
+  --vds-logo-tagline-margin: .25em;
+}
+
+.vipassana-logo[data-reverse="true"] {
+  --vds-logo-tagline-margin: .5em;
+}
+
+.vipassana-logo[data-dark-mode="true"] {
+  --vds-logo-title-color: white;
+  --vds-logo-tagline-color: #ffffff90;
+}
+
+[lang=bg] .vipassana-logo,
+[lang=el] .vipassana-logo,
+[lang=mk] .vipassana-logo,
+[lang=ru] .vipassana-logo,
+[lang=sr] .vipassana-logo,
+[lang=uk] .vipassana-logo,
+[lang=vi] .vipassana-logo {
+  --vds-logo-title-font-size: 1.5em;
+  --vds-logo-title-line-height: 1.3;
+  --vds-logo-tagline-margin: .4em;
+}
+[lang=fa] .vipassana-logo {
+  --vds-logo-tagline-font-size: 1.2em;
+}
+[lang=gu] .vipassana-logo,
+[lang=hi] .vipassana-logo,
+[lang=te] .vipassana-logo,
+[lang=mr] .vipassana-logo {
+  .logo-text { margin-bottom: -.5em; }
+}
+[lang=he] .vipassana-logo[data-reverse="true"] {
+  --vds-logo-tagline-margin: .25em;
+}
+[lang=ja] .vipassana-logo {
+  --vds-logo-title-font-size: 1.6em;
+  --vds-logo-title-line-height: 1.3;
+  --vds-logo-tagline-margin: .15em;
+}
+[lang=km] .vipassana-logo {
+  --vds-logo-title-font-size: 1.7em;
+  --vds-logo-tagline-margin: .6em;
+}
+[lang=ko] .vipassana-logo {
+  --vds-logo-title-font-size: 1.6em;
+  --vds-logo-title-line-height: 1.2;
+  --vds-logo-tagline-margin: .3em;
+}
+[lang=or] .vipassana-logo {
+  --vds-logo-title-line-height: 1;
+  --vds-logo-tagline-margin: .5em;
+  .logo-title {
+    margin-left: -.15em;
+  }
+}
+[lang=si] .vipassana-logo[data-reverse="true"] {
+  --vds-logo-title-font-size: 1.5em;
+  --vds-logo-title-line-height: 1.3;
+  --vds-logo-tagline-margin: .4em;
+}
+[lang=ta] .vipassana-logo {
+  --vds-logo-title-font-size: 1.5em;
+  --vds-logo-tagline-margin: .4em;
+}
+[lang=zh-HANS] .vipassana-logo,
+[lang=zh-HANT] .vipassana-logo,
+[lang=zh-HANT-HK] .vipassana-logo {
+  --vds-logo-title-font-size: 1.5em;
+  --vds-logo-title-line-height: 1.2;
+  --vds-logo-tagline-margin: .5em;
+  .logo-text {
+    margin-left: -.1em;
+  }
+  .logo-subtitle {
+    margin-left: .1em;
+  }
+}
+
+[lang="hi"] .vipassana-logo .logo-title,
+[lang="mr"] .vipassana-logo .logo-title {
+  margin-left: -.1em;
+}
+.vipassana-logo:not([data-reverse="true"]) [data-start-with="v"],
+.vipassana-logo:not([data-reverse="true"]) [data-start-with="t"] {
+  margin-left: -.17em /*rtl:0*/;
+}
+.vipassana-logo:not([data-reverse="true"]) [data-start-with="м"],
+.vipassana-logo:not([data-reverse="true"]) [data-start-with="в"] {
+  margin-left: -0.08em;
+}
+.vipassana-logo:not([data-reverse="true"]) [data-start-with="β"] {
+  margin-left: -.05em;
+}
+
+.vipassana-logo[data-disposition="default"] {
+  max-width: 48em; /* the title will wrap if it's too long */
+}
+.vipassana-logo[data-disposition="centered"] {
+  flex-direction: column;
+  text-align: center;
+}
+
+/* Wheel */
+.vipassana-logo .logo-wheel {
+  height: 5.5em;
+  max-width: 3.9em;
+  margin-right: 1em;
+}
+.vipassana-logo[data-disposition="centered"] .logo-wheel {
+  margin: 0 0 .4em 0 !important;
+}
+.vipassana-logo[data-disposition="centered"][data-reverse="true"] .logo-wheel {
+  margin-bottom: .6em !important;
+}
+
+/* Text */
+.vipassana-logo .logo-text {
+  display: flex;
+  flex-direction: column;
+}
+.vipassana-logo[data-reverse="true"] .logo-text {
+  flex-direction: column-reverse;
+}
+
+/* Title */
+.vipassana-logo .logo-title {
+  color: var(--vds-logo-title-color);
+  font-family: var(--vds-headings-font-family),FootLight,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Liberation Sans,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
+  line-height: var(--vds-logo-title-line-height);
+  font-size: var(--vds-logo-title-font-size);
+  font-weight: normal;
+  margin: 0;
+  padding: 0;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+}
+.vipassana-logo[data-reverse="true"] .logo-title {
+  flex-direction: row-reverse;
+  justify-content: start;
+}
+.vipassana-logo[data-disposition="left-two-lines"] .logo-title,
+.vipassana-logo[data-disposition="centered"] .logo-title {
+  flex-direction: column;
+}
+.vipassana-logo[data-disposition="left-two-lines"] .logo-space,
+.vipassana-logo[data-disposition="centered"] .logo-space {
+  display: none;
+}
+.vipassana-logo[data-disposition="left-two-lines"][data-reverse="true"] .logo-title,
+.vipassana-logo[data-disposition="centered"][data-reverse="true"] .logo-title {
+  flex-direction: column-reverse;
+}
+
+
+.vipassana-logo .logo-title span {
+  display: inline-flex;
+  white-space: nowrap;
+}
+
+.vipassana-logo[data-disposition="left-two-lines"] .logo-title span {
+  width: 100%;
+}
+.vipassana-logo[data-disposition="centered"] .logo-title span {
+  width: 100%;
+  justify-content: center;
+}
+
+// For some language, we cnanot just concat vipasana_meditation + as_taught, we need
+// a dedicate translation vipassana_as_taught
+.vipassana-logo .logo-title .vipassana-as-taught {
+  display: none;
+}
+[lang=zh-HANS], [lang=zh-HANT], [lang=zh-HANT-HK], [lang=gu], [lang=km], [lang=ja], [lang=mr], [lang=si],
+[lang=ta], [lang=te], [lang=hi] {
+  .vipassana-logo[data-disposition="left-one-line"] .logo-title span {
+    display: none;
+    &.vipassana-as-taught { display: block; }
+  }
+}
+
+/* Tagline */
+.logo-subtitle {
+  color: var(--vds-logo-tagline-color);
+  font-family: var(--vds-font-family),'Noto Sans',system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Liberation Sans,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
+  font-weight: 300;
+  font-size: var(--vds-logo-tagline-font-size);
+  line-height: var(--vds-logo-tagline-line-height);
+  margin: var(--vds-logo-tagline-margin) 0 0 0;
+}
+.vipassana-logo[data-tagline="false"] .logo-subtitle {
+  display: none;
+}
+.vipassana-logo[data-reverse="true"] .logo-subtitle {
+  margin: 0 0 var(--vds-logo-tagline-margin) 0;
+}

package/src/stylesheets/mixins.scss

@@ -0,0 +1,11 @@
+$grid-breakpoints: (
+  xs: 0,
+  sm: 576px,
+  md: 768px,
+  lg: 992px,
+  xl: 1200px,
+  xxl: 1400px
+) !default;
+@import "bootstrap5/scss/mixins/_breakpoints.scss";
+
+@import "layout/vds-mixins.scss";

package/src/stylesheets/specific-fonts/fonts-ar.css

@@ -0,0 +1,22 @@
+/* https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@300;400&display=swap */
+
+/* arabic */
+@font-face {
+  font-family: 'Noto Sans Arabic';
+  font-style: normal;
+  font-weight: 300;
+  font-stretch: 100%;
+  font-display: swap;
+  src: url(https://design-standards.dhamma.org/dist/fonts/notosansarabic/v18/nwpCtLGrOAZMl5nJ_wfgRg3DrWFZWsnVBJ_sS6tlqHHFlj4wv4o.woff2) format('woff2');
+  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* arabic */
+@font-face {
+  font-family: 'Noto Sans Arabic';
+  font-style: normal;
+  font-weight: 400;
+  font-stretch: 100%;
+  font-display: swap;
+  src: url(https://design-standards.dhamma.org/dist/fonts/notosansarabic/v18/nwpCtLGrOAZMl5nJ_wfgRg3DrWFZWsnVBJ_sS6tlqHHFlj4wv4o.woff2) format('woff2');
+  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}

package/src/stylesheets/specific-fonts/fonts-fa.css

@@ -0,0 +1,22 @@
+/* https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@300;400&display=swap */
+
+/* arabic */
+@font-face {
+  font-family: 'Noto Sans Arabic';
+  font-style: normal;
+  font-weight: 300;
+  font-stretch: 100%;
+  font-display: swap;
+  src: url(https://design-standards.dhamma.org/dist/fonts/notosansarabic/v18/nwpCtLGrOAZMl5nJ_wfgRg3DrWFZWsnVBJ_sS6tlqHHFlj4wv4o.woff2) format('woff2');
+  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* arabic */
+@font-face {
+  font-family: 'Noto Sans Arabic';
+  font-style: normal;
+  font-weight: 400;
+  font-stretch: 100%;
+  font-display: swap;
+  src: url(https://design-standards.dhamma.org/dist/fonts/notosansarabic/v18/nwpCtLGrOAZMl5nJ_wfgRg3DrWFZWsnVBJ_sS6tlqHHFlj4wv4o.woff2) format('woff2');
+  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}

package/src/stylesheets/specific-fonts/fonts-gu.css

@@ -0,0 +1,62 @@
+/* https://fonts.googleapis.com/css2?family=Noto+Sans+Gujarati:wght@300;400&display=swap */
+
+/* gujarati */
+@font-face {
+  font-family: 'Noto Sans Gujarati';
+  font-style: normal;
+  font-weight: 300;
+  font-stretch: 100%;
+  font-display: swap;
+  src: url(https://design-standards.dhamma.org/dist/fonts/notosansgujarati/v23/wlpZgx_HC1ti5ViekvcxnhMlCVo3f5pv17ivlzsUB14gg1TMbXaYEL-C.woff2) format('woff2');
+  unicode-range: U+0964-0965, U+0A80-0AFF, U+200C-200D, U+20B9, U+25CC, U+A830-A839;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Noto Sans Gujarati';
+  font-style: normal;
+  font-weight: 300;
+  font-stretch: 100%;
+  font-display: swap;
+  src: url(https://design-standards.dhamma.org/dist/fonts/notosansgujarati/v23/wlpZgx_HC1ti5ViekvcxnhMlCVo3f5pv17ivlzsUB14gg1TMbWOYEL-C.woff2) format('woff2');
+  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Noto Sans Gujarati';
+  font-style: normal;
+  font-weight: 300;
+  font-stretch: 100%;
+  font-display: swap;
+  src: url(https://design-standards.dhamma.org/dist/fonts/notosansgujarati/v23/wlpZgx_HC1ti5ViekvcxnhMlCVo3f5pv17ivlzsUB14gg1TMbW2YEA.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* gujarati */
+@font-face {
+  font-family: 'Noto Sans Gujarati';
+  font-style: normal;
+  font-weight: 400;
+  font-stretch: 100%;
+  font-display: swap;
+  src: url(https://design-standards.dhamma.org/dist/fonts/notosansgujarati/v23/wlpZgx_HC1ti5ViekvcxnhMlCVo3f5pv17ivlzsUB14gg1TMbXaYEL-C.woff2) format('woff2');
+  unicode-range: U+0964-0965, U+0A80-0AFF, U+200C-200D, U+20B9, U+25CC, U+A830-A839;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Noto Sans Gujarati';
+  font-style: normal;
+  font-weight: 400;
+  font-stretch: 100%;
+  font-display: swap;
+  src: url(https://design-standards.dhamma.org/dist/fonts/notosansgujarati/v23/wlpZgx_HC1ti5ViekvcxnhMlCVo3f5pv17ivlzsUB14gg1TMbWOYEL-C.woff2) format('woff2');
+  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Noto Sans Gujarati';
+  font-style: normal;
+  font-weight: 400;
+  font-stretch: 100%;
+  font-display: swap;
+  src: url(https://design-standards.dhamma.org/dist/fonts/notosansgujarati/v23/wlpZgx_HC1ti5ViekvcxnhMlCVo3f5pv17ivlzsUB14gg1TMbW2YEA.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}

package/src/stylesheets/specific-fonts/fonts-he.css

@@ -0,0 +1,60 @@
+/* hebrew */
+@font-face {
+  font-family: 'Noto Sans Hebrew';
+  font-style: normal;
+  font-weight: 300;
+  font-stretch: 100%;
+  font-display: swap;
+  src: url(https://design-standards.dhamma.org/dist/fonts/notosanshebrew/v43/or30Q7v33eiDljA1IufXTtVf7V6RvEEdhQlk0LlGxCyaePiWTNzENg.woff2) format('woff2');
+  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Noto Sans Hebrew';
+  font-style: normal;
+  font-weight: 300;
+  font-stretch: 100%;
+  font-display: swap;
+  src: url(https://design-standards.dhamma.org/dist/fonts/notosanshebrew/v43/or30Q7v33eiDljA1IufXTtVf7V6RvEEdhQlk0LlGxCyaePiaTNzENg.woff2) format('woff2');
+  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Noto Sans Hebrew';
+  font-style: normal;
+  font-weight: 300;
+  font-stretch: 100%;
+  font-display: swap;
+  src: url(https://design-standards.dhamma.org/dist/fonts/notosanshebrew/v43/or30Q7v33eiDljA1IufXTtVf7V6RvEEdhQlk0LlGxCyaePiUTNw.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* hebrew */
+@font-face {
+  font-family: 'Noto Sans Hebrew';
+  font-style: normal;
+  font-weight: 400;
+  font-stretch: 100%;
+  font-display: swap;
+  src: url(https://design-standards.dhamma.org/dist/fonts/notosanshebrew/v43/or30Q7v33eiDljA1IufXTtVf7V6RvEEdhQlk0LlGxCyaePiWTNzENg.woff2) format('woff2');
+  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Noto Sans Hebrew';
+  font-style: normal;
+  font-weight: 400;
+  font-stretch: 100%;
+  font-display: swap;
+  src: url(https://design-standards.dhamma.org/dist/fonts/notosanshebrew/v43/or30Q7v33eiDljA1IufXTtVf7V6RvEEdhQlk0LlGxCyaePiaTNzENg.woff2) format('woff2');
+  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Noto Sans Hebrew';
+  font-style: normal;
+  font-weight: 400;
+  font-stretch: 100%;
+  font-display: swap;
+  src: url(https://design-standards.dhamma.org/dist/fonts/notosanshebrew/v43/or30Q7v33eiDljA1IufXTtVf7V6RvEEdhQlk0LlGxCyaePiUTNw.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}