Comments (4)
@cdgraham Basically, in src/components/Hero/hero.jsx
wrap the return statement in an if statement. If all the values exist (name, title, subtitle, cta) then return what it's already returning, otherwise, return a blank section.
Code snippet of modification:
if (name && title && subtitle && cta) {
return (
<section id="hero" className="jumbotron">
<Container>
<Fade left={isDesktop} bottom={isMobile} duration={1000} delay={500} distance="30px">
<h1 className="hero-title">
{title} <span className="text-color-main">{name}</span>
<br />
{subtitle}
</h1>
</Fade>
<Fade left={isDesktop} bottom={isMobile} duration={1000} delay={1000} distance="30px">
<p className="hero-cta">
<span className="cta-btn cta-btn--hero">
<Link to="about" smooth duration={1000}>
{cta}
</Link>
</span>
</p>
</Fade>
</Container>
</section>
);
}
return <section id="hero" className="jumbotron" />;
from gatsby-simplefolio.
@cobidev I found an easy fix to this. Can you give me access to make a new branch/pull request? So you can review my changes.
from gatsby-simplefolio.
@zawie I saw this issue too but hadn't had a chance to look at it. What is the fix? Cheers
from gatsby-simplefolio.
@zawie Brillant thanks
from gatsby-simplefolio.
Related Issues (20)
- Upgrade font-awesome version HOT 2
- error in npm run develop HOT 1
- Meta Tag mockData not working HOT 2
- website display on load HOT 1
- Fontawesome icons for whatsapp / email / phone etc. don't load in production HOT 5
- Next.js version? HOT 1
- Install Gatsby Simplefolio change text HOT 2
- Error on lanching new app.
- Facing some error while deploying on netlify HOT 1
- Node Sass does not yet support your current environment: Linux 64-bit with Unsupported runtime (93) HOT 1
- Not able to do npm install HOT 1
- Title Icon
- Unable to deploy using netlify HOT 3
- Deploying on github pages does not use custom infos from data.json
- Issues installing dependencies. HOT 4
- Missing title, description and image in preview
- node-gyp-build/rebuild HOT 1
- Unable to install dependencies HOT 6
- `Can't resolve 'react-transition-group/Transition'`on running server
- Update the link from about-us
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from gatsby-simplefolio.