Skip to content

Commit

Permalink
Aurebesh and Klingon
Browse files Browse the repository at this point in the history
  • Loading branch information
standardgalactic committed Dec 10, 2024
1 parent 6823a7c commit 441ce4a
Show file tree
Hide file tree
Showing 12 changed files with 348 additions and 174 deletions.
Binary file added Aurebesh-template.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Klingon-template.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
11 changes: 11 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -58,6 +58,17 @@ Unicode
<img src="Images/sample-02.png" width="749px"/>
</p>

# Other Ciphers

## Aurebesh

![](aurebesh-chart-dark.png)

## Klingon

![](klingon-chart-dark.png)


# How to Use

Install SGA-Regular.ttf
Expand Down
Binary file added aurebesh-chart-dark.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added aurebesh-chart.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added galactic-thread.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
337 changes: 163 additions & 174 deletions index.html
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>

Binary file added klingon-chart-dark.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added klingon-chart.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added klingon-unicode.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading

0 comments on commit 441ce4a

Please sign in to comment.