Skip to content

Commit a58a004

Browse files
D-K-PD-K-P
committed
Replaced logo and style tweaks
1 parent e3c90b4 commit a58a004

File tree

10 files changed

+33
-72
lines changed

10 files changed

+33
-72
lines changed

‎README.md‎

Lines changed: 9 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,12 @@
1-
<p align="center">
2-
<img width="300" src="https://imagedelivery.net/3TbraffuDZ4aEf8KWOmI_w/8aaa6f22-d600-4f26-cda9-c9f040863400/public"/>
3-
</p>
4-
1+
<div align="center">
2+
<picture>
3+
<source media="(prefers-color-scheme: dark)" srcset="https://imagedelivery.net/3TbraffuDZ4aEf8KWOmI_w/4a157bda-2a99-4ac3-6bc7-be08b4a46600/public">
4+
<source media="(prefers-color-scheme: light)" srcset="https://imagedelivery.net/3TbraffuDZ4aEf8KWOmI_w/31447544-b16f-49dd-c206-74b1802c6700/public">
5+
<img width=200 alt="Trigger.dev logo" src="https://imagedelivery.net/3TbraffuDZ4aEf8KWOmI_w/4a157bda-2a99-4ac3-6bc7-be08b4a46600/public">
6+
</picture>
7+
</div>
8+
9+
</br>
510
<p align="center">
611
<a href="https://console.algora.io/org/triggerdotdev/bounties?status=open"><img src="https://img.shields.io/endpoint?url=https%3A%2F%2Fconsole.algora.io%2Fapi%2Fshields%2Ftriggerdotdev%2Fbounties%3Fstatus%3Dopen" alt="Open Bounties" /></a>
712
<a href="https://console.algora.io/org/triggerdotdev/bounties?status=completed"><img src="https://img.shields.io/endpoint?url=https%3A%2F%2Fconsole.algora.io%2Fapi%2Fshields%2Ftriggerdotdev%2Fbounties%3Fstatus%3Dcompleted" alt="Rewarded Bounties" /></a>

‎app/assets/images/opengraph.png‎

-556 KB
Loading

‎app/components/Footer.tsx‎

Lines changed: 0 additions & 38 deletions
Original file line numberDiff line numberDiff line change
@@ -47,7 +47,6 @@ export function Footer() {
4747
</Body>
4848
</li>
4949
</ol>
50-
<WorkflowFooterBanner />
5150
<ol className="flex gap-2 items-center h-full invisible md:visible">
5251
{minimal && (
5352
<li>
@@ -64,40 +63,3 @@ export function Footer() {
6463
</footer>
6564
);
6665
}
67-
68-
function WorkflowFooterBanner() {
69-
return (
70-
<a
71-
href="https://trigger.dev"
72-
target="_blank"
73-
className="group md:text-base lg:text-lg whitespace-nowrap flex group hover:cursor-pointer transition items-center justify-center px-2 h-full rounded-full"
74-
>
75-
<div className="dark:hidden pt-0.5">
76-
<TriggerDevLogoDark className="lg:flex hidden w-24 mr-2 mt-0.5" />
77-
</div>
78-
<div className="dark:block hidden">
79-
<TriggerDevLogo className="lg:flex hidden w-24 mr-2 mt-0.5" />
80-
</div>
81-
<TriggerDevLogoTriangle className="lg:hidden w-4 h-4 flex mr-2 mt-0.5 " />
82-
83-
<span className="items-center lg:flex sm:flex hidden underline underline-offset-2 text-slate-700 group-hover:text-slate-900 dark:text-slate-300 dark:group-hover:text-slate-100 transition">
84-
<span className="lg:block hidden">the&nbsp;</span>background jobs
85-
<span className="lg:block hidden">&nbsp;framework&nbsp;</span> for
86-
Typescript
87-
<ArrowRightIcon className="ml-1 h-3 w-3 text-base text-green-900 dark:text-green-500 whitespace-nowrap group-hover:text-green-900 dark:group-hover:text-green-400 transition" />
88-
</span>
89-
</a>
90-
);
91-
}
92-
93-
function TriggerDevLogoDark({ className }: { className: string }) {
94-
return <img src={TriggerDevLogoImageDark} className={className} />;
95-
}
96-
97-
function TriggerDevLogo({ className }: { className: string }) {
98-
return <img src={TriggerDevLogoImage} className={className} />;
99-
}
100-
101-
function TriggerDevLogoTriangle({ className }: { className: string }) {
102-
return <img src={TriggerDevLogoTriangleImage} className={className} />;
103-
}

‎app/components/Header.tsx‎

Lines changed: 12 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -14,15 +14,22 @@ import {
1414
} from "./UI/Popover";
1515
import { Form } from "remix";
1616
import { useJsonDoc } from "~/hooks/useJsonDoc";
17+
import { LogoTriggerdotdev } from "./Icons/LogoTriggerdotdev";
1718

1819
export function Header() {
1920
const { doc } = useJsonDoc();
2021

2122
return (
2223
<header className="flex items-center justify-between w-screen h-[40px] bg-indigo-700 dark:bg-slate-800 border-b-[1px] border-slate-600">
23-
<Logo className="pl-1 pr-2" width={"130"} />
24+
<div className="flex pl-2 gap-1 sm:gap-1.5 pt-0.5 h-8 justify-center items-center">
25+
<div className="w-20 sm:w-24">
26+
<Logo />
27+
</div>
28+
<p className="text-slate-300 text-sm font-sans">by</p>
29+
<LogoTriggerdotdev className="w-16 sm:w-20 opacity-80 hover:opacity-100 transition duration-300" />
30+
</div>
2431
<DocumentTitle />
25-
<ol className="flex items-center gap-2 px-4">
32+
<ol className="flex text-sm items-center gap-2 px-4">
2633
{!doc.readOnly && (
2734
<Form
2835
method="delete"
@@ -33,7 +40,7 @@ export function Header() {
3340
}
3441
>
3542
<button type="submit">
36-
<button className="flex items-center justify-center py-1 bg-slate-200 text-slate-800 bg-opacity-90 text-base font-bold px-2 rounded-sm uppercase hover:cursor-pointer hover:bg-opacity-100 transition">
43+
<button className="flex items-center justify-center py-1 bg-slate-200 text-slate-800 bg-opacity-80 text-base font-bold px-2 rounded uppercase hover:cursor-pointer hover:bg-opacity-100 transition">
3744
<TrashIcon className="w-4 h-4 mr-0.5"></TrashIcon>
3845
Delete
3946
</button>
@@ -43,7 +50,7 @@ export function Header() {
4350

4451
<Popover>
4552
<PopoverTrigger>
46-
<button className="flex items-center justify-center bg-lime-500 text-slate-800 bg-opacity-90 text-base font-bold px-2 py-1 rounded-sm uppercase hover:cursor-pointer hover:bg-opacity-100 transition">
53+
<button className="flex items-center justify-center bg-lime-500 text-slate-800 bg-opacity-90 text-base font-bold px-2 py-1 rounded uppercase hover:cursor-pointer hover:bg-opacity-100 transition">
4754
<PlusIcon className="w-4 h-4 mr-0.5"></PlusIcon>
4855
New
4956
</button>
@@ -59,7 +66,7 @@ export function Header() {
5966

6067
<Popover>
6168
<PopoverTrigger>
62-
<button className="flex items-center justify-center py-1 bg-slate-200 text-slate-800 bg-opacity-90 text-base font-bold px-2 rounded-sm uppercase hover:cursor-pointer hover:bg-opacity-100 transition">
69+
<button className="flex items-center justify-center py-1 bg-slate-200 text-slate-800 bg-opacity-90 text-base font-bold px-2 rounded uppercase hover:cursor-pointer hover:bg-opacity-100 transition">
6370
<ShareIcon className="w-4 h-4 mr-1"></ShareIcon>
6471
Share
6572
</button>
@@ -76,11 +83,6 @@ export function Header() {
7683
<li className="opacity-90 transition hover:cursor-pointer hover:opacity-100">
7784
<GithubStar />
7885
</li>
79-
<li className="hover:cursor-pointer opacity-90 hover:opacity-100 transition">
80-
<a href="mailto:[email protected]">
81-
<EmailIconTransparent />
82-
</a>
83-
</li>
8486
<li className="opacity-90 transition hover:cursor-pointer hover:opacity-100">
8587
<a href="https://discord.gg/JtBAxBr2m3" target="_blank">
8688
<DiscordIconTransparent />

‎app/components/Home/HomeHeader.tsx‎

Lines changed: 5 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -21,19 +21,17 @@ export function HomeHeader({ fixed }: { fixed?: boolean }) {
2121
} z-20 flex h-12 justify-center bg-indigo-700 flex-col`}
2222
>
2323
<div className="flex items-center justify-between w-screen px-4">
24-
<div className="flex gap-1 sm:gap-2 h-8 justify-center items-center">
25-
<div className="w-24 sm:w-40">
24+
<div className="flex gap-1 sm:gap-1.5 h-8 justify-center items-center">
25+
<div className="w-24 sm:w-32">
2626
<Logo />
2727
</div>
28-
<p className="text-slate-200 text-sm sm:text-base font-sans">by</p>
29-
<a className="group" target="_blank" href="https://cloud.trigger.dev">
30-
<LogoTriggerdotdev className="w-16 sm:w-28 opacity-90 group-hover:opacity-100 transition duration-300" />
31-
</a>
28+
<p className="text-slate-300 text-sm sm:text-base font-sans">by</p>
29+
<LogoTriggerdotdev className="pt-0.5 w-16 sm:w-24 opacity-80 hover:opacity-100 transition duration-300" />
3230
</div>
3331
<ol className="flex items-center gap-2 sm:pr-4">
3432
<Popover>
3533
<PopoverTrigger>
36-
<button className=" bg-lime-400 text-slate-900 text-lg font-bold px-2 py-0.5 rounded-sm uppercase whitespace-nowrap cursor-pointer opacity-90 hover:opacity-100 transition">
34+
<button className=" bg-lime-400 text-slate-900 text-lg font-bold px-2 py-0.5 rounded uppercase whitespace-nowrap cursor-pointer opacity-90 hover:opacity-100 transition">
3735
Try now
3836
</button>
3937
</PopoverTrigger>
@@ -69,7 +67,3 @@ export function HomeHeader({ fixed }: { fixed?: boolean }) {
6967
</header>
7068
);
7169
}
72-
73-
function TriggerDevLogo({ className }: { className: string }) {
74-
return <img src={TriggerDevLogoImage} className={className} />;
75-
}

‎app/components/Icons/LogoTriggerdotdev.tsx‎

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,3 @@
1-
import { Link } from "remix";
2-
31
export function LogoTriggerdotdev({
42
className,
53
width = "100%",
@@ -8,7 +6,7 @@ export function LogoTriggerdotdev({
86
width?: string;
97
}) {
108
return (
11-
<Link to="https://trigger.dev/" aria-label="Trigger.dev">
9+
<a href="https://trigger.dev/" aria-label="Trigger.dev">
1210
<svg
1311
className={`${className}`}
1412
width={width}
@@ -67,6 +65,6 @@ export function LogoTriggerdotdev({
6765
fill="#E2E8F0"
6866
/>
6967
</svg>
70-
</Link>
68+
</a>
7169
);
7270
}

‎app/components/SearchBar.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -30,7 +30,7 @@ export function SearchBar() {
3030
className="focus:outline-none focus-visible:outline-none"
3131
onClick={() => setIsOpen(true)}
3232
>
33-
<div className="flex justify-between items-center group w-44 py-[3px] rounded-sm bg-slate-300 transition hover:bg-slate-400 hover:bg-opacity-50 dark:bg-slate-800 dark:text-slate-400 hover:cursor-pointer hover:dark:bg-slate-700 hover:dark:bg-opacity-70">
33+
<div className="flex justify-between items-center group w-44 py-[3px] rounded bg-slate-300 transition hover:bg-slate-400 hover:bg-opacity-50 dark:bg-slate-800 dark:text-slate-400 hover:cursor-pointer hover:dark:bg-slate-700 hover:dark:bg-opacity-70">
3434
<div className="flex items-center pl-1">
3535
<SearchIcon className="w-4 h-4 mr-1" />
3636
<Body>Search…</Body>

‎app/components/UI/GithubStar.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -16,14 +16,14 @@ export function GithubStar({ className }: GithubStarProps) {
1616
target="_blank"
1717
className="flex text-slate-700 opacity-90 transition hover:cursor-pointer hover:opacity-100"
1818
>
19-
<div className="flex items-center gap-1 pr-2 pl-1 py-1 bg-slate-300 rounded-l-sm">
19+
<div className="flex items-center gap-1 pr-2 pl-1 py-1 bg-slate-300 rounded-l">
2020
<GithubIconSimple className="w-4 h-4 ml-1"></GithubIconSimple>
2121
<Body className="font-semibold text-slate-800 hidden md:block">
2222
Star
2323
</Body>
2424
</div>
2525
{starCount && (
26-
<div className="px-2 py-1 border-l border-slate-400 bg-slate-100 rounded-r-sm">
26+
<div className="px-2 py-1 border-l border-slate-400 bg-slate-100 rounded-r">
2727
<Body className="font-bold">{formatStarCount(starCount)}</Body>
2828
</div>
2929
)}

‎app/root.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,7 @@ export const meta: MetaFunction = ({ location }) => {
2424
const description =
2525
"JSON Hero makes reading and understand JSON files easy by giving you a clean and beautiful UI packed with extra features.";
2626
return {
27-
title: "JSON Viewer - JSON Hero",
27+
title: "JSON Hero - a beautiful JSON viewer for the web",
2828
viewport: "width=device-width,initial-scale=1",
2929
description,
3030
"og:image": `https://jsonhero.io${openGraphImage}`,
@@ -44,7 +44,7 @@ import styles from "./tailwind.css";
4444
import { getThemeSession } from "./theme.server";
4545
import { getStarCount } from "./services/github.server";
4646
import { StarCountProvider } from "./components/StarCountProvider";
47-
import {PreferencesProvider} from '~/components/PreferencesProvider'
47+
import { PreferencesProvider } from "~/components/PreferencesProvider";
4848

4949
export function links() {
5050
return [{ rel: "stylesheet", href: styles }];

‎public/favicon.ico‎

0 Bytes
Binary file not shown.

0 commit comments

Comments
 (0)