Skip to content

Commit 6ed267c

Browse files
author
Ives van Hoorne
committed
Update homepage info
1 parent 3f40e9a commit 6ed267c

File tree

4 files changed

+47
-21
lines changed

4 files changed

+47
-21
lines changed

‎src/app/index.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -12,8 +12,8 @@
1212
<meta property="og:image:width" content="1200">
1313
<meta property="og:image:height" content="630">
1414
<meta property="twitter:card" content="summary_large_image">
15-
<meta property="twitter:site" content="@Ives13">
16-
<meta property="twitter:creator" content='@Ives13'>
15+
<meta property="twitter:site" content="@CompuIves">
16+
<meta property="twitter:creator" content='@CompuIves'>
1717
<meta property="twitter:title" content="CodeSandbox - Editor">
1818
<meta property="twitter:description" content="An online editor tailored for web application development.">
1919
<meta property="twitter:image:src" content="https://codesandbox.io/static/img/banner.png">

‎src/embed/index.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -13,8 +13,8 @@
1313
<meta property="og:image:width" content="1200">
1414
<meta property="og:image:height" content="630">
1515
<meta property="twitter:card" content="summary_large_image">
16-
<meta property="twitter:site" content="@Ives13">
17-
<meta property="twitter:creator" content='@Ives13'>
16+
<meta property="twitter:site" content="@CompuIves">
17+
<meta property="twitter:creator" content='@CompuIves'>
1818
<meta property="twitter:title" content="CodeSandbox - Editor">
1919
<meta property="twitter:description" content="An online editor tailored for web application development.">
2020
<meta property="twitter:image:src" content="https://codesandbox.io/static/img/banner.png">

‎src/homepage/index.html‎

Lines changed: 21 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -4,23 +4,23 @@
44
<head>
55
<meta charset="utf-8">
66
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
7-
<title>CodeSandbox: Online playground for React</title>
7+
<title>CodeSandbox: Online Editor Tailored for Web Application Development</title>
88
<meta property="og:type" content="website">
99
<meta property="og:author" content='https://ivesvh.com'>
10-
<meta property="og:title" content="CodeSandbox: Online playground for React">
11-
<meta property="og:description" content="CodeSandbox is an online editor with a focus on creating, sharing and importing new React projects">
10+
<meta property="og:title" content="CodeSandbox: Online Editor Tailored for Web Application Development">
11+
<meta property="og:description" content="CodeSandbox is an online editor with a focus on creating and sharing web application projects">
1212
<meta property="og:image" content="https://codesandbox.io/static/img/banner.png">
1313
<meta property="og:image:width" content="1200">
1414
<meta property="og:image:height" content="630">
1515
<meta property="twitter:card" content="summary_large_image">
16-
<meta property="twitter:site" content="@Ives13">
17-
<meta property="twitter:creator" content='@Ives13'>
16+
<meta property="twitter:site" content="@CompuIves">
17+
<meta property="twitter:creator" content='@CompuIves'>
1818
<meta property="twitter:title" content="CodeSandbox">
19-
<meta property="twitter:description" content="An online React editor with a focus on creating, sharing and importing">
19+
<meta property="twitter:description" content="CodeSandbox is an online editor with a focus on creating and sharing web application projects">
2020
<meta property="twitter:image:src" content="https://codesandbox.io/static/img/banner.png">
2121
<meta property="twitter:image:width" content="1200">
2222
<meta property="twitter:image:height" content="630">
23-
<meta name="description" content="CodeSandbox is an online editor with a focus on creating, sharing and importing new React projects">
23+
<meta name="description" content="CodeSandbox is an online editor with a focus on creating and sharing web application projects">
2424
<meta name="keywords" content="react codesandbox editor code javascript playground sharing spa single page application web application frontend front end">
2525
<meta name="viewport" content="width=device-width, initial-scale=1">
2626

@@ -70,17 +70,26 @@
7070
<h1 title="CodeSandbox" class="title shadow--text">
7171
<span class="primary">Code</span><span class="secondary">Sandbox</span>
7272
</h1>
73-
<h2 class="subtitle shadow--text">Online React Playground</h2>
73+
<h2 class="subtitle shadow--text">Online Web Application Editor</h2>
7474
</div>
7575
</div>
7676

7777
<a target="_blank" rel="noopener noreferrer" href="https://github.com/CompuIves/codesandbox-client"><img style="position: fixed; z-index: 300; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/52760788cde945287fbb584134c4cbc2bc36f904/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f77686974655f6666666666662e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_white_ffffff.png"></a>
7878

7979
<div class="getstarted">
80-
<a href="/s/new" class="button">Open the editor</a>
80+
<div class="actions">
81+
<a href="/s/new" class="button">React editor</a>
82+
<a href="/s/vue" class="button">Vue editor</a>
83+
<a href="/s/preact" class="button">Preact editor</a>
84+
</div>
85+
8186
<div class="secondary-actions">
82-
<a href="/search" class="button button-alternative">Search for a sandbox</a>
83-
<a href="/s/github" class="button button-alternative">Import from GitHub</a>
87+
<div>
88+
<a href="/search" class="button button-alternative">Search for a sandbox</a>
89+
</div>
90+
<div>
91+
<a href="/s/github" class="button button-alternative">Import from GitHub</a>
92+
</div>
8493
</div>
8594
</div>
8695

@@ -91,7 +100,7 @@ <h2 class="subtitle shadow--text">Online React Playground</h2>
91100
</div>
92101

93102
<section class="description">
94-
<h3>CodeSandbox makes it easier to create, share and reuse React projects with others</h3>
103+
<h3>CodeSandbox makes it easier to create, share and reuse web projects with others</h3>
95104
<div class="downiconcontainer">
96105
<div class="downicon">
97106
<a data-scroll class="hexagon" href="#examples">

‎src/homepage/static/css/main.css‎

Lines changed: 22 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -31,7 +31,18 @@ h1 {
3131
text-transform: uppercase;
3232
}
3333

34+
.actions {
35+
display: flex;
36+
justify-content: center;
37+
align-items: center;
38+
}
39+
3440
.secondary-actions {
41+
display: flex;
42+
justify-content: center;
43+
align-items: center;
44+
flex-direction: column;
45+
width: 100%;
3546
margin-top: 2rem;
3647
}
3748

@@ -44,12 +55,14 @@ h1 {
4455
}
4556

4657
.button {
47-
display: block;
58+
display: inline-block;
4859
text-align: center;
4960
margin-bottom: 20px;
61+
margin-left: 10px;
62+
margin-right: 10px;
5063
transition: 0.3s ease all;
5164
background: #1c2022;
52-
background: rgba(255, 211, 153, 0.20);
65+
background: rgba(255, 211, 153, 0.2);
5366
border: 1px solid #fed594;
5467
border-radius: 4px;
5568
padding: 0.75rem 2.5rem;
@@ -97,7 +110,7 @@ h1 {
97110
background-image: radial-gradient(
98111
circle,
99112
rgba(47, 170, 255, 0.04) 50%,
100-
rgba(255, 211, 153, 0.00) 100%
113+
rgba(255, 211, 153, 0) 100%
101114
);
102115
overflow: hidden;
103116
}
@@ -290,7 +303,7 @@ h1 {
290303
}
291304

292305
.project:hover {
293-
background: rgba(255, 211, 153, 0.20);
306+
background: rgba(255, 211, 153, 0.2);
294307
border: 1px solid #fed594;
295308
}
296309

@@ -311,10 +324,14 @@ h1 {
311324
font-size: 2rem;
312325
}
313326

314-
.description h3 {
327+
.description h3 {
315328
font-size: 2rem;
316329
}
317330

331+
.actions {
332+
flex-direction: column;
333+
}
334+
318335
.logocontent {
319336
flex-direction: column;
320337
text-align: center;

0 commit comments

Comments
 (0)