diff --git a/MySQL_conf_pbx/test1/mariadb_data/aria_log.00000001 b/MySQL_conf_pbx/test1/mariadb_data/aria_log.00000001 index 189ffb1..751ec3e 100644 Binary files a/MySQL_conf_pbx/test1/mariadb_data/aria_log.00000001 and b/MySQL_conf_pbx/test1/mariadb_data/aria_log.00000001 differ diff --git a/MySQL_conf_pbx/test1/mariadb_data/aria_log_control b/MySQL_conf_pbx/test1/mariadb_data/aria_log_control index b0887f9..714180e 100644 Binary files a/MySQL_conf_pbx/test1/mariadb_data/aria_log_control and b/MySQL_conf_pbx/test1/mariadb_data/aria_log_control differ diff --git a/MySQL_conf_pbx/test1/reactcezenpbx/src/App.jsx b/MySQL_conf_pbx/test1/reactcezenpbx/src/App.jsx index 83124b5..37063d6 100644 --- a/MySQL_conf_pbx/test1/reactcezenpbx/src/App.jsx +++ b/MySQL_conf_pbx/test1/reactcezenpbx/src/App.jsx @@ -1,17 +1,19 @@ -import { useState } from 'react' -import reactLogo from './assets/react.svg' -import viteLogo from '/vite.svg' -import SignInUp from './components/login-logout/signInup' -import './App.css' +import { useState } from "react"; +import reactLogo from "./assets/react.svg"; +import viteLogo from "/vite.svg"; +import SignInUp from "./components/login-logout/signInup"; +import LandingPage from "./components/landing-page/homePage.jsx"; +import "./App.css"; function App() { - const [count, setCount] = useState(0) + const [count, setCount] = useState(0); return ( -
+
+
- ) + ); } -export default App +export default App; diff --git a/MySQL_conf_pbx/test1/reactcezenpbx/src/assets/hammer-spanner-svgrepo-com.svg b/MySQL_conf_pbx/test1/reactcezenpbx/src/assets/hammer-spanner-svgrepo-com.svg new file mode 100644 index 0000000..bbc40fc --- /dev/null +++ b/MySQL_conf_pbx/test1/reactcezenpbx/src/assets/hammer-spanner-svgrepo-com.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/MySQL_conf_pbx/test1/reactcezenpbx/src/assets/profile-circle-svgrepo-com.svg b/MySQL_conf_pbx/test1/reactcezenpbx/src/assets/profile-circle-svgrepo-com.svg new file mode 100644 index 0000000..aafb97c --- /dev/null +++ b/MySQL_conf_pbx/test1/reactcezenpbx/src/assets/profile-circle-svgrepo-com.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/MySQL_conf_pbx/test1/reactcezenpbx/src/components/landing-page/home-page.css b/MySQL_conf_pbx/test1/reactcezenpbx/src/components/landing-page/home-page.css new file mode 100644 index 0000000..1288d85 --- /dev/null +++ b/MySQL_conf_pbx/test1/reactcezenpbx/src/components/landing-page/home-page.css @@ -0,0 +1,5 @@ +.landing_screen { + margin-top: 2rem; + text-align: center; + font-size: 2rem; +} diff --git a/MySQL_conf_pbx/test1/reactcezenpbx/src/components/landing-page/homePage.jsx b/MySQL_conf_pbx/test1/reactcezenpbx/src/components/landing-page/homePage.jsx new file mode 100644 index 0000000..f2dee33 --- /dev/null +++ b/MySQL_conf_pbx/test1/reactcezenpbx/src/components/landing-page/homePage.jsx @@ -0,0 +1,13 @@ +import NavBar from "./navBar"; +import "./home-page.css"; + +export default function LandingPage() { + return ( + <> + +
+

Welcome to the landing page !

+
+ + ); +} diff --git a/MySQL_conf_pbx/test1/reactcezenpbx/src/components/landing-page/navBar.jsx b/MySQL_conf_pbx/test1/reactcezenpbx/src/components/landing-page/navBar.jsx new file mode 100644 index 0000000..ebd5ec9 --- /dev/null +++ b/MySQL_conf_pbx/test1/reactcezenpbx/src/components/landing-page/navBar.jsx @@ -0,0 +1,24 @@ +import "./navStyleImpl.css"; +import CezenBanner from "../login-logout/cezenBanar"; +import operationsLogo from "../../assets/hammer-spanner-svgrepo-com.svg"; +import profileLogo from "../../assets/profile-circle-svgrepo-com.svg"; + +export default function NavBar() { + return ( + + ); +} diff --git a/MySQL_conf_pbx/test1/reactcezenpbx/src/components/landing-page/navStyleImpl.css b/MySQL_conf_pbx/test1/reactcezenpbx/src/components/landing-page/navStyleImpl.css new file mode 100644 index 0000000..4db8718 --- /dev/null +++ b/MySQL_conf_pbx/test1/reactcezenpbx/src/components/landing-page/navStyleImpl.css @@ -0,0 +1,74 @@ +.navigation { + margin-top: 2rem; + background-color: #caf0f8; + font-size: 1.6rem; + padding: 1rem; + display: flex; + flex-direction: row; + gap: 2rem; + justify-content: space-between; + border-radius: 2rem; +} + +.navigation span { + max-width: 4rem; + transition: all 1s; + margin-right: 0rem; + margin-left: 0rem; +} + +.navigation span:hover { + cursor: pointer; + margin-right: 0.4rem; + margin-left: 0.4rem; +} + +.cezen_banner_top { + display: flex; + flex-direction: row; +} + +.cezen_banner_top h1 { + align-self: center; + font-size: 2rem; + /* font-weight: 500; */ +} + +/* cezen */ +.cezen_banner_top h1 span:first-child { + color: #008985; +} + +/* PBX */ +.cezen_banner_top h1 span:last-child { + color: #1f3890; +} + +.RHS_nav { + color: #1f3890; + display: flex; + flex-direction: row; + gap: 2.4rem; + align-items: center; + text-transform: uppercase; + margin-right: 1rem; +} + +.RHS_nav div { + padding-left: 1rem; + padding-bottom: 0rem; + border-bottom: 0.4rem solid rgba(202, 240, 248, 0.3); + transition: all 0.3s; +} + +.RHS_nav div img { + max-width: 2.2rem; + margin-right: 0.8rem; +} + +.RHS_nav div:hover { + padding-left: 1rem; + padding-bottom: 0.5rem; + border-bottom: 0.2rem solid rgba(0, 137, 133, 0.8); + cursor: pointer; +} diff --git a/MySQL_conf_pbx/test1/reactcezenpbx/src/components/login-logout/cezenBanar.jsx b/MySQL_conf_pbx/test1/reactcezenpbx/src/components/login-logout/cezenBanar.jsx index f21b095..599602b 100644 --- a/MySQL_conf_pbx/test1/reactcezenpbx/src/components/login-logout/cezenBanar.jsx +++ b/MySQL_conf_pbx/test1/reactcezenpbx/src/components/login-logout/cezenBanar.jsx @@ -1,16 +1,14 @@ - import cezenLogo from "../../assets/CezenLogo.svg"; -import './logo_and_text.css' +import "./logo_and_text.css"; -export default function CezenBanner(){ - - return ( - - cezen tech logo -

- CezenPBX -

- - ); - -} \ No newline at end of file +export default function CezenBanner({ ...restOfIt }) { + return ( + + cezen tech logo +

+ Cezen + PBX +

+ + ); +} diff --git a/MySQL_conf_pbx/test1/reactcezenpbx/src/components/login-logout/form_styling.css b/MySQL_conf_pbx/test1/reactcezenpbx/src/components/login-logout/form_styling.css index 6f7931f..82b8c7b 100644 --- a/MySQL_conf_pbx/test1/reactcezenpbx/src/components/login-logout/form_styling.css +++ b/MySQL_conf_pbx/test1/reactcezenpbx/src/components/login-logout/form_styling.css @@ -1,94 +1,88 @@ -section{ - display: flex; - flex-direction: row; - font-size: 2rem; - margin-bottom: 4rem; +section { + display: flex; + flex-direction: row; + font-size: 2rem; + margin-bottom: 4rem; } -.intro-page{ - margin-top: 3rem; - display: flex; - flex-direction: column; - gap: 2rem; - /* align-items: center; */ +.intro-page { + margin-top: 3rem; + display: flex; + flex-direction: column; + gap: 2rem; + /* align-items: center; */ } -.cezen-logo{ - justify-items:center; - margin-right: 25rem; +.cezen-logo { + justify-items: center; + margin-right: 25rem; } - -.LHS{ - background-color: #03045E; - justify-items: center; - padding: 5rem; - text-transform: capitalize; - color: #0096C7; - border-top-left-radius: 2rem; - border-bottom-left-radius: 2rem; +.LHS { + background-color: #03045e; + justify-items: center; + padding: 5rem; + text-transform: capitalize; + color: #0096c7; + border-top-left-radius: 2rem; + border-bottom-left-radius: 2rem; } -.RHS{ - background-color: #CAF0F8; - justify-items: center; - padding: 5rem; - color: #03045E; +.RHS { + background-color: #caf0f8; + justify-items: center; + padding: 5rem; + color: #03045e; } -.RHS p{ - margin-top: 2rem; - padding-left: 2rem; +.RHS p { + margin-top: 2rem; + padding-left: 2rem; } - -.form-elements{ - display: flex; - flex-direction: column; - gap: 4rem; - padding: 2rem; - +.form-elements { + display: flex; + flex-direction: column; + gap: 4rem; + padding: 2rem; } -.form-elements div -{ - font-size: 2.2rem; - align-items:start; - display: flex; - flex-direction: column; - gap: 1.4rem; +.form-elements div { + font-size: 2.2rem; + align-items: start; + display: flex; + flex-direction: column; + gap: 1.4rem; } -.form-elements div label{ - padding-left: 1rem; +.form-elements div label { + padding-left: 1rem; } -.form-elements div input{ - min-width: 30rem; - min-height: 4rem; - padding: 1rem; - font-size: 2.2rem; - border-radius: 0.35rem; - border-width: 0; - background-color: #e7f8fc; +.form-elements div input { + min-width: 30rem; + min-height: 4rem; + padding: 1rem; + font-size: 2.2rem; + border-radius: 0.35rem; + border-width: 0; + background-color: #e7f8fc; } -form button{ - margin-top: 4rem; - background-color: #90E0EF; - color: #03045E; - font-size: 2rem; - text-transform: uppercase; - padding: 1.2rem 1.6rem; - font-weight: 900; - border-radius: 0.5rem; - transition: all 0.3s; - border: 0.3rem solid #03045E; - +form button { + margin-top: 4rem; + background-color: #90e0ef; + color: #03045e; + font-size: 2rem; + text-transform: uppercase; + padding: 1.2rem 1.6rem; + font-weight: 900; + border-radius: 0.5rem; + transition: all 0.3s; + border: 0.3rem solid #03045e; } -form button:hover{ - background-color: #ADE8F4; - cursor: pointer; - border: 0.3rem solid #ADE8F4; - -} \ No newline at end of file +form button:hover { + background-color: #ade8f4; + cursor: pointer; + border: 0.3rem solid #ade8f4; +} diff --git a/MySQL_conf_pbx/test1/reactcezenpbx/src/components/login-logout/logo_and_text.css b/MySQL_conf_pbx/test1/reactcezenpbx/src/components/login-logout/logo_and_text.css index 48b6e77..00d7ad7 100644 --- a/MySQL_conf_pbx/test1/reactcezenpbx/src/components/login-logout/logo_and_text.css +++ b/MySQL_conf_pbx/test1/reactcezenpbx/src/components/login-logout/logo_and_text.css @@ -1,27 +1,24 @@ -.cezen_banner{ - - display: flex; - flex-direction: row; +.cezen_banner { + display: flex; + flex-direction: row; } -.cezen_banner h1{ - align-self: center; - font-size: 10rem; - /* font-weight: 500; */ +.cezen_banner h1 { + align-self: center; + font-size: 10rem; + /* font-weight: 500; */ } /* cezen */ -.cezen_banner h1 span:first-child{ - color: #008985; - +.cezen_banner h1 span:first-child { + color: #008985; } /* PBX */ -.cezen_banner h1 span:last-child{ - color: #1F3890; +.cezen_banner h1 span:last-child { + color: #1f3890; } - -img{ - max-width: 20rem; -} \ No newline at end of file +img { + max-width: 20rem; +} diff --git a/MySQL_conf_pbx/test1/reactcezenpbx/src/components/login-logout/signInup.jsx b/MySQL_conf_pbx/test1/reactcezenpbx/src/components/login-logout/signInup.jsx index 15f8bbb..8367036 100644 --- a/MySQL_conf_pbx/test1/reactcezenpbx/src/components/login-logout/signInup.jsx +++ b/MySQL_conf_pbx/test1/reactcezenpbx/src/components/login-logout/signInup.jsx @@ -2,6 +2,7 @@ import CezenBanner from "./cezenBanar"; import SignUp from "./signUp"; import LogIn from "./logIn"; import "./form_styling.css"; +import "./logo_and_text.css"; // admin signup export default function SignInUp() { @@ -10,7 +11,7 @@ export default function SignInUp() { <>
- +