Merge branch 'main' into next
7
.github/workflows/benchmark.yml
vendored
|
@ -20,6 +20,13 @@ jobs:
|
|||
PR-BENCH: ${{ steps.benchmark-pr.outputs.BENCH_RESULT }}
|
||||
MAIN-BENCH: ${{ steps.benchmark-main.outputs.BENCH_RESULT }}
|
||||
steps:
|
||||
- name: Check if user has write access
|
||||
uses: lannonbr/repo-permission-check-action@2.0.2
|
||||
with:
|
||||
permission: write
|
||||
env:
|
||||
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
|
||||
|
||||
# https://github.com/actions/checkout/issues/331#issuecomment-1438220926
|
||||
- uses: actions/checkout@v4
|
||||
with:
|
||||
|
|
7
.github/workflows/preview-comment.yml
vendored
|
@ -13,6 +13,13 @@ jobs:
|
|||
runs-on: ubuntu-latest
|
||||
|
||||
steps:
|
||||
- name: Check if user has write access
|
||||
uses: lannonbr/repo-permission-check-action@2.0.2
|
||||
with:
|
||||
permission: write
|
||||
env:
|
||||
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
|
||||
|
||||
- run: |
|
||||
gh issue edit ${{ github.event.issue.number }} --add-label "pr: preview" --repo ${{ github.repository }}
|
||||
env:
|
||||
|
|
6
.github/workflows/snapshot-release.yml
vendored
|
@ -25,10 +25,10 @@ jobs:
|
|||
issues: write
|
||||
pull-requests: write
|
||||
steps:
|
||||
- name: "Check if user has write access"
|
||||
uses: "lannonbr/repo-permission-check-action@2.0.2"
|
||||
- name: Check if user has write access
|
||||
uses: lannonbr/repo-permission-check-action@2.0.2
|
||||
with:
|
||||
permission: "write"
|
||||
permission: write
|
||||
env:
|
||||
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
|
||||
|
||||
|
|
6
.github/workflows/sync-examples.yml
vendored
|
@ -40,11 +40,13 @@ jobs:
|
|||
# We only do sync if there are no changesets, so we don't accidentally allow users
|
||||
# to clone examples that may rely on unreleased code
|
||||
|
||||
- name: Sync from main branch to latest branch
|
||||
- name: Sync from main branch to latest and examples/* branches
|
||||
if: steps.detect.outputs.has-changesets == 'false' && github.ref == 'refs/heads/main'
|
||||
uses: bluwy/auto-branch-sync-action@v1
|
||||
with:
|
||||
map: / -> latest
|
||||
map: |
|
||||
/ -> latest
|
||||
/examples/* -> examples/*
|
||||
skip-unchanged-check: ${{ inputs.skip-unchanged-check == true }}
|
||||
dry-run: ${{ inputs.dry-run == true }}
|
||||
|
||||
|
|
3
.gitignore
vendored
|
@ -21,7 +21,8 @@ package-lock.json
|
|||
|
||||
packages/astro/src/**/*.prebuilt.ts
|
||||
packages/astro/src/**/*.prebuilt-dev.ts
|
||||
!packages/astro/vendor/vite/dist
|
||||
packages/astro/test/units/_temp-fixtures/*
|
||||
!packages/astro/test/units/_temp-fixtures/package.json
|
||||
packages/integrations/**/.netlify/
|
||||
|
||||
# exclude IntelliJ/WebStorm stuff
|
||||
|
|
|
@ -12,7 +12,7 @@ We welcome contributions of any size and skill level. As an open source project,
|
|||
|
||||
```shell
|
||||
node: "^>=18.17.1"
|
||||
pnpm: "^9.3.0"
|
||||
pnpm: "^9.12.1"
|
||||
# otherwise, your build will fail
|
||||
```
|
||||
|
||||
|
|
|
@ -6,6 +6,7 @@
|
|||
"**/dist/**",
|
||||
"**/smoke/**",
|
||||
"**/fixtures/**",
|
||||
"**/_temp-fixtures/**",
|
||||
"**/vendor/**",
|
||||
"**/.vercel/**",
|
||||
],
|
||||
|
|
|
@ -12,7 +12,7 @@
|
|||
"dependencies": {
|
||||
"@astrojs/mdx": "^4.0.0-beta.2",
|
||||
"@astrojs/rss": "^4.0.8",
|
||||
"@astrojs/sitemap": "^3.2.0",
|
||||
"@astrojs/sitemap": "^3.2.1",
|
||||
"astro": "^5.0.0-beta.4"
|
||||
}
|
||||
}
|
||||
|
|
|
@ -15,10 +15,10 @@
|
|||
"@astrojs/react": "^3.6.2",
|
||||
"react": "^18.3.1",
|
||||
"react-dom": "^18.3.1",
|
||||
"vitest": "^2.1.2"
|
||||
"vitest": "^2.1.3"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@types/react": "^18.3.11",
|
||||
"@types/react-dom": "^18.3.0"
|
||||
"@types/react-dom": "^18.3.1"
|
||||
}
|
||||
}
|
||||
|
|
|
@ -16,13 +16,13 @@
|
|||
"@astrojs/svelte": "^6.0.0-beta.1",
|
||||
"@astrojs/vue": "^5.0.0-beta.0",
|
||||
"@types/react": "^18.3.11",
|
||||
"@types/react-dom": "^18.3.0",
|
||||
"@types/react-dom": "^18.3.1",
|
||||
"astro": "^5.0.0-beta.4",
|
||||
"preact": "^10.24.2",
|
||||
"preact": "^10.24.3",
|
||||
"react": "^18.3.1",
|
||||
"react-dom": "^18.3.1",
|
||||
"solid-js": "^1.9.1",
|
||||
"solid-js": "^1.9.2",
|
||||
"svelte": "^4.2.19",
|
||||
"vue": "^3.5.11"
|
||||
"vue": "^3.5.12"
|
||||
}
|
||||
}
|
||||
|
|
|
@ -13,6 +13,6 @@
|
|||
"@astrojs/preact": "^3.5.3",
|
||||
"@preact/signals": "^1.3.0",
|
||||
"astro": "^5.0.0-beta.4",
|
||||
"preact": "^10.24.2"
|
||||
"preact": "^10.24.3"
|
||||
}
|
||||
}
|
||||
|
|
|
@ -12,7 +12,7 @@
|
|||
"dependencies": {
|
||||
"@astrojs/react": "^3.6.2",
|
||||
"@types/react": "^18.3.11",
|
||||
"@types/react-dom": "^18.3.0",
|
||||
"@types/react-dom": "^18.3.1",
|
||||
"astro": "^5.0.0-beta.4",
|
||||
"react": "^18.3.1",
|
||||
"react-dom": "^18.3.1"
|
||||
|
|
|
@ -12,6 +12,6 @@
|
|||
"dependencies": {
|
||||
"@astrojs/solid-js": "^4.4.2",
|
||||
"astro": "^5.0.0-beta.4",
|
||||
"solid-js": "^1.9.1"
|
||||
"solid-js": "^1.9.2"
|
||||
}
|
||||
}
|
||||
|
|
|
@ -12,6 +12,6 @@
|
|||
"dependencies": {
|
||||
"@astrojs/vue": "^5.0.0-beta.0",
|
||||
"astro": "^5.0.0-beta.4",
|
||||
"vue": "^3.5.11"
|
||||
"vue": "^3.5.12"
|
||||
}
|
||||
}
|
||||
|
|
4
examples/hackernews/.gitignore
vendored
|
@ -1,6 +1,5 @@
|
|||
# build output
|
||||
dist/
|
||||
.output/
|
||||
# generated types
|
||||
.astro/
|
||||
|
||||
|
@ -20,3 +19,6 @@ pnpm-debug.log*
|
|||
|
||||
# macOS-specific files
|
||||
.DS_Store
|
||||
|
||||
# jetbrains setting folder
|
||||
.idea/
|
||||
|
|
|
@ -1,10 +0,0 @@
|
|||
import { defineConfig } from 'astro/config';
|
||||
import node from '@astrojs/node';
|
||||
|
||||
// https://astro.build/config
|
||||
export default defineConfig({
|
||||
output: 'server',
|
||||
adapter: node({
|
||||
mode: 'standalone',
|
||||
}),
|
||||
});
|
|
@ -1,21 +0,0 @@
|
|||
{
|
||||
"name": "@example/middleware",
|
||||
"type": "module",
|
||||
"version": "0.0.1",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"dev": "astro dev",
|
||||
"build": "astro build",
|
||||
"preview": "astro preview",
|
||||
"astro": "astro",
|
||||
"server": "node dist/server/entry.mjs"
|
||||
},
|
||||
"dependencies": {
|
||||
"@astrojs/node": "^9.0.0-alpha.1",
|
||||
"astro": "^5.0.0-beta.4",
|
||||
"html-minifier": "^4.0.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@types/html-minifier": "^4.0.5"
|
||||
}
|
||||
}
|
|
@ -1,65 +0,0 @@
|
|||
---
|
||||
interface Props {
|
||||
title: string;
|
||||
body: string;
|
||||
href: string;
|
||||
}
|
||||
|
||||
const { href, title, body } = Astro.props;
|
||||
---
|
||||
|
||||
<li class="link-card">
|
||||
<a href={href}>
|
||||
<h2>
|
||||
{title}
|
||||
<span>→</span>
|
||||
</h2>
|
||||
<p>
|
||||
{body}
|
||||
</p>
|
||||
</a>
|
||||
</li>
|
||||
<style>
|
||||
.link-card {
|
||||
list-style: none;
|
||||
display: flex;
|
||||
padding: 0.25rem;
|
||||
background-color: white;
|
||||
background-image: none;
|
||||
background-size: 400%;
|
||||
border-radius: 0.6rem;
|
||||
background-position: 100%;
|
||||
transition: background-position 0.6s cubic-bezier(0.22, 1, 0.36, 1);
|
||||
box-shadow:
|
||||
0 4px 6px -1px rgba(0, 0, 0, 0.1),
|
||||
0 2px 4px -2px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.link-card > a {
|
||||
width: 100%;
|
||||
text-decoration: none;
|
||||
line-height: 1.4;
|
||||
padding: 1rem 1.3rem;
|
||||
border-radius: 0.35rem;
|
||||
color: #111;
|
||||
background-color: white;
|
||||
opacity: 0.8;
|
||||
}
|
||||
h2 {
|
||||
margin: 0;
|
||||
font-size: 1.25rem;
|
||||
transition: color 0.6s cubic-bezier(0.22, 1, 0.36, 1);
|
||||
}
|
||||
p {
|
||||
margin-top: 0.5rem;
|
||||
margin-bottom: 0;
|
||||
color: #444;
|
||||
}
|
||||
.link-card:is(:hover, :focus-within) {
|
||||
background-position: 0;
|
||||
background-image: var(--accent-gradient);
|
||||
}
|
||||
.link-card:is(:hover, :focus-within) h2 {
|
||||
color: rgb(var(--accent));
|
||||
}
|
||||
</style>
|
8
examples/middleware/src/env.d.ts
vendored
|
@ -1,8 +0,0 @@
|
|||
declare namespace App {
|
||||
interface Locals {
|
||||
user: {
|
||||
name: string;
|
||||
surname: string;
|
||||
};
|
||||
}
|
||||
}
|
|
@ -1,42 +0,0 @@
|
|||
---
|
||||
interface Props {
|
||||
title: string;
|
||||
}
|
||||
|
||||
const { title } = Astro.props;
|
||||
---
|
||||
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
||||
<meta name="generator" content={Astro.generator} />
|
||||
<title>{title}</title>
|
||||
</head>
|
||||
<body>
|
||||
<slot />
|
||||
</body>
|
||||
</html>
|
||||
<style is:global>
|
||||
:root {
|
||||
--accent: 124, 58, 237;
|
||||
--accent-gradient: linear-gradient(45deg, rgb(var(--accent)), #da62c4 30%, white 60%);
|
||||
}
|
||||
html {
|
||||
font-family: system-ui, sans-serif;
|
||||
background-color: #f6f6f6;
|
||||
}
|
||||
code {
|
||||
font-family:
|
||||
Menlo,
|
||||
Monaco,
|
||||
Lucida Console,
|
||||
Liberation Mono,
|
||||
DejaVu Sans Mono,
|
||||
Bitstream Vera Sans Mono,
|
||||
Courier New,
|
||||
monospace;
|
||||
}
|
||||
</style>
|
|
@ -1,83 +0,0 @@
|
|||
import { defineMiddleware, sequence } from 'astro:middleware';
|
||||
import htmlMinifier from 'html-minifier';
|
||||
|
||||
const limit = 50;
|
||||
|
||||
const loginInfo: {
|
||||
token: undefined | string;
|
||||
currentTime: undefined | number;
|
||||
} = {
|
||||
token: undefined,
|
||||
currentTime: undefined,
|
||||
};
|
||||
|
||||
export const minifier = defineMiddleware(async (_context, next) => {
|
||||
const response = await next();
|
||||
// check if the response is returning some HTML
|
||||
if (response.headers.get('content-type') === 'text/html') {
|
||||
let headers = response.headers;
|
||||
let html = await response.text();
|
||||
let newHtml = htmlMinifier.minify(html, {
|
||||
removeAttributeQuotes: true,
|
||||
collapseWhitespace: true,
|
||||
});
|
||||
return new Response(newHtml, {
|
||||
status: 200,
|
||||
headers,
|
||||
});
|
||||
}
|
||||
return response;
|
||||
});
|
||||
|
||||
const validation = defineMiddleware(async (context, next) => {
|
||||
if (context.request.url.endsWith('/admin')) {
|
||||
if (loginInfo.currentTime) {
|
||||
const difference = new Date().getTime() - loginInfo.currentTime;
|
||||
if (difference > limit) {
|
||||
console.log('hit threshold');
|
||||
loginInfo.token = undefined;
|
||||
loginInfo.currentTime = undefined;
|
||||
return context.redirect('/login');
|
||||
}
|
||||
}
|
||||
// we naively check if we have a token
|
||||
if (loginInfo.token && loginInfo.token === 'loggedIn') {
|
||||
// we fill the locals with user-facing information
|
||||
context.locals.user = {
|
||||
name: 'AstroUser',
|
||||
surname: 'AstroSurname',
|
||||
};
|
||||
return await next();
|
||||
} else {
|
||||
loginInfo.token = undefined;
|
||||
loginInfo.currentTime = undefined;
|
||||
return context.redirect('/login');
|
||||
}
|
||||
} else if (context.request.url.endsWith('/api/login')) {
|
||||
const response = await next();
|
||||
// the login endpoint will return to us a JSON with username and password
|
||||
if (response.headers.get('content-type') === 'application/json') {
|
||||
const data = await response.json();
|
||||
// we naively check if username and password are equals to some string
|
||||
if (data.username === 'astro' && data.password === 'astro') {
|
||||
// we store the token somewhere outside of locals because the `locals` object is attached to the request
|
||||
// and when doing a redirect, we lose that information
|
||||
loginInfo.token = 'loggedIn';
|
||||
loginInfo.currentTime = new Date().getTime();
|
||||
return context.redirect('/admin');
|
||||
}
|
||||
}
|
||||
return response;
|
||||
} else if (context.request.url.endsWith('/api/logout')) {
|
||||
const response = await next();
|
||||
if (response.ok) {
|
||||
loginInfo.token = undefined;
|
||||
loginInfo.currentTime = undefined;
|
||||
return context.redirect('/login');
|
||||
}
|
||||
return response;
|
||||
}
|
||||
return next();
|
||||
});
|
||||
|
||||
export const onRequest = sequence(validation, minifier);
|
|
@ -1,60 +0,0 @@
|
|||
---
|
||||
import Layout from '../layouts/Layout.astro';
|
||||
import Card from '../components/Card.astro';
|
||||
const user = Astro.locals.user;
|
||||
---
|
||||
|
||||
<Layout title="Welcome back!!">
|
||||
<main>
|
||||
<h1>Welcome back <span class="text-gradient">{user.name} {user.surname}</span></h1>
|
||||
{}
|
||||
<ul role="list" class="link-card-grid">
|
||||
<Card href="/api/logout" title="Logout" body="Logout now" />
|
||||
</ul>
|
||||
</main>
|
||||
</Layout>
|
||||
|
||||
<style>
|
||||
main {
|
||||
margin: auto;
|
||||
padding: 1.5rem;
|
||||
max-width: 60ch;
|
||||
}
|
||||
h1 {
|
||||
font-size: 3rem;
|
||||
font-weight: 800;
|
||||
margin: 0;
|
||||
}
|
||||
.text-gradient {
|
||||
background-image: var(--accent-gradient);
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
background-size: 400%;
|
||||
background-position: 0%;
|
||||
}
|
||||
.instructions {
|
||||
line-height: 1.6;
|
||||
margin: 1rem 0;
|
||||
border: 1px solid rgba(var(--accent), 25%);
|
||||
background-color: white;
|
||||
padding: 1rem;
|
||||
border-radius: 0.4rem;
|
||||
}
|
||||
.instructions code {
|
||||
font-size: 0.875em;
|
||||
font-weight: bold;
|
||||
background: rgba(var(--accent), 12%);
|
||||
color: rgb(var(--accent));
|
||||
border-radius: 4px;
|
||||
padding: 0.3em 0.45em;
|
||||
}
|
||||
.instructions strong {
|
||||
color: rgb(var(--accent));
|
||||
}
|
||||
.link-card-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(24ch, 1fr));
|
||||
gap: 1rem;
|
||||
padding: 0;
|
||||
}
|
||||
</style>
|
|
@ -1,21 +0,0 @@
|
|||
import type { APIRoute, APIContext } from "astro";
|
||||
|
||||
export const POST: APIRoute = async (context: APIContext) => {
|
||||
try {
|
||||
const data = await context.request.formData();
|
||||
return new Response(
|
||||
JSON.stringify({
|
||||
username: data.get("username"),
|
||||
password: data.get("password"),
|
||||
}),
|
||||
{
|
||||
headers: { "Content-Type": "application/json" },
|
||||
}
|
||||
);
|
||||
} catch (e) {
|
||||
if (e instanceof Error) {
|
||||
console.error(e.message);
|
||||
}
|
||||
}
|
||||
return new Response(null, { status: 400 });
|
||||
};
|
|
@ -1,5 +0,0 @@
|
|||
import type { APIRoute, APIContext } from "astro";
|
||||
|
||||
export const GET: APIRoute = async (_: APIContext) => {
|
||||
return new Response(null, { status: 200 });
|
||||
};
|
|
@ -1,63 +0,0 @@
|
|||
---
|
||||
import Layout from '../layouts/Layout.astro';
|
||||
import Card from '../components/Card.astro';
|
||||
---
|
||||
|
||||
<Layout title="Welcome to Astro.">
|
||||
<main>
|
||||
<h1>Welcome to <span class="text-gradient">Astro</span></h1>
|
||||
<p class="instructions">
|
||||
To get started, open the directory <code>src/pages</code> in your project.<br />
|
||||
<strong>Code Challenge:</strong> Tweak the "Welcome to Astro" message above.
|
||||
</p>
|
||||
{}
|
||||
<ul role="list" class="link-card-grid">
|
||||
<Card href="/login" title="Login" body="Try the login with astro/astro" />
|
||||
</ul>
|
||||
</main>
|
||||
</Layout>
|
||||
|
||||
<style>
|
||||
main {
|
||||
margin: auto;
|
||||
padding: 1.5rem;
|
||||
max-width: 60ch;
|
||||
}
|
||||
h1 {
|
||||
font-size: 3rem;
|
||||
font-weight: 800;
|
||||
margin: 0;
|
||||
}
|
||||
.text-gradient {
|
||||
background-image: var(--accent-gradient);
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
background-size: 400%;
|
||||
background-position: 0%;
|
||||
}
|
||||
.instructions {
|
||||
line-height: 1.6;
|
||||
margin: 1rem 0;
|
||||
border: 1px solid rgba(var(--accent), 25%);
|
||||
background-color: white;
|
||||
padding: 1rem;
|
||||
border-radius: 0.4rem;
|
||||
}
|
||||
.instructions code {
|
||||
font-size: 0.875em;
|
||||
font-weight: bold;
|
||||
background: rgba(var(--accent), 12%);
|
||||
color: rgb(var(--accent));
|
||||
border-radius: 4px;
|
||||
padding: 0.3em 0.45em;
|
||||
}
|
||||
.instructions strong {
|
||||
color: rgb(var(--accent));
|
||||
}
|
||||
.link-card-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(24ch, 1fr));
|
||||
gap: 1rem;
|
||||
padding: 0;
|
||||
}
|
||||
</style>
|
|
@ -1,76 +0,0 @@
|
|||
---
|
||||
import Layout from '../layouts/Layout.astro';
|
||||
|
||||
const status = Astro.response.status;
|
||||
let redirectMessage;
|
||||
if (status === 301) {
|
||||
redirectMessage = 'Your session is finished, please login again';
|
||||
}
|
||||
---
|
||||
|
||||
<Layout title="Welcome to Astro.">
|
||||
<main>
|
||||
<h1>Welcome to <span class="text-gradient">Astro</span></h1>
|
||||
<p class="instructions">
|
||||
To get started, open the directory <code>src/pages</code> in your project.<br />
|
||||
<strong>Code Challenge:</strong> Tweak the "Welcome to Astro" message above.
|
||||
<strong>Login with:</strong> Username: <code>astro</code> Password: <code>astro</code>
|
||||
</p>
|
||||
{redirectMessage}
|
||||
<form action="/api/login" method="POST">
|
||||
<label>
|
||||
Username: <input type="text" minlength="1" id="username" name="username" />
|
||||
</label>
|
||||
<label>
|
||||
Password: <input type="password" minlength="1" id="password" name="password" />
|
||||
</label>
|
||||
|
||||
<button>Submit</button>
|
||||
</form>
|
||||
</main>
|
||||
</Layout>
|
||||
|
||||
<style>
|
||||
main {
|
||||
margin: auto;
|
||||
padding: 1.5rem;
|
||||
max-width: 60ch;
|
||||
}
|
||||
h1 {
|
||||
font-size: 3rem;
|
||||
font-weight: 800;
|
||||
margin: 0;
|
||||
}
|
||||
.text-gradient {
|
||||
background-image: var(--accent-gradient);
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
background-size: 400%;
|
||||
background-position: 0%;
|
||||
}
|
||||
.instructions {
|
||||
line-height: 1.6;
|
||||
margin: 1rem 0;
|
||||
border: 1px solid rgba(var(--accent), 25%);
|
||||
background-color: white;
|
||||
padding: 1rem;
|
||||
border-radius: 0.4rem;
|
||||
}
|
||||
.instructions code {
|
||||
font-size: 0.875em;
|
||||
font-weight: bold;
|
||||
background: rgba(var(--accent), 12%);
|
||||
color: rgb(var(--accent));
|
||||
border-radius: 4px;
|
||||
padding: 0.3em 0.45em;
|
||||
}
|
||||
.instructions strong {
|
||||
color: rgb(var(--accent));
|
||||
}
|
||||
.link-card-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(24ch, 1fr));
|
||||
gap: 1rem;
|
||||
padding: 0;
|
||||
}
|
||||
</style>
|
|
@ -1,5 +0,0 @@
|
|||
{
|
||||
"extends": "astro/tsconfigs/base",
|
||||
"include": [".astro/types.d.ts", "**/*"],
|
||||
"exclude": ["dist"]
|
||||
}
|
|
@ -1 +0,0 @@
|
|||
FROM node:18-bullseye
|
|
@ -1,4 +0,0 @@
|
|||
{
|
||||
"recommendations": ["astro-build.astro-vscode"],
|
||||
"unwantedRecommendations": []
|
||||
}
|
11
examples/non-html-pages/.vscode/launch.json
vendored
|
@ -1,11 +0,0 @@
|
|||
{
|
||||
"version": "0.2.0",
|
||||
"configurations": [
|
||||
{
|
||||
"command": "./node_modules/.bin/astro dev",
|
||||
"name": "Development server",
|
||||
"request": "launch",
|
||||
"type": "node-terminal"
|
||||
}
|
||||
]
|
||||
}
|
|
@ -1,52 +0,0 @@
|
|||
# Astro Starter Kit: Non-HTML Pages
|
||||
|
||||
Documentation for "Non-HTML Pages":
|
||||
|
||||
https://docs.astro.build/en/core-concepts/endpoints/#static-file-endpoints
|
||||
|
||||
```sh
|
||||
npm create astro@latest -- --template non-html-pages
|
||||
```
|
||||
|
||||
[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/withastro/astro/tree/latest/examples/non-html-pages)
|
||||
[![Open with CodeSandbox](https://assets.codesandbox.io/github/button-edit-lime.svg)](https://codesandbox.io/p/sandbox/github/withastro/astro/tree/latest/examples/non-html-pages)
|
||||
[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/withastro/astro?devcontainer_path=.devcontainer/non-html-pages/devcontainer.json)
|
||||
|
||||
> 🧑🚀 **Seasoned astronaut?** Delete this file. Have fun!
|
||||
|
||||
## 🚀 Project Structure
|
||||
|
||||
Inside of your Astro project, you'll see the following folders and files:
|
||||
|
||||
```text
|
||||
/
|
||||
├── public/
|
||||
├── src/
|
||||
│ └── pages/
|
||||
│ └── index.astro
|
||||
│ └── about.json.ts
|
||||
└── package.json
|
||||
```
|
||||
|
||||
Astro looks for `.astro`, `.js` or `.ts` files in the `src/pages/` directory. Each page is exposed as a route based on its file name.
|
||||
|
||||
There's nothing special about `src/components/`, but that's where we like to put any Astro/React/Vue/Svelte/Preact components.
|
||||
|
||||
Any static assets, like images, can be placed in the `public/` directory.
|
||||
|
||||
## 🧞 Commands
|
||||
|
||||
All commands are run from the root of the project, from a terminal:
|
||||
|
||||
| Command | Action |
|
||||
| :------------------------ | :----------------------------------------------- |
|
||||
| `npm install` | Installs dependencies |
|
||||
| `npm run dev` | Starts local dev server at `localhost:4321` |
|
||||
| `npm run build` | Build your production site to `./dist/` |
|
||||
| `npm run preview` | Preview your build locally, before deploying |
|
||||
| `npm run astro ...` | Run CLI commands like `astro add`, `astro check` |
|
||||
| `npm run astro -- --help` | Get help using the Astro CLI |
|
||||
|
||||
## 👀 Want to learn more?
|
||||
|
||||
Feel free to check [our documentation](https://docs.astro.build) or jump into our [Discord server](https://astro.build/chat).
|
|
@ -1,4 +0,0 @@
|
|||
import { defineConfig } from 'astro/config';
|
||||
|
||||
// https://astro.build/config
|
||||
export default defineConfig({});
|
|
@ -1,15 +0,0 @@
|
|||
{
|
||||
"name": "@example/non-html-pages",
|
||||
"type": "module",
|
||||
"version": "0.0.1",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"dev": "astro dev",
|
||||
"build": "astro build",
|
||||
"preview": "astro preview",
|
||||
"astro": "astro"
|
||||
},
|
||||
"dependencies": {
|
||||
"astro": "^5.0.0-beta.4"
|
||||
}
|
||||
}
|
|
@ -1,9 +0,0 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 128 128">
|
||||
<path d="M50.4 78.5a75.1 75.1 0 0 0-28.5 6.9l24.2-65.7c.7-2 1.9-3.2 3.4-3.2h29c1.5 0 2.7 1.2 3.4 3.2l24.2 65.7s-11.6-7-28.5-7L67 45.5c-.4-1.7-1.6-2.8-2.9-2.8-1.3 0-2.5 1.1-2.9 2.7L50.4 78.5Zm-1.1 28.2Zm-4.2-20.2c-2 6.6-.6 15.8 4.2 20.2a17.5 17.5 0 0 1 .2-.7 5.5 5.5 0 0 1 5.7-4.5c2.8.1 4.3 1.5 4.7 4.7.2 1.1.2 2.3.2 3.5v.4c0 2.7.7 5.2 2.2 7.4a13 13 0 0 0 5.7 4.9v-.3l-.2-.3c-1.8-5.6-.5-9.5 4.4-12.8l1.5-1a73 73 0 0 0 3.2-2.2 16 16 0 0 0 6.8-11.4c.3-2 .1-4-.6-6l-.8.6-1.6 1a37 37 0 0 1-22.4 2.7c-5-.7-9.7-2-13.2-6.2Z" />
|
||||
<style>
|
||||
path { fill: #000; }
|
||||
@media (prefers-color-scheme: dark) {
|
||||
path { fill: #FFF; }
|
||||
}
|
||||
</style>
|
||||
</svg>
|
Before Width: | Height: | Size: 749 B |
|
@ -1,11 +0,0 @@
|
|||
// Returns the file body for this non-HTML file.
|
||||
// The content type is based off of the extension in the filename,
|
||||
// in this case: about.json.
|
||||
export async function GET() {
|
||||
return new Response(
|
||||
JSON.stringify({
|
||||
name: 'Astro',
|
||||
url: 'https://astro.build/',
|
||||
})
|
||||
);
|
||||
}
|
|
@ -1,22 +0,0 @@
|
|||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<meta name="generator" content={Astro.generator} />
|
||||
<title>Astro</title>
|
||||
</head>
|
||||
<body>
|
||||
<h1 id="result">Loading...</h1>
|
||||
<script>
|
||||
// Non-HTML files will be included in your final build, so you
|
||||
// can fetch them directly in the browser.
|
||||
const response = await fetch(`/about.json`);
|
||||
const data = await response.json();
|
||||
const resultHeader = document.getElementById('result');
|
||||
|
||||
if (resultHeader) {
|
||||
resultHeader.innerHTML = `Load complete!<br/>Built with: <a href="${data.url}">${data.name}!</a>`;
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
|
@ -1,5 +0,0 @@
|
|||
{
|
||||
"extends": "astro/tsconfigs/base",
|
||||
"include": [".astro/types.d.ts", "**/*"],
|
||||
"exclude": ["dist"]
|
||||
}
|
|
@ -1,15 +0,0 @@
|
|||
import { defineConfig } from 'astro/config';
|
||||
import nodejs from '@astrojs/node';
|
||||
import react from '@astrojs/react';
|
||||
import tailwind from '@astrojs/tailwind';
|
||||
|
||||
// https://astro.build/config
|
||||
export default defineConfig({
|
||||
output: 'server',
|
||||
adapter: nodejs({ mode: 'standalone' }),
|
||||
integrations: [
|
||||
react(),
|
||||
tailwind({ applyBaseStyles: false })
|
||||
],
|
||||
devToolbar: { enabled: false },
|
||||
});
|
|
@ -1,25 +0,0 @@
|
|||
{
|
||||
"name": "@example/server-islands",
|
||||
"version": "0.0.1",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"dev": "astro dev",
|
||||
"build": "astro build",
|
||||
"preview": "astro preview",
|
||||
"astro": "astro"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@astrojs/node": "^9.0.0-alpha.1",
|
||||
"@astrojs/react": "^3.6.2",
|
||||
"@astrojs/tailwind": "^5.1.2",
|
||||
"@fortawesome/fontawesome-free": "^6.6.0",
|
||||
"@tailwindcss/forms": "^0.5.9",
|
||||
"@types/react": "^18.3.11",
|
||||
"@types/react-dom": "^18.3.0",
|
||||
"astro": "^5.0.0-beta.4",
|
||||
"postcss": "^8.4.47",
|
||||
"react": "^18.3.1",
|
||||
"react-dom": "^18.3.1",
|
||||
"tailwindcss": "^3.4.13"
|
||||
}
|
||||
}
|
Before Width: | Height: | Size: 13 KiB |
Before Width: | Height: | Size: 448 KiB |
Before Width: | Height: | Size: 123 KiB |
Before Width: | Height: | Size: 21 KiB |
Before Width: | Height: | Size: 130 KiB |
Before Width: | Height: | Size: 97 KiB |
Before Width: | Height: | Size: 139 KiB |
Before Width: | Height: | Size: 96 KiB |
Before Width: | Height: | Size: 1.4 KiB |
|
@ -1,6 +0,0 @@
|
|||
This favicon was generated using the following font:
|
||||
|
||||
- Font Title: Roboto
|
||||
- Font Author: Copyright 2011 Google Inc. All Rights Reserved.
|
||||
- Font Source: http://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlvAx05IsDqlA.ttf
|
||||
- Font License: Apache License, version 2.0 (http://www.apache.org/licenses/LICENSE-2.0.html))
|
Before Width: | Height: | Size: 7 KiB |
Before Width: | Height: | Size: 19 KiB |
Before Width: | Height: | Size: 6.4 KiB |
Before Width: | Height: | Size: 639 B |
Before Width: | Height: | Size: 1.3 KiB |
Before Width: | Height: | Size: 15 KiB |
|
@ -1,11 +0,0 @@
|
|||
{
|
||||
"name": "",
|
||||
"short_name": "",
|
||||
"icons": [
|
||||
{ "src": "/android-chrome-192x192.png", "sizes": "192x192", "type": "image/png" },
|
||||
{ "src": "/android-chrome-512x512.png", "sizes": "512x512", "type": "image/png" }
|
||||
],
|
||||
"theme_color": "#ffffff",
|
||||
"background_color": "#ffffff",
|
||||
"display": "standalone"
|
||||
}
|
|
@ -1,60 +0,0 @@
|
|||
<?xml version="1.0" encoding="iso-8859-1"?>
|
||||
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 480 480" style="enable-background:new 0 0 480 480;" xml:space="preserve">
|
||||
<g>
|
||||
<g>
|
||||
<path fill="#E994A0" d="M479.744,398.008L408,118.992V8c0-4.418-3.582-8-8-8H80c-4.418,0-8,3.582-8,8v110.992L0.256,398.008
|
||||
C0.087,398.659,0.001,399.328,0,400v72c0,4.418,3.582,8,8,8h464c4.418,0,8-3.582,8-8v-72
|
||||
C479.999,399.328,479.913,398.659,479.744,398.008z M88,16h304v96h-16V80c0-4.418-3.582-8-8-8H256c-4.418,0-8,3.582-8,8v32h-16V80
|
||||
c0-4.418-3.582-8-8-8H112c-4.418,0-8,3.582-8,8v32H88V16z M360,88v56h-96V88H360z M216,88v56h-96V88H216z M86.2,128H104v24
|
||||
c0,4.418,3.582,8,8,8h112c4.418,0,8-3.582,8-8v-24h16v24c0,4.418,3.582,8,8,8h112c4.418,0,8-3.582,8-8v-24h17.8l16.456,64H69.744
|
||||
L86.2,128z M65.6,208h348.8l4.112,16H61.52L65.6,208z M464,464H16v-62.992L57.4,240h365.2L464,401.008V464z"/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<rect fill="#E994A0" x="264" y="392" width="184" height="16"/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<rect fill="#E994A0" x="232" y="392" width="16" height="16"/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<rect fill="#E994A0" x="32" y="392" width="184" height="16"/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
</svg>
|
Before Width: | Height: | Size: 1.4 KiB |
|
@ -1,2 +0,0 @@
|
|||
<?xml version="1.0"?>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#E994A0" d="M496,344h-8V280a32.042,32.042,0,0,0-32-32V112a32.042,32.042,0,0,0-32-32H88a32.042,32.042,0,0,0-32,32V248a32.042,32.042,0,0,0-32,32v64H16a8,8,0,0,0-8,8v32a8,8,0,0,0,8,8h8v32a8,8,0,0,0,8,8H56a7.99,7.99,0,0,0,7.84-6.43L70.56,392H441.44l6.72,33.57A7.99,7.99,0,0,0,456,432h24a8,8,0,0,0,8-8V392h8a8,8,0,0,0,8-8V352A8,8,0,0,0,496,344ZM72,112A16.021,16.021,0,0,1,88,96H424a16.021,16.021,0,0,1,16,16V248H424V216a32.042,32.042,0,0,0-32-32H296a32.042,32.042,0,0,0-32,32v32H248V216a32.042,32.042,0,0,0-32-32H120a32.042,32.042,0,0,0-32,32v32H72ZM408,216v32H280V216a16.021,16.021,0,0,1,16-16h96A16.021,16.021,0,0,1,408,216Zm-176,0v32H104V216a16.021,16.021,0,0,1,16-16h96A16.021,16.021,0,0,1,232,216ZM40,280a16.021,16.021,0,0,1,16-16H456a16.021,16.021,0,0,1,16,16v64H40Zm9.44,136H40V392H54.24ZM472,416h-9.44l-4.8-24H472Zm16-40H24V360H488Z"/></svg>
|
Before Width: | Height: | Size: 967 B |
|
@ -1,15 +0,0 @@
|
|||
<svg width="49" height="35" viewBox="0 0 49 35" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M11.2082 25.1056C8.55904 25.1056 6.40469 27.2599 6.40469 29.9091C6.40469 32.5582 8.55904 34.7126 11.2082 34.7126C13.8573 34.7126 16.0117 32.5582 16.0117 29.9091C16.0117 27.2599 13.8572 25.1056 11.2082 25.1056ZM11.2082 33.1114C9.44206 33.1114 8.00589 31.6751 8.00589 29.9091C8.00589 28.1429 9.44216 26.7068 11.2082 26.7068C12.9742 26.7068 14.4105 28.143 14.4105 29.9091C14.4105 31.6751 12.9742 33.1114 11.2082 33.1114Z" fill="#FD3D57"/>
|
||||
<path d="M38.428 25.1056C35.7788 25.1056 33.6245 27.2599 33.6245 29.9091C33.6245 32.5582 35.7788 34.7126 38.428 34.7126C41.0771 34.7126 43.2315 32.5582 43.2315 29.9091C43.2315 27.2599 41.0771 25.1056 38.428 25.1056ZM38.428 33.1114C36.6618 33.1114 35.2257 31.6751 35.2257 29.9091C35.2257 28.1429 36.6619 26.7068 38.428 26.7068C40.1941 26.7068 41.6303 28.143 41.6303 29.9091C41.6303 31.6751 40.1941 33.1114 38.428 33.1114Z" fill="#FD3D57"/>
|
||||
<path d="M47.9077 20.6696L40.7024 9.46136C40.5551 9.23235 40.3013 9.09387 40.0291 9.09387H31.2227C30.78 9.09387 30.4222 9.45254 30.4222 9.89442V29.909C30.4222 30.3517 30.78 30.7095 31.2227 30.7095H34.425V29.1083H32.0233V10.6951H39.592L46.4338 21.338V29.1085H42.4308V30.7096H47.2343C47.6771 30.7096 48.0349 30.3518 48.0349 29.9091V21.1026C48.035 20.9497 47.991 20.7984 47.9077 20.6696Z" fill="#FD3D57"/>
|
||||
<path d="M35.2257 19.5014V13.8974H41.6304V12.2962H34.4251C33.9824 12.2962 33.6246 12.6548 33.6246 13.0967V20.302C33.6246 20.7447 33.9824 21.1025 34.4251 21.1025H46.4339V19.5013H35.2257V19.5014Z" fill="#FD3D57"/>
|
||||
<path d="M31.2227 3.48981H0.800552C0.358667 3.48981 0 3.84847 0 4.29036V29.909C0 30.3518 0.358667 30.7096 0.800552 30.7096H7.20525V29.1084H1.6012V5.09091H30.4222V29.1084H15.211V30.7096H31.2227C31.6655 30.7096 32.0233 30.3518 32.0233 29.909V4.29036C32.0233 3.84847 31.6655 3.48981 31.2227 3.48981Z" fill="#FD3D57"/>
|
||||
<path d="M5.60407 25.9061H0.800568V27.5073H5.60407V25.9061Z" fill="#FD3D57"/>
|
||||
<path d="M30.4222 25.9061H16.8122V27.5073H30.4222V25.9061Z" fill="#FD3D57"/>
|
||||
<path d="M47.2343 25.9061H44.032V27.5073H47.2343V25.9061Z" fill="#FD3D57"/>
|
||||
<path d="M31.2227 6.69211H3.2023V8.2933H31.2227V6.69211Z" fill="#FD3D57"/>
|
||||
<path d="M12.0087 29.1084H10.4075V30.7096H12.0087V29.1084Z" fill="#FD3D57"/>
|
||||
<path d="M39.2286 29.1084H37.6274V30.7096H39.2286V29.1084Z" fill="#FD3D57"/>
|
||||
<path d="M14.4105 0.287415H3.2023V1.88861H14.4105V0.287415Z" fill="#FD3D57"/>
|
||||
<path d="M1.6012 0.287415H0V1.88861H1.6012V0.287415Z" fill="#FD3D57"/>
|
||||
</svg>
|
Before Width: | Height: | Size: 2.5 KiB |
|
@ -1,13 +0,0 @@
|
|||
<svg width="49" height="48" viewBox="0 0 49 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0)">
|
||||
<path d="M48.216 27.8883C47.5434 26.9486 46.4229 26.3171 45.292 26.2402C44.3688 26.178 43.5323 26.4898 42.9372 27.1198C42.8066 27.258 42.6657 27.4097 42.5166 27.5723C41.8582 26.9691 40.9954 26.581 40.1256 26.5219C39.2021 26.46 38.3658 26.7716 37.7708 27.4015C36.4754 28.7727 34.1817 31.4513 32.3804 33.5838C32.1455 33.4448 31.8941 33.3303 31.6282 33.2443C30.7672 32.8735 18.8981 27.8045 13.637 27.8045C5.13846 27.8045 1.23412 32.3725 1.07212 32.5669C0.823588 32.8652 0.8639 33.3076 1.16137 33.557C1.45894 33.8064 1.90294 33.7673 2.15325 33.4705C2.16225 33.4599 3.07435 32.3919 4.93736 31.3396C6.6545 30.3698 9.55776 29.2135 13.6369 29.2135C18.6914 29.2135 30.9783 34.4984 31.1018 34.5518C31.3277 34.6492 31.5606 34.7237 31.7669 34.8613C31.9616 34.9913 32.1359 35.1517 32.282 35.3346C32.5656 35.69 32.7433 36.1297 32.7806 36.5832C32.8591 37.5335 32.3257 38.4516 31.4648 38.8574C30.9219 39.1134 30.348 39.1211 29.7776 38.9648L22.0904 36.8476C21.7203 36.7456 21.326 36.9698 21.2241 37.3397C21.1222 37.7098 21.3461 38.1041 21.7162 38.206L29.3927 40.3202C30.3254 40.608 31.3446 40.5138 32.2088 40.0606C33.0866 39.6004 33.7327 38.8258 34.0278 37.8797C34.1242 37.5711 34.1785 37.2562 34.1932 36.9415L36.255 36.7243C36.4375 36.7051 36.6053 36.6155 36.7227 36.4745C36.7735 36.4135 41.829 30.3443 43.9615 28.0872C44.8478 27.1486 46.4303 27.8139 47.0704 28.7081C48.0546 30.0831 46.8315 31.5842 46.4332 32.0116C44.4761 34.1114 40.8872 38.4377 40.2421 39.2175L25.6355 46.5208L18.1204 43.3565C17.7666 43.2076 17.3467 43.3785 17.1977 43.7325C17.0487 44.0863 17.2197 44.5061 17.5735 44.6551L25.3874 47.9451C25.5753 48.0243 25.7937 48.0171 25.9759 47.9259L41.0055 40.4111C41.0935 40.3671 41.1712 40.3052 41.2338 40.2293C41.2751 40.1793 45.3831 35.2049 47.4641 32.9721C48.9958 31.3289 49.2842 29.3806 48.216 27.8883ZM35.8233 35.3532L33.9876 35.5465C33.8574 35.1781 33.6697 34.8319 33.4331 34.5211C34.9675 32.7048 37.4609 29.7814 38.7949 28.3694C39.1803 27.9613 39.6791 27.9035 40.0299 27.928C40.5822 27.9656 41.1485 28.2261 41.5744 28.6202C39.4607 31.0063 36.583 34.4432 35.8233 35.3532Z" fill="#FD3D57"/>
|
||||
<path d="M14.6616 41.9007L11.6559 40.6351C11.5693 40.5986 11.4763 40.5798 11.3824 40.5798H1.6131C1.22404 40.5798 0.908569 40.8952 0.908569 41.2844C0.908569 41.6735 1.22404 41.9889 1.6131 41.9889H11.2401L14.1146 43.1992C14.4928 43.3585 14.9361 43.1515 15.0599 42.7617C15.1687 42.4195 14.9922 42.0398 14.6616 41.9007Z" fill="#FD3D57"/>
|
||||
<path d="M38.3374 23.4908L35.3374 23.9194C37.7769 21.3057 39.1415 17.8817 39.1415 14.2311C39.1415 6.38413 32.7573 0 24.9103 0C17.0632 0 10.6792 6.38413 10.6792 14.2311C10.6792 17.3798 11.6866 20.3636 13.5926 22.8598C15.4372 25.2757 18.0529 27.0678 20.9581 27.9061C21.3424 28.0168 21.7504 27.7751 21.84 27.3862C21.923 27.0267 21.7026 26.6545 21.3486 26.5522C15.8962 24.9791 12.0881 19.9123 12.0881 14.231C12.0881 7.16085 17.8402 1.40888 24.9103 1.40888C31.9805 1.40888 37.7325 7.16085 37.7325 14.231C37.7325 17.7262 36.345 20.9915 33.8811 23.3947V19.6793C33.8811 19.2901 33.5657 18.9747 33.1766 18.9747C32.7874 18.9747 32.472 19.2901 32.472 19.6793V24.9396C32.472 25.3608 32.8589 25.697 33.2762 25.6371L38.5366 24.8856C38.9166 24.8313 39.1888 24.4686 39.1344 24.0885C39.0801 23.7089 38.7169 23.4371 38.3374 23.4908Z" fill="#FD3D57"/>
|
||||
<path d="M24.9103 13.5265H24.1588C23.3042 13.5265 22.6089 12.8312 22.6089 11.9766C22.6089 11.122 23.3043 10.4266 24.1588 10.4266H27.1647C27.5539 10.4266 27.8693 10.1113 27.8693 9.7221C27.8693 9.33294 27.5539 9.01757 27.1647 9.01757H25.6147V8.21909C25.6147 7.82993 25.2994 7.51456 24.9102 7.51456C24.5211 7.51456 24.2057 7.82993 24.2057 8.21909V9.01757H24.1587C22.5272 9.01757 21.1998 10.345 21.1998 11.9765C21.1998 13.6081 22.5272 14.9355 24.1587 14.9355H24.9102C25.7648 14.9355 26.4602 15.6308 26.4602 16.4854C26.4602 17.3399 25.7648 18.0352 24.9102 18.0352H21.9043C21.5152 18.0352 21.1998 18.3506 21.1998 18.7398C21.1998 19.1289 21.5152 19.4443 21.9043 19.4443H24.2057V20.2428C24.2057 20.6319 24.5211 20.9473 24.9102 20.9473C25.2994 20.9473 25.6147 20.6319 25.6147 20.2428V19.359C26.9072 19.042 27.8692 17.8743 27.8692 16.4855C27.8693 14.8539 26.5418 13.5265 24.9103 13.5265Z" fill="#FD3D57"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0">
|
||||
<rect width="48" height="48" fill="white" transform="translate(0.882416)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
Before Width: | Height: | Size: 4.3 KiB |
|
@ -1,2 +0,0 @@
|
|||
<?xml version="1.0"?>
|
||||
<svg fill="#E994A0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="512" height="512"><g id="Layer_15" data-name="Layer 15"><path d="M62,35H61V32a1,1,0,0,0-1-1H59V20a3,3,0,0,0-3-3H42a3,3,0,0,0-3,3V31H38a1,1,0,0,0-1,1v3H35V26a1,1,0,0,0-1-1H26a1,1,0,0,0-1,1v1H24a3,3,0,0,0,0,6h1v2H15V32a1,1,0,0,0-1-1H13V28a1,1,0,0,0-1-1H2a1,1,0,0,0-1,1v4a1,1,0,0,0,1,1H3v2H2a1,1,0,0,0-1,1v6a1,1,0,0,0,1,1H5V62a1,1,0,0,0,1,1h6a1,1,0,0,0,1-1V61H51v1a1,1,0,0,0,1,1h6a1,1,0,0,0,1-1V43h3a1,1,0,0,0,1-1V36A1,1,0,0,0,62,35ZM41,20a1,1,0,0,1,1-1H56a1,1,0,0,1,1,1V31H41ZM39,33H59v2H39ZM24,31a1,1,0,0,1,0-2h1v2Zm3-4h6v8H27ZM3,29h8v2H3Zm2,4h8v2H5ZM7,61V43h4V61Zm6-2V43H51V59Zm44,2H53V43h4Zm4-20H3V37H61Z"/><path d="M49,21a4,4,0,1,0,4,4A4,4,0,0,0,49,21Zm0,6a2,2,0,1,1,2-2A2,2,0,0,1,49,27Z"/><path d="M27.59,19a1.42,1.42,0,0,1,0,2l-1.3,1.29,1.42,1.42L29,22.41a3.4,3.4,0,0,0,0-4.82L28.41,17A1.43,1.43,0,0,1,28,16V15H26v1a3.36,3.36,0,0,0,1,2.41Z"/><path d="M31.59,19a1.42,1.42,0,0,1,0,2l-1.3,1.29,1.42,1.42L33,22.41a3.4,3.4,0,0,0,0-4.82L32.41,17A1.43,1.43,0,0,1,32,16V15H30v1a3.36,3.36,0,0,0,1,2.41Z"/><path d="M12,23A11,11,0,1,0,1,12,11,11,0,0,0,12,23ZM5,6.39,6.29,7.71,7.71,6.29,6.39,5A8.89,8.89,0,0,1,11,3.06V5h2V3.06A8.89,8.89,0,0,1,17.61,5L16.29,6.29l1.42,1.42L19,6.39A8.89,8.89,0,0,1,20.94,11H19v2h1.94A8.89,8.89,0,0,1,19,17.61l-1.31-1.32-1.42,1.42L17.61,19A8.89,8.89,0,0,1,13,20.94V19H11v1.94A8.89,8.89,0,0,1,6.39,19l1.32-1.31L6.29,16.29,5,17.61A8.89,8.89,0,0,1,3.06,13H5V11H3.06A8.89,8.89,0,0,1,5,6.39Z"/><path d="M15.29,16.71l1.42-1.42L13,11.59V7H11v5a1,1,0,0,0,.29.71Z"/></g></svg>
|
Before Width: | Height: | Size: 1.6 KiB |
|
@ -1,63 +0,0 @@
|
|||
<?xml version="1.0" encoding="iso-8859-1"?>
|
||||
<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
|
||||
<g>
|
||||
<path fill="#E994A0" d="M512,136.144c0-10.585-6.798-19.79-16.916-22.903c-0.081-0.025-0.162-0.048-0.243-0.071L286.705,56.262
|
||||
c-20.092-6.156-41.319-6.156-61.411,0L17.159,113.17c-0.082,0.022-0.162,0.046-0.243,0.071C6.798,116.354,0,125.558,0,136.144
|
||||
c0,0.73,0.106,1.433,0.289,2.105C0.106,138.921,0,139.624,0,140.354v8c0,13.234,10.766,24,24,24h112c6.142,0,11.751-2.322,16-6.131
|
||||
c4.249,3.809,9.858,6.131,16,6.131h80v152h-80c-4.418,0-8,3.582-8,8s3.582,8,8,8h64v8c0,10.429,6.689,19.322,16,22.624v42.181
|
||||
c-18.236,3.717-32,19.878-32,39.195c0,4.418,3.582,8,8,8s8-3.582,8-8c0-10.429,6.689-19.321,16-22.624v22.624c0,4.418,3.582,8,8,8
|
||||
s8-3.582,8-8V429.73c9.311,3.302,16,12.195,16,22.624c0,4.418,3.582,8,8,8s8-3.582,8-8c0-19.317-13.764-35.479-32-39.195v-42.181
|
||||
c9.311-3.302,16-12.194,16-22.624v-8h64c4.418,0,8-3.582,8-8s-3.582-8-8-8h-80v-152h80c6.142,0,11.75-2.322,16-6.131
|
||||
c4.249,3.809,9.858,6.131,16,6.131h112c13.234,0,24-10.766,24-24v-8c0-0.73-0.106-1.433-0.289-2.105
|
||||
C511.894,137.577,512,136.874,512,136.144z M264,348.354c0,4.411-3.589,8-8,8s-8-3.589-8-8v-8h16V348.354z M149.694,116.354H66.18
|
||||
l143.414-39.212C186.294,93.195,157.356,111.526,149.694,116.354z M242.511,72.963c7.943-6.354,19.052-6.34,27.016,0.031
|
||||
c0.17,0.136,0.346,0.265,0.526,0.387l63.762,42.973h-154.36C199.68,103.304,227.942,84.618,242.511,72.963z M136,156.354H24
|
||||
c-4.411,0-8-3.589-8-8v-8c0-0.73-0.106-1.433-0.289-2.105c0.183-0.672,0.289-1.375,0.289-2.105c0-1.365,0.35-2.654,0.962-3.79H144
|
||||
v16C144,152.765,140.411,156.354,136,156.354z M344,156.354H168c-4.411,0-8-3.589-8-8v-16h192v16
|
||||
C352,152.765,348.411,156.354,344,156.354z M496,148.354c0,4.411-3.589,8-8,8H376c-4.411,0-8-3.589-8-8v-16h8c4.418,0,8-3.582,8-8
|
||||
s-3.582-8-8-8h-13.556L305.53,77.996l140.291,38.358H408c-4.418,0-8,3.582-8,8s3.582,8,8,8h87.038
|
||||
c0.613,1.135,0.962,2.425,0.962,3.79c0,0.73,0.106,1.433,0.289,2.105c-0.183,0.672-0.289,1.375-0.289,2.105V148.354z"/>
|
||||
<path fill="#E994A0" d="M160,403.692v-37.338c0-5.514-4.486-10-10-10H72v-56c0-13.234-10.766-24-24-24c-4.418,0-8,3.582-8,8s3.582,8,8,8
|
||||
c4.411,0,8,3.589,8,8v64v39.338l-7.891,47.347c-0.727,4.358,2.218,8.479,6.576,9.206c0.445,0.074,0.888,0.11,1.325,0.11
|
||||
c3.84,0,7.229-2.773,7.881-6.687l6.886-41.315h74.446l6.886,41.315c0.652,3.914,4.042,6.687,7.881,6.687
|
||||
c0.437,0,0.88-0.036,1.325-0.11c4.358-0.727,7.303-4.848,6.576-9.206L160,403.692z M144,396.354H72v-24h72V396.354z"/>
|
||||
<path fill="#E994A0" d="M464,276.354c-13.234,0-24,10.766-24,24v56h-78c-5.514,0-10,4.486-10,10v37.338l-7.891,47.347
|
||||
c-0.727,4.358,2.218,8.479,6.576,9.206c0.445,0.074,0.888,0.11,1.325,0.11c3.84,0,7.229-2.773,7.881-6.687l6.886-41.315h74.446
|
||||
l6.886,41.315c0.652,3.914,4.042,6.687,7.881,6.687c0.437,0,0.88-0.036,1.325-0.11c4.358-0.727,7.303-4.848,6.576-9.206
|
||||
L456,403.692v-39.338v-64c0-4.411,3.589-8,8-8c4.418,0,8-3.582,8-8S468.418,276.354,464,276.354z M368,372.354h72v24h-72V372.354z"
|
||||
/>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
</svg>
|
Before Width: | Height: | Size: 3.4 KiB |
|
@ -1,12 +0,0 @@
|
|||
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0)">
|
||||
<path d="M4.80007 -7.62939e-06H13.2001C14.0281 0.000967371 14.6991 0.671992 14.7001 1.49999V16.5C14.6991 17.328 14.0281 17.999 13.2001 18H4.80007C3.97207 17.999 3.30105 17.328 3.30007 16.5V1.49999C3.30105 0.671992 3.97207 0.000967371 4.80007 -7.62939e-06ZM3.90007 16.5C3.90007 16.9971 4.30301 17.4 4.80007 17.4H13.2001C13.6971 17.4 14.1001 16.9971 14.1001 16.5V15H3.90007V16.5ZM3.90007 14.4H14.1001V2.39999H3.90007V14.4ZM3.90007 1.79999H14.1001V1.49999C14.1001 1.00293 13.6971 0.599992 13.2001 0.599992H4.80007C4.30301 0.599992 3.90007 1.00293 3.90007 1.49999V1.79999Z" fill="#E994A0"/>
|
||||
<path d="M9.00003 15.3C9.49709 15.3 9.90002 15.7029 9.90002 16.2C9.90002 16.6971 9.49709 17.1 9.00003 17.1C8.50297 17.1 8.10003 16.6971 8.10003 16.2C8.10003 15.7029 8.50297 15.3 9.00003 15.3ZM9.00003 16.5C9.1657 16.5 9.30003 16.3657 9.30003 16.2C9.30003 16.0343 9.1657 15.9 9.00003 15.9C8.83435 15.9 8.70003 16.0343 8.70003 16.2C8.70003 16.3657 8.83435 16.5 9.00003 16.5Z" fill="#E994A0"/>
|
||||
<path d="M8.7001 0.899988H9.3001C9.46577 0.899988 9.6001 1.03431 9.6001 1.19999C9.6001 1.36566 9.46577 1.49999 9.3001 1.49999H8.7001C8.53442 1.49999 8.40009 1.36566 8.40009 1.19999C8.40009 1.03431 8.53442 0.899988 8.7001 0.899988Z" fill="#E994A0"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0">
|
||||
<rect width="18" height="18" fill="white" transform="matrix(-1 0 0 1 18 0)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
Before Width: | Height: | Size: 1.5 KiB |
|
@ -1 +0,0 @@
|
|||
<svg height="637pt" viewBox="-20 -46 637.33396 637" width="637pt" xmlns="http://www.w3.org/2000/svg"><path fill="#E994A0" d="m587.648438 98.503906c-6.167969-.769531-11.789063 3.605469-12.558594 9.765625l-23.769532 190.148438h-87.714843l-11.589844-65.710938c-.945313-5.375-5.617187-9.296875-11.078125-9.296875h-283.75c-5.449219 0-10.117188 3.90625-11.074219 9.273438l-11.738281 65.726562h-88.191406l-23.769532-190.140625c-.769531-6.164062-6.394531-10.535156-12.558593-9.765625-6.164063.769532-10.539063 6.394532-9.7656252 12.558594l25.0000002 200c.703125 5.628906 5.488281 9.855469 11.160156 9.855469h20.054688l-23.652344 141.898437c-1.019532 6.128906 3.121094 11.921875 9.246094 12.949219 6.132812 1.019531 11.929687-3.121094 12.949218-9.25l24.269532-145.597656h51.25l-34.253907 191.769531c-.765625 4.269531.996094 8.601562 4.515625 11.125l.265625.191406c33.007813 23.65625 77.019531 25.097656 111.503907 3.644532 45.183593 21.308593 97.554687 21.207031 142.660156-.28125 20.160156 10.535156 42.503906 16.226562 65.25 16.621093.800781.015625 1.597656.019531 2.398437.019531 24.015625-.015624 47.660157-5.9375 68.847657-17.25l4.054687-2.167968c4.289063-2.296875 6.617187-7.085938 5.773437-11.875l-33.8125-191.796875h50.820313l24.265625 145.597656c.621094 4 3.34375 7.359375 7.128906 8.796875 3.789063 1.429688 8.050782.722656 11.167969-1.867188 3.113281-2.582031 4.605469-6.640624 3.894531-10.628906l-23.652344-141.898437h20.054688c5.675781 0 10.460938-4.226563 11.164062-9.855469l25-200c.769532-6.164062-3.605468-11.785156-9.765624-12.558594zm-221.085938 409.46875v-144.554687c0-6.210938-5.035156-11.25-11.25-11.25-6.210938 0-11.25 5.039062-11.25 11.25v144.238281c-38.445312 17.84375-82.800781 17.84375-121.25 0v-100.488281c0-6.210938-5.035156-11.25-11.25-11.25-6.210938 0-11.25 5.039062-11.25 11.25v101.488281c-24.6875 15.257812-55.804688 15.523438-80.746094.6875l47.039063-263.425781h264.894531l46.3125 262.625c-35.039062 17.617187-76.390625 17.40625-111.25-.570313zm0 0"/><path fill="#E994A0" d="m217.5 208.914062h150c6.214844 0 11.25-5.035156 11.25-11.25-.058594-43.257812-32.113281-79.796874-75-85.488281v-10.507812c0-6.214844-5.035156-11.25-11.25-11.25-6.210938 0-11.25 5.035156-11.25 11.25v10.507812c-42.878906 5.691407-74.941406 42.230469-75 85.488281 0 6.214844 5.039062 11.25 11.25 11.25zm75-75c30.855469.046876 57.265625 22.140626 62.75 52.5h-125.5c5.488281-30.359374 31.894531-52.453124 62.75-52.5zm0 0"/><path fill="#E994A0" d="m330 87.167969c6.214844 0 11.25-5.039063 11.25-11.25v-28.75c0-6.210938-5.035156-11.25-11.25-11.25-6.210938 0-11.25 5.039062-11.25 11.25v28.75c0 6.210937 5.039062 11.25 11.25 11.25zm0 0"/><path fill="#E994A0" d="m278.75 65.917969c6.214844 0 11.25-5.039063 11.25-11.25v-45c0-6.210938-5.035156-11.25-11.25-11.25-6.210938 0-11.25 5.039062-11.25 11.25v45c0 6.210937 5.039062 11.25 11.25 11.25zm0 0"/><path fill="#E994A0" d="m231.25 95.917969c6.214844 0 11.25-5.039063 11.25-11.25v-23.75c0-6.210938-5.035156-11.25-11.25-11.25-6.210938 0-11.25 5.039062-11.25 11.25v23.75c0 6.210937 5.039062 11.25 11.25 11.25zm0 0"/></svg>
|
Before Width: | Height: | Size: 3 KiB |
|
@ -1,27 +0,0 @@
|
|||
<svg width="49" height="48" viewBox="0 0 49 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M26.9288 1.50003C23.7579 1.50237 20.6317 2.24883 17.8017 3.67936C14.9717 5.10989 12.517 7.18457 10.6348 9.73655C8.75268 12.2885 7.49567 15.2466 6.9649 18.3728C6.43413 21.4991 6.64441 24.7063 7.57883 27.7364L3.26446 25.5793C3.08677 25.4921 2.88185 25.4787 2.69435 25.5421C2.50685 25.6054 2.35196 25.7402 2.26345 25.9172C2.17494 26.0942 2.15997 26.299 2.22181 26.487C2.28364 26.675 2.41728 26.8309 2.59358 26.9208L8.59358 29.9208C8.73439 29.9912 8.89378 30.0155 9.04917 29.9903C9.20456 29.965 9.34807 29.8915 9.45936 29.7802L13.9594 25.2802C14.029 25.2105 14.0843 25.1279 14.1219 25.0369C14.1596 24.9459 14.179 24.8483 14.179 24.7498C14.179 24.6513 14.1596 24.5538 14.1219 24.4628C14.0843 24.3718 14.029 24.2891 13.9594 24.2195C13.8897 24.1499 13.807 24.0946 13.716 24.0569C13.625 24.0192 13.5275 23.9998 13.429 23.9998C13.3305 23.9998 13.233 24.0192 13.142 24.0569C13.051 24.0946 12.9683 24.1499 12.8987 24.2195L9.21336 27.9048C8.52545 25.9258 8.17571 23.8452 8.17883 21.75C8.17883 11.4113 16.5901 3.00003 26.9288 3.00003C37.2676 3.00003 45.6788 11.4113 45.6788 21.75C45.6788 32.0888 37.2676 40.5 26.9288 40.5C26.7299 40.5 26.5392 40.579 26.3985 40.7197C26.2578 40.8604 26.1788 41.0511 26.1788 41.25C26.1788 41.4489 26.2578 41.6397 26.3985 41.7804C26.5392 41.921 26.7299 42 26.9288 42C30.9339 42 34.849 40.8124 38.1791 38.5873C41.5092 36.3622 44.1047 33.1996 45.6374 29.4994C47.1701 25.7992 47.5711 21.7276 46.7897 17.7995C46.0084 13.8713 44.0797 10.2631 41.2477 7.43112C39.3717 5.54484 37.1402 4.04939 34.6824 3.03131C32.2245 2.01324 29.5892 1.49277 26.9288 1.50003Z" fill="#FD3D57"/>
|
||||
<path d="M17.2359 25.7871C17.2927 25.9241 17.3888 26.0412 17.5122 26.1236C17.6355 26.206 17.7805 26.25 17.9288 26.25H25.4288C25.6277 26.25 25.8185 26.171 25.9592 26.0303C26.0998 25.8897 26.1788 25.6989 26.1788 25.5C26.1788 25.3011 26.0998 25.1103 25.9592 24.9697C25.8185 24.829 25.6277 24.75 25.4288 24.75H19.7394L25.2092 19.2803C25.2788 19.2107 25.3341 19.128 25.3717 19.037C25.4094 18.946 25.4288 18.8485 25.4288 18.75C25.4288 17.0958 23.7466 15.75 21.6788 15.75C19.6111 15.75 17.9288 17.0958 17.9288 18.75C17.9288 18.9489 18.0078 19.1397 18.1485 19.2803C18.2891 19.421 18.4799 19.5 18.6788 19.5C18.8777 19.5 19.0685 19.421 19.2092 19.2803C19.3498 19.1397 19.4288 18.9489 19.4288 18.75C19.4288 17.9369 20.4591 17.25 21.6788 17.25C22.7596 17.25 23.6918 17.7895 23.89 18.4781L17.3985 24.9696C17.2936 25.0745 17.2221 25.2081 17.1932 25.3537C17.1642 25.4992 17.1791 25.65 17.2359 25.7871Z" fill="#FD3D57"/>
|
||||
<path d="M40.0572 13.046C39.9471 12.8803 39.7758 12.7651 39.5808 12.7258C39.3858 12.6864 39.1831 12.7262 39.0174 12.8363C38.8517 12.9463 38.7366 13.1177 38.6972 13.3127C38.6579 13.5077 38.6976 13.7103 38.8077 13.876C39.0697 14.2703 39.3145 14.6823 39.5355 15.0999C39.6296 15.2737 39.7885 15.4032 39.9776 15.4605C40.1667 15.5177 40.3708 15.498 40.5455 15.4057C40.7201 15.3133 40.8513 15.1558 40.9105 14.9673C40.9697 14.7787 40.9521 14.5745 40.8615 14.3989C40.6173 13.9369 40.3467 13.4818 40.0572 13.046Z" fill="#FD3D57"/>
|
||||
<path d="M42.0449 17.3126C42.0181 17.2171 41.9726 17.1278 41.9111 17.0499C41.8495 16.9721 41.7731 16.9072 41.6864 16.8591C41.5996 16.811 41.5041 16.7806 41.4055 16.7697C41.3068 16.7587 41.207 16.7674 41.1118 16.7954C41.0166 16.8233 40.9278 16.8698 40.8507 16.9323C40.7736 16.9947 40.7096 17.0718 40.6625 17.1592C40.6155 17.2465 40.5862 17.3424 40.5764 17.4411C40.5666 17.5399 40.5765 17.6396 40.6055 17.7345C40.739 18.1901 40.8495 18.6521 40.9367 19.1188C40.9731 19.3143 41.0858 19.4874 41.2499 19.5998C41.4139 19.7123 41.616 19.755 41.8115 19.7185C42.007 19.6821 42.1801 19.5694 42.2926 19.4054C42.405 19.2413 42.4477 19.0393 42.4113 18.8437C42.3148 18.3276 42.1925 17.8165 42.0449 17.3126Z" fill="#FD3D57"/>
|
||||
<path d="M41.4847 25.4653C41.2948 25.4067 41.0893 25.426 40.9135 25.5188C40.7377 25.6117 40.606 25.7705 40.5472 25.9605C40.407 26.4142 40.2441 26.8606 40.0592 27.298C40.02 27.3889 39.9992 27.4866 39.998 27.5855C39.9967 27.6844 40.015 27.7826 40.0519 27.8744C40.0888 27.9662 40.1434 28.0498 40.2127 28.1204C40.282 28.191 40.3646 28.2472 40.4558 28.2857C40.5469 28.3243 40.6447 28.3444 40.7437 28.3449C40.8426 28.3455 40.9406 28.3265 41.0322 28.289C41.1237 28.2515 41.207 28.1962 41.2771 28.1264C41.3472 28.0566 41.4028 27.9737 41.4407 27.8823C41.6452 27.3986 41.8253 26.905 41.9804 26.4033C42.0095 26.3091 42.0197 26.2102 42.0105 26.1121C42.0013 26.014 41.9729 25.9187 41.9269 25.8316C41.8809 25.7445 41.8181 25.6673 41.7423 25.6045C41.6664 25.5416 41.5789 25.4943 41.4847 25.4653Z" fill="#FD3D57"/>
|
||||
<path d="M36.8996 9.55736C36.7455 9.43304 36.5485 9.3747 36.3516 9.39506C36.1546 9.41542 35.9737 9.51283 35.8483 9.66604C35.7229 9.81925 35.6632 10.0158 35.6821 10.2129C35.7011 10.41 35.7972 10.5916 35.9496 10.7181C36.3162 11.0181 36.6714 11.3399 37.0053 11.6743C37.0749 11.744 37.1576 11.7993 37.2486 11.837C37.3396 11.8747 37.4371 11.8941 37.5356 11.8942C37.6341 11.8942 37.7316 11.8748 37.8227 11.8371C37.9137 11.7995 37.9964 11.7442 38.066 11.6746C38.1357 11.605 38.191 11.5223 38.2287 11.4313C38.2664 11.3403 38.2859 11.2428 38.2859 11.1443C38.2859 11.0458 38.2665 10.9482 38.2289 10.8572C38.1912 10.7662 38.136 10.6835 38.0663 10.6138C37.6973 10.2444 37.3049 9.88904 36.8996 9.55736Z" fill="#FD3D57"/>
|
||||
<path d="M37.9212 31.9838C38.0733 32.112 38.2701 32.1745 38.4683 32.1575C38.6665 32.1406 38.8498 32.0456 38.9779 31.8935C39.3148 31.4937 39.6354 31.0723 39.9309 30.6412C40.0434 30.4771 40.086 30.275 40.0495 30.0795C40.013 29.8839 39.9003 29.7109 39.7362 29.5984C39.6549 29.5427 39.5635 29.5036 39.4671 29.4833C39.3707 29.4629 39.2713 29.4618 39.1745 29.4799C38.9789 29.5164 38.8059 29.6291 38.6934 29.7932C38.426 30.1836 38.1357 30.565 37.8309 30.9276C37.7029 31.0797 37.6405 31.2763 37.6575 31.4744C37.6744 31.6725 37.7692 31.8557 37.9212 31.9838Z" fill="#FD3D57"/>
|
||||
<path d="M42.6015 23.3207C42.6529 22.802 42.6788 22.2734 42.6788 21.75C42.6788 21.5511 42.5998 21.3603 42.4592 21.2197C42.3185 21.079 42.1277 21 41.9288 21C41.7299 21 41.5392 21.079 41.3985 21.2197C41.2579 21.3603 41.1788 21.5511 41.1788 21.75C41.1788 22.2244 41.1553 22.7032 41.1088 23.1731C41.0892 23.3711 41.1491 23.5687 41.2752 23.7225C41.4014 23.8763 41.5834 23.9737 41.7814 23.9933C41.8064 23.9957 41.8313 23.997 41.8564 23.997C42.0423 23.9967 42.2215 23.9273 42.3592 23.8024C42.4969 23.6774 42.5832 23.5057 42.6015 23.3207Z" fill="#FD3D57"/>
|
||||
<path d="M23.7395 7.83979C23.793 7.83973 23.8465 7.83398 23.8988 7.82264C24.3629 7.72228 24.8317 7.64522 25.3035 7.59173C25.4014 7.58065 25.4961 7.5504 25.5823 7.50271C25.6685 7.45502 25.7444 7.39081 25.8058 7.31377C25.8672 7.23673 25.9128 7.14835 25.94 7.05368C25.9672 6.95902 25.9755 6.85992 25.9644 6.76204C25.9534 6.66417 25.9231 6.56943 25.8754 6.48325C25.8277 6.39706 25.7635 6.32111 25.6865 6.25974C25.6094 6.19837 25.5211 6.15277 25.4264 6.12555C25.3317 6.09833 25.2326 6.09002 25.1347 6.1011C24.6146 6.16007 24.0921 6.24595 23.5816 6.35648C23.4005 6.39543 23.2403 6.49999 23.1317 6.65002C23.0232 6.80005 22.974 6.98493 22.9936 7.16908C23.0132 7.35323 23.1002 7.52361 23.2379 7.64743C23.3756 7.77124 23.5543 7.83973 23.7395 7.8397V7.83979Z" fill="#FD3D57"/>
|
||||
<path d="M14.3195 31.1888C14.6332 31.6072 14.9715 32.0144 15.3248 32.3992C15.4599 32.5437 15.6465 32.629 15.8441 32.6366C16.0418 32.6442 16.2344 32.5733 16.3801 32.4396C16.5257 32.3058 16.6127 32.1199 16.622 31.9224C16.6313 31.7248 16.5622 31.5316 16.4297 31.3848C16.1098 31.0364 15.8035 30.6677 15.5194 30.2888C15.4 30.1297 15.2223 30.0245 15.0254 29.9964C14.8285 29.9682 14.6285 30.0195 14.4694 30.1388C14.3102 30.2582 14.205 30.4359 14.1769 30.6328C14.1488 30.8297 14.2 31.0297 14.3194 31.1888H14.3195Z" fill="#FD3D57"/>
|
||||
<path d="M12.6084 17.2102C12.5132 17.1853 12.4139 17.1793 12.3163 17.1926C12.2187 17.206 12.1247 17.2385 12.0397 17.2882C11.9547 17.3379 11.8803 17.4038 11.8207 17.4823C11.7612 17.5608 11.7177 17.6502 11.6927 17.7455C11.5597 18.2534 11.4522 18.7677 11.3706 19.2864C11.3397 19.4829 11.3881 19.6837 11.5052 19.8445C11.6224 20.0053 11.7986 20.1129 11.9951 20.1438C12.1916 20.1747 12.3923 20.1262 12.5531 20.0091C12.7139 19.892 12.8216 19.7158 12.8525 19.5193C12.9262 19.0503 13.0234 18.5853 13.1437 18.126C13.1686 18.0307 13.1746 17.9315 13.1612 17.8339C13.1479 17.7363 13.1154 17.6423 13.0657 17.5573C13.016 17.4722 12.95 17.3978 12.8716 17.3383C12.7931 17.2787 12.7037 17.2352 12.6084 17.2102Z" fill="#FD3D57"/>
|
||||
<path d="M33.5796 9.14376C33.6667 9.19059 33.7622 9.21973 33.8607 9.22948C33.9591 9.23924 34.0585 9.22943 34.1531 9.20061C34.2478 9.1718 34.3357 9.12454 34.412 9.06158C34.4883 8.99861 34.5514 8.92118 34.5977 8.83373C34.6439 8.74628 34.6724 8.65055 34.6815 8.55205C34.6906 8.45355 34.6801 8.35422 34.6506 8.25979C34.6211 8.16536 34.5733 8.07768 34.5098 8.00182C34.4463 7.92596 34.3685 7.8634 34.2807 7.81776C33.8178 7.57298 33.3377 7.34901 32.8537 7.1526C32.7624 7.11554 32.6647 7.09681 32.5662 7.09749C32.4678 7.09817 32.3704 7.11824 32.2796 7.15656C32.1889 7.19487 32.1066 7.25069 32.0374 7.32081C31.9683 7.39093 31.9136 7.47399 31.8765 7.56524C31.8395 7.6565 31.8208 7.75415 31.8214 7.85264C31.8221 7.95113 31.8422 8.04853 31.8805 8.13926C31.9188 8.22999 31.9746 8.31229 32.0447 8.38145C32.1149 8.45062 32.1979 8.50529 32.2892 8.54235C32.7291 8.72117 33.1597 8.92189 33.5796 9.14376Z" fill="#FD3D57"/>
|
||||
<path d="M14.1377 15.4617C14.3476 15.0357 14.5786 14.6204 14.83 14.2175C14.933 14.0488 14.9652 13.8463 14.9197 13.6541C14.8742 13.4618 14.7546 13.2952 14.587 13.1906C14.4194 13.0859 14.2172 13.0517 14.0245 13.0952C13.8317 13.1388 13.664 13.2567 13.5576 13.4232C13.2808 13.8667 13.0233 14.3296 12.792 14.7988C12.7485 14.8872 12.7228 14.9833 12.7164 15.0816C12.71 15.1798 12.723 15.2784 12.7547 15.3717C12.7864 15.4649 12.8362 15.551 12.9011 15.6251C12.9661 15.6991 13.045 15.7596 13.1334 15.8031C13.2217 15.8467 13.3178 15.8724 13.4161 15.8788C13.5144 15.8852 13.613 15.8721 13.7062 15.8404C13.7995 15.8087 13.8856 15.759 13.9596 15.694C14.0336 15.629 14.0942 15.5501 14.1377 15.4617Z" fill="#FD3D57"/>
|
||||
<path d="M19.5532 9.43604C19.6825 9.43605 19.8095 9.40252 19.9219 9.33873C20.3344 9.10567 20.7621 8.89098 21.1945 8.70066C21.2847 8.66099 21.3661 8.60395 21.4342 8.5328C21.5023 8.46164 21.5558 8.37777 21.5914 8.28597C21.6271 8.19418 21.6444 8.09624 21.6422 7.99777C21.6401 7.8993 21.6186 7.80222 21.5789 7.71207C21.5392 7.62192 21.4822 7.54047 21.411 7.47236C21.3399 7.40426 21.256 7.35083 21.1642 7.31514C21.0724 7.27945 20.9745 7.26219 20.876 7.26434C20.7775 7.26649 20.6804 7.28802 20.5903 7.3277C20.1098 7.53926 19.6402 7.77474 19.1832 8.03326C19.039 8.11486 18.9258 8.24194 18.8614 8.39465C18.797 8.54736 18.785 8.71709 18.8273 8.87734C18.8696 9.03758 18.9637 9.17931 19.0951 9.28039C19.2264 9.38147 19.3875 9.4362 19.5532 9.43604Z" fill="#FD3D57"/>
|
||||
<path d="M35.7904 32.9102C35.4199 33.2049 35.0304 33.484 34.6327 33.7403C34.5494 33.7934 34.4774 33.8624 34.4209 33.9434C34.3644 34.0244 34.3244 34.1158 34.3032 34.2123C34.2821 34.3088 34.2803 34.4085 34.2978 34.5058C34.3153 34.603 34.3519 34.6958 34.4054 34.7788C34.4589 34.8619 34.5282 34.9335 34.6095 34.9897C34.6908 35.0459 34.7823 35.0854 34.879 35.1061C34.9756 35.1268 35.0753 35.1282 35.1724 35.1102C35.2696 35.0922 35.3622 35.0552 35.445 35.0013C35.8843 34.7182 36.3146 34.4097 36.7238 34.0844C36.8795 33.9606 36.9797 33.7801 37.0023 33.5824C37.0249 33.3848 36.968 33.1863 36.8442 33.0306C36.7204 32.8749 36.5399 32.7747 36.3422 32.7521C36.1446 32.7296 35.9461 32.7864 35.7904 32.9102Z" fill="#FD3D57"/>
|
||||
<path d="M32.0994 35.0332C31.657 35.2055 31.2062 35.3554 30.7487 35.4824C30.6538 35.5087 30.565 35.5535 30.4874 35.6142C30.4098 35.6748 30.3449 35.7502 30.2964 35.8359C30.2479 35.9216 30.2168 36.0161 30.2048 36.1138C30.1928 36.2116 30.2002 36.3108 30.2265 36.4057C30.2797 36.5974 30.4069 36.7601 30.58 36.858C30.6658 36.9065 30.7602 36.9376 30.858 36.9496C30.9558 36.9616 31.0549 36.9542 31.1498 36.9278C31.6559 36.7873 32.1546 36.6215 32.644 36.431C32.7363 36.3956 32.8206 36.3423 32.8923 36.2742C32.9639 36.2061 33.0213 36.1245 33.0613 36.0341C33.1013 35.9437 33.123 35.8463 33.1252 35.7476C33.1274 35.6488 33.1101 35.5505 33.0742 35.4584C33.0383 35.3663 32.9846 35.2823 32.9161 35.211C32.8477 35.1398 32.7658 35.0827 32.6752 35.0432C32.5846 35.0037 32.4871 34.9825 32.3883 34.9808C32.2895 34.9791 32.1913 34.997 32.0994 35.0333V35.0332Z" fill="#FD3D57"/>
|
||||
<path d="M18.5526 33.2796C18.3917 33.1625 18.191 33.1141 17.9945 33.1451C17.798 33.176 17.6219 33.2837 17.5048 33.4446C17.3877 33.6054 17.3394 33.8061 17.3703 34.0026C17.4013 34.1991 17.509 34.3752 17.6698 34.4923C18.0929 34.8003 18.5361 35.0901 18.9872 35.354C19.0722 35.405 19.1666 35.4386 19.2647 35.4529C19.3628 35.4672 19.4628 35.4619 19.5589 35.4372C19.655 35.4126 19.7452 35.3692 19.8244 35.3095C19.9036 35.2498 19.9701 35.175 20.0202 35.0894C20.0703 35.0038 20.1029 34.9091 20.1161 34.8108C20.1293 34.7125 20.123 34.6126 20.0973 34.5168C20.0717 34.421 20.0273 34.3312 19.9667 34.2527C19.9062 34.1742 19.8306 34.1084 19.7445 34.0593C19.3364 33.8205 18.9353 33.5582 18.5526 33.2796Z" fill="#FD3D57"/>
|
||||
<path d="M26.5211 35.9942H26.4996C26.3007 35.9914 26.1089 36.0678 25.9663 36.2065C25.8237 36.3452 25.742 36.5349 25.7392 36.7338C25.7365 36.9327 25.8128 37.1246 25.9515 37.2672C26.0902 37.4098 26.2799 37.4914 26.4788 37.4942C26.6277 37.4984 26.7788 37.5005 26.9288 37.5005C27.3032 37.5005 27.6809 37.4871 28.0514 37.461C28.2498 37.447 28.4346 37.3548 28.565 37.2046C28.6954 37.0544 28.7608 36.8585 28.7468 36.6601C28.7328 36.4617 28.6406 36.2769 28.4904 36.1465C28.3402 36.0161 28.1444 35.9507 27.9459 35.9647C27.4756 35.9975 26.9938 36.0077 26.5211 35.9942Z" fill="#FD3D57"/>
|
||||
<path d="M16.6153 9.84615C16.2203 10.1886 15.838 10.5549 15.479 10.935C15.3424 11.0796 15.2688 11.2725 15.2745 11.4714C15.2801 11.6702 15.3645 11.8587 15.5092 11.9953C15.6538 12.1319 15.8467 12.2054 16.0456 12.1998C16.2444 12.1941 16.4329 12.1097 16.5695 11.9651C16.8945 11.6211 17.2405 11.2895 17.598 10.9796C17.7483 10.8493 17.8407 10.6646 17.8548 10.4662C17.869 10.2678 17.8037 10.0719 17.6734 9.92157C17.5431 9.77127 17.3584 9.67889 17.16 9.66474C16.9616 9.6506 16.7657 9.71585 16.6154 9.84615H16.6153Z" fill="#FD3D57"/>
|
||||
<path d="M22.331 35.2421C22.1427 35.1779 21.9366 35.1912 21.7581 35.2789C21.5796 35.3667 21.4432 35.5218 21.3791 35.7101C21.3149 35.8983 21.3281 36.1044 21.4159 36.2829C21.5037 36.4614 21.6587 36.5978 21.847 36.6619C22.3442 36.8311 22.8496 36.9754 23.3613 37.094C23.4572 37.1163 23.5566 37.1194 23.6538 37.1032C23.7509 37.087 23.8439 37.0518 23.9275 36.9997C24.0111 36.9475 24.0835 36.8795 24.1408 36.7993C24.198 36.7192 24.2389 36.6285 24.2612 36.5326C24.2834 36.4366 24.2865 36.3372 24.2703 36.2401C24.2541 36.1429 24.219 36.0499 24.1668 35.9663C24.1147 35.8828 24.0466 35.8103 23.9664 35.753C23.8863 35.6958 23.7957 35.6549 23.6997 35.6327C23.2372 35.5255 22.7804 35.3951 22.331 35.2421Z" fill="#FD3D57"/>
|
||||
<path d="M29.8358 6.26785C29.3226 6.17213 28.7979 6.10106 28.2761 6.05681C28.0779 6.04003 27.8811 6.10268 27.7291 6.23097C27.5771 6.35926 27.4822 6.54269 27.4655 6.74091C27.4487 6.93913 27.5113 7.13589 27.6396 7.28792C27.7679 7.43995 27.9513 7.53478 28.1496 7.55157C28.6217 7.5916 29.0964 7.65572 29.5604 7.74244C29.7559 7.77897 29.958 7.73632 30.1221 7.62387C30.2862 7.51143 30.3989 7.33841 30.4354 7.14286C30.4719 6.94732 30.4293 6.74527 30.3168 6.58118C30.2044 6.41708 30.0314 6.30437 29.8358 6.26785Z" fill="#FD3D57"/>
|
||||
<path d="M17.1788 45.75V38.25C17.1788 38.0511 17.0998 37.8603 16.9592 37.7197C16.8185 37.579 16.6277 37.5 16.4288 37.5H14.1788V35.25C14.1788 35.0511 14.0998 34.8603 13.9592 34.7197C13.8185 34.579 13.6277 34.5 13.4288 34.5H5.92883C5.72992 34.5 5.53916 34.579 5.3985 34.7197C5.25785 34.8603 5.17883 35.0511 5.17883 35.25V37.5H2.92883C2.72992 37.5 2.53916 37.579 2.3985 37.7197C2.25785 37.8603 2.17883 38.0511 2.17883 38.25V45.75C2.17883 45.9489 2.25785 46.1397 2.3985 46.2803C2.53916 46.421 2.72992 46.5 2.92883 46.5H16.4288C16.6277 46.5 16.8185 46.421 16.9592 46.2803C17.0998 46.1397 17.1788 45.9489 17.1788 45.75ZM5.17883 45H3.67883V39H5.17883V45ZM12.6788 45H10.4288V44.25C10.4288 44.0511 10.3498 43.8603 10.2092 43.7197C10.0685 43.579 9.87775 43.5 9.67883 43.5C9.47992 43.5 9.28916 43.579 9.1485 43.7197C9.00785 43.8603 8.92883 44.0511 8.92883 44.25V45H6.67883V36H12.6788V45ZM15.6788 45H14.1788V39H15.6788V45Z" fill="#FD3D57"/>
|
||||
<path d="M8.92883 39H10.4288C10.6277 39 10.8185 38.921 10.9592 38.7803C11.0998 38.6397 11.1788 38.4489 11.1788 38.25C11.1788 38.0511 11.0998 37.8603 10.9592 37.7197C10.8185 37.579 10.6277 37.5 10.4288 37.5H8.92883C8.72992 37.5 8.53916 37.579 8.3985 37.7197C8.25785 37.8603 8.17883 38.0511 8.17883 38.25C8.17883 38.4489 8.25785 38.6397 8.3985 38.7803C8.53916 38.921 8.72992 39 8.92883 39Z" fill="#FD3D57"/>
|
||||
<path d="M8.92883 42H10.4288C10.6277 42 10.8185 41.921 10.9592 41.7803C11.0998 41.6397 11.1788 41.4489 11.1788 41.25C11.1788 41.0511 11.0998 40.8603 10.9592 40.7197C10.8185 40.579 10.6277 40.5 10.4288 40.5H8.92883C8.72992 40.5 8.53916 40.579 8.3985 40.7197C8.25785 40.8603 8.17883 41.0511 8.17883 41.25C8.17883 41.4489 8.25785 41.6397 8.3985 41.7803C8.53916 41.921 8.72992 42 8.92883 42Z" fill="#FD3D57"/>
|
||||
<path d="M27.7459 22.8099C27.8054 22.9411 27.9015 23.0524 28.0226 23.1304C28.1437 23.2085 28.2848 23.25 28.4288 23.25H32.9288V25.5C32.9288 25.6989 33.0079 25.8897 33.1485 26.0303C33.2892 26.171 33.4799 26.25 33.6788 26.25C33.8777 26.25 34.0685 26.171 34.2092 26.0303C34.3498 25.8897 34.4288 25.6989 34.4288 25.5V23.25H35.9288C36.1277 23.25 36.3185 23.171 36.4592 23.0303C36.5998 22.8897 36.6788 22.6989 36.6788 22.5C36.6788 22.3011 36.5998 22.1103 36.4592 21.9696C36.3185 21.829 36.1277 21.75 35.9288 21.75H34.4288V16.5C34.4288 16.3474 34.3823 16.1984 34.2954 16.073C34.2085 15.9475 34.0855 15.8515 33.9426 15.7979C33.7998 15.7442 33.644 15.7354 33.496 15.7726C33.348 15.8098 33.2148 15.8913 33.1144 16.0061L27.8644 22.0061C27.7695 22.1145 27.7079 22.248 27.6868 22.3906C27.6658 22.5331 27.6863 22.6787 27.7459 22.8099ZM32.9288 18.4961V21.75H30.0816L32.9288 18.4961Z" fill="#FD3D57"/>
|
||||
</svg>
|
Before Width: | Height: | Size: 18 KiB |
|
@ -1,59 +0,0 @@
|
|||
<?xml version="1.0" encoding="iso-8859-1"?>
|
||||
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
|
||||
<g>
|
||||
<g>
|
||||
<path fill="#E994A0" d="M510.417,210.76c-4.698-19.198-20.897-34.833-40.305-38.896c-3.961-0.829-7.945-1.199-11.886-1.159
|
||||
c-37.112-56.479-104.896-85.372-202.21-85.372c-97.635,0-165.523,28.962-202.51,85.6c-12.656,0.009-24.99,4.167-34.713,12.431
|
||||
C6.855,193.521,0,208.333,0,224c0,16.677,8.042,32.427,21.335,42.448v74.885c0,23.531,19.137,42.667,42.669,42.667v10.667
|
||||
c0,17.646,14.355,32,32.002,32s32.002-14.354,32.002-32V384h256.016v10.667c0,17.646,14.355,32,32.002,32
|
||||
c17.647,0,32.002-14.354,32.002-32V384c23.533,0,42.669-19.135,42.669-42.667v-74.875
|
||||
C507.75,253.667,515.615,232.042,510.417,210.76z M256,106.667c85.625,0,145.768,23.478,179.749,69.255
|
||||
c-3.773,1.794-7.378,3.978-10.686,6.661c-12.542,10.188-19.729,25.281-19.729,41.417v32h-128c-8.225,0-15.659,3.206-21.333,8.323
|
||||
c-5.674-5.117-13.108-8.323-21.333-8.323h-128v-29.719c0-21.911-12.536-41.307-30.646-50.236
|
||||
C109.9,130.191,170.12,106.667,256,106.667z M426.667,288c0,5.885-4.781,10.667-10.667,10.667H277.333
|
||||
c-5.885,0-10.667-4.781-10.667-10.667s4.781-10.667,10.667-10.667H416C421.885,277.333,426.667,282.115,426.667,288z M245.333,288
|
||||
c0,5.885-4.781,10.667-10.667,10.667H96c-5.885,0-10.667-4.781-10.667-10.667S90.115,277.333,96,277.333h138.667
|
||||
C240.552,277.333,245.333,282.115,245.333,288z M106.667,394.667c0,5.885-4.781,10.667-10.667,10.667s-10.667-4.781-10.667-10.667
|
||||
V384h21.333V394.667z M426.667,394.667c0,5.885-4.781,10.667-10.667,10.667c-5.885,0-10.667-4.781-10.667-10.667V384h21.333
|
||||
V394.667z M474.635,251.531c-3.281,1.906-5.302,5.417-5.302,9.219v80.583c0,11.76-9.573,21.333-21.333,21.333H64
|
||||
c-11.76,0-21.333-9.573-21.333-21.333V260.75c0-3.792-2.021-7.302-5.302-9.219C27.323,245.688,21.333,235.396,21.333,224
|
||||
c0-9.396,4.115-18.292,11.281-24.385c7.281-6.188,16.625-8.729,26.167-7.167c15.135,2.458,26.552,17.01,26.552,33.833v31.684
|
||||
C72.944,262.383,64,274.112,64,288c0,17.646,14.354,32,32,32h138.667c8.225,0,15.659-3.206,21.333-8.323
|
||||
c5.674,5.117,13.108,8.323,21.333,8.323H416c17.646,0,32-14.354,32-32c0-13.888-8.944-25.617-21.333-30.035V224
|
||||
c0-9.688,4.313-18.74,11.844-24.854c7.635-6.198,17.323-8.479,27.198-6.406c11.542,2.417,21.167,11.698,23.948,23.083
|
||||
C493.167,230.167,487.271,244.177,474.635,251.531z"/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
</svg>
|
Before Width: | Height: | Size: 2.7 KiB |
|
@ -1 +0,0 @@
|
|||
<svg id="Layer_3" enable-background="new 0 0 64 64" height="512" viewBox="0 0 64 64" width="512" xmlns="http://www.w3.org/2000/svg"><path fill="#E994A0" d="m63 3v-2h-31c-.553 0-1 .447-1 1v8c0 .553.447 1 1 1h1v50h-32v2h33 4 8 4 13v-2h-12v-5h12v-2h-13-4-3v-2h20v-2h-21c-.553 0-1 .447-1 1v4c0 .553.447 1 1 1h3v5h-6v-50h24v-2h-25-4-1v-6zm-16 53h2v5h-2zm-10-45v50h-2v-50z"/><path fill="#E994A0" d="m21 32c0-2.118-.501-4.238-1.447-6.131l-.658-1.316c-.34-.678-1.449-.678-1.789 0l-.658 1.316c-.947 1.893-1.448 4.013-1.448 6.131 0 .241.029.481.042.722-.646-.483-1.383-.837-2.172-1.034l-2.628-.657c-.338-.087-.701.015-.949.263s-.349.608-.263.949l.657 2.629c.269 1.073.823 2.055 1.605 2.836.781.782 1.763 1.337 2.836 1.605h.001l.672.168-1.25.625.895 1.789 2.554-1.277v2.382h-7c-.553 0-1 .447-1 1v4c0 .553.447 1 1 1h1.095l.91 9.1c.051.51.481.9.995.9h10c.514 0 .944-.39.995-.9l.91-9.1h1.095c.553 0 1-.447 1-1v-4c0-.553-.447-1-1-1h-7v-2.382l2.553 1.276.895-1.789-1.25-.625.672-.168h.001c1.073-.269 2.055-.823 2.836-1.605.782-.781 1.337-1.763 1.605-2.837l.657-2.628c.086-.341-.015-.701-.263-.949s-.609-.35-.949-.263l-2.629.657c-.788.197-1.525.551-2.171 1.034.014-.24.043-.48.043-.721zm1.095 25h-8.189l-.8-8h9.79zm2.905-10h-14v-2h14zm-7-19.734c.655 1.485 1 3.11 1 4.734s-.345 3.249-1 4.734c-.655-1.485-1-3.11-1-4.734s.345-3.249 1-4.734zm-5.293 9.027c-.525-.525-.898-1.186-1.08-1.907l-.252-1.011 1.01.252c.723.182 1.383.555 1.908 1.08s.898 1.186 1.08 1.907l.252 1.011-1.01-.252c-.722-.182-1.383-.555-1.908-1.08zm10.907-2.666 1.011-.252-.252 1.01c-.182.723-.555 1.383-1.08 1.908s-1.186.898-1.908 1.08l-1.01.252.252-1.01c.182-.723.555-1.383 1.08-1.908s1.186-.898 1.907-1.08z"/><path fill="#E994A0" d="m5 15h13c2.757 0 5-2.243 5-5s-2.243-5-5-5c-.438 0-.877.061-1.303.18-.766-2.455-3.023-4.18-5.697-4.18-3.309 0-6 2.691-6 6-2.206 0-4 1.794-4 4s1.794 4 4 4zm0-6c.27 0 .533.054.783.16.352.147.756.085 1.043-.163.288-.248.411-.639.317-1.007-.098-.377-.143-.692-.143-.99 0-2.206 1.794-4 4-4 2.081 0 3.784 1.574 3.961 3.662.028.345.233.648.54.806.308.158.675.145.97-.032.483-.29.997-.436 1.529-.436 1.654 0 3 1.346 3 3s-1.346 3-3 3h-13c-1.103 0-2-.897-2-2s.897-2 2-2z"/></svg>
|
Before Width: | Height: | Size: 2.1 KiB |
|
@ -1,4 +0,0 @@
|
|||
<svg width="122" height="23" viewBox="0 0 122 23" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M16.8232 22H12.751L9.39648 16.375C9.09375 15.8574 8.7959 15.418 8.50293 15.0566C8.21973 14.6855 7.92676 14.3828 7.62402 14.1484C7.33105 13.9141 7.00879 13.7432 6.65723 13.6357C6.30566 13.5283 5.91016 13.4746 5.4707 13.4746H4.06445V22H0.592773V0.994141H7.50684C8.49316 0.994141 9.40137 1.11133 10.2314 1.3457C11.0615 1.58008 11.7842 1.93652 12.3994 2.41504C13.0146 2.88379 13.4932 3.47461 13.835 4.1875C14.1865 4.89062 14.3623 5.71582 14.3623 6.66309C14.3623 7.40527 14.25 8.08887 14.0254 8.71387C13.8105 9.3291 13.498 9.88086 13.0879 10.3691C12.6875 10.8477 12.1992 11.2578 11.623 11.5996C11.0566 11.9414 10.417 12.2051 9.7041 12.3906V12.4492C10.085 12.6641 10.417 12.9033 10.7002 13.167C10.9834 13.4209 11.252 13.6846 11.5059 13.958C11.7598 14.2314 12.0088 14.5439 12.2529 14.8955C12.5068 15.2373 12.7852 15.6377 13.0879 16.0967L16.8232 22ZM4.06445 3.82129V10.6475H6.96484C7.50195 10.6475 7.99512 10.5645 8.44434 10.3984C8.90332 10.2324 9.29883 9.99316 9.63086 9.68066C9.96289 9.36816 10.2217 8.9873 10.4072 8.53809C10.5928 8.08887 10.6855 7.58594 10.6855 7.0293C10.6855 6.02344 10.3682 5.2373 9.7334 4.6709C9.09863 4.10449 8.18555 3.82129 6.99414 3.82129H4.06445ZM35.94 22H32.1168L30.2271 16.6533H21.9654L20.149 22H16.3404L24.2066 0.994141H28.1324L35.94 22ZM29.3043 13.8115L26.3893 5.43262C26.3014 5.15918 26.2086 4.71973 26.1109 4.11426H26.0523C25.9645 4.6709 25.8668 5.11035 25.7594 5.43262L22.8736 13.8115H29.3043ZM49.5783 3.95312H41.7268V10.2666H48.9631V13.2109H41.7268V22H38.2404V0.994141H49.5783V3.95312Z" fill="#FD3D57"/>
|
||||
<path d="M67.3768 21.1211C65.7947 21.9414 63.827 22.3516 61.4734 22.3516C58.4266 22.3516 55.9852 21.3896 54.1492 19.4658C52.3133 17.542 51.3953 15.0176 51.3953 11.8926C51.3953 8.5332 52.4256 5.81836 54.4861 3.74805C56.5564 1.67773 59.1688 0.642578 62.323 0.642578C64.3543 0.642578 66.0389 0.930664 67.3768 1.50684V4.96387C65.9607 4.12402 64.3982 3.7041 62.6893 3.7041C60.4139 3.7041 58.5682 4.43164 57.1521 5.88672C55.7459 7.3418 55.0428 9.28516 55.0428 11.7168C55.0428 14.0312 55.702 15.877 57.0203 17.2539C58.3387 18.6211 60.0721 19.3047 62.2205 19.3047C64.2029 19.3047 65.9217 18.8359 67.3768 17.8984V21.1211ZM88.017 22H84.1937L82.3041 16.6533H74.0424L72.226 22H68.4174L76.2836 0.994141H80.2094L88.017 22ZM81.3812 13.8115L78.4662 5.43262C78.3783 5.15918 78.2855 4.71973 78.1879 4.11426H78.1293C78.0414 4.6709 77.9437 5.11035 77.8363 5.43262L74.9506 13.8115H81.3812ZM106.548 22H102.476L99.1211 16.375C98.8184 15.8574 98.5205 15.418 98.2275 15.0566C97.9443 14.6855 97.6514 14.3828 97.3486 14.1484C97.0557 13.9141 96.7334 13.7432 96.3818 13.6357C96.0303 13.5283 95.6348 13.4746 95.1953 13.4746H93.7891V22H90.3174V0.994141H97.2314C98.2178 0.994141 99.126 1.11133 99.9561 1.3457C100.786 1.58008 101.509 1.93652 102.124 2.41504C102.739 2.88379 103.218 3.47461 103.56 4.1875C103.911 4.89062 104.087 5.71582 104.087 6.66309C104.087 7.40527 103.975 8.08887 103.75 8.71387C103.535 9.3291 103.223 9.88086 102.812 10.3691C102.412 10.8477 101.924 11.2578 101.348 11.5996C100.781 11.9414 100.142 12.2051 99.4287 12.3906V12.4492C99.8096 12.6641 100.142 12.9033 100.425 13.167C100.708 13.4209 100.977 13.6846 101.23 13.958C101.484 14.2314 101.733 14.5439 101.978 14.8955C102.231 15.2373 102.51 15.6377 102.812 16.0967L106.548 22ZM93.7891 3.82129V10.6475H96.6895C97.2266 10.6475 97.7197 10.5645 98.1689 10.3984C98.6279 10.2324 99.0234 9.99316 99.3555 9.68066C99.6875 9.36816 99.9463 8.9873 100.132 8.53809C100.317 8.08887 100.41 7.58594 100.41 7.0293C100.41 6.02344 100.093 5.2373 99.458 4.6709C98.8232 4.10449 97.9102 3.82129 96.7188 3.82129H93.7891ZM121.182 3.95312H115.147V22H111.661V3.95312H105.64V0.994141H121.182V3.95312Z" fill="#2B2D42"/>
|
||||
</svg>
|
Before Width: | Height: | Size: 3.7 KiB |
Before Width: | Height: | Size: 10 KiB |
Before Width: | Height: | Size: 185 KiB |
Before Width: | Height: | Size: 74 KiB |
Before Width: | Height: | Size: 77 KiB |
Before Width: | Height: | Size: 56 KiB |
Before Width: | Height: | Size: 19 KiB |
Before Width: | Height: | Size: 54 KiB |
Before Width: | Height: | Size: 30 KiB |
Before Width: | Height: | Size: 19 KiB |
Before Width: | Height: | Size: 40 KiB |
Before Width: | Height: | Size: 49 KiB |
Before Width: | Height: | Size: 26 KiB |
Before Width: | Height: | Size: 23 KiB |
Before Width: | Height: | Size: 36 KiB |
|
@ -1,32 +0,0 @@
|
|||
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
|
||||
|
||||
@tailwind base;
|
||||
@tailwind components;
|
||||
@tailwind utilities;
|
||||
|
||||
@layer base {
|
||||
body {
|
||||
@apply font-poppins;
|
||||
}
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
@apply font-roboto;
|
||||
}
|
||||
}
|
||||
|
||||
@layer components {
|
||||
.size-selector input:checked + label {
|
||||
@apply bg-primary text-white;
|
||||
}
|
||||
.color-selector input:checked + label {
|
||||
@apply ring-2 ring-primary;
|
||||
}
|
||||
|
||||
.input-box {
|
||||
@apply block w-full border border-gray-300 px-4 py-3 text-gray-600 text-sm rounded placeholder-gray-400 focus:border-primary focus:ring-0;
|
||||
}
|
||||
}
|
|
@ -1,20 +0,0 @@
|
|||
|
||||
const channel = new MessageChannel();
|
||||
|
||||
function onNewCartItem(cb: (m: any) => void) {
|
||||
let onMessage = (ev: MessageEvent) => {
|
||||
cb(ev.data);
|
||||
};
|
||||
channel.port2.addEventListener('message', onMessage);
|
||||
channel.port2.start();
|
||||
return () => channel.port2.removeEventListener('message', onMessage);
|
||||
}
|
||||
|
||||
function addToCart(item: any) {
|
||||
channel.port1.postMessage(item);
|
||||
}
|
||||
|
||||
export {
|
||||
onNewCartItem,
|
||||
addToCart
|
||||
}
|
|
@ -1,27 +0,0 @@
|
|||
import { addToCart } from '../cart';
|
||||
|
||||
export default function({ small }) {
|
||||
function onClick(ev: Event) {
|
||||
ev.preventDefault();
|
||||
let item = { name: 'Sofa' };
|
||||
addToCart(item);
|
||||
|
||||
}
|
||||
|
||||
if(small) {
|
||||
return (
|
||||
<a href="#"
|
||||
onClick={onClick}
|
||||
className="block w-full py-1 text-center text-white bg-primary border border-primary rounded-b hover:bg-transparent hover:text-primary transition">Add
|
||||
to cart</a>
|
||||
)
|
||||
}
|
||||
|
||||
return (
|
||||
<a href="#"
|
||||
onClick={onClick}
|
||||
className="bg-primary border border-primary text-white px-8 py-2 font-medium rounded uppercase flex items-center gap-2 hover:bg-transparent hover:text-primary transition">
|
||||
<i className="fa-solid fa-bag-shopping"></i> Add to cart
|
||||
</a>
|
||||
)
|
||||
}
|
|
@ -1,14 +0,0 @@
|
|||
import { useEffect, useState } from 'react';
|
||||
import { onNewCartItem } from '../cart';
|
||||
|
||||
export default function({ count: initialCount }) {
|
||||
const [count, setCount] = useState(initialCount);
|
||||
useEffect(() => {
|
||||
return onNewCartItem(() => setCount(count + 1));
|
||||
}, [count]);
|
||||
|
||||
return (
|
||||
<div className="absolute -right-3 -top-1 w-5 h-5 rounded-full flex items-center justify-center bg-primary text-white text-xs">
|
||||
{count}</div>
|
||||
);
|
||||
}
|
|
@ -1,36 +0,0 @@
|
|||
---
|
||||
import CartCount from './CartCount';
|
||||
|
||||
const { placeholder } = Astro.props;
|
||||
let wishlist = 0;
|
||||
let cart = 0;
|
||||
|
||||
if (!placeholder) {
|
||||
await new Promise((resolve) => setTimeout(resolve, 3000));
|
||||
}
|
||||
---
|
||||
|
||||
<a href="#" class="text-center text-gray-700 hover:text-primary transition relative">
|
||||
<div class="text-2xl">
|
||||
<i class="fa-regular fa-heart"></i>
|
||||
</div>
|
||||
<div class="text-xs leading-3">Wishlist</div>
|
||||
<div
|
||||
class="absolute right-0 -top-1 w-5 h-5 rounded-full flex items-center justify-center bg-primary text-white text-xs"
|
||||
>
|
||||
{wishlist}
|
||||
</div>
|
||||
</a>
|
||||
<a href="#" class="text-center text-gray-700 hover:text-primary transition relative">
|
||||
<div class="text-2xl">
|
||||
<i class="fa-solid fa-bag-shopping"></i>
|
||||
</div>
|
||||
<div class="text-xs leading-3">Cart</div>
|
||||
<CartCount client:load count={cart} />
|
||||
</a>
|
||||
<a href="#" class="text-center text-gray-700 hover:text-primary transition relative">
|
||||
<div class="text-2xl">
|
||||
<i class="fa-regular fa-user"></i>
|
||||
</div>
|
||||
<div class="text-xs leading-3">Account</div>
|
||||
</a>
|
|
@ -1,678 +0,0 @@
|
|||
---
|
||||
import '../base.css';
|
||||
import AddToCart from '../components/AddToCart';
|
||||
import PersonalBar from '../components/PersonalBar.astro';
|
||||
import '@fortawesome/fontawesome-free/css/all.min.css';
|
||||
---
|
||||
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Product - Ecommerce Tailwind</title>
|
||||
|
||||
<link rel="shortcut icon" href="../assets/images/favicon/favicon.ico" type="image/x-icon" />
|
||||
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||
<link
|
||||
href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Roboto:wght@400;500;700&display=swap"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- header -->
|
||||
<header class="py-4 shadow-sm bg-white">
|
||||
<div class="container flex items-center justify-between">
|
||||
<a href="index.html">
|
||||
<img src="../assets/images/logo.svg" alt="Logo" class="w-32" />
|
||||
</a>
|
||||
|
||||
<div class="w-full max-w-xl relative flex">
|
||||
<span class="absolute left-4 top-3 text-lg text-gray-400">
|
||||
<i class="fa-solid fa-magnifying-glass"></i>
|
||||
</span>
|
||||
<input
|
||||
type="text"
|
||||
name="search"
|
||||
id="search"
|
||||
class="w-full border border-primary border-r-0 pl-12 py-3 pr-3 rounded-l-md focus:outline-none"
|
||||
placeholder="search"
|
||||
/>
|
||||
<button
|
||||
class="bg-primary border border-primary text-white px-8 rounded-r-md hover:bg-transparent hover:text-primary transition"
|
||||
>Search</button
|
||||
>
|
||||
</div>
|
||||
|
||||
<div class="flex items-center space-x-4">
|
||||
<PersonalBar server:defer>
|
||||
<PersonalBar placeholder slot="fallback" />
|
||||
</PersonalBar>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<!-- ./header -->
|
||||
|
||||
<!-- navbar -->
|
||||
<nav class="bg-gray-800">
|
||||
<div class="container flex">
|
||||
<div class="px-8 py-4 bg-primary flex items-center cursor-pointer relative group">
|
||||
<span class="text-white">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</span>
|
||||
<span class="capitalize ml-2 text-white">All Categories</span>
|
||||
|
||||
<!-- dropdown -->
|
||||
<div
|
||||
class="absolute w-full left-0 top-full bg-white shadow-md py-3 divide-y divide-gray-300 divide-dashed opacity-0 group-hover:opacity-100 transition duration-300 invisible group-hover:visible"
|
||||
>
|
||||
<a href="#" class="flex items-center px-6 py-3 hover:bg-gray-100 transition">
|
||||
<img
|
||||
src="../assets/images/icons/sofa.svg"
|
||||
alt="sofa"
|
||||
class="w-5 h-5 object-contain"
|
||||
/>
|
||||
<span class="ml-6 text-gray-600 text-sm">Sofa</span>
|
||||
</a>
|
||||
<a href="#" class="flex items-center px-6 py-3 hover:bg-gray-100 transition">
|
||||
<img
|
||||
src="../assets/images/icons/terrace.svg"
|
||||
alt="terrace"
|
||||
class="w-5 h-5 object-contain"
|
||||
/>
|
||||
<span class="ml-6 text-gray-600 text-sm">Terarce</span>
|
||||
</a>
|
||||
<a href="#" class="flex items-center px-6 py-3 hover:bg-gray-100 transition">
|
||||
<img src="../assets/images/icons/bed.svg" alt="bed" class="w-5 h-5 object-contain" />
|
||||
<span class="ml-6 text-gray-600 text-sm">Bed</span>
|
||||
</a>
|
||||
<a href="#" class="flex items-center px-6 py-3 hover:bg-gray-100 transition">
|
||||
<img
|
||||
src="../assets/images/icons/office.svg"
|
||||
alt="office"
|
||||
class="w-5 h-5 object-contain"
|
||||
/>
|
||||
<span class="ml-6 text-gray-600 text-sm">office</span>
|
||||
</a>
|
||||
<a href="#" class="flex items-center px-6 py-3 hover:bg-gray-100 transition">
|
||||
<img
|
||||
src="../assets/images/icons/outdoor-cafe.svg"
|
||||
alt="outdoor"
|
||||
class="w-5 h-5 object-contain"
|
||||
/>
|
||||
<span class="ml-6 text-gray-600 text-sm">Outdoor</span>
|
||||
</a>
|
||||
<a href="#" class="flex items-center px-6 py-3 hover:bg-gray-100 transition">
|
||||
<img
|
||||
src="../assets/images/icons/bed-2.svg"
|
||||
alt="Mattress"
|
||||
class="w-5 h-5 object-contain"
|
||||
/>
|
||||
<span class="ml-6 text-gray-600 text-sm">Mattress</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-center justify-between flex-grow pl-12">
|
||||
<div class="flex items-center space-x-6 capitalize">
|
||||
<a href="../index.html" class="text-gray-200 hover:text-white transition">Home</a>
|
||||
<a href="pages/shop.html" class="text-gray-200 hover:text-white transition">Shop</a>
|
||||
<a href="#" class="text-gray-200 hover:text-white transition">About us</a>
|
||||
<a href="#" class="text-gray-200 hover:text-white transition">Contact us</a>
|
||||
</div>
|
||||
<a href="#" class="text-gray-200 hover:text-white transition">Login/Register</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<!-- ./navbar -->
|
||||
|
||||
<!-- breadcrumb -->
|
||||
<div class="container py-4 flex items-center gap-3">
|
||||
<a href="../index.html" class="text-primary text-base">
|
||||
<i class="fa-solid fa-house"></i>
|
||||
</a>
|
||||
<span class="text-sm text-gray-400">
|
||||
<i class="fa-solid fa-chevron-right"></i>
|
||||
</span>
|
||||
<p class="text-gray-600 font-medium">Product</p>
|
||||
</div>
|
||||
<!-- ./breadcrumb -->
|
||||
|
||||
<!-- product-detail -->
|
||||
<div class="container grid grid-cols-2 gap-6">
|
||||
<div>
|
||||
<img src="../assets/images/products/product1.jpg" alt="product" class="w-full" />
|
||||
<div class="grid grid-cols-5 gap-4 mt-4">
|
||||
<img
|
||||
src="../assets/images/products/product2.jpg"
|
||||
alt="product2"
|
||||
class="w-full cursor-pointer border border-primary"
|
||||
/>
|
||||
<img
|
||||
src="../assets/images/products/product3.jpg"
|
||||
alt="product2"
|
||||
class="w-full cursor-pointer border"
|
||||
/>
|
||||
<img
|
||||
src="../assets/images/products/product4.jpg"
|
||||
alt="product2"
|
||||
class="w-full cursor-pointer border"
|
||||
/>
|
||||
<img
|
||||
src="../assets/images/products/product5.jpg"
|
||||
alt="product2"
|
||||
class="w-full cursor-pointer border"
|
||||
/>
|
||||
<img
|
||||
src="../assets/images/products/product6.jpg"
|
||||
alt="product2"
|
||||
class="w-full cursor-pointer border"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h2 class="text-3xl font-medium uppercase mb-2">Italian L Shape Sofa</h2>
|
||||
<div class="flex items-center mb-4">
|
||||
<div class="flex gap-1 text-sm text-yellow-400">
|
||||
<span><i class="fa-solid fa-star"></i></span>
|
||||
<span><i class="fa-solid fa-star"></i></span>
|
||||
<span><i class="fa-solid fa-star"></i></span>
|
||||
<span><i class="fa-solid fa-star"></i></span>
|
||||
<span><i class="fa-solid fa-star"></i></span>
|
||||
</div>
|
||||
<div class="text-xs text-gray-500 ml-3">(150 Reviews)</div>
|
||||
</div>
|
||||
<div class="space-y-2">
|
||||
<p class="text-gray-800 font-semibold space-x-2">
|
||||
<span>Availability: </span>
|
||||
<span class="text-green-600">In Stock</span>
|
||||
</p>
|
||||
<p class="space-x-2">
|
||||
<span class="text-gray-800 font-semibold">Brand: </span>
|
||||
<span class="text-gray-600">Apex</span>
|
||||
</p>
|
||||
<p class="space-x-2">
|
||||
<span class="text-gray-800 font-semibold">Category: </span>
|
||||
<span class="text-gray-600">Sofa</span>
|
||||
</p>
|
||||
<p class="space-x-2">
|
||||
<span class="text-gray-800 font-semibold">SKU: </span>
|
||||
<span class="text-gray-600">BE45VGRT</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="flex items-baseline mb-1 space-x-2 font-roboto mt-4">
|
||||
<p class="text-xl text-primary font-semibold">$45.00</p>
|
||||
<p class="text-base text-gray-400 line-through">$55.00</p>
|
||||
</div>
|
||||
|
||||
<p class="mt-4 text-gray-600">
|
||||
Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos eius eum reprehenderit dolore
|
||||
vel mollitia optio consequatur hic asperiores inventore suscipit, velit consequuntur,
|
||||
voluptate doloremque iure necessitatibus adipisci magnam porro.
|
||||
</p>
|
||||
|
||||
<div class="pt-4">
|
||||
<h3 class="text-sm text-gray-800 uppercase mb-1">Size</h3>
|
||||
<div class="flex items-center gap-2">
|
||||
<div class="size-selector">
|
||||
<input type="radio" name="size" id="size-xs" class="hidden" />
|
||||
<label
|
||||
for="size-xs"
|
||||
class="text-xs border border-gray-200 rounded-sm h-6 w-6 flex items-center justify-center cursor-pointer shadow-sm text-gray-600"
|
||||
>XS</label
|
||||
>
|
||||
</div>
|
||||
<div class="size-selector">
|
||||
<input type="radio" name="size" id="size-sm" class="hidden" />
|
||||
<label
|
||||
for="size-sm"
|
||||
class="text-xs border border-gray-200 rounded-sm h-6 w-6 flex items-center justify-center cursor-pointer shadow-sm text-gray-600"
|
||||
>S</label
|
||||
>
|
||||
</div>
|
||||
<div class="size-selector">
|
||||
<input type="radio" name="size" id="size-m" class="hidden" />
|
||||
<label
|
||||
for="size-m"
|
||||
class="text-xs border border-gray-200 rounded-sm h-6 w-6 flex items-center justify-center cursor-pointer shadow-sm text-gray-600"
|
||||
>M</label
|
||||
>
|
||||
</div>
|
||||
<div class="size-selector">
|
||||
<input type="radio" name="size" id="size-l" class="hidden" />
|
||||
<label
|
||||
for="size-l"
|
||||
class="text-xs border border-gray-200 rounded-sm h-6 w-6 flex items-center justify-center cursor-pointer shadow-sm text-gray-600"
|
||||
>L</label
|
||||
>
|
||||
</div>
|
||||
<div class="size-selector">
|
||||
<input type="radio" name="size" id="size-xl" class="hidden" />
|
||||
<label
|
||||
for="size-xl"
|
||||
class="text-xs border border-gray-200 rounded-sm h-6 w-6 flex items-center justify-center cursor-pointer shadow-sm text-gray-600"
|
||||
>XL</label
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="pt-4">
|
||||
<h3 class="text-xl text-gray-800 mb-3 uppercase font-medium">Color</h3>
|
||||
<div class="flex items-center gap-2">
|
||||
<div class="color-selector">
|
||||
<input type="radio" name="color" id="red" class="hidden" />
|
||||
<label
|
||||
for="red"
|
||||
class="border border-gray-200 rounded-sm h-6 w-6 cursor-pointer shadow-sm block"
|
||||
style="background-color: #fc3d57;"></label>
|
||||
</div>
|
||||
<div class="color-selector">
|
||||
<input type="radio" name="color" id="black" class="hidden" />
|
||||
<label
|
||||
for="black"
|
||||
class="border border-gray-200 rounded-sm h-6 w-6 cursor-pointer shadow-sm block"
|
||||
style="background-color: #000;"></label>
|
||||
</div>
|
||||
<div class="color-selector">
|
||||
<input type="radio" name="color" id="white" class="hidden" />
|
||||
<label
|
||||
for="white"
|
||||
class="border border-gray-200 rounded-sm h-6 w-6 cursor-pointer shadow-sm block"
|
||||
style="background-color: #fff;"></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-4">
|
||||
<h3 class="text-sm text-gray-800 uppercase mb-1">Quantity</h3>
|
||||
<div class="flex border border-gray-300 text-gray-600 divide-x divide-gray-300 w-max">
|
||||
<div
|
||||
class="h-8 w-8 text-xl flex items-center justify-center cursor-pointer select-none"
|
||||
>
|
||||
-
|
||||
</div>
|
||||
<div class="h-8 w-8 text-base flex items-center justify-center">4</div>
|
||||
<div
|
||||
class="h-8 w-8 text-xl flex items-center justify-center cursor-pointer select-none"
|
||||
>
|
||||
+
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-6 flex gap-3 border-b border-gray-200 pb-5 pt-5">
|
||||
<AddToCart client:load />
|
||||
<a
|
||||
href="#"
|
||||
class="border border-gray-300 text-gray-600 px-8 py-2 font-medium rounded uppercase flex items-center gap-2 hover:text-primary transition"
|
||||
>
|
||||
<i class="fa-solid fa-heart"></i> Wishlist
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="flex gap-3 mt-4">
|
||||
<a
|
||||
href="#"
|
||||
class="text-gray-400 hover:text-gray-500 h-8 w-8 rounded-full border border-gray-300 flex items-center justify-center"
|
||||
>
|
||||
<i class="fa-brands fa-facebook-f"></i>
|
||||
</a>
|
||||
<a
|
||||
href="#"
|
||||
class="text-gray-400 hover:text-gray-500 h-8 w-8 rounded-full border border-gray-300 flex items-center justify-center"
|
||||
>
|
||||
<i class="fa-brands fa-twitter"></i>
|
||||
</a>
|
||||
<a
|
||||
href="#"
|
||||
class="text-gray-400 hover:text-gray-500 h-8 w-8 rounded-full border border-gray-300 flex items-center justify-center"
|
||||
>
|
||||
<i class="fa-brands fa-instagram"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- ./product-detail -->
|
||||
|
||||
<!-- description -->
|
||||
<div class="container pb-16">
|
||||
<h3 class="border-b border-gray-200 font-roboto text-gray-800 pb-3 font-medium">
|
||||
Product details
|
||||
</h3>
|
||||
<div class="w-3/5 pt-6">
|
||||
<div class="text-gray-600">
|
||||
<p>
|
||||
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Tenetur necessitatibus
|
||||
deleniti natus dolore cum maiores suscipit optio itaque voluptatibus veritatis tempora
|
||||
iste facilis non aut sapiente dolor quisquam, ex ab.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorum, quae accusantium
|
||||
voluptatem blanditiis sapiente voluptatum. Autem ab, dolorum assumenda earum veniam eius
|
||||
illo fugiat possimus illum dolor totam, ducimus excepturi.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet consectetur adipisicing elit. Error quia modi ut expedita!
|
||||
Iure molestiae labore cumque nobis quasi fuga, quibusdam rem? Temporibus consectetur
|
||||
corrupti rerum veritatis numquam labore amet.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<table class="table-auto border-collapse w-full text-left text-gray-600 text-sm mt-6">
|
||||
<tr>
|
||||
<th class="py-2 px-4 border border-gray-300 w-40 font-medium">Color</th>
|
||||
<th class="py-2 px-4 border border-gray-300">Blank, Brown, Red</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="py-2 px-4 border border-gray-300 w-40 font-medium">Material</th>
|
||||
<th class="py-2 px-4 border border-gray-300">Latex</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="py-2 px-4 border border-gray-300 w-40 font-medium">Weight</th>
|
||||
<th class="py-2 px-4 border border-gray-300">55kg</th>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<!-- ./description -->
|
||||
|
||||
<!-- related product -->
|
||||
<div class="container pb-16">
|
||||
<h2 class="text-2xl font-medium text-gray-800 uppercase mb-6">Related products</h2>
|
||||
<div class="grid grid-cols-4 gap-6">
|
||||
<div class="bg-white shadow rounded overflow-hidden group">
|
||||
<div class="relative">
|
||||
<img src="../assets/images/products/product1.jpg" alt="product 1" class="w-full" />
|
||||
<div
|
||||
class="absolute inset-0 bg-black bg-opacity-40 flex items-center
|
||||
justify-center gap-2 opacity-0 group-hover:opacity-100 transition"
|
||||
>
|
||||
<a
|
||||
href="#"
|
||||
class="text-white text-lg w-9 h-8 rounded-full bg-primary flex items-center justify-center hover:bg-gray-800 transition"
|
||||
title="view product"
|
||||
>
|
||||
<i class="fa-solid fa-magnifying-glass"></i>
|
||||
</a>
|
||||
<a
|
||||
href="#"
|
||||
class="text-white text-lg w-9 h-8 rounded-full bg-primary flex items-center justify-center hover:bg-gray-800 transition"
|
||||
title="add to wishlist"
|
||||
>
|
||||
<i class="fa-solid fa-heart"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pt-4 pb-3 px-4">
|
||||
<a href="#">
|
||||
<h4
|
||||
class="uppercase font-medium text-xl mb-2 text-gray-800 hover:text-primary transition"
|
||||
>
|
||||
Guyer Chair
|
||||
</h4>
|
||||
</a>
|
||||
<div class="flex items-baseline mb-1 space-x-2">
|
||||
<p class="text-xl text-primary font-semibold">$45.00</p>
|
||||
<p class="text-sm text-gray-400 line-through">$55.90</p>
|
||||
</div>
|
||||
<div class="flex items-center">
|
||||
<div class="flex gap-1 text-sm text-yellow-400">
|
||||
<span><i class="fa-solid fa-star"></i></span>
|
||||
<span><i class="fa-solid fa-star"></i></span>
|
||||
<span><i class="fa-solid fa-star"></i></span>
|
||||
<span><i class="fa-solid fa-star"></i></span>
|
||||
<span><i class="fa-solid fa-star"></i></span>
|
||||
</div>
|
||||
<div class="text-xs text-gray-500 ml-3">(150)</div>
|
||||
</div>
|
||||
</div>
|
||||
<AddToCart small client:load />
|
||||
</div>
|
||||
<div class="bg-white shadow rounded overflow-hidden group">
|
||||
<div class="relative">
|
||||
<img src="../assets/images/products/product4.jpg" alt="product 1" class="w-full" />
|
||||
<div
|
||||
class="absolute inset-0 bg-black bg-opacity-40 flex items-center
|
||||
justify-center gap-2 opacity-0 group-hover:opacity-100 transition"
|
||||
>
|
||||
<a
|
||||
href="#"
|
||||
class="text-white text-lg w-9 h-8 rounded-full bg-primary flex items-center justify-center hover:bg-gray-800 transition"
|
||||
title="view product"
|
||||
>
|
||||
<i class="fa-solid fa-magnifying-glass"></i>
|
||||
</a>
|
||||
<a
|
||||
href="#"
|
||||
class="text-white text-lg w-9 h-8 rounded-full bg-primary flex items-center justify-center hover:bg-gray-800 transition"
|
||||
title="add to wishlist"
|
||||
>
|
||||
<i class="fa-solid fa-heart"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pt-4 pb-3 px-4">
|
||||
<a href="#">
|
||||
<h4
|
||||
class="uppercase font-medium text-xl mb-2 text-gray-800 hover:text-primary transition"
|
||||
>
|
||||
Bed King Size
|
||||
</h4>
|
||||
</a>
|
||||
<div class="flex items-baseline mb-1 space-x-2">
|
||||
<p class="text-xl text-primary font-semibold">$45.00</p>
|
||||
<p class="text-sm text-gray-400 line-through">$55.90</p>
|
||||
</div>
|
||||
<div class="flex items-center">
|
||||
<div class="flex gap-1 text-sm text-yellow-400">
|
||||
<span><i class="fa-solid fa-star"></i></span>
|
||||
<span><i class="fa-solid fa-star"></i></span>
|
||||
<span><i class="fa-solid fa-star"></i></span>
|
||||
<span><i class="fa-solid fa-star"></i></span>
|
||||
<span><i class="fa-solid fa-star"></i></span>
|
||||
</div>
|
||||
<div class="text-xs text-gray-500 ml-3">(150)</div>
|
||||
</div>
|
||||
</div>
|
||||
<AddToCart small client:load />
|
||||
</div>
|
||||
<div class="bg-white shadow rounded overflow-hidden group">
|
||||
<div class="relative">
|
||||
<img src="../assets/images/products/product2.jpg" alt="product 1" class="w-full" />
|
||||
<div
|
||||
class="absolute inset-0 bg-black bg-opacity-40 flex items-center
|
||||
justify-center gap-2 opacity-0 group-hover:opacity-100 transition"
|
||||
>
|
||||
<a
|
||||
href="#"
|
||||
class="text-white text-lg w-9 h-8 rounded-full bg-primary flex items-center justify-center hover:bg-gray-800 transition"
|
||||
title="view product"
|
||||
>
|
||||
<i class="fa-solid fa-magnifying-glass"></i>
|
||||
</a>
|
||||
<a
|
||||
href="#"
|
||||
class="text-white text-lg w-9 h-8 rounded-full bg-primary flex items-center justify-center hover:bg-gray-800 transition"
|
||||
title="add to wishlist"
|
||||
>
|
||||
<i class="fa-solid fa-heart"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pt-4 pb-3 px-4">
|
||||
<a href="#">
|
||||
<h4
|
||||
class="uppercase font-medium text-xl mb-2 text-gray-800 hover:text-primary transition"
|
||||
>
|
||||
Couple Sofa
|
||||
</h4>
|
||||
</a>
|
||||
<div class="flex items-baseline mb-1 space-x-2">
|
||||
<p class="text-xl text-primary font-semibold">$45.00</p>
|
||||
<p class="text-sm text-gray-400 line-through">$55.90</p>
|
||||
</div>
|
||||
<div class="flex items-center">
|
||||
<div class="flex gap-1 text-sm text-yellow-400">
|
||||
<span><i class="fa-solid fa-star"></i></span>
|
||||
<span><i class="fa-solid fa-star"></i></span>
|
||||
<span><i class="fa-solid fa-star"></i></span>
|
||||
<span><i class="fa-solid fa-star"></i></span>
|
||||
<span><i class="fa-solid fa-star"></i></span>
|
||||
</div>
|
||||
<div class="text-xs text-gray-500 ml-3">(150)</div>
|
||||
</div>
|
||||
</div>
|
||||
<AddToCart small client:load />
|
||||
</div>
|
||||
<div class="bg-white shadow rounded overflow-hidden group">
|
||||
<div class="relative">
|
||||
<img src="../assets/images/products/product3.jpg" alt="product 1" class="w-full" />
|
||||
<div
|
||||
class="absolute inset-0 bg-black bg-opacity-40 flex items-center
|
||||
justify-center gap-2 opacity-0 group-hover:opacity-100 transition"
|
||||
>
|
||||
<a
|
||||
href="#"
|
||||
class="text-white text-lg w-9 h-8 rounded-full bg-primary flex items-center justify-center hover:bg-gray-800 transition"
|
||||
title="view product"
|
||||
>
|
||||
<i class="fa-solid fa-magnifying-glass"></i>
|
||||
</a>
|
||||
<a
|
||||
href="#"
|
||||
class="text-white text-lg w-9 h-8 rounded-full bg-primary flex items-center justify-center hover:bg-gray-800 transition"
|
||||
title="add to wishlist"
|
||||
>
|
||||
<i class="fa-solid fa-heart"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pt-4 pb-3 px-4">
|
||||
<a href="#">
|
||||
<h4
|
||||
class="uppercase font-medium text-xl mb-2 text-gray-800 hover:text-primary transition"
|
||||
>
|
||||
Mattrass X
|
||||
</h4>
|
||||
</a>
|
||||
<div class="flex items-baseline mb-1 space-x-2">
|
||||
<p class="text-xl text-primary font-semibold">$45.00</p>
|
||||
<p class="text-sm text-gray-400 line-through">$55.90</p>
|
||||
</div>
|
||||
<div class="flex items-center">
|
||||
<div class="flex gap-1 text-sm text-yellow-400">
|
||||
<span><i class="fa-solid fa-star"></i></span>
|
||||
<span><i class="fa-solid fa-star"></i></span>
|
||||
<span><i class="fa-solid fa-star"></i></span>
|
||||
<span><i class="fa-solid fa-star"></i></span>
|
||||
<span><i class="fa-solid fa-star"></i></span>
|
||||
</div>
|
||||
<div class="text-xs text-gray-500 ml-3">(150)</div>
|
||||
</div>
|
||||
</div>
|
||||
<AddToCart small client:load />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- ./related product -->
|
||||
|
||||
<!-- footer -->
|
||||
<footer class="bg-white pt-16 pb-12 border-t border-gray-100">
|
||||
<div class="container grid grid-cols-3">
|
||||
<div class="col-span-1 space-y-8 mr-2">
|
||||
<img src="../assets/images/logo.svg" alt="logo" class="w-30" />
|
||||
<div class="mr-2">
|
||||
<p class="text-gray-500">
|
||||
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quia, hic?
|
||||
</p>
|
||||
</div>
|
||||
<div class="flex space-x-6">
|
||||
<a href="#" class="text-gray-400 hover:text-gray-500"
|
||||
><i class="fa-brands fa-facebook-square"></i></a
|
||||
>
|
||||
<a href="#" class="text-gray-400 hover:text-gray-500"
|
||||
><i class="fa-brands fa-instagram-square"></i></a
|
||||
>
|
||||
<a href="#" class="text-gray-400 hover:text-gray-500"
|
||||
><i class="fa-brands fa-twitter-square"></i></a
|
||||
>
|
||||
<a href="#" class="text-gray-400 hover:text-gray-500">
|
||||
<i class="fa-brands fa-github-square"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-span-2 grid grid-cols-2 gap-8">
|
||||
<div class="grid grid-cols-2 gap-8">
|
||||
<div>
|
||||
<h3 class="text-sm font-semibold text-gray-400 uppercase tracking-wider">
|
||||
Solutions
|
||||
</h3>
|
||||
<div class="mt-4 space-y-4">
|
||||
<a href="#" class="text-base text-gray-500 hover:text-gray-900 block">Marketing</a>
|
||||
<a href="#" class="text-base text-gray-500 hover:text-gray-900 block">Analitycs</a>
|
||||
<a href="#" class="text-base text-gray-500 hover:text-gray-900 block">Commerce</a>
|
||||
<a href="#" class="text-base text-gray-500 hover:text-gray-900 block">Insights</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h3 class="text-sm font-semibold text-gray-400 uppercase tracking-wider">Support</h3>
|
||||
<div class="mt-4 space-y-4">
|
||||
<a href="#" class="text-base text-gray-500 hover:text-gray-900 block">Pricing</a>
|
||||
<a href="#" class="text-base text-gray-500 hover:text-gray-900 block"
|
||||
>Documentation</a
|
||||
>
|
||||
<a href="#" class="text-base text-gray-500 hover:text-gray-900 block">Guides</a>
|
||||
<a href="#" class="text-base text-gray-500 hover:text-gray-900 block">API Status</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid grid-cols-2 gap-8">
|
||||
<div>
|
||||
<h3 class="text-sm font-semibold text-gray-400 uppercase tracking-wider">
|
||||
Solutions
|
||||
</h3>
|
||||
<div class="mt-4 space-y-4">
|
||||
<a href="#" class="text-base text-gray-500 hover:text-gray-900 block">Marketing</a>
|
||||
<a href="#" class="text-base text-gray-500 hover:text-gray-900 block">Analitycs</a>
|
||||
<a href="#" class="text-base text-gray-500 hover:text-gray-900 block">Commerce</a>
|
||||
<a href="#" class="text-base text-gray-500 hover:text-gray-900 block">Insights</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h3 class="text-sm font-semibold text-gray-400 uppercase tracking-wider">Support</h3>
|
||||
<div class="mt-4 space-y-4">
|
||||
<a href="#" class="text-base text-gray-500 hover:text-gray-900 block">Pricing</a>
|
||||
<a href="#" class="text-base text-gray-500 hover:text-gray-900 block"
|
||||
>Documentation</a
|
||||
>
|
||||
<a href="#" class="text-base text-gray-500 hover:text-gray-900 block">Guides</a>
|
||||
<a href="#" class="text-base text-gray-500 hover:text-gray-900 block">API Status</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!-- ./footer -->
|
||||
|
||||
<!-- copyright -->
|
||||
<div class="bg-gray-800 py-4">
|
||||
<div class="container flex items-center justify-between">
|
||||
<p class="text-white">© TailCommerce - All Right Reserved</p>
|
||||
<div>
|
||||
<img src="../assets/images/methods.png" alt="methods" class="h-5" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- ./copyright -->
|
||||
</body>
|
||||
</html>
|
|
@ -1,27 +0,0 @@
|
|||
module.exports = {
|
||||
content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
|
||||
theme: {
|
||||
screen: {
|
||||
sm: "576px",
|
||||
md: "768px",
|
||||
lg: "992px",
|
||||
xl: "1200px",
|
||||
},
|
||||
container: {
|
||||
center: true,
|
||||
padding: "1rem",
|
||||
},
|
||||
extend: {
|
||||
fontFamily: {
|
||||
poppins: ["Poppins", "sans-serif"],
|
||||
roboto: ["Roboto", "sans-serif"],
|
||||
},
|
||||
colors: {
|
||||
primary: "#fd3d57",
|
||||
},
|
||||
},
|
||||
},
|
||||
plugins: [
|
||||
require("@tailwindcss/forms"),
|
||||
],
|
||||
};
|
|
@ -10,7 +10,7 @@
|
|||
},
|
||||
"dependencies": {
|
||||
"astro": "^5.0.0-beta.4",
|
||||
"sass": "^1.79.4",
|
||||
"sass": "^1.79.5",
|
||||
"sharp": "^0.33.3"
|
||||
}
|
||||
}
|
||||
|
|
|
@ -1,30 +0,0 @@
|
|||
# Astro Movies View Transitions Demo
|
||||
|
||||
### 👉🏽 [Live Demo](https://astro-movies.pages.dev/)
|
||||
|
||||
![Screenshot](./screenshot.png)
|
||||
|
||||
## 🚀 Getting Started
|
||||
|
||||
1. Clone this repository and install dependencies with `npm install`.
|
||||
2. Start the project locally with npm run dev, or deploy it to your favorite server.
|
||||
3. Have fun! ✨
|
||||
|
||||
## 🧞 Commands
|
||||
|
||||
All commands are run from the root of the project, from a terminal:
|
||||
|
||||
| Command | Action |
|
||||
| :--------------------- | :----------------------------------------------- |
|
||||
| `npm install` | Installs dependencies |
|
||||
| `npm run dev` | Starts local dev server at `localhost:3000` |
|
||||
| `npm run build` | Build your production site to `./dist/` |
|
||||
| `npm run preview` | Preview your build locally, before deploying |
|
||||
| `npm run astro ...` | Run CLI commands like `astro add`, `astro check` |
|
||||
| `npm run astro --help` | Get help using the Astro CLI |
|
||||
|
||||
## 👀 Want to learn more?
|
||||
|
||||
Check out [Astro's documentation](https://docs.astro.build) or jump into their [Discord server](https://astro.build/chat).
|
||||
|
||||
You can also reach out to [Maxi on Twitter](https://twitter.com/charca).
|
|
@ -1,15 +0,0 @@
|
|||
import { defineConfig } from 'astro/config';
|
||||
import tailwind from '@astrojs/tailwind';
|
||||
import nodejs from '@astrojs/node';
|
||||
|
||||
// https://astro.build/config
|
||||
export default defineConfig({
|
||||
integrations: [tailwind()],
|
||||
output: 'server',
|
||||
adapter: nodejs({ mode: 'standalone' }),
|
||||
vite: {
|
||||
define: {
|
||||
'process.env.TMDB_API_KEY': JSON.stringify(process.env.TMDB_API_KEY),
|
||||
},
|
||||
},
|
||||
});
|
|
@ -1,16 +0,0 @@
|
|||
{
|
||||
"name": "@example/view-transitions",
|
||||
"version": "0.0.1",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"dev": "astro dev",
|
||||
"build": "astro build",
|
||||
"preview": "astro preview",
|
||||
"astro": "astro"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@astrojs/tailwind": "^5.1.1",
|
||||
"@astrojs/node": "^9.0.0-alpha.1",
|
||||
"astro": "^5.0.0-beta.4"
|
||||
}
|
||||
}
|
Before Width: | Height: | Size: 4.2 KiB |
|
@ -1,17 +0,0 @@
|
|||
<footer class="border border-t border-gray-800">
|
||||
<div class="container mx-auto text-sm px-4 py-6">
|
||||
Made with ❤️ by <a
|
||||
href="https://www.twitter.com/charca"
|
||||
target="_blank"
|
||||
class="underline hover:text-gray-300">Maxi Ferreira</a
|
||||
> — Powered by <a
|
||||
href="https://astro.build"
|
||||
target="_blank"
|
||||
class="underline hover:text-gray-300">Astro</a
|
||||
> and <a
|
||||
href="https://www.themoviedb.org/documentation/api"
|
||||
target="_blank"
|
||||
class="underline hover:text-gray-300">TMDb API</a
|
||||
>.
|
||||
</div>
|
||||
</footer>
|
|
@ -1,31 +0,0 @@
|
|||
---
|
||||
const { movie } = Astro.props;
|
||||
---
|
||||
|
||||
<div class="mt-8">
|
||||
<a href={`/movies/${movie.id}`}>
|
||||
<img
|
||||
src={`https://image.tmdb.org/t/p/w500${movie.poster_path}`}
|
||||
alt={`${movie.title} Poster`}
|
||||
class="thumbnail hover:opacity-75 transition ease-in-out duration-150"
|
||||
id={`movie-poster-${movie.id}`}
|
||||
transition:name={`poster-${movie.id}`}
|
||||
/>
|
||||
</a>
|
||||
<div class="mt-2">
|
||||
<a href={`/movies/${movie.id}`} class="text-lg mt-2 hover:text-gray-300">{movie.title}</a>
|
||||
<div class="flex items-center text-gray-400 text-sm mt-1">
|
||||
<svg class="fill-current text-orange-500 w-4" viewBox="0 0 24 24"
|
||||
><g data-name="Layer 2"
|
||||
><path
|
||||
d="M17.56 21a1 1 0 01-.46-.11L12 18.22l-5.1 2.67a1 1 0 01-1.45-1.06l1-5.63-4.12-4a1 1 0 01-.25-1 1 1 0 01.81-.68l5.7-.83 2.51-5.13a1 1 0 011.8 0l2.54 5.12 5.7.83a1 1 0 01.81.68 1 1 0 01-.25 1l-4.12 4 1 5.63a1 1 0 01-.4 1 1 1 0 01-.62.18z"
|
||||
data-name="star"></path></g
|
||||
></svg
|
||||
>
|
||||
<span class="ml-1">{movie.vote_average}</span>
|
||||
<span class="mx-2">|</span>
|
||||
<span>{movie.release_date}</span>
|
||||
</div>
|
||||
<div class="text-gray-400 text-sm">{movie.genres}</div>
|
||||
</div>
|
||||
</div>
|