docs: 🎨 lot stuff

This commit is contained in:
Leifer Mendez
2023-01-05 13:17:49 +01:00
parent 77c6baf46b
commit 8d6c34d8b9
18 changed files with 237 additions and 99 deletions

View File

@@ -3,41 +3,15 @@ import { Link } from '@builder.io/qwik-city'
import { IconTwitter } from '~/components/icons/IconTwitter'
import { IconGithub } from '~/components/icons/IconGithub'
import { Netlify } from '../atoms/Netlify'
export default component$(() => {
const links = [
{
title: 'Product',
items: [
{ title: 'Features', href: '#' },
{ title: 'Security', href: '#' },
],
},
{
title: 'Platform',
items: [
{ title: 'Developer API', href: '#' },
{ title: 'Partners', href: '#' },
],
},
{
title: 'Support',
items: [
{ title: 'Docs', href: '#' },
{ title: 'Community Forum', href: '#' },
],
},
{
title: 'Company',
items: [
{ title: 'About', href: '#' },
{ title: 'Blog', href: '#' },
],
},
]
const social = [
{ label: 'Twitter', icon: IconTwitter, href: '#' },
{
label: 'Twitter',
icon: IconTwitter,
href: 'https://twitter.com/leifermendez',
},
{
label: 'Github',
icon: IconGithub,
@@ -50,36 +24,15 @@ export default component$(() => {
<div class="max-w-6xl mx-auto px-4 sm:px-6">
<div class="grid grid-cols-12 gap-4 gap-y-8 sm:gap-8 py-8 md:py-12">
<div class="col-span-12 lg:col-span-4 pr-8">
<div class="text-sm text-gray-600 dark:text-gray-400">
Nos sentimos muy afortunados de poder contribuir a
este proyecto y esperamos poder seguir trabajando
juntos para ayudar a los pequeños comercios a
impulsar sus ventas y fortalecer la economía local.
<div class="text-sm text-gray-600 dark:text-gray-400"></div>
</div>
<div class="col-span-12 flex justify-center lg:col-span-4 pr-8">
<div class={'flex flex-col justify-center gap-1'}>
<a target={'_blank'} href="https://www.netlify.com">
<Netlify />
</a>
</div>
</div>
{links.map(({ title, items }) => (
<div class="col-span-6 md:col-span-3 lg:col-span-2">
<div class="text-gray-800 dark:text-gray-300 font-medium mb-2">
{title}
</div>
{items &&
Array.isArray(items) &&
items.length > 0 && (
<ul class="text-sm">
{items.map(({ title, href }) => (
<li class="mb-2">
<Link
class="text-gray-600 hover:text-gray-700 hover:underline dark:text-gray-400 transition duration-150 ease-in-out"
href={href}
>
{title}
</Link>
</li>
))}
</ul>
)}
</div>
))}
</div>
<div class="md:flex md:items-center md:justify-between py-6 md:py-8">
<ul class="flex mb-4 md:order-1 -ml-2 md:ml-4 md:mb-0">

View File

@@ -5,6 +5,8 @@ import { useLocation } from '@builder.io/qwik-city'
import { src as qwik } from '~/assets/images/qwik.png?width=100&metadata'
// @ts-ignore
import { src as leanga } from '~/assets/images/leanga.png?width=40&metadata'
// @ts-ignore
import { src as netlify } from '~/assets/images/full-logo-light.png?width=100&metadata'
/**
* options = [] array con la lista de opciones de la documentacion
@@ -33,6 +35,19 @@ export default component$(() => {
</picture>
</a>
</li>
<li>
<a target={'_blank'} href="https://www.netlify.com">
<picture>
<img
src={netlify}
class="border border-slate-200 rounded my-2 p-1 bg-gray-50 dark:border-gray-600 dark:bg-gray-700"
alt="Qwind Hero Image (Cool dog)"
loading="eager"
decoding="async"
/>
</picture>
</a>
</li>
<li>
<a target={'_blank'} href="https://leangasoftware.es/">
<picture>