diff --git a/public/assets/css/document.css b/public/assets/css/document.css index c24ccd5..2e823ee 100644 --- a/public/assets/css/document.css +++ b/public/assets/css/document.css @@ -84,6 +84,10 @@ container.split { grid-template-columns: repeat(2, 1fr); } +container.split.reverse div:last-child { + order: -1; +} + container.split > div { display: flex; flex-direction: column; @@ -91,11 +95,6 @@ container.split > div { gap: var(--padding); } -container.split > div:first-child { - align-items: baseline; - justify-content: center; -} - /* ## Button */ button { diff --git a/public/assets/css/pages/index.css b/public/assets/css/pages/index.css index ecc1c60..3cb792c 100644 --- a/public/assets/css/pages/index.css +++ b/public/assets/css/pages/index.css @@ -6,10 +6,6 @@ body { background-color: var(--color-deep); } -section h1 { - font-size: 50px; -} - section h2 { color: white; background-color: black; @@ -41,6 +37,10 @@ section#intro { min-height: 300px; } +section#intro h1 { + font-size: 50px; +} + section#intro div { display: flex; flex-direction: column; @@ -55,14 +55,15 @@ section.waves { position: relative; height: 300px; - margin-top: -100px; user-select: none; pointer-events: none; + z-index: -1; } section.waves img { margin: auto; - height: 170%; + margin-top: -15%; + height: 190%; transform-origin: 50% 100%; animation: ship 6s alternate infinite ease; } @@ -82,7 +83,7 @@ section.waves .wave { width: 100%; height: 100%; transform: scale(1.5); - bottom: 0; + bottom: 70px; animation: wave 7s alternate infinite cubic-bezier(var(--easing), 0, calc(1 - var(--easing)), 1); } @@ -91,7 +92,7 @@ section.waves .wave { } section.waves + section { - margin-top: 50px; + background-color: #4ca6ff; } section.waves .wave:first-child { @@ -105,21 +106,22 @@ section.waves .wave:last-child { /* ## BYOE */ -section#byoe { +section.info { background-color: white; } -section#byoe container { - min-height: 600px; +section.info container { + min-height: 500px; } -section#byoe svg { - height: 500px; +section.info svg { + justify-self: center; + width: 400px; } -/* ## Example */ +/* ## Lead */ -section#example { - background-color: white; - height: 700px; +section#lead h1 { + color: white; + font-weight: normal; } \ No newline at end of file diff --git a/public/assets/media/byoe.svg b/public/assets/media/byoe.svg index 4039a24..b293752 100644 --- a/public/assets/media/byoe.svg +++ b/public/assets/media/byoe.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/public/assets/media/gnu.webp b/public/assets/media/gnu.webp deleted file mode 100644 index 0fca84d..0000000 Binary files a/public/assets/media/gnu.webp and /dev/null differ diff --git a/public/assets/media/replace.svg b/public/assets/media/replace.svg new file mode 100644 index 0000000..51f94f2 --- /dev/null +++ b/public/assets/media/replace.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/assets/media/why-gnu.svg b/public/assets/media/why-gnu.svg deleted file mode 100644 index 3f27b51..0000000 --- a/public/assets/media/why-gnu.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/public/index.php b/public/index.php index 40098a2..64059df 100644 --- a/public/index.php +++ b/public/index.php @@ -16,12 +16,36 @@
-
+
+ +

This is a framework for building complete websites with automatic soft-navigation between pages that follow a traditional "multi-page" (MPA) file structure

+ +
+
+ + +
+

Soft-navigation by design

+

Vegvisir will automatically soft-navigate between your pages. Dive deeper and fetch only the parts of your site that haven't been loaded yet with the help of shells.

+
+ +
+
+ + +
+

Soft-navigation by design

+

Vegvisir will automatically soft-navigate between your pages. Dive deeper and fetch only the parts of your site that haven't been loaded yet with the help of shells.

+

Free as in -dom AND beer

+
+ +
+

TypeScript, Bootstrap, something else?

-

No problem, Vegvisir's ethos is to not lock you down a specific paradigm. That is why Vegvisir will try to interfere as little as possible with how and with what you build your website by being as simple as possible.

+

No problem, Vegvisir's primary ethos is to not lock you down a specific paradigm. That is why Vegvisir will always try to interfere as little as possible with how and with what you build your website by being as simple as possible.

Bring-Your-Own-Experience

 diff --git a/public/why.php b/public/why.php deleted file mode 100644 index 5515eb9..0000000 --- a/public/why.php +++ /dev/null @@ -1,11 +0,0 @@ - -
- - -
-

It's a GNU!

-

A framework that respects your freedom

-

The "big players" in PHP frameworks are all published under the permissive MIT-license. This legally enables those frameworks to be modified to develop proprietary malware.

-
- -
\ No newline at end of file diff --git a/shells/document.php b/shells/document.php index 83ca7bc..0750858 100644 --- a/shells/document.php +++ b/shells/document.php @@ -43,7 +43,6 @@