From 8da7c89a963531d1727bb4df3f14019a384dd51b Mon Sep 17 00:00:00 2001 From: ImAlpha Date: Sun, 8 Oct 2023 23:03:06 -0700 Subject: [PATCH] fixed pages not loading, beginning to add media --- Websites/Jefes/Frontend/jefes/src/App.tsx | 58 +++---- .../jefes/src/components/Navbar/NavBar.tsx | 12 -- .../jefes/src/components/Navbar/Navbar.tsx | 9 ++ .../Frontend/jefes/src/components/index.js | 2 +- .../AboutUs/{AboutUs.jsx => AboutUs.tsx} | 0 .../src/container/Chef/{Chef.jsx => Chef.tsx} | 0 .../FindUs/{FindUs.jsx => FindUs.tsx} | 0 .../Footer/{Footer.jsx => Footer.tsx} | 0 .../Gallery/{Gallery.jsx => Gallery.tsx} | 0 .../Header/{Header.jsx => Header.tsx} | 0 .../container/Intro/{Intro.jsx => Intro.tsx} | 0 .../Laurels/{Laurels.jsx => Laurels.tsx} | 0 .../src/container/Menu/{Menu.jsx => Menu.tsx} | 0 Websites/Jefes/Frontend/jefes/src/index.css | 149 ++++-------------- Websites/Jefes/Frontend/jefes/src/index.js | 7 + 15 files changed, 77 insertions(+), 160 deletions(-) delete mode 100644 Websites/Jefes/Frontend/jefes/src/components/Navbar/NavBar.tsx create mode 100644 Websites/Jefes/Frontend/jefes/src/components/Navbar/Navbar.tsx rename Websites/Jefes/Frontend/jefes/src/container/AboutUs/{AboutUs.jsx => AboutUs.tsx} (100%) rename Websites/Jefes/Frontend/jefes/src/container/Chef/{Chef.jsx => Chef.tsx} (100%) rename Websites/Jefes/Frontend/jefes/src/container/FindUs/{FindUs.jsx => FindUs.tsx} (100%) rename Websites/Jefes/Frontend/jefes/src/container/Footer/{Footer.jsx => Footer.tsx} (100%) rename Websites/Jefes/Frontend/jefes/src/container/Gallery/{Gallery.jsx => Gallery.tsx} (100%) rename Websites/Jefes/Frontend/jefes/src/container/Header/{Header.jsx => Header.tsx} (100%) rename Websites/Jefes/Frontend/jefes/src/container/Intro/{Intro.jsx => Intro.tsx} (100%) rename Websites/Jefes/Frontend/jefes/src/container/Laurels/{Laurels.jsx => Laurels.tsx} (100%) rename Websites/Jefes/Frontend/jefes/src/container/Menu/{Menu.jsx => Menu.tsx} (100%) create mode 100644 Websites/Jefes/Frontend/jefes/src/index.js diff --git a/Websites/Jefes/Frontend/jefes/src/App.tsx b/Websites/Jefes/Frontend/jefes/src/App.tsx index f919922..1e04423 100644 --- a/Websites/Jefes/Frontend/jefes/src/App.tsx +++ b/Websites/Jefes/Frontend/jefes/src/App.tsx @@ -1,37 +1,29 @@ -import { useState } from "react"; -import reactLogo from "./assets/react.svg"; -import viteLogo from "/vite.svg"; -import { - AboutUs, - Chef, - FindUs, - Footer, - Gallery, - Header, - Intro, - Laurels, - SpecialMenu, -} from "./container"; -import { Navbar } from "./components/Navbar/NavBar"; +import React from "react"; + +import Navbar from "./components/Navbar/Navbar"; import "./App.css"; +import AboutUs from "./container/AboutUs/AboutUs"; +import Header from "./container/Header/Header"; +import Chef from "./container/Chef/Chef"; +import Gallery from "./container/Gallery/Gallery"; +import Intro from "./container/Intro/Intro"; +import Laurels from "./container/Laurels/Laurels"; +import FindUs from "./container/FindUs/FindUs"; +import Footer from "./components/Footer/FooterOverlay"; -function App() { - // const [count, setCount] = useState(0) - - return ( -
- -
- - - - - - - -
-
- ); -} +const App = () => ( +
+ +
+ + {/* */} + + + + + +
+
+); export default App; diff --git a/Websites/Jefes/Frontend/jefes/src/components/Navbar/NavBar.tsx b/Websites/Jefes/Frontend/jefes/src/components/Navbar/NavBar.tsx deleted file mode 100644 index c875451..0000000 --- a/Websites/Jefes/Frontend/jefes/src/components/Navbar/NavBar.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React from 'react' -import { GiHamburgerMenu } from 'react-icons/gi'; -import {MdOutlineRestaurantMenu} from 'react-icons/md'; - - -const NavBar = () => { - return ( -
fasfdsa
- ) -} - -export default NavBar \ No newline at end of file diff --git a/Websites/Jefes/Frontend/jefes/src/components/Navbar/Navbar.tsx b/Websites/Jefes/Frontend/jefes/src/components/Navbar/Navbar.tsx new file mode 100644 index 0000000..afa1f4d --- /dev/null +++ b/Websites/Jefes/Frontend/jefes/src/components/Navbar/Navbar.tsx @@ -0,0 +1,9 @@ +import React from 'react' + +const Navbar = () => { + return ( +
Navbar
+ ) +} + +export default Navbar \ No newline at end of file diff --git a/Websites/Jefes/Frontend/jefes/src/components/index.js b/Websites/Jefes/Frontend/jefes/src/components/index.js index 76f94d2..3268e60 100644 --- a/Websites/Jefes/Frontend/jefes/src/components/index.js +++ b/Websites/Jefes/Frontend/jefes/src/components/index.js @@ -2,7 +2,7 @@ import SubHeading from './SubHeading/SubHeading' import Newsletter from './Footer/Newsletter' import FooterOverlay from './Footer/FooterOverlay' import MenuItem from './MenuItem/MenuItem' -import Navbar from './Navbar/NavBar' +import Navbar from './Navbar/Navbar' export { SubHeading, diff --git a/Websites/Jefes/Frontend/jefes/src/container/AboutUs/AboutUs.jsx b/Websites/Jefes/Frontend/jefes/src/container/AboutUs/AboutUs.tsx similarity index 100% rename from Websites/Jefes/Frontend/jefes/src/container/AboutUs/AboutUs.jsx rename to Websites/Jefes/Frontend/jefes/src/container/AboutUs/AboutUs.tsx diff --git a/Websites/Jefes/Frontend/jefes/src/container/Chef/Chef.jsx b/Websites/Jefes/Frontend/jefes/src/container/Chef/Chef.tsx similarity index 100% rename from Websites/Jefes/Frontend/jefes/src/container/Chef/Chef.jsx rename to Websites/Jefes/Frontend/jefes/src/container/Chef/Chef.tsx diff --git a/Websites/Jefes/Frontend/jefes/src/container/FindUs/FindUs.jsx b/Websites/Jefes/Frontend/jefes/src/container/FindUs/FindUs.tsx similarity index 100% rename from Websites/Jefes/Frontend/jefes/src/container/FindUs/FindUs.jsx rename to Websites/Jefes/Frontend/jefes/src/container/FindUs/FindUs.tsx diff --git a/Websites/Jefes/Frontend/jefes/src/container/Footer/Footer.jsx b/Websites/Jefes/Frontend/jefes/src/container/Footer/Footer.tsx similarity index 100% rename from Websites/Jefes/Frontend/jefes/src/container/Footer/Footer.jsx rename to Websites/Jefes/Frontend/jefes/src/container/Footer/Footer.tsx diff --git a/Websites/Jefes/Frontend/jefes/src/container/Gallery/Gallery.jsx b/Websites/Jefes/Frontend/jefes/src/container/Gallery/Gallery.tsx similarity index 100% rename from Websites/Jefes/Frontend/jefes/src/container/Gallery/Gallery.jsx rename to Websites/Jefes/Frontend/jefes/src/container/Gallery/Gallery.tsx diff --git a/Websites/Jefes/Frontend/jefes/src/container/Header/Header.jsx b/Websites/Jefes/Frontend/jefes/src/container/Header/Header.tsx similarity index 100% rename from Websites/Jefes/Frontend/jefes/src/container/Header/Header.jsx rename to Websites/Jefes/Frontend/jefes/src/container/Header/Header.tsx diff --git a/Websites/Jefes/Frontend/jefes/src/container/Intro/Intro.jsx b/Websites/Jefes/Frontend/jefes/src/container/Intro/Intro.tsx similarity index 100% rename from Websites/Jefes/Frontend/jefes/src/container/Intro/Intro.jsx rename to Websites/Jefes/Frontend/jefes/src/container/Intro/Intro.tsx diff --git a/Websites/Jefes/Frontend/jefes/src/container/Laurels/Laurels.jsx b/Websites/Jefes/Frontend/jefes/src/container/Laurels/Laurels.tsx similarity index 100% rename from Websites/Jefes/Frontend/jefes/src/container/Laurels/Laurels.jsx rename to Websites/Jefes/Frontend/jefes/src/container/Laurels/Laurels.tsx diff --git a/Websites/Jefes/Frontend/jefes/src/container/Menu/Menu.jsx b/Websites/Jefes/Frontend/jefes/src/container/Menu/Menu.tsx similarity index 100% rename from Websites/Jefes/Frontend/jefes/src/container/Menu/Menu.jsx rename to Websites/Jefes/Frontend/jefes/src/container/Menu/Menu.tsx diff --git a/Websites/Jefes/Frontend/jefes/src/index.css b/Websites/Jefes/Frontend/jefes/src/index.css index dbad9dd..3f29975 100644 --- a/Websites/Jefes/Frontend/jefes/src/index.css +++ b/Websites/Jefes/Frontend/jefes/src/index.css @@ -1,131 +1,52 @@ +@import url('https://fonts.googleapis.com/css2?family=Cormorant+Upright:wght@300;400;500;600;700&family=Open+Sans:wght@300;400;500;600;700&display=swap'); + :root { - font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif; - line-height: 1.5; - font-weight: 400; - - color-scheme: light dark; - color: rgba(255, 255, 255, 0.87); - background-color: #242424; - - font-synthesis: none; - text-rendering: optimizeLegibility; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - -webkit-text-size-adjust: 100%; - - --primary:#1f3e72; - --secondary: rgba(255,255,255,0.78); - --black: #131110; - --blue-gradient: linear-gradient(97.05deg, #4066ff 3.76%, #2949c6 100%); - --orange-gradient: linear-gradient(97.05deg, #ffb978 3.76%, #ff922d 100%); - --blue: #4066ff; - --lightBlue: #eeeeff; - --shadow: 0px 23px 21px -8px rgba(136, 160, 255, 0.25); + --font-base: 'Cormorant Upright', serif; + --font-alt: 'Open Sans', sans-serif; + + --color-golden: #DCCA87; + --color-black: #0C0C0C; + --color-gray: #545454; + --color-crimson: #F5EFDB; + --color-grey: #AAAAAA; + --color-white: #FFFFFF; } -/* a { - font-weight: 500; - color: #646cff; - text-decoration: inherit; -} -a:hover { - color: #535bf2; -} - -body { - margin: 0; - display: flex; - place-items: center; - min-width: 320px; - min-height: 100vh; -} - -h1 { - font-size: 3.2em; - line-height: 1.1; -} - -button { - border-radius: 8px; - border: 1px solid transparent; - padding: 0.6em 1.2em; - font-size: 1em; - font-weight: 500; - font-family: inherit; - background-color: #1a1a1a; - cursor: pointer; - transition: border-color 0.25s; -} -button:hover { - border-color: #646cff; -} -button:focus, -button:focus-visible { - outline: 4px auto -webkit-focus-ring-color; -} - -@media (prefers-color-scheme: light) { - :root { - color: #213547; - background-color: #ffffff; - } - a:hover { - color: #747bff; - } - button { - background-color: #f9f9f9; - } -} */ - * { - margin: 0; - padding: 0; box-sizing: border-box; - font-family: "Poppins", sans-serif; + padding: 0; + margin: 0; scroll-behavior: smooth; } a { - color: inherit; + color: unset; text-decoration: none; } -.paddings{ - padding: 1.5rem; +.slide-bottom { + -webkit-animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; + animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; } - -.innerwidth{ - width: 100%; +@-webkit-keyframes slide-bottom { + 0% { + -webkit-transform: translateY(-25%); + transform: translateY(-25%); + } + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } } -.flexCenter{ - display: flex; - row-gap: 2rem; - justify-content: center; - align-items: center; - flex-wrap: wrap; -} - -.flexColCenter{ - display: flex; - justify-content: center; - align-items: center; - flex-direction: column; -} - - -.flexColStart{ - display: flex; - flex-direction: column; - justify-content: center; - align-items: flex-start; -} - - -.flexColEnd{ - display: flex; - flex-direction: column; - justify-content: center; - align-items: flex-end; +@keyframes slide-bottom { + 0% { + -webkit-transform: translateY(-25%); + transform: translateY(-25%); + } + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } } \ No newline at end of file diff --git a/Websites/Jefes/Frontend/jefes/src/index.js b/Websites/Jefes/Frontend/jefes/src/index.js new file mode 100644 index 0000000..9eac967 --- /dev/null +++ b/Websites/Jefes/Frontend/jefes/src/index.js @@ -0,0 +1,7 @@ +import React from 'react'; +import ReactDOM from 'react-dom'; + +import './index.css'; +import App from './App'; + +ReactDOM.render(, document.getElementById('root'));