diff --git a/README.md b/README.md index f1ba479..8e54b37 100644 --- a/README.md +++ b/README.md @@ -21,7 +21,7 @@ A community-driven web application for tracking winter road conditions and icy h 1. **Clone the repository:** ```bash - git clone git@github.com:deco/ice.git + git clone git@git.deco.sh:deco/ice.git cd ice ``` @@ -89,7 +89,7 @@ PORT=3000 2. **Deploy your application:** ```bash - git clone git@github.com:deco/ice.git /opt/ice + git clone git@git.deco.sh:deco/ice.git /opt/ice cd /opt/ice npm install # This automatically builds CSS via postinstall ``` @@ -149,7 +149,7 @@ MIT License - see LICENSE file for details ## Support This is a community safety tool. For issues or questions: -- Create a GitHub issue +- Create an issue on our git repository - Check existing documentation - Review security guidelines diff --git a/public/privacy.html b/public/privacy.html index 1e8d6df..6b56e18 100644 --- a/public/privacy.html +++ b/public/privacy.html @@ -92,7 +92,7 @@

Contact Information

Questions about this privacy policy or your data?

diff --git a/scripts/deploy.sh b/scripts/deploy.sh index 6b46198..192615c 100644 --- a/scripts/deploy.sh +++ b/scripts/deploy.sh @@ -104,7 +104,7 @@ echo "" echo "🚀 Next steps to deploy Great Lakes Ice Report:" echo "" echo "1. Clone your repository:" -echo " git clone git@github.com:deco/great-lakes-ice-report.git /opt/great-lakes-ice-report" +echo " git clone git@git.deco.sh:deco/ice.git /opt/great-lakes-ice-report" echo "" echo "2. Set up the application:" echo " cd /opt/great-lakes-ice-report" diff --git a/src/scss/main.scss b/src/scss/main.scss index 4c15bf3..c15733b 100644 --- a/src/scss/main.scss +++ b/src/scss/main.scss @@ -135,17 +135,7 @@ button { // Theme toggle styles (common across pages) .theme-toggle { - @include button($bg-color: transparent); - border: 2px solid var(--border-color); - border-radius: $border-radius-full; - width: 40px; - height: 40px; - @include flex-center; - - &:hover { - background-color: var(--table-hover); - transform: none; - } + @include theme-toggle-styles; } // Utility classes diff --git a/src/scss/_mixins.scss b/src/scss/mixins.scss similarity index 90% rename from src/scss/_mixins.scss rename to src/scss/mixins.scss index 85f9d6b..e35df41 100644 --- a/src/scss/_mixins.scss +++ b/src/scss/mixins.scss @@ -122,6 +122,21 @@ color: $text-color; } +// Theme Toggle Mixin (consolidates duplicated theme toggle styles) +@mixin theme-toggle-styles { + @include button($bg-color: transparent); + border: 2px solid var(--border-color); + border-radius: $border-radius-full; + width: 40px; + height: 40px; + @include flex-center; + + &:hover { + background-color: var(--table-hover); + transform: none; + } +} + // Back-link button mixin (shared component) @mixin back-link-styles { display: inline-block; diff --git a/src/scss/pages/_admin.scss b/src/scss/pages/_admin.scss index df43a1e..9a115ad 100644 --- a/src/scss/pages/_admin.scss +++ b/src/scss/pages/_admin.scss @@ -58,13 +58,9 @@ } .theme-toggle-admin { + @include theme-toggle-styles; background: var(--card-bg) !important; color: var(--text-color) !important; - border: 2px solid var(--border-color) !important; - width: 40px; - height: 40px; - border-radius: $border-radius-full !important; - @include flex-center; padding: 0 !important; } diff --git a/src/scss/pages/_index.scss b/src/scss/pages/_index.scss index 8393d9e..7e6c3c6 100644 --- a/src/scss/pages/_index.scss +++ b/src/scss/pages/_index.scss @@ -58,7 +58,8 @@ } } - .theme-toggle { +.theme-toggle { + @include theme-toggle-styles; align-self: center; } } diff --git a/src/scss/pages/_privacy.scss b/src/scss/pages/_privacy.scss index 57855c9..28ef385 100644 --- a/src/scss/pages/_privacy.scss +++ b/src/scss/pages/_privacy.scss @@ -23,19 +23,16 @@ } &__theme-toggle { + @include theme-toggle-styles; position: absolute; top: 0; right: 0; - background: var(--card-bg); - border: 2px solid var(--border-color); - border-radius: 50%; width: 50px; height: 50px; - @include flex-center; + box-shadow: 0 2px 4px var(--shadow); cursor: pointer; transition: all 0.3s ease; - box-shadow: 0 2px 4px var(--shadow); - + .theme-icon { font-size: $font-size-lg; }