Skip to content

Commit

Permalink
Merge pull request #88 from MeshJS/presskit
Browse files Browse the repository at this point in the history
add media kit and references
  • Loading branch information
abdelkrimdev authored Jan 29, 2023
2 parents d6ada51 + 618a049 commit 0269936
Show file tree
Hide file tree
Showing 7 changed files with 154 additions and 4 deletions.
48 changes: 48 additions & 0 deletions packages/demo/components/pages/about/media.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,48 @@

export default function Media() {
return (
<>
<section className="bg-white dark:bg-gray-900">
<div className="py-8 px-4 mx-auto max-w-screen-xl lg:py-16 lg:px-6">
<div className="px-4 mx-auto mb-8 max-w-screen-md text-center md:mb-16 lg:px-0">
<h2 className="mb-4 text-3xl tracking-tight font-extrabold text-gray-900 md:text-4xl dark:text-white">
Media Kit
</h2>
<p className="font-light text-gray-500 sm:text-xl dark:text-gray-400 mb-4">
Choose from these logo files. These resources exist to
help you use Mesh's assets.
</p>
<div className="grid grid-cols-4 gap-4">
<Image img="/logo-mesh/black/logo-mesh-black-16x16.png" />
<Image img="/logo-mesh/black/logo-mesh-black-32x32.png" />
<Image img="/logo-mesh/black/logo-mesh-black-64x64.png" />
<Image img="/logo-mesh/black/logo-mesh-black-128x128.png" />
<Image img="/logo-mesh/black/logo-mesh-black-256x256.png" />
<Image img="/logo-mesh/black/logo-mesh-black-512x512.png" />
<Image img="/logo-mesh/white/logo-mesh-white-16x16.png" />
<Image img="/logo-mesh/white/logo-mesh-white-32x32.png" />
<Image img="/logo-mesh/white/logo-mesh-white-64x64.png" />
<Image img="/logo-mesh/white/logo-mesh-white-128x128.png" />
<Image img="/logo-mesh/white/logo-mesh-white-256x256.png" />
<Image img="/logo-mesh/white/logo-mesh-white-512x512.png" />
<Image img="/logo-mesh/mesh.png" />
</div>
</div>
</div>

</section>
</>
);
}

function Image({ img }) {
return (
<>
<div className="max-w-sm bg-gray-200 border border-gray-200 rounded-lg shadow dark:bg-gray-800 dark:border-gray-700 grid justify-around content-around">
<a href={img} target="_blank" rel="noreferrer">
<img className="rounded-t-lg" src={img} alt={img} />
</a>
</div>
</>
);
}
15 changes: 14 additions & 1 deletion packages/demo/components/site/navbar.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -22,6 +22,7 @@ import {
FireIcon,
ArrowsPointingInIcon,
CloudIcon,
FilmIcon,
} from '@heroicons/react/24/solid';
import SvgGithub from '../svgs/github';
import SvgMesh from '../svgs/mesh';
Expand Down Expand Up @@ -360,7 +361,7 @@ function SubMenuAbout() {
<SubMenuLinks
href={`/about`}
title="About Mesh"
desc="Information and common questions about Mesh"
desc="Information and Q&A"
icon={<WalletIcon className="w-5 h-5" />}
/>
<SubMenuLinks
Expand All @@ -375,6 +376,18 @@ function SubMenuAbout() {
desc="Ways you can support us!"
icon={<HeartIcon className="w-5 h-5" />}
/>
<SubMenuLinks
href={`/about/media-kit`}
title="Media Kit"
desc="Logos and assets"
icon={<FilmIcon className="w-5 h-5" />}
/>
<SubMenuLinks
href={`/about/references`}
title="References"
desc="Articles about Mesh"
icon={<NewspaperIcon className="w-5 h-5" />}
/>
</ul>
</div>
</div>
Expand Down
3 changes: 2 additions & 1 deletion packages/demo/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,8 @@
"react": "18.2.0",
"react-dom": "18.2.0",
"react-highlight": "^0.14.0",
"react-scroll": "^1.8.7"
"react-scroll": "^1.8.7",
"react-tweet-embed": "^2.0.0"
},
"devDependencies": {
"autoprefixer": "^10.4.7",
Expand Down
14 changes: 14 additions & 0 deletions packages/demo/pages/about/media-kit.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
import type { NextPage } from 'next';
import Media from '../../components/pages/about/media';
import Metatags from '../../components/site/metatags';

const MediaPage: NextPage = () => {
return (
<>
<Metatags title="Media Kit" />
<Media />
</>
);
};

export default MediaPage;
65 changes: 65 additions & 0 deletions packages/demo/pages/about/references.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,65 @@
import type { NextPage } from 'next';
import Metatags from '../../components/site/metatags';

const ReferencesPage: NextPage = () => {
return (
<>
<Metatags title="References" />
<section className="bg-white dark:bg-gray-900">
<div className="py-8 px-4 mx-auto max-w-screen-xl lg:py-16 lg:px-6">
<div className="px-4 mx-auto mb-8 max-w-screen-md text-center md:mb-16 lg:px-0">
<h2 className="mb-4 text-3xl tracking-tight font-extrabold text-gray-900 md:text-4xl dark:text-white">
References
</h2>
<p className="font-light text-gray-500 sm:text-xl dark:text-gray-400 mb-4"></p>
<div className="grid grid-cols-2 gap-4">
<CardLink
title="Mesh Intro and Q&A"
desc="Catalyst Townhall Dec 2022"
url="https://www.youtube.com/watch?v=YOBo39ZB_1Y"
/>
<CardLink
title="Mesh Playground and Q&A"
desc="Catalyst Townhall Dec 2023"
url="https://www.youtube.com/watch?v=BTYGcgK_2bc"
/>
<CardLink
title="Mesh: The Innovative Toolkit Empowering Building on Cardano"
desc="AdaPulse"
url="https://adapulse.io/introducing-mesh-the-innovative-toolkit-empowering-building-on-cardano/"
/>
<CardLink
title="The Revolutionary Mesh Developer Toolkit"
desc="This Week In Cardano - Building on Cardano Made Easy"
url="https://www.youtube.com/watch?v=1A_uBrqZx3Y"
/>
<CardLink
title="Building on Cardano: Book.io and Mesh"
desc="Cardano360 - Anita Jovic Technical Community Manager at IOG"
url="https://www.youtube.com/watch?v=SnTYKHDZ8rY"
/>
</div>
</div>
</div>
</section>
</>
);
};

export default ReferencesPage;

function CardLink({ title, desc, url }) {
return (
<a
href={url}
className="block max-w-sm p-6 bg-white border border-gray-200 rounded-lg shadow hover:bg-gray-100 dark:bg-gray-800 dark:border-gray-700 dark:hover:bg-gray-700"
target="_blank"
rel="noreferrer"
>
<h5 className="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white">
{title}
</h5>
<p className="font-normal text-gray-700 dark:text-gray-400">{desc}</p>
</a>
);
}
6 changes: 6 additions & 0 deletions packages/demo/public/sitemap.xml
Original file line number Diff line number Diff line change
Expand Up @@ -83,4 +83,10 @@
<url>
<loc>https://meshjs.dev/about/support-us</loc>
</url>
<url>
<loc>https://meshjs.dev/about/media-kit</loc>
</url>
<url>
<loc>https://meshjs.dev/about/references</loc>
</url>
</urlset>
7 changes: 5 additions & 2 deletions yarn.lock
Original file line number Diff line number Diff line change
Expand Up @@ -13037,6 +13037,11 @@ react-scroll@^1.8.7:
lodash.throttle "^4.1.1"
prop-types "^15.7.2"

react-tweet-embed@^2.0.0:
version "2.0.0"
resolved "https://registry.yarnpkg.com/react-tweet-embed/-/react-tweet-embed-2.0.0.tgz#bb8a94bd11bf38ce6c5d9f18f35bf044110a7f40"
integrity sha512-g2kfPjSRTOKeJtaQF5EMuSTmp/q8I0qdDs/pZ2qLXZjCWExDT/JgjxSlyM65NyNzsz8072PDpvlO/sIXwwVpdQ==

react@18.2.0:
version "18.2.0"
resolved "https://registry.yarnpkg.com/react/-/react-18.2.0.tgz#555bd98592883255fa00de14f1151a917b5d77d5"
Expand Down Expand Up @@ -15287,10 +15292,8 @@ watchpack@^1.7.4:
resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-1.7.5.tgz#1267e6c55e0b9b5be44c2023aed5437a2c26c453"
integrity sha512-9P3MWk6SrKjHsGkLT2KHXdQ/9SNkyoJbabxnKOoJepsvJjJG8uYTR3yTPxPQvNDI3w4Nz1xnE0TLHK4RIVe/MQ==
dependencies:
chokidar "^3.4.1"
graceful-fs "^4.1.2"
neo-async "^2.5.0"
watchpack-chokidar2 "^2.0.1"
optionalDependencies:
chokidar "^3.4.1"
watchpack-chokidar2 "^2.0.1"
Expand Down

1 comment on commit 0269936

@vercel
Copy link

@vercel vercel bot commented on 0269936 Jan 29, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please sign in to comment.