diff --git a/Client/Biskilog Accounting.Client.csproj b/Client/Biskilog Accounting.Client.csproj index 93bc9d7..d1f797c 100644 --- a/Client/Biskilog Accounting.Client.csproj +++ b/Client/Biskilog Accounting.Client.csproj @@ -1,4 +1,4 @@ - + net7.0 diff --git a/Client/Layouts/AuthLayout.razor b/Client/Layouts/AuthLayout.razor index 0acbf02..57c0f00 100644 --- a/Client/Layouts/AuthLayout.razor +++ b/Client/Layouts/AuthLayout.razor @@ -1,6 +1,6 @@ @namespace Biskilog_Accounting @inherits LayoutComponentBase -
+
@Body
\ No newline at end of file diff --git a/Client/Pages/Auth/Components/PhoneAuthTab.razor b/Client/Pages/Auth/Components/PhoneAuthTab.razor new file mode 100644 index 0000000..65970dc --- /dev/null +++ b/Client/Pages/Auth/Components/PhoneAuthTab.razor @@ -0,0 +1,24 @@ +@page "/phoneauthtab" + +
+
+
+ +
+
+
+ +
+
+ + + +@code { + + +} diff --git a/Client/Pages/Auth/Components/PhoneAuthTab.razor.css b/Client/Pages/Auth/Components/PhoneAuthTab.razor.css new file mode 100644 index 0000000..a881d36 --- /dev/null +++ b/Client/Pages/Auth/Components/PhoneAuthTab.razor.css @@ -0,0 +1,214 @@ +@font-face { + font-family: "titleFont"; + src: url("../fonts/Rockwill.otf"); + font-weight: bold; +} + +.form-section { + border: rgb(186, 190, 197) 0.5px solid; + min-height: 690px; + display: flex; + flex-direction: column; + align-items: center; + margin: auto; + max-width: 400px; + position: relative; +} + + .form-section h2 { + font-size: 24pt; + font-weight: 800; + line-height: 32px; + margin-bottom: 17px; + margin-top: 20px; + color: rgb(57, 58, 61); + } + +.title-section { + display: flex; + flex-direction: column; + align-items: center; + font-size: medium; + font-family: "titleFont"; + color: rgb(186, 190, 197); +} + + .title-section a { + font-size: 30pt; + text-decoration: none; + color: rgb(7, 7, 154); + } + + .title-section a img { + margin: auto !important; + height: 80px !important; + max-width: 80px !important; + display: flex; + justify-content: space-between; + text-decoration: none; + } + +.sign-in-gbutton { + padding: 0px 10px; + background: rgb(255, 255, 255); + border: 2px solid rgb(186, 190, 197); + border-radius: 2px; + white-space: nowrap; + width: 100%; + max-width: 310px; + height: inherit; + margin: 20px; + max-height: 45px; + cursor: pointer; + color: rgb(57, 58, 61); +} + +.sign-in-gbutton-colored { + padding: 0px 10px; + background: rgb(7, 7, 154); + border: 1px solid rgb(186, 190, 197); + border-radius: 2px; + white-space: nowrap; + color: white; + width: 50%; + max-width: 310px; + height: 40px; + margin: 20px; + max-height: 45px; + cursor: pointer; + transition: width 1.5s ease; +} + + .sign-in-gbutton-colored div > i { + width: 20px; + margin: 5px; + background-repeat: no-repeat; + background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOCAwYzIuNzk2IDAgNC44OTMgMi4xODQgNC45OTYgNS4yNjJMMTMgNS41VjdoMWEyIDIgMCAwIDEgMiAydjlhMiAyIDAgMCAxLTIgMkgyYTIgMiAwIDAgMS0yLTJWOWEyIDIgMCAwIDEgMi0yaDFWNS41QzMgMi4yOTggNS4xMzMgMCA4IDBabTYgOUgydjloMTJWOVptLTYgMmEyIDIgMCAwIDEgMS4wMDEgMy43MzJMOSAxNS4yYzAgLjQ0Mi0uNDQ4LjgtMSAuOC0uNTEzIDAtLjkzNi0uMzA5LS45OTMtLjcwN0w3IDE1LjJ2LS40NjhBMiAyIDAgMCAxIDggMTFabTAtOUM2LjMzMiAyIDUuMDg4IDMuMjc3IDUuMDA1IDUuMjgyTDUgNS41VjdoNlY1LjVDMTEgMy4zNyA5LjcyOCAyIDggMloiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg=="); + } + + .sign-in-gbutton-colored:hover { + width: 100%; + } + +.sign-in-gbutton-title { + font-size: 15px; + margin: 7px; + font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; +} + +.sign-in-gbutton-image { + height: 35px; +} + +.line-styled-div ::before, +.line-styled-div ::after { + content: ""; + position: absolute; + border-bottom: 2px solid rgb(186, 190, 197); + width: 150px; +} + +.line-styled-div ::before { + margin: 7px 40px; +} + +.line-styled-div ::after { + margin: 7px -190px; +} + +.line-styled-div span { + position: relative; + display: inline-block; + color: rgb(186, 190, 197); + font: 1em sans-serif; +} + +.tab button { + font-size: 13px; + font-weight: bold; + color: rgb(132, 134, 139); + background-color: inherit; + float: left; + border: none; + outline: none; + cursor: pointer; + padding: 14px 16px; + transition: 0.3s; + min-width: 180px; +} + + .tab button :hover { + border-bottom: 1px solid rgb(7, 7, 154); + } + + .tab button.active { + border-bottom: 3px solid rgb(7, 7, 154); + } + +.tabcontent { + display: none; + padding: 6px 12px; + border: 1px solid #ccc; + border-top: none; +} + +.input-box { + font-size: 15px; + width: 280px; + border: 0px; + outline: none; + background: transparent; +} + + .input-box :active { + border: 0px; + } + +.input-div { + margin-top: 28px; + border: 1.9px solid rgb(132, 134, 139); + min-height: 20px; + padding: 9px; + border-radius: 8px; + display: flex; +} + + .input-div span { + width: 20px; + height: 20px; + border-radius: 30px; + color: #d52b1f; + border: 1px solid #d52b1f; + text-align: center; + font: 1rem sans-serif; + } + + .input-div.error { + border: 1.9px solid #d52b1f; + background-color: #fbeceb; + } + + .input-div.error input { + background-color: #fbeceb; + } + +.input-div-check { + margin-top: 15px; + font-size: 18px; + display: flex; + text-align: center; +} + + .input-div-check input { + width: 30px; + height: 25px; + display: flex; + margin-right: 25px; + } + + .input-div-check label { + margin-top: 4.5px; + color: rgb(132, 134, 139); + text-align: center; + } + diff --git a/Client/Pages/Auth/Components/TabContainer.razor b/Client/Pages/Auth/Components/TabContainer.razor new file mode 100644 index 0000000..0238633 --- /dev/null +++ b/Client/Pages/Auth/Components/TabContainer.razor @@ -0,0 +1,24 @@ + +
+ + +
+ + @if (activeTab == 0) + { + + } + else if (activeTab == 1) + { + + } +@code { + private int activeTab = 0; + + private string GetTabClass(int tabId) => tabId == activeTab ? "tablinks active" : "tablinks"; + + private void SwitchTabs(int tabId) + { + activeTab = tabId; + } +} diff --git a/Client/Pages/Auth/Components/TabContainer.razor.css b/Client/Pages/Auth/Components/TabContainer.razor.css new file mode 100644 index 0000000..ce0771a --- /dev/null +++ b/Client/Pages/Auth/Components/TabContainer.razor.css @@ -0,0 +1,153 @@ +@font-face { + font-family: "titleFont"; + src: url("../fonts/Rockwill.otf"); + font-weight: bold; +} + +.form-section { + border: rgb(186, 190, 197) 0.5px solid; + min-height: 690px; + display: flex; + flex-direction: column; + align-items: center; + margin: auto; + max-width: 400px; + position: relative; +} + + .form-section h2 { + font-size: 24pt; + font-weight: 800; + line-height: 32px; + margin-bottom: 17px; + margin-top: 20px; + color: rgb(57, 58, 61); + } + +.title-section { + display: flex; + flex-direction: column; + align-items: center; + font-size: medium; + font-family: "titleFont"; + color: rgb(186, 190, 197); +} + + .title-section a { + font-size: 30pt; + text-decoration: none; + color: rgb(7, 7, 154); + } + + .title-section a img { + margin: auto !important; + height: 80px !important; + max-width: 80px !important; + display: flex; + justify-content: space-between; + text-decoration: none; + } + +.sign-in-gbutton { + padding: 0px 10px; + background: rgb(255, 255, 255); + border: 2px solid rgb(186, 190, 197); + border-radius: 2px; + white-space: nowrap; + width: 100%; + max-width: 310px; + height: inherit; + margin: 20px; + max-height: 45px; + cursor: pointer; + color: rgb(57, 58, 61); +} + +.sign-in-gbutton-colored { + padding: 0px 10px; + background: rgb(7, 7, 154); + border: 1px solid rgb(186, 190, 197); + border-radius: 2px; + white-space: nowrap; + color: white; + width: 50%; + max-width: 310px; + height: 40px; + margin: 20px; + max-height: 45px; + cursor: pointer; + transition: width 1.5s ease; +} + + .sign-in-gbutton-colored div > i { + width: 20px; + margin: 5px; + background-repeat: no-repeat; + background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOCAwYzIuNzk2IDAgNC44OTMgMi4xODQgNC45OTYgNS4yNjJMMTMgNS41VjdoMWEyIDIgMCAwIDEgMiAydjlhMiAyIDAgMCAxLTIgMkgyYTIgMiAwIDAgMS0yLTJWOWEyIDIgMCAwIDEgMi0yaDFWNS41QzMgMi4yOTggNS4xMzMgMCA4IDBabTYgOUgydjloMTJWOVptLTYgMmEyIDIgMCAwIDEgMS4wMDEgMy43MzJMOSAxNS4yYzAgLjQ0Mi0uNDQ4LjgtMSAuOC0uNTEzIDAtLjkzNi0uMzA5LS45OTMtLjcwN0w3IDE1LjJ2LS40NjhBMiAyIDAgMCAxIDggMTFabTAtOUM2LjMzMiAyIDUuMDg4IDMuMjc3IDUuMDA1IDUuMjgyTDUgNS41VjdoNlY1LjVDMTEgMy4zNyA5LjcyOCAyIDggMloiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg=="); + } + + .sign-in-gbutton-colored:hover { + width: 100%; + } + +.sign-in-gbutton-title { + font-size: 15px; + margin: 7px; + font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; +} + +.sign-in-gbutton-image { + height: 35px; +} + +.line-styled-div ::before, +.line-styled-div ::after { + content: ""; + position: absolute; + border-bottom: 2px solid rgb(186, 190, 197); + width: 150px; +} + +.line-styled-div ::before { + margin: 7px 40px; +} + +.line-styled-div ::after { + margin: 7px -190px; +} + +.line-styled-div span { + position: relative; + display: inline-block; + color: rgb(186, 190, 197); + font: 1em sans-serif; +} + +.tab button { + font-size: 13px; + font-weight: bold; + color: rgb(132, 134, 139); + background-color: inherit; + float: left; + border: none; + outline: none; + cursor: pointer; + padding: 14px 16px; + transition: 0.3s; + min-width: 180px; +} + + .tab button :hover { + border-bottom: 1px solid rgb(7, 7, 154); + } + + .tab button.active { + border-bottom: 3px solid rgb(7, 7, 154); + } + +.tabcontent { + display: none; + padding: 6px 12px; + border: 1px solid #ccc; + border-top: none; +} diff --git a/Client/Pages/Auth/Components/UsernameTab.razor b/Client/Pages/Auth/Components/UsernameTab.razor new file mode 100644 index 0000000..075da00 --- /dev/null +++ b/Client/Pages/Auth/Components/UsernameTab.razor @@ -0,0 +1,38 @@ +@page "/emailusernametab" + + +
+
+
+ +
+
+
+ +
+
+
+ +
+
+ + +Sign Up + +@code { + + private void Authenticate() + { + + } + + private void SwitchToSignUp() + { + // You can use navigation logic to switch to the sign-up page. + } +} diff --git a/Client/Pages/Auth/Components/UsernameTab.razor.css b/Client/Pages/Auth/Components/UsernameTab.razor.css new file mode 100644 index 0000000..8fe04a5 --- /dev/null +++ b/Client/Pages/Auth/Components/UsernameTab.razor.css @@ -0,0 +1,184 @@ +@font-face { + font-family: "titleFont"; + src: url("../fonts/Rockwill.otf"); + font-weight: bold; +} + +.form-section { + border: rgb(186, 190, 197) 0.5px solid; + min-height: 690px; + display: flex; + flex-direction: column; + align-items: center; + margin: auto; + max-width: 400px; + position: relative; +} + + .form-section h2 { + font-size: 24pt; + font-weight: 800; + line-height: 32px; + margin-bottom: 17px; + margin-top: 20px; + color: rgb(57, 58, 61); + } + +.title-section { + display: flex; + flex-direction: column; + align-items: center; + font-size: medium; + font-family: "titleFont"; + color: rgb(186, 190, 197); +} + + .title-section a { + font-size: 30pt; + text-decoration: none; + color: rgb(7, 7, 154); + } + + .title-section a img { + margin: auto !important; + height: 80px !important; + max-width: 80px !important; + display: flex; + justify-content: space-between; + text-decoration: none; + } + +.sign-in-gbutton { + padding: 0px 10px; + background: rgb(255, 255, 255); + border: 2px solid rgb(186, 190, 197); + border-radius: 2px; + white-space: nowrap; + width: 100%; + max-width: 310px; + height: inherit; + margin: 20px; + max-height: 45px; + cursor: pointer; + color: rgb(57, 58, 61); +} + +.sign-in-gbutton-colored { + padding: 0px 10px; + background: rgb(7, 7, 154); + border: 1px solid rgb(186, 190, 197); + border-radius: 2px; + white-space: nowrap; + color: white; + width: 50%; + max-width: 310px; + height: 40px; + margin: 20px; + max-height: 45px; + cursor: pointer; + transition: width 1.5s ease; +} + + .sign-in-gbutton-colored div > i { + width: 20px; + margin: 5px; + background-repeat: no-repeat; + background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOCAwYzIuNzk2IDAgNC44OTMgMi4xODQgNC45OTYgNS4yNjJMMTMgNS41VjdoMWEyIDIgMCAwIDEgMiAydjlhMiAyIDAgMCAxLTIgMkgyYTIgMiAwIDAgMS0yLTJWOWEyIDIgMCAwIDEgMi0yaDFWNS41QzMgMi4yOTggNS4xMzMgMCA4IDBabTYgOUgydjloMTJWOVptLTYgMmEyIDIgMCAwIDEgMS4wMDEgMy43MzJMOSAxNS4yYzAgLjQ0Mi0uNDQ4LjgtMSAuOC0uNTEzIDAtLjkzNi0uMzA5LS45OTMtLjcwN0w3IDE1LjJ2LS40NjhBMiAyIDAgMCAxIDggMTFabTAtOUM2LjMzMiAyIDUuMDg4IDMuMjc3IDUuMDA1IDUuMjgyTDUgNS41VjdoNlY1LjVDMTEgMy4zNyA5LjcyOCAyIDggMloiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg=="); + } + + .sign-in-gbutton-colored:hover { + width: 100%; + } + +.sign-in-gbutton-title { + font-size: 15px; + margin: 7px; + font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; +} + +.sign-in-gbutton-image { + height: 35px; +} + +.line-styled-div ::before, +.line-styled-div ::after { + content: ""; + position: absolute; + border-bottom: 2px solid rgb(186, 190, 197); + width: 150px; +} + +.line-styled-div ::before { + margin: 7px 40px; +} + +.line-styled-div ::after { + margin: 7px -190px; +} + +.line-styled-div span { + position: relative; + display: inline-block; + color: rgb(186, 190, 197); + font: 1em sans-serif; +} + +.input-box { + font-size: 15px; + width: 280px; + border: 0px; + outline: none; + background: transparent; +} + + .input-box :active { + border: 0px; + } + +.input-div { + margin-top: 28px; + border: 1.9px solid rgb(132, 134, 139); + min-height: 20px; + padding: 9px; + border-radius: 8px; + display: flex; +} + + .input-div span { + width: 20px; + height: 20px; + border-radius: 30px; + color: #d52b1f; + border: 1px solid #d52b1f; + text-align: center; + font: 1rem sans-serif; + } + + .input-div.error { + border: 1.9px solid #d52b1f; + background-color: #fbeceb; + } + + .input-div.error input { + background-color: #fbeceb; + } + +.input-div-check { + margin-top: 15px; + font-size: 18px; + display: flex; + text-align: center; +} + + .input-div-check input { + width: 30px; + height: 25px; + display: flex; + margin-right: 25px; + } + + .input-div-check label { + margin-top: 4.5px; + color: rgb(132, 134, 139); + text-align: center; + } diff --git a/Client/Pages/Auth/Login.razor b/Client/Pages/Auth/Login.razor index 96af7a1..a889242 100644 --- a/Client/Pages/Auth/Login.razor +++ b/Client/Pages/Auth/Login.razor @@ -1,139 +1,45 @@ @using Biskilog_Accounting.Shared.Interfaces +@using Biskilog_Accounting.Client.Pages.Auth.Components @inject NavigationManager m_navigationManager @layout AuthLayout @inject HttpClient m_http @inject ITokenService m_tokenService @page "/login" - -
-
-
-
-
-
-
-
- -
- logo -

Biskilog Accounting

-
- -
-

Please login to your account

- -
- - -
- -
- - -
- -
- - Forgot password? -
- -
- - -
- -
- -
-
-
-
-

Simplify Your Business Management with Biskilog's Suite of Tools

-

- Stay on top of your business operations from anywhere with Biskilog - now a user-friendly web application - that not only provides a comprehensive operational summary of all records from the BISKILOG POS software - but also allows you to make sales and access new features. Monitor operations, make informed decisions and simplify - your business management with Biskilog's powerful and convenient web app. Say goodbye to manual record-keeping - and hello to streamlined efficiency with Biskilog. -

-
-
-
-
-
+
+ + The logo of Biskilog pos + BISKILOG + +
+
+

Sign in

+ + Enter your credentials to use Biskilog accounting + + +
+ OR +
+ + +
+ +
+ Invisible reCAPTCHA by Google Privacy Policy and Terms of Use.
-
\ No newline at end of file +
+ +@code { + private string iconImage = "../icon-512.png"; + private string googleIcon = "../assets/img/google-image.png"; + + // Add any other necessary code or logic here +} \ No newline at end of file diff --git a/Client/Pages/Auth/Login.razor.css b/Client/Pages/Auth/Login.razor.css new file mode 100644 index 0000000..a6a0e97 --- /dev/null +++ b/Client/Pages/Auth/Login.razor.css @@ -0,0 +1,196 @@ +@font-face { + font-family: "titleFont"; + src: url("../../fonts/Rockwill.otf"); + font-weight: bold; +} + +.form-section { + border: rgb(186, 190, 197) 0.5px solid; + min-height: 690px; + display: flex; + flex-direction: column; + align-items: center; + margin: auto; + max-width: 400px; + position: relative; +} + + .form-section h2 { + font-size: 24pt; + font-weight: 800; + line-height: 32px; + margin-bottom: 17px; + margin-top: 20px; + color: rgb(57, 58, 61); + } + +.title-section { + display: flex; + flex-direction: column; + align-items: center; + font-size: medium; + font-family: "titleFont"; + color: rgb(186, 190, 197); +} + + .title-section a { + font-size: 30pt; + text-decoration: none; + color: rgb(7, 7, 154); + } + + .title-section a img { + margin: auto !important; + height: 80px !important; + max-width: 80px !important; + display: flex; + justify-content: space-between; + text-decoration: none; + } + +.sign-in-gbutton { + padding: 0px 10px; + background: rgb(255, 255, 255); + border: 2px solid rgb(186, 190, 197); + border-radius: 2px; + white-space: nowrap; + width: 100%; + max-width: 310px; + height: inherit; + margin: 20px; + max-height: 45px; + cursor: pointer; + color: rgb(57, 58, 61); +} + +.sign-in-gbutton-colored { + padding: 0px 10px; + background: rgb(7, 7, 154); + border: 1px solid rgb(186, 190, 197); + border-radius: 2px; + white-space: nowrap; + color: white; + width: 50%; + max-width: 310px; + height: 40px; + margin: 20px; + max-height: 45px; + cursor: pointer; + transition: width 1.5s ease; +} + + .sign-in-gbutton-colored div > i { + width: 20px; + margin: 5px; + background-repeat: no-repeat; + background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOCAwYzIuNzk2IDAgNC44OTMgMi4xODQgNC45OTYgNS4yNjJMMTMgNS41VjdoMWEyIDIgMCAwIDEgMiAydjlhMiAyIDAgMCAxLTIgMkgyYTIgMiAwIDAgMS0yLTJWOWEyIDIgMCAwIDEgMi0yaDFWNS41QzMgMi4yOTggNS4xMzMgMCA4IDBabTYgOUgydjloMTJWOVptLTYgMmEyIDIgMCAwIDEgMS4wMDEgMy43MzJMOSAxNS4yYzAgLjQ0Mi0uNDQ4LjgtMSAuOC0uNTEzIDAtLjkzNi0uMzA5LS45OTMtLjcwN0w3IDE1LjJ2LS40NjhBMiAyIDAgMCAxIDggMTFabTAtOUM2LjMzMiAyIDUuMDg4IDMuMjc3IDUuMDA1IDUuMjgyTDUgNS41VjdoNlY1LjVDMTEgMy4zNyA5LjcyOCAyIDggMloiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg=="); + } + + .sign-in-gbutton-colored:hover { + width: 100%; + } + +.sign-in-gbutton-title { + font-size: 15px; + margin: 7px; + font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; +} + +.sign-in-gbutton-image { + height: 35px; +} + +.line-styled-div ::before, +.line-styled-div ::after { + content: ""; + position: absolute; + border-bottom: 2px solid rgb(186, 190, 197); + width: 150px; +} + +.line-styled-div ::before { + margin: 7px 40px; +} + +.line-styled-div ::after { + margin: 7px -190px; +} + +.line-styled-div span { + position: relative; + display: inline-block; + color: rgb(186, 190, 197); + font: 1em sans-serif; +} + +.tab button { + font-size: 13px; + font-weight: bold; + color: rgb(132, 134, 139); + background-color: inherit; + float: left; + border: none; + outline: none; + cursor: pointer; + padding: 14px 16px; + transition: 0.3s; + min-width: 180px; +} + + .tab button :hover { + border-bottom: 1px solid rgb(7, 7, 154); + } + + .tab button.active { + border-bottom: 3px solid rgb(7, 7, 154); + } + +.tabcontent { + display: none; + padding: 6px 12px; + border: 1px solid #ccc; + border-top: none; +} +.RecaptchaSignIn { + width: 100%; + background-color: rgb(236, 238, 241); + font-size: 14px; + color: rgb(141, 144, 150); + padding: 16px; + text-align: center; + position: absolute; + bottom: 0px; + font: 0.8em sans-serif; +} + +.policy-statement { + margin-left: 40px; + margin-right: 40px; + font: 0.9em sans-serif; + color: rgb(141, 144, 150); +} + +.RecaptchaSignIn > a, +label > a, +.reset-link, +span > a { + color: royalblue; + cursor: pointer; + text-decoration: none; +} + +.reset-link { + font: 0.9em sans-serif; +} + +.auth-success { + color: green; +} + +.auth-failure { + color: red; +} + +.hidden { + display: none; +} diff --git a/Client/wwwroot/assets/img/google-image.png b/Client/wwwroot/assets/img/google-image.png new file mode 100644 index 0000000..c2b2335 Binary files /dev/null and b/Client/wwwroot/assets/img/google-image.png differ diff --git a/Client/wwwroot/css/signin.css b/Client/wwwroot/css/signin.css new file mode 100644 index 0000000..5f28270 --- /dev/null +++ b/Client/wwwroot/css/signin.css @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/Client/wwwroot/fonts/AvenirLTStd-Black.otf b/Client/wwwroot/fonts/AvenirLTStd-Black.otf new file mode 100644 index 0000000..714fdfb Binary files /dev/null and b/Client/wwwroot/fonts/AvenirLTStd-Black.otf differ diff --git a/Client/wwwroot/fonts/AvenirLTStd-Book.otf b/Client/wwwroot/fonts/AvenirLTStd-Book.otf new file mode 100644 index 0000000..52ab53e Binary files /dev/null and b/Client/wwwroot/fonts/AvenirLTStd-Book.otf differ diff --git a/Client/wwwroot/fonts/AvenirLTStd-Roman.otf b/Client/wwwroot/fonts/AvenirLTStd-Roman.otf new file mode 100644 index 0000000..de238e6 Binary files /dev/null and b/Client/wwwroot/fonts/AvenirLTStd-Roman.otf differ diff --git a/Client/wwwroot/fonts/OstrichSans-Black.otf b/Client/wwwroot/fonts/OstrichSans-Black.otf new file mode 100644 index 0000000..bfe9eb9 Binary files /dev/null and b/Client/wwwroot/fonts/OstrichSans-Black.otf differ diff --git a/Client/wwwroot/fonts/OstrichSans-Bold.otf b/Client/wwwroot/fonts/OstrichSans-Bold.otf new file mode 100644 index 0000000..a78c385 Binary files /dev/null and b/Client/wwwroot/fonts/OstrichSans-Bold.otf differ diff --git a/Client/wwwroot/fonts/Rockwill.otf b/Client/wwwroot/fonts/Rockwill.otf new file mode 100644 index 0000000..6b8c620 Binary files /dev/null and b/Client/wwwroot/fonts/Rockwill.otf differ