From 77a18da9332a4b5107d73bc32d98ce6452640395 Mon Sep 17 00:00:00 2001 From: "sridhar.r" Date: Wed, 23 Apr 2025 07:43:56 -0400 Subject: [PATCH] Upload files to "MohanFiles" --- MohanFiles/index.html | 23 +++++++++++++++++++++++ MohanFiles/index.js | 12 ++++++++++++ MohanFiles/main.css | 19 +++++++++++++++++++ 3 files changed, 54 insertions(+) create mode 100644 MohanFiles/index.html create mode 100644 MohanFiles/index.js create mode 100644 MohanFiles/main.css diff --git a/MohanFiles/index.html b/MohanFiles/index.html new file mode 100644 index 0000000..eaab775 --- /dev/null +++ b/MohanFiles/index.html @@ -0,0 +1,23 @@ + + + + + + Document + + + + + + +
+
+
+ +

Python

+
+
+
+ + + \ No newline at end of file diff --git a/MohanFiles/index.js b/MohanFiles/index.js new file mode 100644 index 0000000..569b656 --- /dev/null +++ b/MohanFiles/index.js @@ -0,0 +1,12 @@ +const awesome = document.querySelector('[data-element="awesome"]'); +const intrinsicSwitch = document.querySelector("#intrinsic-switch"); + +// Set sizing attribute based on switch +intrinsicSwitch.addEventListener("change", () => { + alert("hi") + awesome.setAttribute( + "data-sizing", + intrinsicSwitch.checked ? "intrinsic" : "extrinsic" + ); +}); + diff --git a/MohanFiles/main.css b/MohanFiles/main.css new file mode 100644 index 0000000..6f17a33 --- /dev/null +++ b/MohanFiles/main.css @@ -0,0 +1,19 @@ +.awesome { + border: 5px solid; + width: min-content; + font-size: 5rem; + font-weight: bold; + padding: 2rem; + text-transform: uppercase; + transform: rotate(-45deg); + display: inline-block; + margin: 10rem 10rem 10rem 10rem; + animation: name duration timing-function delay iteration-count direction fill-mode; +} + + + + + /* + +