sergio/saladeaula.digital
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

bookmark

Browse Source
This commit is contained in:
Sérgio Rafael Siqueira
2025-03-12 11:11:32 -03:00
parent 024c2ed141
commit d4bb54017d
8 changed files with 262 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
eduseg/src/components/Bookmark.jsx Normal file
View File

@@ -0,0 +1,29 @@
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>
);
}

4
eduseg/src/components/Logo.jsx
View File

@@ -1,4 +1,4 @@
export function Regular({ ...props }) {
export function Regular(props) {
return (
<svg
xmlns="http://www.w3.org/2000/svg"
@@ -63,7 +63,7 @@ export function Regular({ ...props }) {
);
}
export function Smallest({ ...props }) {
export function Smallest(props) {
return (
<svg
xmlns="http://www.w3.org/2000/svg"

12
eduseg/src/components/Welcome.astro
View File

@@ -1,9 +1,15 @@
---
import { Bookmark } from "./Bookmark";
---
<div><Bookmark className="h-96" /></div>
<div
class="text-black bg-gray-100 rounded-2xl p-6 xl:p-12 bg-linear-to-tr from-green-secondary to-yellow-primary"
class="rounded-2xl p-6 xl:p-18 bg-linear-to-tr from-green-secondary to-yellow-primary"
>
<div class="xl:grid grid-cols-2 gap-5 h-96">
<div class="lg:grid grid-cols-2 gap-6">
<div class="space-y-2.5">
<h1 class="text-3xl font-medium">
<h1 class="text-4xl font-medium">
Garanta a capacitação para sua empresa
</h1>
<p>

6
eduseg/src/layouts/Layout.astro
View File

@@ -1,3 +1,7 @@
---
import "../styles/app.css";
---
<!doctype html>
<html lang="en">
<head>
@@ -8,7 +12,7 @@
<title>EDUSEG&reg;</title>
</head>
<body>
<div class="max-w-7xl mx-auto px-2.5 space-y-5">
<div class="max-w-7xl mx-auto px-2.5 space-y-2.5 lg:space-y-5">
<slot />
</div>
</body>

3
eduseg/src/pages/index.astro
View File

@@ -1,5 +1,4 @@
---
import "../styles/global.css";
import Welcome from "../components/Welcome.astro";
import { Regular } from "../components/Logo.jsx";
import Layout from "../layouts/Layout.astro";
@@ -9,7 +8,7 @@ import Layout from "../layouts/Layout.astro";
---
<Layout>
<div class="mt-5">
<div class="mt-2.5 lg:mt-5">
<Regular className="w-46" />
</div>

4
eduseg/src/styles/global.css → eduseg/src/styles/app.css
View File

@@ -20,8 +20,8 @@
html,
body {
@apply text-black dark:text-white;
@apply bg-gray-50/50 dark:bg-gray-900;
@apply text-green-primary dark:text-white;
@apply bg-green-pastel dark:bg-gray-900;
@media (prefers-color-scheme: dark) {
color-scheme: dark;