From b293c698334ac35edd9282276551408a6320439f Mon Sep 17 00:00:00 2001 From: rexdotsh <65942753+rexdotsh@users.noreply.github.com> Date: Wed, 4 Dec 2024 21:48:48 +0530 Subject: [PATCH] chore: formatting --- src/app.css | 8 +++---- src/app.tsx | 22 +++++++++++------ src/components/Art.tsx | 18 +++++++------- src/components/Projects.tsx | 48 ++++++++++++++++++++----------------- src/components/Team.tsx | 20 ++++++++++++---- src/entry-client.tsx | 2 +- src/entry-server.tsx | 4 ++-- src/routes/[...404].mdx | 4 ++-- src/routes/blog/hello.mdx | 4 ++-- src/routes/index.mdx | 16 ++++++------- 10 files changed, 84 insertions(+), 62 deletions(-) diff --git a/src/app.css b/src/app.css index 5ed252b..fa71989 100644 --- a/src/app.css +++ b/src/app.css @@ -1,4 +1,4 @@ -@import url('https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap'); +@import url("https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap"); @tailwind base; @tailwind components; @tailwind utilities; @@ -28,13 +28,13 @@ body { } .main { - @apply p-8 + @apply p-8; } ol { - @apply list-decimal ml-4 + @apply list-decimal ml-4; } a { - @apply text-neutral-400 hover:text-neutral-100 + @apply text-neutral-400 hover:text-neutral-100; } diff --git a/src/app.tsx b/src/app.tsx index b9f0c2b..aaba5bc 100644 --- a/src/app.tsx +++ b/src/app.tsx @@ -10,19 +10,27 @@ export default function App() { root={(props) => (
-
- - blog -
- github +
+ + + + + blog + +
+ + github +
- {props.children} + {props.children}
- floraorg + + floraorg +
)}> diff --git a/src/components/Art.tsx b/src/components/Art.tsx index 422bba0..b429b2f 100644 --- a/src/components/Art.tsx +++ b/src/components/Art.tsx @@ -1,4 +1,4 @@ -import { Component, createSignal, onMount } from 'solid-js'; +import {Component, createSignal, onMount} from "solid-js"; interface AsciiArtComponentProps { imagePath: string; @@ -7,7 +7,7 @@ interface AsciiArtComponentProps { } const AsciiArtComponent: Component = (props) => { - const [asciiArt, setAsciiArt] = createSignal(''); + const [asciiArt, setAsciiArt] = createSignal(""); onMount(() => { const img = new Image(); @@ -18,16 +18,16 @@ const AsciiArtComponent: Component = (props) => { }); const imageToAscii = (img: HTMLImageElement, maxWidth: number, maxHeight: number) => { - const chars = ['@', '#', 'S', '%', '?', '*', '+', ';', ':', ',', '.']; - const canvas = document.createElement('canvas'); + const chars = ["@", "#", "S", "%", "?", "*", "+", ";", ":", ",", "."]; + const canvas = document.createElement("canvas"); const width = Math.min(img.width, maxWidth); const height = Math.min(img.height, maxHeight); canvas.width = width; canvas.height = height; - const ctx = canvas.getContext('2d')!; + const ctx = canvas.getContext("2d")!; ctx.drawImage(img, 0, 0, width, height); const data = ctx.getImageData(0, 0, width, height).data; - let art = ''; + let art = ""; const saturation = 1; for (let y = 0; y < height; y++) { for (let x = 0; x < width; x++) { @@ -37,12 +37,12 @@ const AsciiArtComponent: Component = (props) => { const b = Math.min(255, data[i + 2] * saturation); const a = data[i + 3]; if (a === 0) { - art += ' '; + art += " "; } else { - art += chars[Math.floor((r + g + b) / 3 / 255 * (chars.length - 1))]; + art += chars[Math.floor(((r + g + b) / 3 / 255) * (chars.length - 1))]; } } - art += '\n'; + art += "\n"; } return art; }; diff --git a/src/components/Projects.tsx b/src/components/Projects.tsx index e9c167a..5fc7316 100644 --- a/src/components/Projects.tsx +++ b/src/components/Projects.tsx @@ -1,27 +1,31 @@ export default function Projects() { - return
-
-
- -
-
-

⭐ aster

-
-

a much more easy to use and painless alternative to the default youtube studio.

-
-
-
-
-
- -
-
-

🌺 Orchid

- visit beta! -
-

a fast meme and profile picture editor packed with features and CAN run on low end devices.

+ return ( +
+
+
+ +
+
+

⭐ aster

+
+

a much more easy to use and painless alternative to the default youtube studio.

+
+
+
+
+ +
+
+

🌺 Orchid

+ + visit beta! + +
+

a fast meme and profile picture editor packed with features and CAN run on low end devices.

+
+
-
+ ); } diff --git a/src/components/Team.tsx b/src/components/Team.tsx index f4141c2..4d02ea3 100644 --- a/src/components/Team.tsx +++ b/src/components/Team.tsx @@ -1,7 +1,17 @@ export default function Team() { - return<>
- namish - rex -
- + return ( + <> + {" "} +
+ + {" "} + namish + + + {" "} + rex{" "} + +
+ + ); } diff --git a/src/entry-client.tsx b/src/entry-client.tsx index 0ca4e3c..4febba9 100644 --- a/src/entry-client.tsx +++ b/src/entry-client.tsx @@ -1,4 +1,4 @@ // @refresh reload -import { mount, StartClient } from "@solidjs/start/client"; +import {mount, StartClient} from "@solidjs/start/client"; mount(() => , document.getElementById("app")!); diff --git a/src/entry-server.tsx b/src/entry-server.tsx index 0c94f1e..768f132 100644 --- a/src/entry-server.tsx +++ b/src/entry-server.tsx @@ -1,9 +1,9 @@ // @refresh reload -import { createHandler, StartServer } from "@solidjs/start/server"; +import {createHandler, StartServer} from "@solidjs/start/server"; export default createHandler(() => ( ( + document={({assets, children, scripts}) => ( diff --git a/src/routes/[...404].mdx b/src/routes/[...404].mdx index e2fe425..ff0adac 100644 --- a/src/routes/[...404].mdx +++ b/src/routes/[...404].mdx @@ -1,7 +1,7 @@ -import { HttpStatusCode } from "@solidjs/start"; +import {HttpStatusCode} from "@solidjs/start"; # Page Not Found -Nothing in here, for now +nothing in here, for now diff --git a/src/routes/blog/hello.mdx b/src/routes/blog/hello.mdx index 9feb695..612d51c 100644 --- a/src/routes/blog/hello.mdx +++ b/src/routes/blog/hello.mdx @@ -1,3 +1,3 @@ -# Hello +# hello -We assure this will be full of some text soon...... +we assure this will be full of some text soon™ diff --git a/src/routes/index.mdx b/src/routes/index.mdx index b99c233..ea67a4f 100644 --- a/src/routes/index.mdx +++ b/src/routes/index.mdx @@ -1,17 +1,17 @@ -import Projects from "../components/Projects" -import Team from "../components/Team" +import Projects from "../components/Projects"; +import Team from "../components/Team"; # flora -we build practical web tools that solve _real_ problems, transforming creative ideas into useful digital solutions for everyday challenges. follow [@namishh_](https://x.com/namishh_) on x for updates regarding our projects +we build practical web tools that solve _real_ problems, transforming creative ideas into useful digital solutions for everyday challenges. -
+
## projects - + or you can also visit our [github](https://github.com/floraorg) -
+
## team - -

if you would like to work with us, dm your resume or github to [@namishh_](https://x.com/namishh_) on x.

+ +

if you would like to work with us, dm your resume or github to [@namishh_](https://x.com/namishh_) or [@rexmkv](https://x.com/rexmkv) on x.