yivalkes:script
Differences
This shows you the differences between two versions of the page.
| Both sides previous revisionPrevious revisionNext revision | Previous revision | ||
| yivalkes:script [2026/03/22 01:47] – [Learning the Yivalkes Tongue] mangotrain | yivalkes:script [2026/03/24 22:28] (current) – external edit A User Not Logged in | ||
|---|---|---|---|
| Line 1: | Line 1: | ||
| ===== The 8x8 YzWr Syllabary & Biliterals ===== | ===== The 8x8 YzWr Syllabary & Biliterals ===== | ||
| ---- | ---- | ||
| - | < | + | < |
| + | <div id=" | ||
| + | < | ||
| - | + | <div class=" | |
| - | <div class=" | + | <div class=" |
| - | <div class=" | + | < |
| - | < | + | <label>< |
| - | <div class="switch"> | + | <label>< |
| - | <input type="checkbox" | + | < |
| - | <span class=" | + | </div> |
| - | </div> | + | |
| - | <span class="label-text">Switch to ancient font</span> | + | < |
| - | </ | + | < |
| + | < | ||
| + | <label>< | ||
| + | | ||
| </ | </ | ||
| - | |||
| - | <table class=" | ||
| - | <tr> | ||
| - | < | ||
| - | </tr> | ||
| - | <tr> | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | <tr> | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | <tr> | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | <tr> | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | <tr> | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | <tr> | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | <tr> | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | <tr> | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | </ | ||
| </ | </ | ||
| - | </ | ||
| + | <table class=" | ||
| + | <tr> | ||
| + | < | ||
| + | </tr> | ||
| + | <tr> | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | </tr> | ||
| + | <tr> | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | </tr> | ||
| + | <tr> | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | </tr> | ||
| + | <tr> | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | </tr> | ||
| + | <tr> | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | </tr> | ||
| + | <tr> | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | </tr> | ||
| + | <tr> | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | </tr> | ||
| + | <tr> | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | </tr> | ||
| + | </ | ||
| + | |||
| + | <br/> | ||
| + | |||
| + | </ | ||
| ===== Notes & Context ===== | ===== Notes & Context ===== | ||
| Each character contains a fair few bits of information, | Each character contains a fair few bits of information, | ||
| Line 141: | Line 147: | ||
| ==== Phonotactic Rules ==== | ==== Phonotactic Rules ==== | ||
| * Reduplicated biliterals tend to have the onset as voiceless and ending as voiced with both usually being fricative, like Shazha, or Paba, or Kelger. | * Reduplicated biliterals tend to have the onset as voiceless and ending as voiced with both usually being fricative, like Shazha, or Paba, or Kelger. | ||
| - | * The second written sound in a pair is usually voiced fricative and the first one voiceless stopped like < | + | * The second written sound in a pair is usually voiced fricative and the first one voiceless stopped like <span class=" |
| * N gets thrown around and modified to match with its surroundings. | * N gets thrown around and modified to match with its surroundings. | ||
| * Intermediary vowels tend to have a timbre with the most open syllable being the second on three- and two- syllable words. | * Intermediary vowels tend to have a timbre with the most open syllable being the second on three- and two- syllable words. | ||
| * L sounds like L at the beginning of words, before a hard consonant, flapped r between vowels, and retroflex r at the end unless after a flapped r where it is L again. | * L sounds like L at the beginning of words, before a hard consonant, flapped r between vowels, and retroflex r at the end unless after a flapped r where it is L again. | ||
| - | * Words ending in < | + | * Words ending in <span class=" |
| ===== Logograms: Making it mean something, or sound like something else? ===== | ===== Logograms: Making it mean something, or sound like something else? ===== | ||
| Biliterals are essentially a historical rebus that is still somewhat relevant for many of the root words, but some words are just alien to the language, are homophones, or simply shorthanded. In simple, the same 64 roots can be used to indicate meaning detached from pronunciation rather than pronunciation alone, and the opposite is just as true. | Biliterals are essentially a historical rebus that is still somewhat relevant for many of the root words, but some words are just alien to the language, are homophones, or simply shorthanded. In simple, the same 64 roots can be used to indicate meaning detached from pronunciation rather than pronunciation alone, and the opposite is just as true. | ||
| - | * When standing alone or at the beginning of a word, the principle shared as a shorthand of the more commonly spoken form. e.g. < | + | * When standing alone or at the beginning of a word, the principle shared as a shorthand of the more commonly spoken form. e.g. <span class=" |
| * Within a word or at its end, rarely is pronounced but provides meaning to what came first, especially when facing obscure words or common near homophone. It is often omitted when the meaning is clear, or when phonetic markers are in use. | * Within a word or at its end, rarely is pronounced but provides meaning to what came first, especially when facing obscure words or common near homophone. It is often omitted when the meaning is clear, or when phonetic markers are in use. | ||
| * A reduplicated logogram (two dots at the bottom, or three dots on top) is both meant and pronounced once. | * A reduplicated logogram (two dots at the bottom, or three dots on top) is both meant and pronounced once. | ||
| - | | + | |
| < | < | ||
| < | < | ||
| Line 164: | Line 170: | ||
| /* 2. Container & Controls */ | /* 2. Container & Controls */ | ||
| .yiv-container { width: 100%; margin: 0 auto; color: inherit; } | .yiv-container { width: 100%; margin: 0 auto; color: inherit; } | ||
| - | .yiv-controls { display: flex; justify-content: | + | .yiv-controls-panel |
| - | + | .yiv-control-group | |
| - | .switch-container | + | .yiv-control-group label { cursor: pointer; display: flex; align-items: center; gap: 4px; } |
| - | | + | |
| - | | + | |
| - | cursor: pointer; | + | |
| - | gap: 10px; | + | |
| - | } | + | |
| - | + | ||
| - | .switch { | + | |
| - | position: relative; | + | |
| - | display: inline-block; | + | |
| - | width: 40px; | + | |
| - | height: 20px; | + | |
| - | } | + | |
| - | + | ||
| - | .switch input { display: none; } | + | |
| - | + | ||
| - | .slider { | + | |
| - | position: absolute; | + | |
| - | top: 0; left: 0; right: 0; bottom: 0; | + | |
| - | background-color: #444; | + | |
| - | transition: .3s; | + | |
| - | border-radius: 20px; | + | |
| - | } | + | |
| - | + | ||
| - | .slider: | + | |
| - | position: absolute; | + | |
| - | content: ""; | + | |
| - | height: 14px; width: 14px; | + | |
| - | left: 3px; bottom: 3px; | + | |
| - | background-color: white; | + | |
| - | transition: .3s; | + | |
| - | border-radius: 50%; | + | |
| - | } | + | |
| - | + | ||
| - | input: | + | |
| - | input:checked + .slider: | + | |
| - | + | ||
| - | .label-text { font-family: sans-serif; font-size: 14px; font-weight: bold; } | + | |
| /* 3. Table Core Styles */ | /* 3. Table Core Styles */ | ||
| Line 214: | Line 183: | ||
| } | } | ||
| - | /* 4. Glyph Styling */ | + | /* 4. Glyph Styling |
| .yiv-table span { | .yiv-table span { | ||
| font-family: | font-family: | ||
| Line 225: | Line 194: | ||
| } | } | ||
| - | /* 5. The Italic Toggle Class for Table Spans and general yiv-font spans */ | + | /* 5. Font Modes - Global Support |
| .italic-mode .yiv-table span, | .italic-mode .yiv-table span, | ||
| .italic-mode .yiv-font { | .italic-mode .yiv-font { | ||
| Line 231: | Line 200: | ||
| } | } | ||
| - | /* 6. English Labels */ | + | /* User Fix: Prevent Ancient glyphs from intersecting top of cell */ |
| - | .yiv-table em { font-size: 11px; font-style: normal; font-weight: | + | .italic-mode .yiv-table span { |
| + | margin-top: 15px; | ||
| + | } | ||
| + | |||
| + | .bold-mode .yiv-table span, | ||
| + | .bold-mode .yiv-font { | ||
| + | font-family: | ||
| + | } | ||
| + | |||
| + | /* 6. Case Modes - Global Support */ | ||
| + | .upper-mode .yiv-table span, | ||
| + | .upper-mode .yiv-font { | ||
| + | text-transform: | ||
| + | } | ||
| + | |||
| + | .lower-mode .yiv-table span, | ||
| + | .lower-mode .yiv-font { | ||
| + | text-transform: | ||
| + | } | ||
| + | |||
| + | /* 7. English Labels | ||
| + | .yiv-table em { font-size: 11px; font-style: normal; font-weight: | ||
| </ | </ | ||
| < | < | ||
| - | function | + | function |
| - | var element | + | var wrapper |
| - | | + | |
| + | var textCase = document.querySelector(' | ||
| + | |||
| + | // Reset classes to base | ||
| + | wrapper.className = " | ||
| + | |||
| + | // Apply font modes | ||
| + | if (fontStyle === " | ||
| + | wrapper.classList.add(" | ||
| + | } else if (fontStyle === " | ||
| + | wrapper.classList.add(" | ||
| + | } | ||
| + | |||
| + | // Apply casing modes | ||
| + | if (textCase === " | ||
| + | wrapper.classList.add(" | ||
| + | } else if (textCase === " | ||
| + | wrapper.classList.add(" | ||
| + | } | ||
| } | } | ||
| </ | </ | ||
| + | </ | ||
| </ | </ | ||
yivalkes/script.1774169278.txt.gz · Last modified: (external edit)
Page Tools
Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Share Alike 4.0 International
