-
Notifications
You must be signed in to change notification settings - Fork 63
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #88 from MeshJS/presskit
add media kit and references
- Loading branch information
Showing
7 changed files
with
154 additions
and
4 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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> | ||
</> | ||
); | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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> | ||
); | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
0269936
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Successfully deployed to the following URLs:
mesh-playground – ./
mesh-playground-git-main-meshsdk.vercel.app
mesh-playground-meshsdk.vercel.app
www.meshjs.dev
mesh-playground.vercel.app
meshjs.dev