diff --git a/about.html b/about.html
new file mode 100644
index 0000000..a421995
--- /dev/null
+++ b/about.html
@@ -0,0 +1,11 @@
+
+
+
+
+
+ 🎠➥ SCSG - About - Star Character Sheet Generator.
+
+
+ Under construction.
+
+
\ No newline at end of file
diff --git a/credits.html b/credits.html
new file mode 100644
index 0000000..72d2763
--- /dev/null
+++ b/credits.html
@@ -0,0 +1,11 @@
+
+
+
+
+
+ 🎠➥ SCSG - Credits - Star Character Sheet Generator.
+
+
+ Under construction.
+
+
\ No newline at end of file
diff --git a/index.html b/index.html
index 3741311..8f8c09a 100644
--- a/index.html
+++ b/index.html
@@ -59,12 +59,12 @@
diff --git a/scripts/main.js b/scripts/main.js
index c56da89..485f066 100644
--- a/scripts/main.js
+++ b/scripts/main.js
@@ -3,6 +3,10 @@ import { SCSGenerator } from "./core/dataGenerator.js";
// Elements
let SCSGGenerateButton = document.querySelector("#scsg-generate-button");
+let SCSGRepositoryButton = document.querySelector("#scsg-repository-button");
+let SCSGCreditsButton = document.querySelector("#scsg-credits-button");
+let SCSGAboutButton = document.querySelector("#scsg-about-button");
+
// Events
SCSGGenerateButton.addEventListener('click', () => {
let nameStyleType = document.querySelector("#name-style-type").value;
@@ -14,4 +18,16 @@ SCSGGenerateButton.addEventListener('click', () => {
sexType,
ageRangeType
);
+});
+
+SCSGRepositoryButton.addEventListener('click', () => {
+ window.open("https://github.com/Starciad/SCSG.git", '_blank').focus();
+});
+
+SCSGCreditsButton.addEventListener('click', () => {
+ window.location.href = "./about.html";
+});
+
+SCSGAboutButton.addEventListener('click', () => {
+ window.location.href = "./credits.html";
});
\ No newline at end of file