Skip to content

Commit 3a62ae5

Browse files
nucleardreamernucleardreamer
authored
Merge pull request #35 from balena-io-examples/updated-content
Updating missing content and styles
2 parents b916a27 + a050296 commit 3a62ae5

File tree

2 files changed

+48
-52
lines changed

2 files changed

+48
-52
lines changed

‎public/main.css‎

Lines changed: 28 additions & 39 deletions
Original file line numberDiff line numberDiff line change
@@ -1,22 +1,31 @@
11
html, body {
22
display: flex;
33
flex-direction: column;
4-
height: 100%;
54
justify-content: space-between;
65
font-family: 'Source Sans Pro', sans-serif;
6+
font-size: 14px;
7+
background-color: #f8f9fd;
78
}
89

910
.header {
1011
height: auto;
11-
background-color: rgb(252, 196, 4);
12+
background-color: #527699;
13+
}
14+
15+
.title {
16+
color: #2a506f;
17+
font-size: 24px;
1218
}
1319

14-
.light-text {
15-
font-weight: 100;
20+
.h1, h1 {
21+
color: #2a506f;
22+
font-size: 58px;
23+
line-height: 70px;
24+
letter-spacing: 0.1px;
1625
}
1726

1827
.box {
19-
padding: 1.5rem;
28+
padding: .75rem;
2029
width: 62%;
2130
margin: 1vw 0;
2231
text-align: center;
@@ -28,8 +37,6 @@ html, body {
2837
}
2938

3039
.button {
31-
font-weight: 600;
32-
font-size: 14px;
3340
height: 38px;
3441
white-space: nowrap;
3542
display: inline-flex;
@@ -43,54 +50,36 @@ html, body {
4350
cursor: pointer;
4451
text-decoration: none;
4552
margin-top: .75em;
53+
margin-bottom: .75em;
4654
padding: 4px 30px;
4755
line-height: 1.5;
4856
border-radius: 20px;
57+
background-color: #00aeef;
4958
transition-property: background-color;
5059
transition-duration: 0.1s;
5160
transition-timing-function: ease-in-out;
5261
}
5362

5463
.button:hover {
55-
color: white;
64+
color: #fff;
5665
text-decoration: none;
66+
background-color: #009dd7;
5767
}
5868

59-
.title.teal {
60-
color: rgb(0, 204, 153);
61-
}
62-
.button.teal {
63-
background: rgb(0, 204, 153);
64-
border-color: rgb(0, 204, 153);
65-
}
66-
.button.teal:hover {
67-
background: rgb(0, 163, 122);
68-
border-color: rgb(0, 163, 122);
69+
a {
70+
text-decoration: none;
71+
color: #00aeef;
6972
}
7073

71-
72-
.title.red {
73-
color: rgb(235, 64, 122);
74-
}
75-
.button.red {
76-
background: rgb(235, 64, 122);
77-
border: 1px solid rgb(235, 64, 122);
78-
}
79-
.button.red:hover {
80-
background: rgb(216, 23, 89);
81-
border-color: rgb(216, 23, 89);
74+
a:hover {
75+
color: #fff;
76+
text-decoration: none;
77+
background-color: #009dd7;
8278
}
8379

84-
.title.green {
85-
color: rgb(165, 222, 55);
86-
}
87-
.button.green {
88-
background: rgb(165, 222, 55);
89-
border: 1px solid rgb(165, 222, 55);
90-
}
91-
.button.green:hover {
92-
background: rgb(136, 190, 31);
93-
border-color: rgb(136, 190, 31);
80+
.separator {
81+
color: #bbc8d6;
82+
margin: 0 0.3em;
9483
}
9584

9685
canvas {

‎views/index.ejs‎

Lines changed: 20 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -9,8 +9,8 @@
99
<link rel="preconnect" href="https://fonts.googleapis.com">
1010
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
1111
<link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;600;700&display=swap" rel="stylesheet">
12-
<link rel="stylesheet" type="text/css" media="screen" href="public/main.css" />
1312
<link rel="stylesheet" type="text/css" media="screen" href="public/bootstrap.min.css" />
13+
<link rel="stylesheet" type="text/css" media="screen" href="public/main.css" />
1414
</head>
1515
<body>
1616
<div class="header">
@@ -26,38 +26,45 @@
2626
<div class="container mt-5 mb-5 p-0 pb-5">
2727

2828
<div class="row d-flex flex-column align-items-center">
29-
<h1 class="light-text">Welcome to balena!</h1>
29+
<h1>Welcome to balena!</h1>
3030
<p class="text-center pl-5 pr-5 pt-0 pb-0">Now that you've deployed code to your device,<br /> explore the resources below to continue on your journey!</p>
3131
</div>
3232

3333
<div class="row d-flex justify-content-center">
3434
<div class="box">
35-
<h5 class="title red">Read our documentation</h5>
35+
<h5 class="title">Read our documentation</h5>
3636
<ul>
3737
<li>Learn how balena works behind the scenes</li>
3838
<li>Run multiple containers in your application</li>
3939
<li>Fast development with local development mode</li>
4040
<li>Deploy device configurations across your fleet</li>
4141
<li>And much more!</li>
4242
</ul>
43-
<a class="button red" href="https://www.balena.io/docs">Explore the balena documentation</a>
43+
<br />
44+
<a class="button" href="https://www.balena.io/docs">Explore the balena documentation</a>
4445
</div>
4546

4647
<div class="box">
47-
<h5 class="title teal">Discover more balena project ideas</h5>
48+
<h5 class="title">Discover more balena project ideas</h5>
4849

49-
<p>Find inspiration for what to build next</p>
50-
<a class="button teal" href="https://hub.balena.io/">balenaHub</a>
51-
<a class="button teal" href="https://github.com/balena-io-projects">GitHub projects</a>
52-
<a class="button teal" href="https://forums.balena.io/c/projects">Projects in our forums</a>
50+
<p>Find inspiration for what to build next, deploy another cool project,<br /> or join your device to an open fleet!</p>
51+
<a class="button" href="https://hub.balena.io/">View projects on hub.balena.io</a>
52+
<br />
53+
<a href="https://github.com/balena-io-playground">GitHub playground</a>
54+
<span class="separator">|</span>
55+
<a href="https://github.com/balena-io-projects">GitHub projects</a>
56+
<span class="separator">|</span>
57+
<a href="https://forums.balena.io/c/projects">Projects in our forums</a>
5358
</div>
5459

5560
<div class="box">
56-
<h5 class="title green">Get additional help</h5>
61+
<h5 class="title">Get additional help</h5>
5762
<p>Need to ask a question or get product support?</p>
58-
<a class="button green" href="https://forums.balena.io/">Visit our forums</a>
59-
<a class="button green" href="https://www.balena.io/contact-sales/">Contact sales</a>
60-
<a class="button green" href="https://www.balena.io/support/">Learn about balena support</a>
63+
<a class="button" href="https://forums.balena.io/">Visit our forums</a>
64+
<br />
65+
<a href="https://www.balena.io/contact-sales/">Contact sales</a>
66+
<span class="separator">|</span>
67+
<a href="https://www.balena.io/support/">Learn about balena support</a>
6168
</div>
6269

6370
</div>

0 commit comments

Comments
 (0)