-
Notifications
You must be signed in to change notification settings - Fork 4
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
6823a7c
commit 441ce4a
Showing
12 changed files
with
348 additions
and
174 deletions.
There are no files selected for viewing
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,174 +1,163 @@ | ||
<!DOCTYPE html> | ||
<html lang="en"> | ||
<head> | ||
<meta charset="UTF-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
<title>Standard Galactic Alphabet</title> | ||
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet"> | ||
<meta name="keywords" content="Standard Galactic Alphabet, SGA, Anak Keyboard, Dvorak, Cistercian, Dactyl, Unicode, Fonts, Galactic Translator"> | ||
|
||
<style> | ||
@font-face { | ||
src: url('fonts/Sga-Regular.woff2') format('woff2'), | ||
url('fonts/Sga-Regular.woff') format('woff'), | ||
url('fonts/Sga-Regular.ttf') format('truetype'); | ||
font-family: 'Sga Regular'; | ||
} | ||
|
||
body { | ||
font-family: 'Sga Regular', Arial, sans-serif; | ||
color: #00ff00; | ||
background: black; | ||
margin: 0; | ||
display: flex; | ||
justify-content: center; /* Center the content horizontally */ | ||
align-items: flex-start; /* Align the content at the top */ | ||
min-height: 100vh; /* Ensure the page takes the full viewport height */ | ||
padding-top: 50px; | ||
} | ||
|
||
|
||
.sga-font { | ||
font-size: 24px; /* Larger font size for SGA */ | ||
line-height: 1.4; /* Consistent line spacing for SGA */ | ||
} | ||
|
||
.latin-font { | ||
font-family: 'Roboto', sans-serif; | ||
font-size: 19px; /* Adjusted font size for Latin to closely match SGA */ | ||
line-height: 1.3; /* Consistent line spacing for Latin */ | ||
} | ||
|
||
img { | ||
max-width: 100%; | ||
height: auto; | ||
} | ||
|
||
h1, h2, p { | ||
text-align: left; /* Ensure all text is left-aligned */ | ||
} | ||
|
||
a { | ||
color: #00ff00; | ||
text-decoration: none; | ||
} | ||
|
||
a:hover { | ||
text-decoration: underline; | ||
} | ||
|
||
.content { | ||
width: 90%; | ||
max-width: 800px; | ||
margin: 0 auto; /* Horizontally center the entire content container */ | ||
text-align: left; /* Keep the inner content aligned to the left */ | ||
} | ||
|
||
|
||
.toggle-font { | ||
cursor: pointer; | ||
background: #005500; | ||
border: none; | ||
color: white; | ||
padding: 10px 20px; | ||
margin: 20px 0; | ||
font-size: 15px; | ||
font-family: 'Roboto', sans-serif; /* Default font for button */ | ||
} | ||
</style> | ||
</head> | ||
<body class="sga-font"> | ||
<div class="content"> | ||
<h1>Standard Galactic Alphabet</h1> | ||
<button class="toggle-font" onclick="toggleFont()">Toggle to Latin (Control-Z)</button> | ||
|
||
<!-- Added Anak Keyboard Section --> | ||
<h2>A New Arabic Keyboard</h2> | ||
<p><img src="Arabic-keyboard.jpg" alt="Anak Keyboard Layout"/></p> | ||
<p><a href="https://github.com/standardgalactic/alphabet/blob/core/tosga.ahk">The Anak keyboard uses the upper case for the pharyngealized and emphatic letters.</a></p> | ||
|
||
<!-- Dvorak Section --> | ||
<h2>Dvorak Keyboard</h2> | ||
<p><img src="dvorak-sga.png" alt="Dvorak SGA Keyboard Layout"/></p> | ||
|
||
<!-- Cistercian Numbers Section --> | ||
<h2>A Minimal Set of Rules for Learning Cistercian Numbers</h2> | ||
<p><img src="cistercian.png" alt="Cistercian Numbers"/></p> | ||
|
||
<!-- Dactyl Keyboard Section --> | ||
<h2>Dactyl</h2> | ||
<p><img src="dactyl.gif" alt="Dactyl Keyboard Animation"/></p> | ||
<p>Digital Analog Clock</p> | ||
<p><img src="dactyl/example.png" alt="Digital Analog Clock Example"/></p> | ||
|
||
<!-- Planetary Brake Section --> | ||
<p><img src="Images/planetary-brake.png" alt="Planetary Brake Image"/></p> | ||
|
||
<!-- Standard Galactic Alphabet Section --> | ||
<h2>Standard Galactic Alphabet</h2> | ||
<p><a href="https://standardgalactic.github.io/">Live Demo</a> (Press the "z" key to toggle SGA font)</p> | ||
<p>Try the <a href="https://standardgalactic.github.io/sga-converter.html">Galactic Translator</a></p> | ||
<p>Also available <a href="https://github.com/standardgalactic/standardgalactic.github.io/blob/main/Galactic-Translator.apk">as an Android app</a></p> | ||
<p><img src="Images/sga-regular.png" alt="SGA Regular Font Sample"/></p> | ||
|
||
<!-- Cheat Sheet --> | ||
<p><img src="cheat-sheet.png" alt="SGA Cheat Sheet"/></p> | ||
|
||
<!-- Biography Section --> | ||
<h2>Personal Biography</h2> | ||
<p><img src="Images/biography.png" alt="Biography Image"/></p> | ||
|
||
<!-- All Caps Section --> | ||
<p>All-Caps</p> | ||
<p><img src="Images/sample-01.png" alt="Sample Image 01"/></p> | ||
|
||
<!-- Unicode Section --> | ||
<p>Unicode</p> | ||
<p><img src="Images/sample-02.png" alt="Sample Image 02"/></p> | ||
|
||
<!-- How to Use Section --> | ||
<h1>How to Use</h1> | ||
<h2>Install SGA-Regular.ttf</h2> | ||
<h3>To use as System language in Windows</h3> | ||
<p><strong style="color: red;">!! Very Dangerous !!</strong> <br><strong style="color: red;">!! Do not use unless you know what you are doing !!</strong></p> | ||
<p>Run <code>vorticon.reg</code> to set SGA-Regular as system language, and <code>vorticon-restore.reg</code> to return it to normal.</p> | ||
<p>May need to restart Windows for it to take effect.</p> | ||
|
||
<!-- Adding the new image: alphabet-overview.png --> | ||
<h2>Overview of the Alphabet</h2> | ||
<p><img src="alphabet-overview.png" alt="Alphabet Overview in Standard Galactic"/></p> | ||
</div> | ||
|
||
<script> | ||
let isUsingCustomFont = true; // Initial state: using SGA | ||
const body = document.body; | ||
const button = document.querySelector('.toggle-font'); | ||
|
||
function toggleFont() { | ||
if (isUsingCustomFont) { | ||
body.classList.add('latin-font'); | ||
body.classList.remove('sga-font'); | ||
button.textContent = 'Toggle to SGA (Control-Z)'; | ||
button.style.fontFamily = 'Roboto, sans-serif'; | ||
} else { | ||
body.classList.add('sga-font'); | ||
body.classList.remove('latin-font'); | ||
button.textContent = 'Toggle to Latin (Control-Z)'; | ||
button.style.fontFamily = 'Sga Regular'; | ||
} | ||
isUsingCustomFont = !isUsingCustomFont; | ||
} | ||
|
||
document.addEventListener("keydown", function(event) { | ||
if (event.ctrlKey && event.key === 'z') { | ||
toggleFont(); | ||
} | ||
}); | ||
|
||
// Initialize with correct font setup on page load | ||
document.addEventListener("DOMContentLoaded", function() { | ||
body.classList.add('sga-font'); // Ensure initial load is SGA font | ||
}); | ||
</script> | ||
</body> | ||
</html> | ||
<!DOCTYPE html> | ||
<html lang="en"> | ||
<head> | ||
<meta charset="UTF-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
<title>Standard Galactic Alphabet</title> | ||
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet"> | ||
<meta name="keywords" content="Standard Galactic Alphabet, SGA, Aurebesh, Klingon, Anak Keyboard, Dvorak, Cistercian, Dactyl, Unicode, Fonts, Galactic Translator"> | ||
|
||
<style> | ||
@font-face { | ||
src: url('fonts/Sga-Regular.woff2') format('woff2'), | ||
url('fonts/Sga-Regular.woff') format('woff'), | ||
url('fonts/Sga-Regular.ttf') format('truetype'); | ||
font-family: 'Sga Regular'; | ||
} | ||
|
||
body { | ||
font-family: 'Sga Regular', Arial, sans-serif; | ||
color: #00ff00; | ||
background: black; | ||
margin: 0; | ||
display: flex; | ||
justify-content: center; | ||
align-items: flex-start; | ||
min-height: 100vh; | ||
padding-top: 50px; | ||
} | ||
|
||
.sga-font { | ||
font-size: 24px; | ||
line-height: 1.4; | ||
} | ||
|
||
.latin-font { | ||
font-family: 'Roboto', sans-serif; | ||
font-size: 19px; | ||
line-height: 1.3; | ||
} | ||
|
||
img { | ||
max-width: 100%; | ||
height: auto; | ||
} | ||
|
||
h1, h2, p { | ||
text-align: left; | ||
} | ||
|
||
a { | ||
color: #00ff00; | ||
text-decoration: none; | ||
} | ||
|
||
a:hover { | ||
text-decoration: underline; | ||
} | ||
|
||
.content { | ||
width: 90%; | ||
max-width: 800px; | ||
margin: 0 auto; | ||
text-align: left; | ||
} | ||
|
||
.toggle-font { | ||
cursor: pointer; | ||
background: #005500; | ||
border: none; | ||
color: white; | ||
padding: 10px 20px; | ||
margin: 20px 0; | ||
font-size: 15px; | ||
font-family: 'Roboto', sans-serif; | ||
} | ||
</style> | ||
</head> | ||
<body class="sga-font"> | ||
<div class="content"> | ||
<h1>Standard Galactic Alphabet</h1> | ||
<button class="toggle-font" onclick="toggleFont()">Toggle to Latin (Control-Z)</button> | ||
|
||
<h2>A New Arabic Keyboard</h2> | ||
<p><img src="Arabic-keyboard.jpg" alt="Anak Keyboard Layout"/></p> | ||
<p><a href="https://github.com/standardgalactic/alphabet/blob/core/tosga.ahk">The Anak keyboard uses the upper case for the pharyngealized and emphatic letters.</a></p> | ||
|
||
<h2>Dvorak Keyboard</h2> | ||
<p><img src="dvorak-sga.png" alt="Dvorak SGA Keyboard Layout"/></p> | ||
|
||
<h2>A Minimal Set of Rules for Learning Cistercian Numbers</h2> | ||
<p><img src="cistercian.png" alt="Cistercian Numbers"/></p> | ||
|
||
<h2>Dactyl</h2> | ||
<p><img src="dactyl.gif" alt="Dactyl Keyboard Animation"/></p> | ||
<p>Digital Analog Clock</p> | ||
<p><img src="dactyl/example.png" alt="Digital Analog Clock Example"/></p> | ||
|
||
<h2>Standard Galactic Alphabet</h2> | ||
<p><a href="https://standardgalactic.github.io/">Live Demo</a> (Press the "z" key to toggle SGA font)</p> | ||
<p>Try the <a href="https://standardgalactic.github.io/sga-converter.html">Galactic Translator</a></p> | ||
<p>Also available <a href="https://github.com/standardgalactic/standardgalactic.github.io/blob/main/Galactic-Translator.apk">as an Android app</a></p> | ||
<p><img src="Images/sga-regular.png" alt="SGA Regular Font Sample"/></p> | ||
|
||
<h2>Cheat Sheet</h2> | ||
<p><img src="cheat-sheet.png" alt="SGA Cheat Sheet"/></p> | ||
|
||
<h2>Personal Biography</h2> | ||
<p><img src="Images/biography.png" alt="Biography Image"/></p> | ||
|
||
<h2>All-Caps</h2> | ||
<p><img src="Images/sample-01.png" alt="Sample Image 01"/></p> | ||
|
||
<h2>Unicode</h2> | ||
<p><img src="Images/sample-02.png" alt="Sample Image 02"/></p> | ||
|
||
<h2>Other Ciphers</h2> | ||
<h3>Aurebesh</h3> | ||
<p><img src="aurebesh-chart-dark.png" alt="Aurebesh Chart"/></p> | ||
|
||
<h3>Klingon</h3> | ||
<p><img src="klingon-chart-dark.png" alt="Klingon Chart"/></p> | ||
|
||
<h2>How to Use</h2> | ||
<p>Install <code>SGA-Regular.ttf</code></p> | ||
<h3>To use as System Language in Windows</h3> | ||
<p><strong style="color: red;">!! Very Dangerous !!</strong><br><strong style="color: red;">!! Do not use unless you know what you are doing !!</strong></p> | ||
<p>Run <code>vorticon.reg</code> to set SGA-Regular as system language, and <code>vorticon-restore.reg</code> to return it to normal.</p> | ||
<p>May need to restart Windows for it to take effect.</p> | ||
</div> | ||
|
||
<script> | ||
let isUsingCustomFont = true; | ||
const body = document.body; | ||
const button = document.querySelector('.toggle-font'); | ||
|
||
function toggleFont() { | ||
if (isUsingCustomFont) { | ||
body.classList.add('latin-font'); | ||
body.classList.remove('sga-font'); | ||
button.textContent = 'Toggle to SGA (Control-Z)'; | ||
button.style.fontFamily = 'Roboto, sans-serif'; | ||
} else { | ||
body.classList.add('sga-font'); | ||
body.classList.remove('latin-font'); | ||
button.textContent = 'Toggle to Latin (Control-Z)'; | ||
button.style.fontFamily = 'Sga Regular'; | ||
} | ||
isUsingCustomFont = !isUsingCustomFont; | ||
} | ||
|
||
document.addEventListener("keydown", function(event) { | ||
if (event.ctrlKey && event.key === 'z') { | ||
toggleFont(); | ||
} | ||
}); | ||
|
||
document.addEventListener("DOMContentLoaded", function() { | ||
body.classList.add('sga-font'); | ||
}); | ||
</script> | ||
</body> | ||
</html> | ||
|
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Oops, something went wrong.