Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

Commit3feac28

Browse files
committed
update content
1 parent0c659b2 commit3feac28

File tree

7 files changed

+30
-28
lines changed

7 files changed

+30
-28
lines changed

‎src/components/content.js

Lines changed: 18 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,15 @@
11
importReactfrom"react"
22

3-
importfeaturefrom"../images/feature.png"
3+
importvscodefrom"../images/vscode.png"
4+
importgithubFolderfrom"../images/githubFolder.png"
45
importSectionHeaderfrom"./section-header"
56
import{COLORS}from"../styles/constants"
67

78
constContent=()=>(
89
<divstyle={{padding:"4rem 1rem",textAlign:"center"}}>
910
<SectionHeader
10-
title="Minimal Features"
11-
description="Don't spend time ripping out unneeded plugins and bloat."
11+
title="What is CodeRoad?"
12+
description="A VSCode extension for playing coding tutorials. Think CodeCademy, but in your editor."
1213
/>
1314
<content
1415
style={{
@@ -18,15 +19,25 @@ const Content = () => (
1819
gridTemplateColumns:"repeat(auto-fit, minmax(240px, 340px))",
1920
}}
2021
>
22+
<div>
23+
<h3>Real World Coding</h3>
24+
<pstyle={{color:COLORS.gray}}>
25+
Your editor. Your plugins. Save with Git. Deploy.
26+
</p>
27+
</div>
28+
<div>
29+
<imgsrc={vscode}alt="VSCode Editor logo"width={220}/>
30+
</div>
31+
2132
<div>
22-
<h3>What you need to Start</h3>
33+
<h3>Own Your Learning</h3>
2334
<pstyle={{color:COLORS.gray}}>
24-
Includes plugins for analytics, building sitemaps, and optimizing
25-
images
35+
Build your portfolio from tutorials. Publishing your projects online.
2636
</p>
2737
</div>
38+
2839
<div>
29-
<imgsrc={feature}alt="a blank card floating over colorful graphics"/>
40+
<imgsrc={githubFolder}alt="Folder with GitHub icon"width={300}/>
3041
</div>
3142
</content>
3243
</div>

‎src/components/cta.js

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,9 +7,11 @@ const CallToAction = () => (
77
<divstyle={{padding:"4rem 1rem",textAlign:"center"}}>
88
<SectionHeader
99
title="Stay Updated"
10-
description="Give a final calltoaction because that's what the cool kids are doing."
10+
description="Be the firsttotry out CodeRoad. We'd love your feedback!"
1111
/>
12+
<ahref='https://tiny.cc/coderoad'>
1213
<Button>Get Early Access</Button>
14+
</a>
1315
</div>
1416
)
1517

‎src/components/footer.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -23,15 +23,15 @@ const Footer = ({ siteTitle }) => (
2323
<divstyle={{color:COLORS.blue,fontWeight:700}}>
2424
<a
2525
style={{textDecoration:"none"}}
26-
href="https://github.com/gillkyle/gatsby-starter-landing-page"
26+
href="mailto:coderoadapp@gmail.com"
2727
>
2828
Contact Us
2929
</a>
3030
</div>
3131
<divstyle={{color:COLORS.gray}}>
3232
©{newDate().getFullYear()}
3333
{` `}
34-
{siteTitle}
34+
{siteTitle}.io
3535
</div>
3636
</div>
3737
</footer>

‎src/components/hero.js

Lines changed: 7 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,7 @@ import PropTypes from "prop-types"
33

44
importButtonfrom"../components/button"
55
importheaderImagefrom"../images/header.png"
6-
importMockupContentfrom"./image"
7-
importmockupFramefrom"../images/mockup-frame.png"
6+
importmockupFramefrom"../images/macbook.png"
87

98
constHeader=({ siteTitle})=>(
109
<div
@@ -26,28 +25,18 @@ const Header = ({ siteTitle }) => (
2625
opacity:0.5,
2726
}}
2827
/>
29-
<h1style={{textAlign:"center"}}>Landing Page Starter</h1>
28+
<h1style={{textAlign:"center"}}>CodeRoad</h1>
3029
<pstyle={{textAlign:"center",maxWidth:440}}>
31-
This landing page looks great on all devices and is minimal in design. Add
32-
what you want and deploy.
30+
The VSCode extension for interactive coding tutorials.
3331
</p>
34-
<Button>Get Early Access</Button>
35-
<divstyle={{margin:60,width:`250px`,position:"relative"}}>
36-
<divstyle={{clipPath:"inset(2% 5% round 2% 5%)"}}>
37-
<MockupContent/>
38-
</div>
39-
<div
40-
style={{
41-
position:"absolute",
42-
width:"250px",
43-
top:0,
44-
}}
45-
>
32+
<ahref='https://tiny.cc/coderoad'>
33+
<Button>Get Early Access</Button>
34+
</a>
35+
<divstyle={{margin:60,position:"relative"}}>
4636
<img
4737
src={mockupFrame}
4838
alt="outlines of shapes and confetti in the background "
4939
/>
50-
</div>
5140
</div>
5241
</div>
5342
)

‎src/images/githubFolder.png

30.7 KB
Loading

‎src/images/macbook.png

43.1 KB
Loading

‎src/images/vscode.png

25.7 KB
Loading

0 commit comments

Comments
 (0)
[8]ページ先頭
©2009-2025 Movatter.jp