Skip to content

Commit

Permalink
New design blocks demo landing pages (#1664)
Browse files Browse the repository at this point in the history 
* Create landing page design blocs docs pages in progress

* Create landing page design blocks docs in progress

* Create landing page design blocks docs in progress

* Create landing page design blocks docs pages finished

---------

Co-authored-by: Marta Wierzbicka <martussky@MacBook-Pro-Marta.local>
  • Loading branch information
@Martussky
Martussky and Marta Wierzbicka committed Jun 2, 2023
1 parent ceebff9 commit 45e4ced
Show file tree
Hide file tree
Showing 271 changed files with 4,986 additions and 4,363 deletions.
Binary file added site/content/docs/standard/designblocks/banners/assets/banner-1-dark-min.webp
View file
Binary file not shown.
Binary file added site/content/docs/standard/designblocks/banners/assets/banner-1-light-min.webp
View file
Binary file not shown.
Binary file added site/content/docs/standard/designblocks/banners/assets/banner-2-dark-min.webp
View file
Binary file not shown.
Binary file added site/content/docs/standard/designblocks/banners/assets/banner-2-light-min.webp
View file
Binary file not shown.
Binary file added site/content/docs/standard/designblocks/banners/assets/banner-3-dark-min.webp
View file
Binary file not shown.
Binary file added site/content/docs/standard/designblocks/banners/assets/banner-3-light-min.webp
View file
Binary file not shown.
222 changes: 119 additions & 103 deletions site/content/docs/standard/designblocks/banners/index.html
View file

Large diffs are not rendered by default.

132 changes: 66 additions & 66 deletions site/content/docs/standard/designblocks/charts/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,46 +17,46 @@
<h2 class="mb-12 text-3xl font-bold">v.1</h2>

<!-- Section: Screen block -->
<section class="overflow-hidden rounded-lg bg-white shadow-lg">
<section
class="overflow-hidden rounded-lg bg-white shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] dark:bg-neutral-800 dark:shadow-black/10">
<!-- Header -->
<div class="flex items-center justify-between border-b p-6">
<div
class="flex items-center justify-between border-b p-6 dark:border-b-neutral-600">
<h5 class="mb-0">
<span
class="inline-block flex items-center justify-start whitespace-nowrap rounded bg-neutral-200 px-2.5 py-1 text-center align-baseline text-xs font-bold leading-none text-neutral-700"
class="inline-block flex items-center justify-start whitespace-nowrap rounded bg-neutral-200 px-2.5 py-1 text-center align-baseline text-xs font-bold leading-none text-neutral-700 dark:bg-neutral-600 dark:text-neutral-200"
><svg
aria-hidden="true"
focusable="false"
data-prefix="fas"
data-icon="lock"
class="mr-2 w-3"
role="img"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
fill="none"
viewBox="0 0 24 24"
stroke-width="2"
stroke="currentColor"
class="mr-1 h-4 w-4">
<path
fill="currentColor"
d="M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z"></path>
stroke-linecap="round"
stroke-linejoin="round"
d="M16.5 10.5V6.75a4.5 4.5 0 10-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 002.25-2.25v-6.75a2.25 2.25 0 00-2.25-2.25H6.75a2.25 2.25 0 00-2.25 2.25v6.75a2.25 2.25 0 002.25 2.25z" />
</svg>
Screenshot</span
>
</h5>
<a
class="inline-block flex items-center justify-start rounded bg-transparent px-6 py-2.5 text-xs font-medium uppercase leading-tight text-primary transition duration-150 ease-in-out hover:bg-neutral-100 hover:text-primary-700 focus:bg-neutral-100 focus:outline-none focus:ring-0 active:bg-neutral-200"
class="inline-block flex items-center justify-start rounded bg-transparent px-6 pb-2 pt-2.5 text-xs font-medium uppercase leading-tight text-primary transition duration-150 ease-in-out hover:bg-neutral-100 hover:text-primary-700 focus:bg-neutral-100 focus:outline-none focus:ring-0 active:bg-neutral-200 dark:text-primary-400 dark:hover:bg-neutral-700 dark:hover:text-primary-500 dark:focus:bg-neutral-700 dark:focus:text-primary-500 dark:active:bg-neutral-700"
href="https://tailwind-elements.com/snippets/tailwind/tailwindelements/3634743"
target="_blank"
role="button"
data-te-ripple-init
>Get the code<svg
aria-hidden="true"
focusable="false"
data-prefix="fas"
data-icon="arrow-right"
class="ml-2 w-2.5"
role="img"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
fill="none"
viewBox="0 0 24 24"
stroke-width="2"
stroke="currentColor"
class="ml-1 h-4 w-4">
<path
fill="currentColor"
d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"></path>
stroke-linecap="round"
stroke-linejoin="round"
d="M4.5 12h15m0 0l-6.75-6.75M19.5 12l-6.75 6.75" />
</svg>
</a>
</div>
Expand Down Expand Up @@ -88,46 +88,46 @@ <h5 class="mb-0">
<h2 class="mb-12 text-3xl font-bold">v.2</h2>

<!-- Section: Screen block -->
<section class="overflow-hidden rounded-lg bg-white shadow-lg">
<section
class="overflow-hidden rounded-lg bg-white shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] dark:bg-neutral-800 dark:shadow-black/10">
<!-- Header -->
<div class="flex items-center justify-between border-b p-6">
<div
class="flex items-center justify-between border-b p-6 dark:border-b-neutral-600">
<h5 class="mb-0">
<span
class="inline-block flex items-center justify-start whitespace-nowrap rounded bg-neutral-200 px-2.5 py-1 text-center align-baseline text-xs font-bold leading-none text-neutral-700"
class="inline-block flex items-center justify-start whitespace-nowrap rounded bg-neutral-200 px-2.5 py-1 text-center align-baseline text-xs font-bold leading-none text-neutral-700 dark:bg-neutral-600 dark:text-neutral-200"
><svg
aria-hidden="true"
focusable="false"
data-prefix="fas"
data-icon="lock"
class="mr-2 w-3"
role="img"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
fill="none"
viewBox="0 0 24 24"
stroke-width="2"
stroke="currentColor"
class="mr-1 h-4 w-4">
<path
fill="currentColor"
d="M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z"></path>
stroke-linecap="round"
stroke-linejoin="round"
d="M16.5 10.5V6.75a4.5 4.5 0 10-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 002.25-2.25v-6.75a2.25 2.25 0 00-2.25-2.25H6.75a2.25 2.25 0 00-2.25 2.25v6.75a2.25 2.25 0 002.25 2.25z" />
</svg>
Screenshot</span
>
</h5>
<a
class="inline-block flex items-center justify-start rounded bg-transparent px-6 py-2.5 text-xs font-medium uppercase leading-tight text-primary transition duration-150 ease-in-out hover:bg-neutral-100 hover:text-primary-700 focus:bg-neutral-100 focus:outline-none focus:ring-0 active:bg-neutral-200"
class="inline-block flex items-center justify-start rounded bg-transparent px-6 pb-2 pt-2.5 text-xs font-medium uppercase leading-tight text-primary transition duration-150 ease-in-out hover:bg-neutral-100 hover:text-primary-700 focus:bg-neutral-100 focus:outline-none focus:ring-0 active:bg-neutral-200 dark:text-primary-400 dark:hover:bg-neutral-700 dark:hover:text-primary-500 dark:focus:bg-neutral-700 dark:focus:text-primary-500 dark:active:bg-neutral-700"
href="https://tailwind-elements.com/snippets/tailwind/tailwindelements/3634756"
target="_blank"
role="button"
data-te-ripple-init
>Get the code<svg
aria-hidden="true"
focusable="false"
data-prefix="fas"
data-icon="arrow-right"
class="ml-2 w-2.5"
role="img"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
fill="none"
viewBox="0 0 24 24"
stroke-width="2"
stroke="currentColor"
class="ml-1 h-4 w-4">
<path
fill="currentColor"
d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"></path>
stroke-linecap="round"
stroke-linejoin="round"
d="M4.5 12h15m0 0l-6.75-6.75M19.5 12l-6.75 6.75" />
</svg>
</a>
</div>
Expand Down Expand Up @@ -159,46 +159,46 @@ <h5 class="mb-0">
<h2 class="mb-12 text-3xl font-bold">v.3</h2>

<!-- Section: Screen block -->
<section class="overflow-hidden rounded-lg bg-white shadow-lg">
<section
class="overflow-hidden rounded-lg bg-white shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] dark:bg-neutral-800 dark:shadow-black/10">
<!-- Header -->
<div class="flex items-center justify-between border-b p-6">
<div
class="flex items-center justify-between border-b p-6 dark:border-b-neutral-600">
<h5 class="mb-0">
<span
class="inline-block flex items-center justify-start whitespace-nowrap rounded bg-neutral-200 px-2.5 py-1 text-center align-baseline text-xs font-bold leading-none text-neutral-700"
class="inline-block flex items-center justify-start whitespace-nowrap rounded bg-neutral-200 px-2.5 py-1 text-center align-baseline text-xs font-bold leading-none text-neutral-700 dark:bg-neutral-600 dark:text-neutral-200"
><svg
aria-hidden="true"
focusable="false"
data-prefix="fas"
data-icon="lock"
class="mr-2 w-3"
role="img"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
fill="none"
viewBox="0 0 24 24"
stroke-width="2"
stroke="currentColor"
class="mr-1 h-4 w-4">
<path
fill="currentColor"
d="M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z"></path>
stroke-linecap="round"
stroke-linejoin="round"
d="M16.5 10.5V6.75a4.5 4.5 0 10-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 002.25-2.25v-6.75a2.25 2.25 0 00-2.25-2.25H6.75a2.25 2.25 0 00-2.25 2.25v6.75a2.25 2.25 0 002.25 2.25z" />
</svg>
Screenshot</span
>
</h5>
<a
class="inline-block flex items-center justify-start rounded bg-transparent px-6 py-2.5 text-xs font-medium uppercase leading-tight text-primary transition duration-150 ease-in-out hover:bg-neutral-100 hover:text-primary-700 focus:bg-neutral-100 focus:outline-none focus:ring-0 active:bg-neutral-200"
class="inline-block flex items-center justify-start rounded bg-transparent px-6 pb-2 pt-2.5 text-xs font-medium uppercase leading-tight text-primary transition duration-150 ease-in-out hover:bg-neutral-100 hover:text-primary-700 focus:bg-neutral-100 focus:outline-none focus:ring-0 active:bg-neutral-200 dark:text-primary-400 dark:hover:bg-neutral-700 dark:hover:text-primary-500 dark:focus:bg-neutral-700 dark:focus:text-primary-500 dark:active:bg-neutral-700"
href="https://tailwind-elements.com/snippets/tailwind/tailwindelements/3635265"
target="_blank"
role="button"
data-te-ripple-init
>Get the code<svg
aria-hidden="true"
focusable="false"
data-prefix="fas"
data-icon="arrow-right"
class="ml-2 w-2.5"
role="img"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
fill="none"
viewBox="0 0 24 24"
stroke-width="2"
stroke="currentColor"
class="ml-1 h-4 w-4">
<path
fill="currentColor"
d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"></path>
stroke-linecap="round"
stroke-linejoin="round"
d="M4.5 12h15m0 0l-6.75-6.75M19.5 12l-6.75 6.75" />
</svg>
</a>
</div>
Expand Down
Loading

0 comments on commit 45e4ced

Please sign in to comment.