diff --git a/public/Algorithm icon.svg b/public/Algorithm icon.svg new file mode 100644 index 0000000..84a3ebc --- /dev/null +++ b/public/Algorithm icon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/Bulk icon.svg b/public/Bulk icon.svg new file mode 100644 index 0000000..31f01af --- /dev/null +++ b/public/Bulk icon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/Github icon.svg b/public/Github icon.svg new file mode 100644 index 0000000..a4f7206 --- /dev/null +++ b/public/Github icon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/Individual icon.svg b/public/Individual icon.svg new file mode 100644 index 0000000..355b9a8 --- /dev/null +++ b/public/Individual icon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/Repository icon.svg b/public/Repository icon.svg new file mode 100644 index 0000000..35187f4 --- /dev/null +++ b/public/Repository icon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/Testing icon.svg b/public/Testing icon.svg new file mode 100644 index 0000000..0edce7d --- /dev/null +++ b/public/Testing icon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/components/App.jsx b/src/components/App.jsx index 1a3eec4..70c1f7e 100644 --- a/src/components/App.jsx +++ b/src/components/App.jsx @@ -2,6 +2,7 @@ import "../styles/App.css"; import { Header } from "./Header"; import { Input } from "./Input"; +import Footer from "./Footer"; function App() { return ( @@ -12,6 +13,9 @@ function App() {
+
+
); } diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx new file mode 100644 index 0000000..d9c9736 --- /dev/null +++ b/src/components/Footer.jsx @@ -0,0 +1,32 @@ +import "../styles/Footer.css"; + +const Footer = () => { + return ( + + ); +}; + +export default Footer; diff --git a/src/components/Input.jsx b/src/components/Input.jsx index 63be1c5..badfbed 100644 --- a/src/components/Input.jsx +++ b/src/components/Input.jsx @@ -33,7 +33,7 @@ export const Input = () => { return ( <>
-

Select your algorithm 🤔

+

Select your algorithm

diff --git a/src/components/InputBox.jsx b/src/components/InputBox.jsx index 3128ccd..a2b4915 100644 --- a/src/components/InputBox.jsx +++ b/src/components/InputBox.jsx @@ -99,7 +99,7 @@ export const InputBox = ({ value="INDI" onChange={() => setCurrentInputMethod("INDI")} /> - +
@@ -111,7 +111,7 @@ export const InputBox = ({ onChange={() => setCurrentInputMethod("BULK")} defaultChecked /> - +
diff --git a/src/components/TestCaseAccordion.jsx b/src/components/TestCaseAccordion.jsx index 697833d..daa4d3f 100644 --- a/src/components/TestCaseAccordion.jsx +++ b/src/components/TestCaseAccordion.jsx @@ -12,7 +12,13 @@ export const TestCaseAccordion = ({ arrivalTime, burstTime, timeQuantum }) => { return (
- Sample Test Cases 🧪 + + Sample Test Cases{" "} + + {isOpen ? "▲" : "▼"}
diff --git a/src/styles/Footer.css b/src/styles/Footer.css new file mode 100644 index 0000000..7861ccb --- /dev/null +++ b/src/styles/Footer.css @@ -0,0 +1,37 @@ +.footer { + background-color: #f8f9fa; + text-align: center; + border-top: 1px solid #ddd; + } + + a.footer-link { + text-decoration: none; + color: hsl(211, 100%, 50%); + font-weight: 600; + display: inline-flex; + align-items: center; + gap: 8px; + padding: 5px 5px; + border-radius: 5px; + transition: all 0.3s ease; + font-size: 1rem; + } + + a.footer-link:hover { + background-color: #e9f5ff; + color: #0056b3; + box-shadow: 0 2px 6px rgba(0, 123, 255, 0.2); + transform: translateY(-2px); + } + + a.footer-link img { + width: 24px; + height: 24px; + fill: #007bff; + transition: fill 0.3s ease; + } + + a.footer-link:hover img { + fill: #0056b3; + } + \ No newline at end of file diff --git a/src/styles/InputBox.css b/src/styles/InputBox.css index 00ae8aa..5b9cd2c 100644 --- a/src/styles/InputBox.css +++ b/src/styles/InputBox.css @@ -38,3 +38,4 @@ padding: 4px; margin-right: 5px; } +