diff --git a/package.json b/package.json index 0015857..6c612f7 100644 --- a/package.json +++ b/package.json @@ -11,6 +11,7 @@ "@testing-library/react": "^13.0.0", "@testing-library/user-event": "^13.2.1", "bootstrap": "^5.1.3", + "prettier": "^3.3.2", "react": "^18.1.0", "react-bootstrap": "^2.3.1", "react-dom": "^18.1.0", diff --git a/public/index.html b/public/index.html index 8143863..104f4c8 100644 --- a/public/index.html +++ b/public/index.html @@ -1,7 +1,6 @@ - + - - + @@ -22,9 +21,9 @@ Learn how to configure a non-root public URL by running `npm run build`. --> Aman Tahiliani - + - +
- - - \ No newline at end of file + + diff --git a/public/manifest.json b/public/manifest.json index 45dc8a2..fa99de7 100644 --- a/public/manifest.json +++ b/public/manifest.json @@ -1 +1,19 @@ -{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"} \ No newline at end of file +{ + "name": "", + "short_name": "", + "icons": [ + { + "src": "/android-chrome-192x192.png", + "sizes": "192x192", + "type": "image/png" + }, + { + "src": "/android-chrome-512x512.png", + "sizes": "512x512", + "type": "image/png" + } + ], + "theme_color": "#ffffff", + "background_color": "#ffffff", + "display": "standalone" +} diff --git a/src/App.css b/src/App.css index adc275f..c503e26 100644 --- a/src/App.css +++ b/src/App.css @@ -1,74 +1,74 @@ - .App { - text-align: center; - background-color: black; - position: absolute; - top: 0px; - right: 0px; - left: 0px; - font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; - color: azure; - overflow: hidden - } - - .App-logo { - height: 40vmin; - pointer-events: none; - } - - @media (prefers-reduced-motion: no-preference) { - .App-logo { - animation: App-logo-spin infinite 20s linear; - } - } - - .App-header { - background-color: black; - min-height: 100vh; - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - font-size: calc(10px + 2vmin); - color: white; - } - - .App-link { - color: #61dafb; - } - - @keyframes App-logo-spin { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } - } - - .About { - width: 100%; - position: absolute; - top: 120px; - bottom: 0px; - left: 0px; - right: 0px; - } - - hr { - width: 70%; - margin-left: 15% !important; - margin-right: 15% !important; - border: 10px solid aquamarine; - } - - .publications { - margin-top: 230px; - } - - .slick-dots button:before { - color: grey !important; - } - - .slick-dots li.slick-active button:before { - color: White !important; - } \ No newline at end of file +.App { + text-align: center; + background-color: black; + position: absolute; + top: 0px; + right: 0px; + left: 0px; + font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif; + color: azure; + overflow: hidden; +} + +.App-logo { + height: 40vmin; + pointer-events: none; +} + +@media (prefers-reduced-motion: no-preference) { + .App-logo { + animation: App-logo-spin infinite 20s linear; + } +} + +.App-header { + background-color: black; + min-height: 100vh; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + font-size: calc(10px + 2vmin); + color: white; +} + +.App-link { + color: #61dafb; +} + +@keyframes App-logo-spin { + from { + transform: rotate(0deg); + } + to { + transform: rotate(360deg); + } +} + +.About { + width: 100%; + position: absolute; + top: 120px; + bottom: 0px; + left: 0px; + right: 0px; +} + +hr { + width: 70%; + margin-left: 15% !important; + margin-right: 15% !important; + border: 10px solid aquamarine; +} + +.publications { + margin-top: 230px; +} + +.slick-dots button:before { + color: grey !important; +} + +.slick-dots li.slick-active button:before { + color: White !important; +} diff --git a/src/App.js b/src/App.js index 7139346..cf708ac 100644 --- a/src/App.js +++ b/src/App.js @@ -9,29 +9,34 @@ import DevToolsComponent from "./components/devtools"; function App() { return ( -
+
- +
-

Publications

- +

+ Publications +

+
- +
-

Experience

- +

+ Experience +

+
-

Dev Tools

- +

+ Dev Tools +

+
{/*

Contact Me!

*/} -
); } diff --git a/src/App.test.js b/src/App.test.js index 1f03afe..9382b9a 100644 --- a/src/App.test.js +++ b/src/App.test.js @@ -1,7 +1,7 @@ -import { render, screen } from '@testing-library/react'; -import App from './App'; +import { render, screen } from "@testing-library/react"; +import App from "./App"; -test('renders learn react link', () => { +test("renders learn react link", () => { render(); const linkElement = screen.getByText(/learn react/i); expect(linkElement).toBeInTheDocument(); diff --git a/src/components/About.js b/src/components/About.js index b54a44f..63686ab 100644 --- a/src/components/About.js +++ b/src/components/About.js @@ -31,10 +31,11 @@ class About extends Component {