Skip to content

Commit 747579d

Browse files
author
Nick Balestra
committed
updated landing-page
1 parent 0f7ea95 commit 747579d

File tree

5 files changed

+95
-4
lines changed

5 files changed

+95
-4
lines changed

‎components/landing-page/css/styles.css

Lines changed: 69 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,69 @@
1+
/* shared */
2+
body {
3+
font-family: 'Source Sans Pro', sans-serif;
4+
margin:0px 0px;
5+
-webkit-font-smoothing: antialiased;
6+
}
7+
8+
/* heading */
9+
#hero {
10+
background: linear-gradient(135deg, #cb9fea 0%,#7555a7 100%);
11+
position:relative;
12+
border-bottom: 6px solid #AA79FF;
13+
text-align:center;
14+
margin-bottom: 120px;
15+
}
16+
17+
#hero img {
18+
position: absolute;
19+
margin-top: -220px;
20+
margin-left: -143px;
21+
}
22+
23+
.header {
24+
padding-top: 120px;
25+
padding-bottom: 290px;
26+
width:100%;
27+
color:#fff;
28+
}
29+
30+
.header h1 {
31+
font-family: SourceSansPro-SemiBold;
32+
font-size: 80px;
33+
margin: 0;
34+
}
35+
36+
.header h2 {
37+
font-size: 40px;
38+
font-weight: 300;
39+
margin: 0;
40+
}
41+
42+
nav {
43+
margin-top: 60px;
44+
}
45+
46+
.button, button {
47+
text-decoration: none;
48+
transition: background 0.5s ease;
49+
display: inline-block;
50+
padding: 10px 40px;
51+
margin: 0px 10px;
52+
background: #FFFFFF;
53+
border: 1px solid #AA79FF;
54+
border-radius: 4px;
55+
font-size: 24px;
56+
font-weight: 300;
57+
color: #7C53AA;
58+
}
59+
60+
.button:hover, button:hover {
61+
cursor: pointer;
62+
background: #CB9FEA;
63+
color: #ffffff;
64+
}
65+
66+
/* content */
67+
#content, #footer {
68+
padding: 0 20px;
69+
}

‎components/landing-page/img/logo.png

-3.39 KB
Binary file not shown.

‎components/landing-page/img/opencomponents-logo.png

60.4 KB
Loading

‎components/landing-page/package.json

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,13 @@
11
{
22
"name": "landing-page",
33
"description": "",
4-
"version": "1.0.1",
4+
"version": "1.0.4",
55
"oc": {
66
"files": {
77
"data": "server.js",
88
"static": [
9-
"img"
9+
"img",
10+
"css"
1011
],
1112
"template": {
1213
"src": "template.hbs",

‎components/landing-page/template.hbs

Lines changed: 23 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,23 @@
1-
<img src="{{staticPath}}img/logo.png" />
2-
<div>WIP</div>
1+
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600" rel="stylesheet">
2+
<link rel="stylesheet" href="{{staticPath}}css/styles.css">
3+
4+
<div id="wrapper">
5+
<div id="hero">
6+
<div class="header">
7+
<h1>OpenComponents</h1>
8+
<h2>Painless micro frontends delivery</h2>
9+
<nav>
10+
<a class="button" href="https://github.com/opentable/oc">GitHub</a>
11+
<a class="button" href="https://github.com/opentable/oc/wiki">Documentation</a>
12+
<a class="button" href="https://gitter.im/opentable/oc">Ask the team</a>
13+
</nav>
14+
</div>
15+
<img class="logo" src="{{staticPath}}img/opencomponents-logo.png" />
16+
</div>
17+
<div id="content">
18+
Content here
19+
</div>
20+
<div id="footer">
21+
Footer here
22+
</div>
23+
</div>

0 commit comments

Comments
 (0)