Introduction
+-
+
+
+
commit 7f7ed7d1cb06fad3c8ecf870b0a32a231b8254e5
Author: Tucan444 <66880425+Tucan444@users.noreply.github.com>
Date: Sat Dec 5 19:11:03 2020 +0100
Add files via upload
diff --git a/backend.js b/backend.js
new file mode 100644
index 0000000..abcc619
--- /dev/null
+++ b/backend.js
@@ -0,0 +1,112 @@
+let main_desc = "Purpose of this webpage is to gather info about characters in anime Dropout Idol Fruit Trart.
You might ask : But why?
Answer : Yes
On the top of the page you have link to pages on all the main characters. Clicking on logo sends you back here.
Hope you'll enjoy.";
+let ino_main_desc = "Ino is very cheerful girl. Shes also liked by others for her personality.
- Gender: Female
- Height: 155cm
- Weight: 47kg
- Hair_color: pink
- Eye_color: blue";
+let hemo_main_desc = "Hemo likes Ino, maybe way too much.
- Gender: Female
- Height: 145cm
- Weight: 37kg
- Hair_color: chestnut brown
- Eye_color: amber";
+let hoho_main_desc = "Shes manager of the other girls, can be pushy and weird. (also shes single)
- Gender: Female
- Height: 165cm
- Weight: 51kg
- Hair_color: dark brown
- Eye_color: dark brown";
+let hayu_main_desc = "Likes music and has a ton of canned food.
- Gender: Female
- Height: 150cm
- Weight: 40kg
- Hair_color: blonde
- Eye_color: blue";
+let roko_main_desc = "She's cuddly with Nina and its really awesome.
- Gender: Female
- Height: 140cm
- Weight: 35kg
- Hair_color: violet
- Eye_color: violet";
+let nina_main_desc = "Shes like big sister to roko. Shes also a lil bit shy.
- Gender: Female
- Height: 170cm
- Weight: 55kg
- Hair_color: light brown
- Eye_color: brown";
+
+//loading basics
+const title = document.getElementById("title_text");
+const description = document.getElementById("description_text");
+const main_image = document.getElementById("image_main");
+const main_image0 = document.getElementById("image_main0");
+const main_images = document.getElementById("main_images");
+
+const logo = document.getElementById("logo");
+
+// loading character buttons
+const inu = document.getElementById("Ino");
+const roko = document.getElementById("Roko");
+const hayu = document.getElementById("Hayu");
+const nina = document.getElementById("Nina");
+const hemo = document.getElementById("Hemo");
+const hoho = document.getElementById("Hoho");
+
+
+function reset() {
+ main_image0.style.visibility = "hidden";
+ main_images.style.paddingLeft = "0%";
+ main_images.style.borderStyle = "hidden";
+}
+
+
+function loadMainPage() {
+ reset();
+
+ title.innerHTML = "Introduction";
+ description.innerHTML = main_desc;
+ main_image.src = "./assets/images/general/general_image.png";
+}
+
+
+function InoSakura() {
+ reset();
+
+ title.innerHTML = "Ino Sakura";
+ description.innerHTML = ino_main_desc;
+ main_image.src = "./assets/images/InoSakura/ino_main.png";
+}
+
+
+function RokoSekino() {
+ reset();
+
+ main_images.style.paddingLeft = "10%";
+ main_images.style.borderStyle = "solid";
+ title.innerHTML = "Roko Sekino";
+ description.innerHTML = roko_main_desc;
+ main_image.src = "./assets/images/RokoSekino/roko_main.jpg";
+ main_image0.src = "./assets/images/RokoSekino/roko_second.jpg";
+ main_image0.style.visibility = "visible";
+}
+
+
+function HayuNukui() {
+ reset();
+
+ main_images.style.paddingLeft = "10%";
+ main_images.style.borderStyle = "solid";
+ title.innerHTML = "Hayu Nukui";
+ description.innerHTML = hayu_main_desc;
+ main_image.src = "./assets/images/HayuNukui/hayu_main.jpg";
+ main_image0.src = "./assets/images/HayuNukui/hayu_second.jpg";
+ main_image0.style.visibility = "visible";
+}
+
+
+function NinaMaehara() {
+ reset();
+
+ title.innerHTML = "Nina Maehara";
+ description.innerHTML = nina_main_desc;
+ main_image.src = "./assets/images/NinaMaehara/nina_main.jpg";
+}
+
+
+function HemoMidori() {
+ reset();
+
+ title.innerHTML = "Hemo Midori";
+ description.innerHTML = hemo_main_desc;
+ main_image.src = "./assets/images/HemoMidori/hemo_main.jpg";
+}
+
+
+function HohoKajino() {
+ reset();
+
+ title.innerHTML = "Hoho Kajino";
+ description.innerHTML = hoho_main_desc;
+ main_image.src = "./assets/images/HohoKajino/hoho_main.jpg";
+}
+
+
+loadMainPage();
+logo.addEventListener("click", loadMainPage);
+inu.addEventListener("click", InoSakura);
+roko.addEventListener("click", RokoSekino);
+hayu.addEventListener("click", HayuNukui);
+nina.addEventListener("click", NinaMaehara);
+hemo.addEventListener("click", HemoMidori);
+hoho.addEventListener("click", HohoKajino);
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..c43d4ad
--- /dev/null
+++ b/index.html
@@ -0,0 +1,55 @@
+
+
+
Introduction
+