Skip to content

Commit

Permalink
chore: formatting
Browse files Browse the repository at this point in the history
  • Loading branch information
@rexdotsh
rexdotsh committed Dec 4, 2024
1 parent f738fe7 commit b293c69
Show file tree
Hide file tree
Showing 10 changed files with 84 additions and 62 deletions.
8 changes: 4 additions & 4 deletions src/app.css
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
@import url('https://fonts.googleapis.com/css2?family=Geist:[email protected]&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Geist:[email protected]&display=swap");
@tailwind base;
@tailwind components;
@tailwind utilities;
Expand Down Expand Up @@ -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;
}
22 changes: 15 additions & 7 deletions src/app.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,19 +10,27 @@ export default function App() {
root={(props) => (
<main class="main min-h-screen flex flex-col">
<div class="flex w-full items-center justify-between">
<div class="flex text-neutral-300 gap-4 items-center">
<a href="/"><img src="https://sakura.rex.wf/linear/flora.tf" class="w-10 rounded-full" /></a>
<a class="text-neutral-300 hover:text-neutral-100" href="/blog">blog</a>
</div>
<a class="text-neutral-300 hover:text-neutral-100" href="https://github.com/floraorg">github</a>
<div class="flex text-neutral-300 gap-4 items-center">
<a href="/">
<img src="https://sakura.rex.wf/linear/flora.tf" class="w-10 rounded-full" />
</a>
<a class="text-neutral-300 hover:text-neutral-100" href="/blog">
blog
</a>
</div>
<a class="text-neutral-300 hover:text-neutral-100" href="https://github.com/floraorg">
github
</a>
</div>
<div class="w-full h-[1px] my-4 bg-neutral-700"></div>
<div class="grow">
<Suspense>{props.children}</Suspense>
<Suspense>{props.children}</Suspense>
</div>
<div class="w-full h-[1px] my-4 bg-neutral-700"></div>
<div class="flex w-full items-center justify-between">
<a class="text-neutral-300 hover:text-neutral-100" href="https://github.com/floraorg">floraorg</a>
<a class="text-neutral-300 hover:text-neutral-100" href="https://github.com/floraorg">
floraorg
</a>
</div>
</main>
)}>
Expand Down
18 changes: 9 additions & 9 deletions src/components/Art.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
import { Component, createSignal, onMount } from 'solid-js';
import {Component, createSignal, onMount} from "solid-js";

interface AsciiArtComponentProps {
imagePath: string;
Expand All @@ -7,7 +7,7 @@ interface AsciiArtComponentProps {
}

const AsciiArtComponent: Component<AsciiArtComponentProps> = (props) => {
const [asciiArt, setAsciiArt] = createSignal('');
const [asciiArt, setAsciiArt] = createSignal("");

onMount(() => {
const img = new Image();
Expand All @@ -18,16 +18,16 @@ const AsciiArtComponent: Component<AsciiArtComponentProps> = (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++) {
Expand All @@ -37,12 +37,12 @@ const AsciiArtComponent: Component<AsciiArtComponentProps> = (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;
};
Expand Down
48 changes: 26 additions & 22 deletions src/components/Projects.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,27 +1,31 @@
export default function Projects() {
return <div class="w-full my-8 flex-wrap flex justify-start">
<div class="div w-full md:w-1/2 pb-2 pr-0 md:pb-0 md:pr-2">
<div class="w-full flex flex-col group">
<img src="https://i.imgur.com/abJGvtz.png" alt="" class="w-full h-[18rem] object-cover opacity-60 group-hover:opacity-100 transition"/>
<div class="p-4 bg-neutral-950">
<div class="flex justify-between">
<p class="text-neutral-300">⭐ aster</p>
</div>
<p class="text-sm">a much more easy to use and painless alternative to the default youtube studio.</p>
</div>
</div>
</div>
<div class="div w-full md:w-1/2 pt-2 md:pt-0 pl-0 md:pl-2">
<div class="w-full group flex flex-col">
<img src="https://i.imgur.com/AtDcSFO.png" class="w-full opacity-60 group-hover:opacity-100 transition h-[18rem] object-cover" alt=""/>
<div class="p-4 bg-neutral-950">
<div class="flex justify-between">
<p class="text-neutral-300">🌺 Orchid</p>
<a href="https://orchid.rex.wf" class="text-sm">visit beta!</a>
</div>
<p class="text-sm">a fast meme and profile picture editor packed with features and CAN run on low end devices.</p>
return (
<div class="w-full my-8 flex-wrap flex justify-start">
<div class="div w-full md:w-1/2 pb-2 pr-0 md:pb-0 md:pr-2">
<div class="w-full flex flex-col group">
<img src="https://i.imgur.com/abJGvtz.png" alt="" class="w-full h-[18rem] object-cover opacity-60 group-hover:opacity-100 transition" />
<div class="p-4 bg-neutral-950">
<div class="flex justify-between">
<p class="text-neutral-300">⭐ aster</p>
</div>
<p class="text-sm">a much more easy to use and painless alternative to the default youtube studio.</p>
</div>
</div>
</div>
<div class="div w-full md:w-1/2 pt-2 md:pt-0 pl-0 md:pl-2">
<div class="w-full group flex flex-col">
<img src="https://i.imgur.com/AtDcSFO.png" class="w-full opacity-60 group-hover:opacity-100 transition h-[18rem] object-cover" alt="" />
<div class="p-4 bg-neutral-950">
<div class="flex justify-between">
<p class="text-neutral-300">🌺 Orchid</p>
<a href="https://orchid.rex.wf" class="text-sm">
visit beta!
</a>
</div>
<p class="text-sm">a fast meme and profile picture editor packed with features and CAN run on low end devices.</p>
</div>
</div>
</div>
</div>
</div>
);
}
20 changes: 15 additions & 5 deletions src/components/Team.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,17 @@
export default function Team() {
return<> <div class="flex mt-4 flex-wrap gap-4">
<a href="https://namishh.me"> <img src="https://sakura.rex.wf/linear/namishh" class="h-12 w-12 rounded-full" alt="namish"/></a>
<a href="https://rex.wf"> <img src="https://sakura.rex.wf/linear/rexdotsh" class="h-12 w-12 rounded-full" alt="rex"/> </a>
</div>
</>
return (
<>
{" "}
<div class="flex mt-4 flex-wrap gap-4">
<a href="https://namishh.me">
{" "}
<img src="https://sakura.rex.wf/linear/namishh" class="h-12 w-12 rounded-full" alt="namish" />
</a>
<a href="https://rex.wf">
{" "}
<img src="https://sakura.rex.wf/linear/rexdotsh" class="h-12 w-12 rounded-full" alt="rex" />{" "}
</a>
</div>
</>
);
}
2 changes: 1 addition & 1 deletion src/entry-client.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
// @refresh reload
import { mount, StartClient } from "@solidjs/start/client";
import {mount, StartClient} from "@solidjs/start/client";

mount(() => <StartClient />, document.getElementById("app")!);
4 changes: 2 additions & 2 deletions src/entry-server.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,9 +1,9 @@
// @refresh reload
import { createHandler, StartServer } from "@solidjs/start/server";
import {createHandler, StartServer} from "@solidjs/start/server";

export default createHandler(() => (
<StartServer
document={({ assets, children, scripts }) => (
document={({assets, children, scripts}) => (
<html lang="en">
<head>
<meta charset="utf-8" />
Expand Down
4 changes: 2 additions & 2 deletions src/routes/[...404].mdx
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
import { HttpStatusCode } from "@solidjs/start";
import {HttpStatusCode} from "@solidjs/start";

<HttpStatusCode code={404} />

# Page Not Found

Nothing in here, for now
nothing in here, for now
4 changes: 2 additions & 2 deletions src/routes/blog/hello.mdx
View file
Original file line number Diff line number Diff line change
@@ -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™
16 changes: 8 additions & 8 deletions src/routes/index.mdx
View file
Original file line number Diff line number Diff line change
@@ -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.

<br/>
<br />
## projects

<Projects/>
<Projects />
or you can also visit our [github](https://github.com/floraorg)
<br/>
<br />
## team

<Team/>
<p class="mt-4">if you would like to work with us, dm your resume or github to [@namishh_](https://x.com/namishh_) on x.</p>
<Team />
<p class="mt-4">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.</p>

0 comments on commit b293c69

Please sign in to comment.