From 285f89382c26013f93e9af1d48173b4a24f3aa73 Mon Sep 17 00:00:00 2001
From: Pardhu Madipalli <mpardhu@amazon.com>
Date: Sun, 19 May 2024 22:08:10 +0530
Subject: [PATCH] Added html and js for generating both sub and superscripts

---
 assets/img/favicon.webp | Bin 0 -> 4548 bytes
 index.css               |   0
 index.html              |  62 ++++++++++++++++++++++++++++++++++++++++
 index.js                |  24 ++++++++++++++++
 4 files changed, 86 insertions(+)
 create mode 100644 assets/img/favicon.webp
 create mode 100644 index.css
 create mode 100644 index.html
 create mode 100644 index.js

diff --git a/assets/img/favicon.webp b/assets/img/favicon.webp
new file mode 100644
index 0000000000000000000000000000000000000000..399f378b5ef22b6a46904e29114a2a871770cd53
GIT binary patch
literal 4548
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

literal 0
HcmV?d00001

diff --git a/index.css b/index.css
new file mode 100644
index 0000000..e69de29
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..da9bd38
--- /dev/null
+++ b/index.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <title>Superscript and Subscript Generator | Pardhu Madipalli</title>
+        <meta charset="utf-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <meta name="mobile-web-app-capable" content="yes">
+        <meta name="theme-color" content="#F8F9FA">
+        <meta property="og:type" content="website" />
+        <link rel="shortcut icon" href="assets/img/favicon.webp" type="image/webp">
+<!--        <script src="https://code.jquery.com/jquery-3.6.0.min.js"-->
+<!--                integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="-->
+<!--                crossorigin="anonymous">-->
+<!--        </script>-->
+        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css"
+              rel="stylesheet"
+              integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor"
+              crossorigin="anonymous">
+        <link rel="stylesheet" href="index.css">
+    </head>
+    <body class="bg-light">
+        <!-- JavaScript Bundle with Popper -->
+        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/js/bootstrap.bundle.min.js"
+                integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2"
+                crossorigin="anonymous">
+        </script>
+        <div class="container-fluid py-2">
+            <div class="sm-6 text-center pt-3">
+                <h1 class="px-3">Superscript generator</h1>
+                <div class="">
+                    <p class="p-2">Enter the text in the input box.</p>
+                </div>
+                <div class="row justify-content-center" style="height: 200px;">
+                    <div class="col-12 col-sm-3">
+                        <textarea class="w-100 h-75 p-2" id="superscript-input" placeholder="Input text"></textarea>
+                    </div>
+                    <div class="col-12 col-sm-3">
+                        <output class="w-100 h-75 text-bg-secondary text-start p-2" id="superscript-output">
+                            <span><sup>Output text</sup></span></output>
+                    </div>
+                </div>
+            </div>
+            <div class="sm-6 text-center pt-3">
+                <h1 class="px-3">Subscript generator</h1>
+                <div class="">
+                    <p class="p-2">Enter the text in the input box.</p>
+                </div>
+                <div class="row justify-content-center" style="height: 200px;">
+                    <div class="col-12 col-sm-3">
+                        <textarea class="w-100 h-75 p-2" id="subscript-input" placeholder="Input text"></textarea>
+                    </div>
+                    <div class="col-12 col-sm-3">
+                        <output class="w-100 h-75 text-bg-secondary text-start p-2" id="subscript-output">
+                            <span><sub>Output text</sub></span></output>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- <footer class="text-center">by Pardhu Madipalli</footer> -->
+        <script src="index.js"></script>
+    </body>
+</html>
diff --git a/index.js b/index.js
new file mode 100644
index 0000000..f98c0ce
--- /dev/null
+++ b/index.js
@@ -0,0 +1,24 @@
+const DATA_KEY = 'data'
+
+window.addEventListener("load", () => {
+    // console.log('page loaded')
+})
+
+const outputSuper = document.getElementById("superscript-output")
+
+document.getElementById("superscript-input")
+    .addEventListener('input', function (event) {
+        console.log(event.currentTarget.value)
+        const currText = event.currentTarget.value;
+        outputSuper.innerHTML = currText.sup()
+    });
+
+const outputSub = document.getElementById("subscript-output")
+
+document.getElementById("subscript-input")
+    .addEventListener('input', function (event) {
+        console.log(event.currentTarget.value)
+        const currText = event.currentTarget.value;
+        outputSub.innerHTML = currText.sub()
+    });    
+