pre launch changes

This commit is contained in:
Karol Wypchlo 2021-04-01 19:11:24 +02:00
parent fd8e1a4829
commit a56423a758
6 changed files with 23 additions and 16 deletions

View File

@ -40,7 +40,7 @@
href: https://skyapps.hns.siasky.net/ href: https://skyapps.hns.siasky.net/
- header: Skynet Webportals - header: Skynet Webportals
links: links:
- title: Skydrain
href: https://skydrain.net
- title: SkyPortal - title: SkyPortal
href: https://skyportal.xyz href: https://skyportal.xyz
- title: Skydrain
href: https://skydrain.net

View File

@ -26,16 +26,22 @@ const NewsHeader = () => {
if (!latestNews) return null; // no news if (!latestNews) return null; // no news
// hardcoded news for now
const CURRENT_NEWS_URL = "https://blog.sia.tech/built-to-explore-the-skynet-spring-2021-hackathon-a0cff382bb0c";
const CURRENT_NEWS_TXT = "Built to Explore: The Skynet Spring 2021 Hackathon";
return ( return (
<div className="bg-palette-500 px-8 p-3"> <div className="bg-palette-500 px-8 p-3">
<div className="max-w-layout mx-auto"> <div className="max-w-layout mx-auto">
<div className="flex justify-between"> <div className="flex justify-between">
<Link <Link
to={latestNews.node.fields.slug} // to={latestNews.node.fields.slug}
href={CURRENT_NEWS_URL}
className="text-palette-300 font-content leading-8 flex items-center overflow-hidden text-base hover:text-primary transition-colors duration-200" className="text-palette-300 font-content leading-8 flex items-center overflow-hidden text-base hover:text-primary transition-colors duration-200"
> >
<ArrowRight className="mr-2 flex-shrink-0 fill-current text-primary" /> <ArrowRight className="mr-2 flex-shrink-0 fill-current text-primary" />
<span className="truncate">{latestNews.node.frontmatter.title}</span> {/* <span className="truncate">{latestNews.node.frontmatter.title}</span> */}
<span className="truncate">{CURRENT_NEWS_TXT}</span>
</Link> </Link>
<div className="ml-auto items-center pl-8 hidden desktop:block"> <div className="ml-auto items-center pl-8 hidden desktop:block">

View File

@ -249,7 +249,7 @@ const Uploader = () => {
)} )}
onClick={() => setMode("directory")} onClick={() => setMode("directory")}
> >
<span className="hidden desktop:inline">Do you want to upload an entire directory?</span> <span className="hidden desktop:inline">Do you want to upload a web app or directory?</span>
<span className="inline desktop:hidden">Upload directory</span> <span className="inline desktop:hidden">Upload directory</span>
</button> </button>
</div> </div>
@ -270,7 +270,8 @@ const Uploader = () => {
> >
{files.length === 0 && <Cloud />} {files.length === 0 && <Cloud />}
<h4 className="font-light text-palette-600 text-lg mt-2 text-center"> <h4 className="font-light text-palette-600 text-lg mt-2 text-center">
Add or drop your files here to pin to Skynet {mode === "file" && <span>Add or drop your files here to pin to Skynet</span>}
{mode === "directory" && <span>Drop any folder with an index.html file to deploy to Skynet</span>}
</h4> </h4>
</div> </div>
<div className="absolute left-1/2 -bottom-4 desktop:-bottom-8"> <div className="absolute left-1/2 -bottom-4 desktop:-bottom-8">
@ -308,7 +309,7 @@ const Uploader = () => {
<div className="z-0 relative flex flex-col items-center space-y-1 mt-10"> <div className="z-0 relative flex flex-col items-center space-y-1 mt-10">
<Unlock /> <Unlock />
<p className="text-sm font-light text-palette-600"> <p className="text-sm font-light text-palette-600">
<RegistrationLink /> for free and unlock all features <RegistrationLink /> for free and unlock features
</p> </p>
</div> </div>
)} )}

View File

@ -26,8 +26,8 @@ function SEO({ description, lang, meta, title }) {
` `
); );
const metaDescription = description || site.siteMetadata.description; const { title: siteTitle, description: siteDescription } = site.siteMetadata;
const defaultTitle = site.siteMetadata?.title; const pageDescription = description || siteDescription;
return ( return (
<Helmet <Helmet
@ -35,19 +35,19 @@ function SEO({ description, lang, meta, title }) {
lang, lang,
}} }}
title={title} title={title}
titleTemplate={defaultTitle ? `%s | ${defaultTitle}` : null} titleTemplate={`%s | ${siteTitle}`}
meta={[ meta={[
{ {
name: `description`, name: `description`,
content: metaDescription, content: pageDescription,
}, },
{ {
property: `og:title`, property: `og:title`,
content: title, content: `${title} | ${siteTitle}`,
}, },
{ {
property: `og:description`, property: `og:description`,
content: metaDescription, content: pageDescription,
}, },
{ {
property: `og:type`, property: `og:type`,
@ -71,7 +71,7 @@ function SEO({ description, lang, meta, title }) {
}, },
{ {
name: `twitter:description`, name: `twitter:description`,
content: metaDescription, content: pageDescription,
}, },
].concat(meta)} ].concat(meta)}
/> />

View File

@ -126,7 +126,7 @@ const AboutPage = ({ ...props }) => {
<> <>
<SEO title="About" /> <SEO title="About" />
<Section className="bg-palette-100" marginBottom={false} first={true}> <Section className="bg-palette-100" marginBottom={true} first={true}>
<div className="grid grid-cols-1 gap-x-16 gap-y-16 desktop:grid-cols-3"> <div className="grid grid-cols-1 gap-x-16 gap-y-16 desktop:grid-cols-3">
<div className="col-span-3"> <div className="col-span-3">
<h1> <h1>

View File

@ -68,7 +68,7 @@ const ecosystemCards = [
const IndexPage = () => { const IndexPage = () => {
return ( return (
<> <>
<SEO title="Home" /> <SEO title="Decentralized Internet for a Free Future" />
<Section first={true}> <Section first={true}>
<div className="text-center"> <div className="text-center">