diff --git a/frontend/index.html b/frontend/index.html index 4110c5b4..3eaac71e 100644 --- a/frontend/index.html +++ b/frontend/index.html @@ -2,8 +2,13 @@ - - + + + + + + + Teamagochi diff --git a/frontend/package-lock.json b/frontend/package-lock.json index 39b879e7..c06a56d1 100644 --- a/frontend/package-lock.json +++ b/frontend/package-lock.json @@ -9,6 +9,7 @@ "version": "0.0.0", "dependencies": { "bootstrap": "^5.3.3", + "bootstrap-icons": "^1.11.3", "react": "^18.2.0", "react-dom": "^18.2.0", "reactjs-popup": "^2.0.6" @@ -1496,6 +1497,21 @@ "@popperjs/core": "^2.11.8" } }, + "node_modules/bootstrap-icons": { + "version": "1.11.3", + "resolved": "https://registry.npmjs.org/bootstrap-icons/-/bootstrap-icons-1.11.3.tgz", + "integrity": "sha512-+3lpHrCw/it2/7lBL15VR0HEumaBss0+f/Lb6ZvHISn1mlK83jjFpooTLsMWbIjJMDjDjOExMsTxnXSIT4k4ww==", + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/twbs" + }, + { + "type": "opencollective", + "url": "https://opencollective.com/bootstrap" + } + ] + }, "node_modules/brace-expansion": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz", diff --git a/frontend/package.json b/frontend/package.json index d352f5e2..19904259 100644 --- a/frontend/package.json +++ b/frontend/package.json @@ -11,6 +11,7 @@ }, "dependencies": { "bootstrap": "^5.3.3", + "bootstrap-icons": "^1.11.3", "react": "^18.2.0", "react-dom": "^18.2.0", "reactjs-popup": "^2.0.6" diff --git a/frontend/public/android-chrome-192x192.png b/frontend/public/android-chrome-192x192.png new file mode 100644 index 00000000..95ba4fe8 Binary files /dev/null and b/frontend/public/android-chrome-192x192.png differ diff --git a/frontend/public/android-chrome-384x384.png b/frontend/public/android-chrome-384x384.png new file mode 100644 index 00000000..0c0f4592 Binary files /dev/null and b/frontend/public/android-chrome-384x384.png differ diff --git a/frontend/public/apple-touch-icon.png b/frontend/public/apple-touch-icon.png new file mode 100644 index 00000000..127dfc22 Binary files /dev/null and b/frontend/public/apple-touch-icon.png differ diff --git a/frontend/public/browserconfig.xml b/frontend/public/browserconfig.xml new file mode 100644 index 00000000..b3930d0f --- /dev/null +++ b/frontend/public/browserconfig.xml @@ -0,0 +1,9 @@ + + + + + + #da532c + + + diff --git a/frontend/public/favicon-16x16.png b/frontend/public/favicon-16x16.png new file mode 100644 index 00000000..ae0dc5d6 Binary files /dev/null and b/frontend/public/favicon-16x16.png differ diff --git a/frontend/public/favicon-32x32.png b/frontend/public/favicon-32x32.png new file mode 100644 index 00000000..d6cce4ed Binary files /dev/null and b/frontend/public/favicon-32x32.png differ diff --git a/frontend/public/favicon.ico b/frontend/public/favicon.ico new file mode 100644 index 00000000..2cf248ee Binary files /dev/null and b/frontend/public/favicon.ico differ diff --git a/frontend/public/mstile-150x150.png b/frontend/public/mstile-150x150.png new file mode 100644 index 00000000..727d38f7 Binary files /dev/null and b/frontend/public/mstile-150x150.png differ diff --git a/frontend/public/safari-pinned-tab.svg b/frontend/public/safari-pinned-tab.svg new file mode 100644 index 00000000..e084a191 --- /dev/null +++ b/frontend/public/safari-pinned-tab.svg @@ -0,0 +1,36 @@ + + + + +Created by potrace 1.14, written by Peter Selinger 2001-2017 + + + + + diff --git a/frontend/public/site.webmanifest b/frontend/public/site.webmanifest new file mode 100644 index 00000000..a1553eb8 --- /dev/null +++ b/frontend/public/site.webmanifest @@ -0,0 +1,19 @@ +{ + "name": "", + "short_name": "", + "icons": [ + { + "src": "/android-chrome-192x192.png", + "sizes": "192x192", + "type": "image/png" + }, + { + "src": "/android-chrome-384x384.png", + "sizes": "384x384", + "type": "image/png" + } + ], + "theme_color": "#ffffff", + "background_color": "#ffffff", + "display": "standalone" +} diff --git a/frontend/public/vite.svg b/frontend/public/vite.svg deleted file mode 100644 index e7b8dfb1..00000000 --- a/frontend/public/vite.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/frontend/src/App.css b/frontend/src/App.css index 7189c33e..0d77170c 100644 --- a/frontend/src/App.css +++ b/frontend/src/App.css @@ -3,44 +3,14 @@ @tailwind utilities; #root { - max-width: 1280px; - margin: 0 auto; - padding: 2rem; - text-align: center; + display: flex; + flex-direction: column; + min-height: 100vh; } -.logo { - height: 6em; - padding: 1.5em; - will-change: filter; - transition: filter 300ms; -} -.logo:hover { - filter: drop-shadow(0 0 2em #646cffaa); -} -.logo.react:hover { - filter: drop-shadow(0 0 2em #61dafbaa); -} - -@keyframes logo-spin { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -} - -@media (prefers-reduced-motion: no-preference) { - a:nth-of-type(2) .logo { - animation: logo-spin infinite 20s linear; - } -} - -.card { - padding: 2em; -} - -.read-the-docs { - color: #888; +.footer { + display: flex; + width: 100%; + position: fixed; + bottom: 0; } diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx index a9cf87a6..c4079c74 100644 --- a/frontend/src/App.tsx +++ b/frontend/src/App.tsx @@ -1,10 +1,12 @@ import { useState } from 'react' import './App.css' import LinkDevice from './Components/LinkDevice' - +import Footer from './Components/Footer'; function App() { - return ; - + return [ + , +