diff --git a/.assets/brand/retro.png b/.assets/brand/retro.png index 58789aa..a9aab1b 100644 Binary files a/.assets/brand/retro.png and b/.assets/brand/retro.png differ diff --git a/browse/extensions/index.html b/browse/extensions/index.html index 2f0aae2..dfb63c7 100644 --- a/browse/extensions/index.html +++ b/browse/extensions/index.html @@ -1,427 +1,182 @@ - - - - - - Extensions - Blueprint - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
-
- - - - -
    -
    • -
    • -
    • -
  • -
    -
    -
    • -
  • - -
      -
      • -
      • -
      • -
    -
    • -
-
-
-
- - -
- -
-
-
Navigation
- -
-
- -
-
- - - - -
-
-
-

- -

-

- -

-
-
- -
-
-
-
-

- - - -

-

- - - - - -

- - - -
-
-
-
-
- -
- -
- - - -
- - - -
- - - - -
- - - - - -
-
- -
-
-
- - - -
- -
- -
-
-

- Become part of Blueprint's Discord community and be one of the first to get notified about new extension releases and framework updates. -

- Join the community - Close -
-
- - - - - - + drawPuzzle(); + requestAnimationFrame(animate); + } + + function startPuzzle() { + initializeRandomPuzzle(); + isAnimating = true; + currentMove = null; + animationProgress = 0; + requestAnimationFrame(animate); + } + + // Start the puzzle + startPuzzle(); + + \ No newline at end of file diff --git a/index.css b/index.css index c61b4b8..1f99c04 100644 --- a/index.css +++ b/index.css @@ -1,26 +1,15 @@ .bp-hero { - --bp-hero-1: 59,137,214; + --bp-hero-1: 203,166,247; --bp-hero-2: 33,37,41; - --bp-hero-3: 42,147,252; - --bp-hero-4: 249,37,157; - --bp-hero-5: 178,17,214; - --bp-hero-6: 13,7,122; + background-image: - linear-gradient(180deg, rgba(var(--bp-hero-1), 0.01), rgba(var(--bp-hero-2), 1) 85%), - radial-gradient(ellipse at top left, rgba(var(--bp-hero-3), 0.5), transparent 50%), - radial-gradient(ellipse at top right, rgba(var(--bp-hero-4), 0.5), transparent 50%), - radial-gradient(ellipse at center right, rgba(var(--bp-hero-5), 0.5), transparent 50%), - radial-gradient(ellipse at center left, rgba(var(--bp-hero-6), 0.5), transparent 50%); + linear-gradient(180deg, rgba(var(--bp-hero-1), 0.01), rgba(var(--bp-hero-2), 1) 85%); padding-top: 150px; padding-bottom: 75px; } [data-bs-theme=light] .bp-hero { --bp-hero-1: 59,137,214; --bp-hero-2: 255,255,255; - --bp-hero-3: 42,147,252; - --bp-hero-4: 249,37,257; - --bp-hero-5: 178,40,214; - --bp-hero-6: 13,30,122; } .bp-grid { @@ -31,15 +20,11 @@ } [data-bs-theme=light] .bp-grid { background-image: - linear-gradient(to right, transparent 1px, transparent 1px), - linear-gradient(to bottom, transparent 1px, transparent 1px); + linear-gradient(to right, #00000010 1px, transparent 1px), + linear-gradient(to bottom, #00000010 1px, transparent 1px); } .dl-btn { - background: - linear-gradient(to right, rgba(249,37,257,0.4), rgba(13,7,122,0.4)); - } -[data-bs-theme=light] .dl-btn { background-color: #0d6efd !important; border-color: #0d6efd !important; } @@ -50,4 +35,28 @@ .width-800 { max-width: 800px; +} + +.bp-highlight { + --bp-color-1: rgba(243, 139, 168, 1); + --bp-color-2: rgba(250, 179, 135, 1); + --bp-color-3: rgba(249, 226, 175, 1); + --bp-color-4: rgba(166, 227, 161, 1); + --bp-color-5: rgba(137, 180, 250, 1); + --bp-color-6: rgba(203, 166, 247, 1); + + background: + linear-gradient(90deg, + rgba(243, 139, 168, 1), + rgba(250, 179, 135, 1), + rgba(249, 226, 175, 1), + rgba(166, 227, 161, 1), + rgba(137, 180, 250, 1), + rgba(203, 166, 247, 1) + ); + color: transparent; + -webkit-background-clip: text; + background-clip: text; + -webkit-text-fill-color: transparent; + text-fill-color: transparent; } \ No newline at end of file diff --git a/index.html b/index.html index 86885cb..a7dd302 100644 --- a/index.html +++ b/index.html @@ -147,14 +147,18 @@
Navigation
-

Build powerful themes and extensions with Blueprint.

+

+ Build + powerful + themes and extensions with Blueprint. +

-

+

Powerful, fast and developer-friendly extension framework for Pterodactyl. Utilize extension APIs, inject HTML, modify stylesheets, package extensions and so much more.

- - + +