Skip to content

Dynamically set footer copyright year #38

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
maplethorpej merged 2 commits into from
Jan 14, 2021
Merged

Dynamically set footer copyright year #38

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
d8f3564
Update footer copyright year
darinalleman Jan 6, 2021
038c879
Dynamically set copyright year
darinalleman Jan 10, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
115 changes: 59 additions & 56 deletions frontend/src/app/Home/index.jsx
View file
Open in desktop
Original file line numberDiff line numberDiff line change
Expand Up@@ -6,61 +6,64 @@ import { REGISTER } from "routes";
import { HomeContainer, Top, TopContainer, BottomContainer, Footer } from "./styles";
import { Grid } from "styles/common";

const Home = () => (
<HomeContainer>
<TopContainer>
<Top>
<div className="title">Gear management for backpackers</div>
<h1>Packstack makes it easy for you to manage your<br/>&nbsp;
backpacking gear and create packing lists.</h1>
<Link to={REGISTER} className="primary-link">
GET STARTED
</Link>
</Top>
</TopContainer>
<BottomContainer>
<Grid>
<div className="forty">
<h2>Manage your inventory</h2>
<p>Your gear is the most important part of any trip.
Packstack lets you view and maintain your items all in one spot.</p>
const Home = () => {
const copyrightYear = new Date().getFullYear();
return (
<HomeContainer>
<TopContainer>
<Top>
<div className="title">Gear management for backpackers</div>
<h1>Packstack makes it easy for you to manage your<br/>&nbsp;
backpacking gear and create packing lists.</h1>
<Link to={REGISTER} className="primary-link">
GET STARTED
</Link>
</Top>
</TopContainer>
<BottomContainer>
<Grid>
<div className="forty">
<h2>Manage your inventory</h2>
<p>Your gear is the most important part of any trip.
Packstack lets you view and maintain your items all in one spot.</p>
</div>
<div className="sixty">
<img src="/packstack-inventory.gif" alt="Backpack gear inventory management"/>
</div>
</Grid>
<Grid className="column-reverse">
<div className="sixty">
<img src="/packstack-create-pack.gif" alt="Create a backpacking packing list"/>
</div>
<div className="forty">
<h2>Create packing lists</h2>
<p>Once you’ve added your gear, you can use your inventory to create packing lists.
Each pack can include additional information about the trip, too.</p>
</div>
</Grid>
<Grid>
<div className="forty">
<h2>Share your packs</h2>
<p>Packstack generates a detailed, well-formatted packing list for every pack you create,
which you can share or reference when it’s time to load your pack.</p>
</div>
<div className="sixty">
<img src="/packstack-view-pack.gif" alt="View backpacking packing list"/>
</div>
</Grid>
<div style={{ textAlign: 'center' }}>
<Link to={REGISTER} className="primary-link">
GET STARTED
</Link>
</div>
<div className="sixty">
<img src="/packstack-inventory.gif" alt="Backpack gear inventory management"/>
</div>
</Grid>
<Grid className="column-reverse">
<div className="sixty">
<img src="/packstack-create-pack.gif" alt="Create a backpacking packing list"/>
</div>
<div className="forty">
<h2>Create packing lists</h2>
<p>Once you’ve added your gear, you can use your inventory to create packing lists.
Each pack can include additional information about the trip, too.</p>
</div>
</Grid>
<Grid>
<div className="forty">
<h2>Share your packs</h2>
<p>Packstack generates a detailed, well-formatted packing list for every pack you create,
which you can share or reference when it’s time to load your pack.</p>
</div>
<div className="sixty">
<img src="/packstack-view-pack.gif" alt="View backpacking packing list"/>
</div>
</Grid>
<div style={{ textAlign: 'center' }}>
<Link to={REGISTER} className="primary-link">
GET STARTED
</Link>
</div>
<Footer>
Copyright © 2020 Packstack.io • Packstack is an
<a href="https://github.com/maplethorpej/packstack" rel="noopener noreferrer" target="_blank"> open
source</a> project
</Footer>
</BottomContainer>
</HomeContainer>
);
<Footer>
Copyright © {copyrightYear} Packstack.io • Packstack is an
<a href="https://github.com/maplethorpej/packstack" rel="noopener noreferrer" target="_blank"> open
source</a> project
</Footer>
</BottomContainer>
</HomeContainer>
)
};

export default Home;
export default Home;