Rebase me

This commit is contained in:
Alexandre Bruyant 2024-01-16 18:31:57 +01:00
parent 7560c6cb4c
commit 54126098bb
6 changed files with 34 additions and 23 deletions

View File

@ -10,6 +10,7 @@
# production # production
/build /build
/dist
# misc # misc
.DS_Store .DS_Store

Binary file not shown.

Before

Width:  |  Height:  |  Size: 15 KiB

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1,18 +0,0 @@
<!DOCTYPE html>
<html lang="en" class="h-full bg-gray-100">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<link rel="shortcut icon" type="image/ico" href="/assets/favicon-0e726a38.ico" />
<title>Solid App</title>
<script type="module" crossorigin src="/assets/index-2f9598f2.js"></script>
<link rel="stylesheet" href="/assets/index-29b1af54.css">
</head>
<body class="h-full">
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div>
</body>
</html>

View File

@ -1,7 +1,37 @@
import { Component } from "solid-js"; import { Component, ParentComponent } from "solid-js";
import { faQuestionCircle } from "@fortawesome/free-solid-svg-icons";
import Fa from "solid-fa"
const About: Component = () => <div class="mx-auto max-w-7xl py-6 sm:px-6 lg:px-8"> const AboutItemHeader: ParentComponent = (props) => <h3 class="flex items-center mb-4 text-lg font-medium text-gray-900 dark:text-white">
ABOUT <Fa class="flex-shrink-0 mr-2 w-5 h-5 text-gray-500 dark:text-gray-400" icon={faQuestionCircle} />
{props.children}
</h3>
const AboutItemParagraph: ParentComponent = (props) => <p class="text-gray-500 dark:text-gray-400">{props.children}</p>
const AboutItem: ParentComponent = (props) => <div class="mb-10">
{props.children}
</div> </div>
const About: Component = () => <section class="bg-white dark:bg-gray-900">
<div class="py-8 px-4 mx-auto max-w-screen-xl sm:py-16 lg:px-6">
<h2 class="mb-8 text-4xl tracking-tight font-extrabold text-gray-900 dark:text-white">About Palette Switcher</h2>
<div class="grid pt-8 text-left border-t border-gray-200 md:gap-16 dark:border-gray-700 md:grid-cols-2">
<div>
<AboutItem>
<AboutItemHeader>How ?</AboutItemHeader>
<AboutItemParagraph>Because.</AboutItemParagraph>
<AboutItemParagraph>Because, also.</AboutItemParagraph>
</AboutItem>
</div>
<div>
<AboutItem>
<AboutItemHeader>Why ?</AboutItemHeader>
<AboutItemParagraph>Because, in another card.</AboutItemParagraph>
</AboutItem>
</div>
</div>
</div>
</section>
export default About; export default About;