diff --git a/assets/css/main.css b/assets/css/main.css index 1c10540..967ae30 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -83,184 +83,3 @@ h2 a, h3 a, h4 a { - - -.text-container { - z-index: 100; - width: 100vw; - height: 100vh; - display: flex; - position: absolute; - top: 0; - left: 0; - justify-content: center; - align-items: center; - font-size: 96px; - color: white; - opacity: 0.8; - user-select: none; - text-shadow: 1px 1px rgba(0,0,0,0.1); -} - -:root { - --color-bg1: rgb(98, 98, 98); - --color-bg2: rgb(105, 105, 105); - --color1: 18, 18, 45; - --color2: 161, 161, 161; - --color3: 0, 0, 0; - --color4: 190, 190, 190; - --color5: 8, 8, 8; - --color-interactive: 140, 100, 255; - --circle-size: 80%; - --blending: hard-light; -} - -@keyframes moveInCircle { - 0% { - transform: rotate(0deg); - } - 50% { - transform: rotate(180deg); - } - 100% { - transform: rotate(360deg); - } -} - -@keyframes moveVertical { - 0% { - transform: translateY(-50%); - } - 50% { - transform: translateY(50%); - } - 100% { - transform: translateY(-50%); - } -} - -@keyframes moveHorizontal { - 0% { - transform: translateX(-50%) translateY(-10%); - } - 50% { - transform: translateX(50%) translateY(10%); - } - 100% { - transform: translateX(-50%) translateY(-10%); - } -} - - -.gradient-bg { - width: 100vw; - height: 100vh; - position: relative; - overflow: hidden; - background: linear-gradient(40deg, var(--color-bg1), var(--color-bg2)); - top: 0; - left: 0; - - svg { - display: none; - } - - - .gradients-container { - width: 100%; - height: 100%; - } - - .g1 { - position: absolute; - background: radial-gradient(circle at center, rgba(var(--color1), 0.8) 0, rgba(var(--color1), 0) 50%) no-repeat; - mix-blend-mode: var(--blending); - - width: var(--circle-size); - height: var(--circle-size); - top: calc(50% - var(--circle-size) / 2); - left: calc(50% - var(--circle-size) / 2); - - transform-origin: center center; - animation: moveVertical 20s ease infinite; - - opacity: 1; - } - - .g2 { - position: absolute; - background: radial-gradient(circle at center, rgba(var(--color2), 0.8) 0, rgba(var(--color2), 0) 50%) no-repeat; - mix-blend-mode: var(--blending); - - width: var(--circle-size); - height: var(--circle-size); - top: calc(50% - var(--circle-size) / 2); - left: calc(50% - var(--circle-size) / 2); - - transform-origin: calc(50% - 400px); - animation: moveInCircle 10s reverse infinite; - - opacity: 1; - } - - .g3 { - position: absolute; - background: radial-gradient(circle at center, rgba(var(--color3), 0.8) 0, rgba(var(--color3), 0) 50%) no-repeat; - mix-blend-mode: var(--blending); - - width: var(--circle-size); - height: var(--circle-size); - top: calc(50% - var(--circle-size) / 2 + 200px); - left: calc(50% - var(--circle-size) / 2 - 500px); - - transform-origin: calc(50% + 400px); - animation: moveInCircle 20s linear infinite; - - opacity: 1; - } - - .g4 { - position: absolute; - background: radial-gradient(circle at center, rgba(var(--color4), 0.8) 0, rgba(var(--color4), 0) 50%) no-repeat; - mix-blend-mode: var(--blending); - - width: var(--circle-size); - height: var(--circle-size); - top: calc(50% - var(--circle-size) / 2); - left: calc(50% - var(--circle-size) / 2); - - transform-origin: calc(50% - 200px); - animation: moveHorizontal 20s ease infinite; - - opacity: 0.7; - } - - .g5 { - position: absolute; - background: radial-gradient(circle at center, rgba(var(--color5), 0.8) 0, rgba(var(--color5), 0) 50%) no-repeat; - mix-blend-mode: var(--blending); - - width: calc(var(--circle-size) * 2); - height: calc(var(--circle-size) * 2); - top: calc(50% - var(--circle-size)); - left: calc(50% - var(--circle-size)); - - transform-origin: calc(50% - 800px) calc(50% + 200px); - animation: moveInCircle 10s ease infinite; - - opacity: 1; - } - - .interactive { - position: absolute; - background: radial-gradient(circle at center, rgba(var(--color-interactive), 0.8) 0, rgba(var(--color-interactive), 0) 50%) no-repeat; - mix-blend-mode: var(--blending); - - width: 100%; - height: 100%; - top: -50%; - left: -50%; - - opacity: 0.7; - } -} \ No newline at end of file diff --git a/content/docs/install.md b/content/docs/install.md index 90e226a..656af90 100644 --- a/content/docs/install.md +++ b/content/docs/install.md @@ -37,19 +37,12 @@ Run the database migrations: -## Ready-to-go +## 5. Installation Complete -You're now ready to go! You can visit the auth setup route at `website.test/auth/setup` or any of the following authentication URL's: +Now that everything is installed you'll be able to visit the auth setup route at `website.test/auth/setup`. You'll also have access to all the new Authentication Pages. -
- /auth/login -- /auth/register -- /auth/verify -- /auth/two-factor-challenge -- /auth/password/confirm -- /auth/password/reset -- /auth/password/ReAlLyLoNgToKeNhErE -
+## Installing in an Existing Application -If 2FA is enabled, users will have access to the following route: +As long as your application meets the minimum requirements (Laravel 10 or higher), you'll be able to install DevDojo Auth in your existing application. The steps will be the same as above. You'll also want to remove your existing Authentication from your application to remove duplicate functionality. -
- /user/two-factor-authentication
\ No newline at end of file +> It's possible to keep your existing authentication functionality to ensure everything works correctly; however, having multiple authentication paths may confuse your users. diff --git a/includes/docs-sidebar.html b/includes/docs-sidebar.html index a72fff3..132b281 100644 --- a/includes/docs-sidebar.html +++ b/includes/docs-sidebar.html @@ -25,7 +25,7 @@ Authentication Pages - - - - - - -