From 6eb0fcb5049791f31a6670471a588c4d86c17467 Mon Sep 17 00:00:00 2001 From: Dane Holzwarth Date: Wed, 8 Nov 2023 12:35:30 +0100 Subject: [PATCH] push --- _layouts/default.html | 4 +- assets/css/main.css | 143 ------------------------------------------ index.html | 32 +++++----- 3 files changed, 18 insertions(+), 161 deletions(-) delete mode 100644 assets/css/main.css diff --git a/_layouts/default.html b/_layouts/default.html index 967e473..4f2c53b 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -13,9 +13,9 @@ - + - + diff --git a/assets/css/main.css b/assets/css/main.css deleted file mode 100644 index cd508e0..0000000 --- a/assets/css/main.css +++ /dev/null @@ -1,143 +0,0 @@ ---- ---- -@import "tailwindcss/base"; -@import "tailwindcss/components"; -@import "tailwindcss/utilities"; - - -@keyframes float { - 0%, 100% { - transform: translateY(0) rotate(0) rotate(0); - } - 50% { - transform: translateY(-10px) rotate(5deg) rotate(4deg); - } - } - -.animate-float { -animation: float 20s ease-in-out infinite; /* Adjust the duration and easing as needed */ -transform-style: preserve-3d; -transform: perspective(500px); -} - -.hero{ - background-image: url('/assets/images/png/hero-bg.png'); - background-color: theme('colors.midnight.500'); - background-position: center center; -} - -#canvas { - - margin-left: auto; - margin-right: auto; - display: block; - width:500px; -} - - - -.book-section{ - height: auto; - width: 100%; - padding: 40px 0; - text-align: center; -} -.book-section > .container{ - height: 400px; - max-width: 500px; - position: relative; - left: 50%; - transform: translateX(-50%); - border-radius: 2%; - margin-bottom: 30px; - perspective: 1200px; -} -.container > .right{ - position: absolute; - height: 100%; - width: 50%; - transition: 0.7s ease-in-out; - transform-style: preserve-3d; -} -.book-section > .container > .right{ - right:0; - transform-origin: left; - border-radius: 10px 0 0 10px; -} -.right > figure.front, .right > figure.back{ - margin: 0; - height: 100%; - width: 100%; - position: absolute; - left:0; - top:0; - background-size: 200%; - background-repeat: no-repeat; - backface-visibility: hidden; - background-color: white; - overflow: hidden; -} -.right > figure.front{ - background-position: right; - border-radius: 0 10px 10px 0; - box-shadow: 2px 2px 15px -2px rgba(0,0,0,0.2); -} -.right > figure.back{ - background-position: left; - border-radius: 10px 0 0 10px; - box-shadow: -2px 2px 15px -2px rgba(0,0,0,0.2); - transform: rotateY(180deg); -} -.flip{ - transform: rotateY(-180deg); -} -.flip::before{ - content: ""; - position: absolute; - top:0; - left:0; - z-index: 10; - width: 100%; - height: 100%; - border-radius: 0 10px 10px 0; - background-color: rgba(0,0,0,0.1); -} -.book-section > button{ - border: 2px solid theme('colors.ucla_blue.500'); - background-color: transparent; - color: theme('colors.ucla_blue.500'); - padding: 10px 20px; - border-radius: 5px; - cursor: pointer; - margin: 10px; - transition: 0.3s ease-in-out; -} -.book-section > button:focus, .book-section > button:active{ - outline: none; -} -.book-section > p{ - color: rgba(0,0,0,0.7); - font-family: calibri; - font-size: 24px; -} -.book-section > p > a{ - text-decoration: none; - color: theme('colors.ucla_blue.500'); -} -.book-section > button:hover{ - background-color: theme('colors.ucla_blue.500'); - color: #fff; -} -.front#cover, .back#back-cover{ - background-color: #ffcb63; - font-family: calibri; - text-align: left; - padding: 0 30px; -} -.front#cover h1{ - color: #fff; -} -.front#cover p{ - color: rgba(0,0,0,0.8); - font-size: 14px; -} \ No newline at end of file diff --git a/index.html b/index.html index 7a732f9..78d35aa 100644 --- a/index.html +++ b/index.html @@ -30,10 +30,10 @@
- mockup + mockup
- + @@ -110,7 +110,7 @@

Gutenacht Abo

- + @@ -126,7 +126,7 @@

Entdecke Neot
gallery + src="./assets/images/png/cover_amelie.png">

THE SUBTITLE @@ -140,7 +140,7 @@

Shooting Stars

gallery + src="./assets/images/jpg/cover.jpg">

THE SUBTITLE @@ -228,7 +228,7 @@

Start deine kostenlose Test

- +
@@ -243,7 +243,7 @@

-

Perfektes Leseerlebnis

@@ -255,7 +255,7 @@

Perfektes Leseerlebnis

-

Wundervolle Illustrationen

@@ -266,7 +266,7 @@

Wundervolle Illustrationen
-

Leicht anpassbar

@@ -278,7 +278,7 @@

Leicht anpassbar

-

Altersgerecht und lehrreich

@@ -289,7 +289,7 @@

Altersgerecht und lehrreich
-

Vorlesen leicht gemacht

@@ -301,7 +301,7 @@

Vorlesen leicht gemacht

-

Individuelle Interessen

@@ -312,7 +312,7 @@

Individuelle Interessen

- + @@ -443,7 +443,7 @@

- + @@ -515,7 +515,7 @@

Machen S

- + @@ -653,7 +653,7 @@

Premium Abo

- +