Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

New design blocks landing pages #1664

Merged
merged 4 commits into from
Jun 2, 2023
Merged

New design blocks landing pages #1664

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
9f0e024
Create landing page design blocs docs pages in progress
May 16, 2023
df21e6b
Create landing page design blocks docs in progress
May 17, 2023
3e8ae71
Create landing page design blocks docs in progress
May 18, 2023
deedb93
Create landing page design blocks docs pages finished
May 19, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added site/content/docs/standard/designblocks/banners/assets/banner-1-dark-min.webp
View file
Open in desktop
Binary file not shown.
Binary file added site/content/docs/standard/designblocks/banners/assets/banner-1-light-min.webp
View file
Open in desktop
Binary file not shown.
Binary file added site/content/docs/standard/designblocks/banners/assets/banner-2-dark-min.webp
View file
Open in desktop
Binary file not shown.
Binary file added site/content/docs/standard/designblocks/banners/assets/banner-2-light-min.webp
View file
Open in desktop
Binary file not shown.
Binary file added site/content/docs/standard/designblocks/banners/assets/banner-3-dark-min.webp
View file
Open in desktop
Binary file not shown.
Binary file added site/content/docs/standard/designblocks/banners/assets/banner-3-light-min.webp
View file
Open in desktop
Binary file not shown.
222 changes: 119 additions & 103 deletions site/content/docs/standard/designblocks/banners/index.html
View file
Open in desktop

Large diffs are not rendered by default.

132 changes: 66 additions & 66 deletions site/content/docs/standard/designblocks/charts/index.html
View file
Open in desktop
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