diff --git a/archive/foobar.ai/css/main.css b/archive/foobar.ai/css/main.css index 1dee9a5..c485327 100644 --- a/archive/foobar.ai/css/main.css +++ b/archive/foobar.ai/css/main.css @@ -1,15 +1,4 @@ -/* VARIABLES */ - -:root { - --font: Tahoma, Arial, sans-serif; - --text: #DDF; - --text-grayed: #99B; - --bg: #050505; - --bg-2: #111; - --bg-3: #222; - --primary: #45F; - --secondary: #8ea; -} + /* CSS RESET */ diff --git a/archive/foobar.ai/index.css b/archive/foobar.ai/index.css index c003445..4c831b0 100644 --- a/archive/foobar.ai/index.css +++ b/archive/foobar.ai/index.css @@ -1,3 +1,19 @@ +/* VARIABLES */ + +:root { + --bg-1: #050505; + --bg-2: #111; + --bg-3: #222; + --primary: #45F; + --secondary: #8ea; + --teritary: #8ae; +} + +.color { + color: var(--secondary); + padding: 0; +} + .header { padding: 0 1.5rem; } @@ -39,6 +55,7 @@ } .cards { + display: flex; margin-top: 1rem; } @@ -47,8 +64,7 @@ flex: 0 0 auto; width: 40%; min-width: 300px; - height: 10rem; - padding: 2rem; + padding: 1.5rem; margin: 0 .2rem; background: var(--bg-3); border-radius: .5rem; @@ -63,8 +79,12 @@ color: var(--text-grayed); } +.horiz-scroll { + overflow-x: scroll; +} + .solutions { - padding-top: 20vh; + padding-top: 15vh; } .solutions__title { diff --git a/archive/foobar.ai/index.html b/archive/foobar.ai/index.html index 7c7bbf2..f89ff3f 100644 --- a/archive/foobar.ai/index.html +++ b/archive/foobar.ai/index.html @@ -11,8 +11,9 @@ foobar.ai - - + + + @@ -47,7 +48,7 @@

-

Why ?

+

Why foobar?

AI buzz

diff --git a/archive/foobar.ai/product/index.html b/archive/foobar.ai/product/index.html index 4f97a74..24b20e6 100644 --- a/archive/foobar.ai/product/index.html +++ b/archive/foobar.ai/product/index.html @@ -10,8 +10,8 @@ foobar.ai: Pro Max Platinum+ - - + + @@ -41,7 +41,7 @@

foobar.ai: Pro Max Platinum disabled>

- + Buy

diff --git a/archive/foobar.ai/product/product.css b/archive/foobar.ai/product/product.css index 730d040..91a03d8 100644 --- a/archive/foobar.ai/product/product.css +++ b/archive/foobar.ai/product/product.css @@ -28,8 +28,11 @@ } .buy, .product { - min-height: 50vh; - padding: 5%; + min-height: 30vh; + padding: 3%; + margin: 2%; + background: var(--bg-3); + border-radius: 10px; } .buy { @@ -64,8 +67,7 @@ } .buy__btn:hover { - color: #B00; - border-color: #B00; + color: #C22; } .product__cost { diff --git a/css/main.css b/css/main.css index a905b7b..c57adef 100644 --- a/css/main.css +++ b/css/main.css @@ -9,7 +9,7 @@ --primary: #787; --secondary: #446; --teritary: #886; - --font-1: "Noto Sans", sans-serif; + --font-1: "Noto Sans", "Open Sans", sans-serif€; --font-2: "Ubuntu Mono", "Courier New", monospace; } @@ -51,7 +51,6 @@ body { a { color: var(--primary); padding: 0.2rem; - border-radius: 4px; text-decoration: none; } @@ -67,6 +66,7 @@ a:active{ padding: 0.4rem .8rem; text-align: center; cursor: pointer; + border-radius: 4px; background: var(--bg-3); font-weight: 700; transition: background 0.1s linear; diff --git a/index.html b/index.html index 6796509..0c62bab 100644 --- a/index.html +++ b/index.html @@ -65,7 +65,7 @@

Things:

browser information collector
  • - fake AI website + fake AI website

  • And nothing else important...

    @@ -78,14 +78,14 @@

    Contact me:

  • - Github icon + icon Github
  • - FaceBook icon + icon FaceBook