Skip to content
This repository was archived by the owner on Jul 23, 2020. It is now read-only.

Commit ebb9dd5

Browse files
mindreeper2420mindreeper2420
authored
Merge pull request #121 from mindreeper2420/learn-more3
fix(cards): update icons and text
2 parents faacad2 + f3326c3 commit ebb9dd5

File tree

9 files changed

+94
-23
lines changed

9 files changed

+94
-23
lines changed

‎src/app/pages/_learn-more/better-decisions.html‎

Lines changed: 10 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -129,7 +129,7 @@ <h2>Software Dependencies</h2>
129129
</div>
130130
<div class="row">
131131
<div class="col-sm-4">
132-
<!--<img src="images/openshift_logo_black.png" width="400" class="img-responsive center-block">-->
132+
<img src="../../../assets/images/icon-dependencies.png" width="250" class="img-responsive center-block">
133133
</div>
134134
<div class="col-sm-8">
135135
<p>
@@ -176,6 +176,15 @@ <h3>Deep Analytics</h3>
176176
</div>
177177
</div>
178178
</div>
179+
<!-- <div class="container">
180+
<div class="row">
181+
<div class="col-sm-12">
182+
<p class="signup-footer">
183+
OpenShift.io is available in a limited developer preview. Sign up at <a href="https://openshift.io/" target="top">https://openshift.io</a> to be notified when space becomes available.
184+
</p>
185+
</div>
186+
</div>
187+
</div> -->
179188
</section>
180189
<footer class="footer-openshiftio">
181190
<div id="footer_container" class="container">

‎src/app/pages/_learn-more/end-to-end.html‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -190,6 +190,15 @@ <h2>Introducing Red Hat OpenShift.io</h2>
190190
</div>
191191
</div>
192192
</div>
193+
<!-- <div class="container">
194+
<div class="row">
195+
<div class="col-sm-12">
196+
<p class="signup-footer">
197+
OpenShift.io is available in a limited developer preview. Sign up at <a href="https://openshift.io/" target="top">https://openshift.io</a> to be notified when space becomes available.
198+
</p>
199+
</div>
200+
</div>
201+
</div> -->
193202
</section>
194203
<footer class="footer-openshiftio">
195204
<div id="footer_container" class="container">

‎src/app/pages/_learn-more/install-nothing.html‎

Lines changed: 20 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -133,7 +133,7 @@ <h2>Installing software is a drag</h2>
133133
</div>
134134
<div class="row">
135135
<div class="col-sm-4">
136-
<img src="../../../assets/images/icon-stopwatch.png" width="250" class="img-responsive center-block">
136+
<img src="../../../assets/images/icon-processing.png" width="250" class="img-responsive center-block">
137137
</div>
138138
<div class="col-sm-8">
139139
<p>
@@ -164,44 +164,48 @@ <h2>Red Hat OpenShift.io: an instant development space for your team</h2>
164164
</div>
165165
</div>
166166
<div class="row">
167-
<div class="col-sm-4">
168-
<img src="../../../assets/images/microservices-get-started.png" width="350" class="img-responsive">
169-
</div>
170-
<div class="col-sm-8">
167+
<img src="../../../assets/images/microservices-get-started.png" width="350" class="col-md-4 img-responsive paragraph-wrap">
168+
<div class="col-md-offset-4">
171169
<p>
172170
To help development teams get started quickly and be productive, Red Hat created OpenShift.io. OpenShift.io is an end-to-end development environment for planning, building and deploying cloud-native applications. Using nothing more than a browser and an internet connection, a developer can quickly create a development platform for the entire team that is ready to go without downloading or installing any software.
173171
</p>
174-
</div>
172+
<!-- </div>
175173
</div>
176-
<div class="row">
177-
<div class="col-sm-12 col-md-6">
174+
<div class="col-sm-12 col-md-8 col-md-offset-4"> -->
178175
<h3>An IDE configured for your project, no installation required</h3>
179176
<p>
180177
You can work on all aspects of your project, including writing code, with just a browser in OpenShift.io. A powerful, next-generation IDE, Eclipse Che, is integrated into OpenShift.io.
181178
</p>
182-
</div>
183-
<div class="col-sm-12 col-md-6">
179+
<!-- </div>
180+
<div class="col-sm-12 col-md-8 col-md-offset-4"> -->
184181
<h3>Quick starts: the components of your stack, no download required</h3>
185182
<p>
186183
When you create a space for your project on OpenShift.io, you can choose from a list of vetted development stacks called quick starts. Selecting a quick start adds a ready-to-use software project that follows best practices, to your space.
187184
</p>
188-
</div>
189-
</div>
190-
<div class="row">
191-
<div class="col-sm-12 col-md-6">
185+
<!-- </div>
186+
<div class="col-sm-12 col-md-8 col-md-offset-4"> -->
192187
<h3>Create, manage, and monitor your environments from a browser</h3>
193188
<p>
194189
From within OpenShift.io, you can control all of the environments needed to move your project from planning to delivery. You can create, manage, and monitor testing, CI/CD, and deployment environments from the web-based console, as well as view logs, check status, and stop/start runtimes--all without installing any tools.
195190
</p>
196-
</div>
197-
<div class="col-sm-12 col-md-6">
191+
<!-- </div>
192+
<div class="col-sm-12 col-md-8 col-md-offset-4"> -->
198193
<h3>Plan, prioritize, and collaborate with OpenShift.io</h3>
199194
<p>
200195
The whole team, including project managers and business analysts, can collaborate on OpenShift.io to understand the business needs, create work items, and schedule them into development cycles.
201196
</p>
202197
</div>
203198
</div>
204199
</div>
200+
<!-- <div class="container">
201+
<div class="row">
202+
<div class="col-sm-12">
203+
<p class="signup-footer">
204+
OpenShift.io is available in a limited developer preview. Sign up at <a href="https://openshift.io/" target="top">https://openshift.io</a> to be notified when space becomes available.
205+
</p>
206+
</div>
207+
</div>
208+
</div> -->
205209
</section>
206210
<footer class="footer-openshiftio">
207211
<div id="footer_container" class="container">

‎src/app/pages/_learn-more/microservices.html‎

Lines changed: 26 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -150,14 +150,39 @@ <h2>Red Hat OpenShift.io, a cloud-native development environment</h2>
150150
</div>
151151
<div class="row">
152152
<div class="col-sm-4">
153-
<img src="../../../assets/images/microservices-get-started.png" width="350" class="img-responsive">
153+
<img src="../../../assets/images/microservices-pipelines.png" width="350" class="img-responsive">
154154
</div>
155155
<div class="col-sm-8">
156156
<p>To help development teams be productive Red Hat created OpenShift.io. OpenShift.io is a free, cloud-native, team development experience for managing software projects. Optimized for creating container-based applications and microservices-based solutions in the cloud, OpenShifto.io is the ideal path to continuous value delivery and digital transformation.</p>
157157
<p>OpenShift.io lets you get started writing actual, functional code for your microservices project right away. When you create a space in OpenShift.io for your project, you choose from a list of quick starts. You can pick a stack appropriate for microservices, like a RESTful HTTP endpoint based on the Vert.x runtime. When you do this, a lot more is happening than just importing some boilerplate code. All of the components of your selected stack are pulled into your space, along with the information to automatically build the whole project into Linux containers. With nothing more than a browser and an internet connection, you now are ready to write the first method of your microservice, build it, test it, and deploy it. Getting to this point could have taken you days or longer if you had to assemble all of the pieces yourself.</p>
158158
</div>
159159
</div>
160+
<div class="row">
161+
<div class="col-sm-12 col-md-8 col-md-offset-4">
162+
<h3>Develop for the cloud, in the cloud</h3>
163+
<p>
164+
Development on OpenShift.io happens inside containers. In fact, the whole OpenShift.io experience runs in containers on top of OpenShift Online. Your application, developed in the cloud, is already cloud-native.
165+
</p>
166+
</div>
167+
</div>
168+
<div class="row">
169+
<div class="col-sm-12 col-md-8 col-md-offset-4">
170+
<h3>Build and deployment pipelines out of the box</h3>
171+
<p>
172+
You can get started with CI/CD from day one on your project. When you select a quick start to bootstrap your microservices development in OpenShift.io, you can choose from a list of ready-made build pipelines.
173+
</p>
174+
</div>
175+
</div>
160176
</div>
177+
<!-- <div class="container">
178+
<div class="row">
179+
<div class="col-sm-12">
180+
<p class="signup-footer">
181+
OpenShift.io is available in a limited developer preview. Sign up at <a href="https://openshift.io/" target="top">https://openshift.io</a> to be notified when space becomes available.
182+
</p>
183+
</div>
184+
</div>
185+
</div> -->
161186
</section>
162187
<footer class="footer-openshiftio">
163188
<div id="footer_container" class="container">

‎src/app/pages/_learn-more/planning-tools.html‎

Lines changed: 11 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -130,7 +130,7 @@ <h2>Sometimes, issue tracking isn’t so simple</h2>
130130
</div>
131131
<div class="row">
132132
<div class="col-sm-4">
133-
<img src="../../../assets/images/icon-hourglass.png" width="250" class="img-responsive center-block">
133+
<!-- <img src="../../../assets/images/icon-processing.png" width="250" class="img-responsive center-block"> -->
134134
</div>
135135
<div class="col-sm-8">
136136
<p>
@@ -154,7 +154,7 @@ <h2>Sometimes, issue tracking isn’t so simple</h2>
154154
<div class="col-sm-12 page-header">
155155
<h2>Red Hat OpenShift.io, an end-to-end development experience</h2>
156156
<p>
157-
To help development teams be productive Red Hat created OpenShift.io. OpenShift.io is a an end-to-end development environment for planning, building and deploying cloud-native applications.
157+
To help development teams be productive Red Hat created OpenShift.io. OpenShift.io is an end-to-end development environment for planning, building and deploying cloud-native applications.
158158
</p>
159159
</div>
160160
</div>
@@ -169,12 +169,18 @@ <h2>Red Hat OpenShift.io, an end-to-end development experience</h2>
169169
<p>
170170
You can use task or Kanban boards to get an overview of your project, review the backlog, plan the next development iteration, see work in progress, or just view the work items assigned to you, all from within OpenShift.io in a browser on any device.
171171
</p>
172-
<p>
173-
OpenShift.io is available in a limited developer preview. Sign up at <a href="https://www.openshift.io" target="top">https://openshift.io/</a> to be notified when space becomes available.
174-
</p>
175172
</div>
176173
</div>
177174
</div>
175+
<!-- <div class="container">
176+
<div class="row">
177+
<div class="col-sm-12">
178+
<p class="signup-footer">
179+
OpenShift.io is available in a limited developer preview. Sign up at <a href="https://openshift.io/" target="top">https://openshift.io</a> to be notified when space becomes available.
180+
</p>
181+
</div>
182+
</div>
183+
</div> -->
178184
</section>
179185
<footer class="footer-openshiftio">
180186
<div id="footer_container" class="container">

‎src/app/pages/_learn-more/rhdp-membership.html‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -167,6 +167,15 @@ <h2>Red Hat Developer Program</h2>
167167
</div>
168168
</div>
169169
</div>
170+
<!-- <div class="container">
171+
<div class="row">
172+
<div class="col-sm-12">
173+
<p class="signup-footer">
174+
OpenShift.io is available in a limited developer preview. Sign up at <a href="https://openshift.io/" target="top">https://openshift.io</a> to be notified when space becomes available.
175+
</p>
176+
</div>
177+
</div>
178+
</div> -->
170179
</section>
171180
<footer class="footer-openshiftio">
172181
<div id="footer_container" class="container">

‎src/assets/images/icon-dependencies.png‎

65.6 KB
Loading

‎src/assets/images/icon-processing.png‎

71.6 KB
Loading

‎src/assets/stylesheets/_layout.scss‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -43,6 +43,15 @@ body {
4343
// height: 100%;
4444
padding-bottom: 20px;
4545
}
46+
.paragraph-wrap {
47+
float: left;
48+
@media (max-width: 500px) {
49+
float: none;
50+
}
51+
}
52+
// .signup-footer {
53+
// text-align: center;
54+
// }
4655
#signUp {
4756
background: url(../images/hero-background-80.jpg) fixed;
4857
-webkit-background-size: cover;

0 commit comments

Comments
 (0)