diff --git a/Makefile b/Makefile index 404edc5..2f41abf 100644 --- a/Makefile +++ b/Makefile @@ -19,4 +19,4 @@ _site: build .PHONY: serve serve: build # Run Docker container with listener for current dir and port mapping - docker run --rm -p 0.0.0.0:4000:80 -it distrust-co + docker run --rm -p 0.0.0.0:4000:80 -it distrust-co \ No newline at end of file diff --git a/_config.yml b/_config.yml index 127ac86..7c60ec7 100644 --- a/_config.yml +++ b/_config.yml @@ -1,9 +1,9 @@ title: Caution email: info@caution.co -description: Security without blind trust. +description: The first open source platform for encrypted data recovery and escrow. baseurl: "" url: "https://caution.co" -banner: "https://distrust.co/assets/base/distrust-thumbnail.png" +banner: "https://caution.co/assets/base/caution-thumbnail.png" header_pages: - index.md @@ -11,7 +11,7 @@ header_pages: style: dark listen_for_clients_preferred_style: false -footer: '© 2025 Caution SEZC' +footer: '© 2025 Caution' theme: jekyll-theme-console diff --git a/_includes/head.html b/_includes/head.html index 9e3a43d..c3a9346 100644 --- a/_includes/head.html +++ b/_includes/head.html @@ -2,9 +2,9 @@ - - - + + + {{ page.title }} diff --git a/_layouts/landing.html b/_layouts/landing.html index 1864329..5d678de 100644 --- a/_layouts/landing.html +++ b/_layouts/landing.html @@ -3,12 +3,12 @@ {%- include head.html -%} -
+ @@ -16,23 +16,23 @@
-
-
+
GET EARLY ACCESS
@@ -58,7 +58,7 @@
-
+

No spam – we'll only email you about Caution.

diff --git a/_layouts/thankyou.html b/_layouts/thankyou.html index e4416b6..1c66987 100644 --- a/_layouts/thankyou.html +++ b/_layouts/thankyou.html @@ -3,12 +3,12 @@ {%- include head.html -%} -
+ @@ -17,7 +17,7 @@ @@ -29,7 +29,7 @@
-
+
SOMETHING EXCITING IS diff --git a/_sass/base.scss b/_sass/base.scss index 4aa5fe1..024142c 100644 --- a/_sass/base.scss +++ b/_sass/base.scss @@ -23,8 +23,24 @@ html { scroll-behavior: smooth; } + +body::before { + content: ""; + position: fixed; + top: 0; + left: 0; + width: 100vw; + height: 100vh; + background: url('/assets/base/waitlist-static.jpeg') no-repeat center center; + background-size: cover; + transform: scaleX(-1); + z-index: -1; + opacity: 0.9; /* Optional: slightly fade background */ + } + body { - background-color: var(--ghost-white); + position: relative; + background-color: var(--ghost-white); margin: 0 auto; padding: 0 auto; font-family: $base-font-family; @@ -80,11 +96,44 @@ h1 { margin-top: 0rem; color: #242526; } + +.fade-in { + opacity: 0; + animation: fadeIn ease 1.1s forwards; + } + +@keyframes fadeIn { + from { + opacity: 0; + transform: translateY(7px); + } + to { + opacity: 1; + transform: translateY(0); + } + } + +.delay-1 { + animation-delay: 0.1s; +} + +.delay-2 { + animation-delay: 0.2s; +} + +.delay-3 { + animation-delay: 0.3s; +} + +.delay-4 { + animation-delay: 0.3s; +} .subtext, .subtext-thanks { font-size: clamp(1.1rem, 2vw, 1.25rem); - color: white; - mix-blend-mode: difference; + background: rgba(232, 246, 253, 0.6); + border-radius: 1rem; + box-shadow: 0 0 30px 20px rgba(232, 246, 253, 0.7); } .subtext { @@ -101,7 +150,7 @@ h1 { font-size: 1rem; text-transform: uppercase; max-width: 300px; - margin-right: 24rem; + margin-right: 25rem; } .info-block { @@ -198,7 +247,7 @@ h1 { } .distrust-link-subtext:hover { - color: #0FB74A; + color: var(--pink); //#0FB74A//; } .distrust-link-footer:hover { diff --git a/assets/base/caution-thumbnail.png b/assets/base/caution-thumbnail.png new file mode 100644 index 0000000..df7576b Binary files /dev/null and b/assets/base/caution-thumbnail.png differ diff --git a/assets/base/waitlist-static.jpeg b/assets/base/waitlist-static.jpeg new file mode 100644 index 0000000..378478c Binary files /dev/null and b/assets/base/waitlist-static.jpeg differ diff --git a/assets/base/waitlist.jpeg b/assets/base/waitlist.jpeg new file mode 100644 index 0000000..4bd5b28 Binary files /dev/null and b/assets/base/waitlist.jpeg differ