Skip to content

Commit 2396e37

Browse files
samipesamipe
committed
updated foundation
1 parent 397fd7b commit 2396e37

File tree

4 files changed

+54
-16
lines changed

4 files changed

+54
-16
lines changed

‎src/assets/css/elements.css

Lines changed: 22 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -16,6 +16,10 @@
1616
border-radius: 0;
1717
}
1818

19+
.block {
20+
display: block;
21+
}
22+
1923
.rounded {
2024
border-radius: var(--border-radius-rounded);
2125
}
@@ -29,6 +33,9 @@
2933
.border-theme {
3034
border: solid 0.2rem var(--color-theme);
3135
}
36+
.border-positive {
37+
border: solid 0.2rem var(--color-positive);
38+
}
3239

3340
.border-right-theme {
3441
border-right: solid 0.2rem var(--color-theme);
@@ -151,22 +158,34 @@ hr.theme {
151158
margin: 0;
152159
}
153160

161+
ul {
162+
padding-left: 0 !important;
163+
}
164+
154165
.alert-box {
166+
list-style: none;
155167
max-width: 40rem;
156168
position: relative;
157-
margin: 1.5rem 0;
158169
padding: 1.5rem;
159170
padding-left: 3rem;
160171
background-color: #2a2a2a; /* Dark background */
161172
border: 1px solid #00cccc; /* Teal border */
162173
border-radius: 4px;
163174
color: #eee; /* Light text */
164175

165-
/* Base64-encoded SVG as a background image */
166-
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%2300c0b5"><path d="M440-280h80v-240h-80v240Zm40-320q17 0 28.5-11.5T520-640q0-17-11.5-28.5T480-680q-17 0-28.5 11.5T440-640q0 17 11.5 28.5T480-600Zm0 520q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"/></svg>');
167176
background-repeat: no-repeat;
168177
background-position: left 0.75rem top 1.5rem;
169178
background-size: 24px; /* Scale the icon as needed */
179+
180+
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%2300c0b5"><path d="M440-280h80v-240h-80v240Zm40-320q17 0 28.5-11.5T520-640q0-17-11.5-28.5T480-680q-17 0-28.5 11.5T440-640q0 17 11.5 28.5T480-600Zm0 520q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"/></svg>');
181+
&.positive {
182+
border-color: var(--color-positive-opacity);
183+
border-width: 0.25px;
184+
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAtOTYwIDk2MCA5NjAiIHdpZHRoPSIyNHB4IiBmaWxsPSIjMDBjYzg4Ij48cGF0aCBkPSJNNzIwLTEyMEgyODB2LTUyMGwyODAtMjgwIDUwIDUwcTcgNyAxMS41IDE5dDQuNSAyM3YxNGwtNDQgMTc0aDI1OHEzMiAwIDU2IDI0dDI0IDU2djgwcTAgNy0yIDE1dC00IDE1TDc5NC0xNjhxLTkgMjAtMzAgMzR0LTQ0IDE0Wm0tMzYwLTgwaDM2MGwxMjAtMjgwdi04MEg0ODBsNTQtMjIwLTE3NCAxNzR2NDA2Wm0wLTQwNnY0MDYtNDA2Wm0tODAtMzR2ODBIMTYwdjM2MGgxMjB2ODBIODB2LTUyMGgyMDBaIi8+PC9zdmc+");
185+
}
186+
&.positive h4 {
187+
color: var(--color-positive);
188+
}
170189
p {
171190
margin-bottom: 0;
172191
margin-top: 0.5rem;

‎src/assets/css/margins.css

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -199,8 +199,8 @@
199199
}
200200

201201
.mx-auto {
202-
margin-left: auto;
203-
margin-right: auto;
202+
margin-left: auto !important;
203+
margin-right: auto !important;
204204
}
205205

206206
.mx-3xsmall {

‎src/assets/css/variables.css

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,8 @@
11
:root {
22
--color-theme: #00c0b5; /* for theme color */
33
--color-theme-dark: #09504d; /* for theme color dark */
4+
--color-positive: #00cc88;
5+
--color-positive-opacity: #00cc8877;
46
--color-alert: #ff9f94;
57
--color-background: #f0f0f0;
68
--color-background-secondary: #fff;

‎src/content/english/foundation.js

Lines changed: 28 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -5,13 +5,30 @@ export default () => ({
55
the future. We are always looking for new members to join.</p>`,
66
benefitsAndCost: {
77
title: 'Benefits and cost',
8-
body: `<p>When your company becomes a member you will:</p>
9-
<ol>
10-
<li>Ensure Robot Framework is maintained and developed</li>
11-
<li>Get visibility about your membership for your company if you wish</li>
12-
<li>Gain ability to participate in decision making</li>
13-
<li>Get discounted tickets to RoboCon events</li>
14-
</ol>
8+
body: `<h3 class="ml-2xlarge">When your company becomes a member, you will...</h3>
9+
<ul class="">
10+
<li class="alert-box positive block ml-2xlarge mb-medium">
11+
<h4>Ensure the continuity of the Robot Framework Project</h4>
12+
<p>Include those working directly or indirectly with Robot Framework, such as developers, testers, and managers.</p>
13+
<p>1-2 users primarily means freelancers and small companies. If you are unsure, feel free to contact us.</p>
14+
</li>
15+
<li class="alert-box positive block ml-2xlarge mb-medium">
16+
<h4>Get visibility</h4>
17+
<p>Get visibility about your membership for your company if you wish</p>
18+
</li>
19+
<li class="alert-box positive block ml-2xlarge mb-medium">
20+
<h4>Discounted tickets for official events</h4>
21+
<ul>
22+
<li>Discounted tickets to RoboCon</li>
23+
<li>20% discount on the certification exam of the official certificate of Robot Framework, <a href="https://cert.robotframework.org/">RFCP</a></li>
24+
</ul>
25+
</li>
26+
<li class="alert-box positive block ml-2xlarge mb-medium">
27+
<h4>Become a certified training provider</h4>
28+
<p>Robot Framework's official certificates have accredited companies that offer training for the certification exam.
29+
As a Foundation member, your company is welcome to apply!</p>
30+
</li>
31+
</ul>
1532
<h3>Annual fee</h3>
1633
<p>The pricing is determined by the amount of Robot Framework users in your organization:</p>
1734
<table class="col-sm-12 col-md-6">
@@ -39,10 +56,10 @@ export default () => ({
3956
<td>12000€</td>
4057
</tr>
4158
</table>
42-
<div class="alert-box">
43-
<h4>How is the amount of users determined?</h4>
44-
<p>Include those working directly or indirectly with Robot Framework, such as developers, testers, and managers.</p>
45-
<p>1-2 users primarily means freelancers and small companies. If you are unsure, feel free to contact us.</p>
59+
<div class="alert-box mt-medium">
60+
<h4>How is the amount of users determined?</h4>
61+
<p>Include those working directly or indirectly with Robot Framework, such as developers, testers, and managers.</p>
62+
<p>1-2 users primarily means freelancers and small companies. If you are unsure, feel free to contact us.</p>
4663
</div>`
4764
},
4865
howToJoin: {

0 commit comments

Comments
 (0)