remove unecessary components
This commit is contained in:
@@ -1,6 +0,0 @@
|
||||
<details class="border border-transparent open:border-black/10 open:bg-gray-100 ..." open>
|
||||
<summary class="text-sm leading-6 font-semibold text-gray-900 select-none">Why do they call it Ovaltine?</summary>
|
||||
<div class="mt-3 text-sm leading-6 text-gray-600">
|
||||
<p>The mug is round. The jar is round. They should call it Roundtine.</p>
|
||||
</div>
|
||||
</details>
|
||||
@@ -1,29 +0,0 @@
|
||||
export function Bookmark(props) {
|
||||
return (
|
||||
<svg
|
||||
viewBox="0 0 368 492"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
{...props}
|
||||
>
|
||||
<path
|
||||
d="M347.855 489.218L191.347 418.671C187.077 415.933 181.603 415.933 177.278 418.671L20.7705 489.218C12.0665 494.75 0.680176 488.506 0.680176 478.209V13.0816C0.734918 5.85162 6.59233 -0.0090332 13.8183 -0.0090332H354.917C362.143 -0.0090332 368 5.85162 368 13.0816V478.209C368 488.506 356.614 494.75 347.91 489.218H347.855Z"
|
||||
// fill="url(#paint0_linear_1145_4906)"
|
||||
/>
|
||||
<defs>
|
||||
<linearGradient
|
||||
id="paint0_linear_1145_4906"
|
||||
x1="326.947"
|
||||
y1="66.4597"
|
||||
x2="-0.94168"
|
||||
y2="306.46"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
>
|
||||
<stop stop-color="#FFCF82" />
|
||||
<stop offset="0.483794" stop-color="#C7D174" />
|
||||
<stop offset="1" stop-color="#8CD366" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
)
|
||||
}
|
||||
@@ -1,30 +0,0 @@
|
||||
import clsx from 'clsx'
|
||||
|
||||
interface CardProps {
|
||||
children: React.ReactNode
|
||||
color?: 'gradient' | 'darker' | 'yellow' | 'zinc'
|
||||
className?: string | undefined
|
||||
}
|
||||
|
||||
export function Card({ children, color = 'gradient', className }: CardProps) {
|
||||
const colorVariants = {
|
||||
gradient: 'bg-linear-to-tr from-[#8CD366] via-[#C7D174] to-[#FFCF82]',
|
||||
darker: 'bg-green-primary text-white',
|
||||
yellow: 'text-green-primary bg-yellow-tertiary',
|
||||
zinc: 'text-white bg-zinc-900',
|
||||
}
|
||||
|
||||
return (
|
||||
<div
|
||||
className={clsx(
|
||||
'lg:rounded-2xl',
|
||||
'lg:drop-shadow-sm',
|
||||
'p-3 lg:p-12',
|
||||
colorVariants[color],
|
||||
className,
|
||||
)}
|
||||
>
|
||||
{children}
|
||||
</div>
|
||||
)
|
||||
}
|
||||
@@ -1,47 +0,0 @@
|
||||
import { Disclosure, DisclosureButton, DisclosurePanel } from '@headlessui/react'
|
||||
import { ChevronDownIcon } from '@heroicons/react/24/solid'
|
||||
|
||||
export function Faq({ topics }) {
|
||||
return (
|
||||
<>
|
||||
{topics?.map((topic, idx) => (
|
||||
<ListItem defaultOpen={false} key={idx}>
|
||||
<ListButton>
|
||||
{idx + 1}. {topic}
|
||||
</ListButton>
|
||||
<ListPanel>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sit amet neque id libero semper vulputate a
|
||||
ut ex. Pellentesque semper ultrices mi in efficitur.
|
||||
</p>
|
||||
<p>
|
||||
Nulla sit amet quam eu neque convallis volutpat. Pellentesque eu commodo sem. Suspendisse ac lobortis
|
||||
massa, ac mattis mauris. Integer malesuada bibendum ante, sed consequat augue convallis et.
|
||||
</p>
|
||||
</ListPanel>
|
||||
</ListItem>
|
||||
))}
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
export function ListItem({ children, ...props }) {
|
||||
return (
|
||||
<Disclosure as="div" className="bg-white/10 rounded-lg w-full data-open:bg-white/15" {...props}>
|
||||
{children}
|
||||
</Disclosure>
|
||||
)
|
||||
}
|
||||
|
||||
export function ListButton({ children }) {
|
||||
return (
|
||||
<DisclosureButton className="group flex items-center justify-between w-full px-5 py-3 cursor-pointer">
|
||||
<span className="text-left">{children}</span>
|
||||
<ChevronDownIcon className="size-5 fill-white/60 group-data-[hover]:fill-white/50 group-data-[open]:rotate-180 shrink-0" />
|
||||
</DisclosureButton>
|
||||
)
|
||||
}
|
||||
|
||||
export function ListPanel({ children }) {
|
||||
return <DisclosurePanel className="text-sm/6 text-white/70 space-y-2 px-5 pb-3">{children}</DisclosurePanel>
|
||||
}
|
||||
@@ -1,6 +1,9 @@
|
||||
---
|
||||
import { Icon } from 'astro-icon/components'
|
||||
import Container from './Container.astro'
|
||||
|
||||
import { getCollection } from 'astro:content'
|
||||
const courses = await getCollection('courses', ({ data }) => data.draft != true)
|
||||
---
|
||||
|
||||
<nav
|
||||
@@ -16,7 +19,7 @@ import Container from './Container.astro'
|
||||
aria-haspopup="true"
|
||||
>
|
||||
<div class="truncate max-w-36 sm:max-w-72 md:max-w-124">NR-18 PEMT Plataforma Móvel de Trabalho</div>
|
||||
<Icon name="chevron" aria-hidden="true" class="w-4" />
|
||||
<Icon name="chevron" aria-hidden="true" class="size-4" />
|
||||
</button>
|
||||
|
||||
<button
|
||||
@@ -39,13 +42,12 @@ import Container from './Container.astro'
|
||||
x-transition:leave-end="opacity-0"
|
||||
role="menu"
|
||||
class="absolute top-0 bg-lime-400 w-full py-6 2xl:py-24 rounded-b-2xl drop-shadow shadow-sm"
|
||||
style="display:
|
||||
none"
|
||||
style="display: none;"
|
||||
>
|
||||
<Container class="text-black relative xl:w-10/12 2xl:w-5xl">
|
||||
<button
|
||||
class="absolute border border-black cursor-pointer rounded-full -top-3.5 2xl:-top-21.5 right-2.5"
|
||||
title="Fechar"
|
||||
aria-labelledby="Fechar"
|
||||
aria-hidden={true}
|
||||
x-on:click="open = false"
|
||||
>
|
||||
@@ -60,6 +62,20 @@ import Container from './Container.astro'
|
||||
<div class="flex max-lg:flex-col gap-2.5 justify-between mb-3.5">
|
||||
<h6 class="font-medium text-xl lg:text-2xl">Conheça outros cursos da EDUSEG®</h6>
|
||||
</div>
|
||||
|
||||
<ul class="list-disc list-inside max-lg:[&_li]:truncate">
|
||||
{
|
||||
courses.map(({ data: { title, slug } }) => {
|
||||
return (
|
||||
<li>
|
||||
<a href={`/${slug}`} class="font-bold hover:underline">
|
||||
{title}
|
||||
</a>
|
||||
</li>
|
||||
)
|
||||
})
|
||||
}
|
||||
</ul>
|
||||
</Container>
|
||||
</div>
|
||||
<!-- Dropdown Menu End -->
|
||||
|
||||
Reference in New Issue
Block a user