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

Commit

Permalink
Merge pull request #121 from mindreeper2420/learn-more3
Browse files Browse the repository at this point in the history 
fix(cards): update icons and text
  • Loading branch information
@mindreeper2420
mindreeper2420 committed May 1, 2017
2 parents faacad2 + f3326c3 commit ebb9dd5
Show file tree
Hide file tree
Showing 9 changed files with 94 additions and 23 deletions.
11 changes: 10 additions & 1 deletion src/app/pages/_learn-more/better-decisions.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -129,7 +129,7 @@ <h2>Software Dependencies</h2>
</div>
<div class="row">
<div class="col-sm-4">
<!--<img src="images/openshift_logo_black.png" width="400" class="img-responsive center-block">-->
<img src="../../../assets/images/icon-dependencies.png" width="250" class="img-responsive center-block">
</div>
<div class="col-sm-8">
<p>
Expand Down Expand Up @@ -176,6 +176,15 @@ <h3>Deep Analytics</h3>
</div>
</div>
</div>
<!-- <div class="container">
<div class="row">
<div class="col-sm-12">
<p class="signup-footer">
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.
</p>
</div>
</div>
</div> -->
</section>
<footer class="footer-openshiftio">
<div id="footer_container" class="container">
Expand Down
9 changes: 9 additions & 0 deletions src/app/pages/_learn-more/end-to-end.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -190,6 +190,15 @@ <h2>Introducing Red Hat OpenShift.io</h2>
</div>
</div>
</div>
<!-- <div class="container">
<div class="row">
<div class="col-sm-12">
<p class="signup-footer">
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.
</p>
</div>
</div>
</div> -->
</section>
<footer class="footer-openshiftio">
<div id="footer_container" class="container">
Expand Down
36 changes: 20 additions & 16 deletions src/app/pages/_learn-more/install-nothing.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -133,7 +133,7 @@ <h2>Installing software is a drag</h2>
</div>
<div class="row">
<div class="col-sm-4">
<img src="../../../assets/images/icon-stopwatch.png" width="250" class="img-responsive center-block">
<img src="../../../assets/images/icon-processing.png" width="250" class="img-responsive center-block">
</div>
<div class="col-sm-8">
<p>
Expand Down Expand Up @@ -164,44 +164,48 @@ <h2>Red Hat OpenShift.io: an instant development space for your team</h2>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<img src="../../../assets/images/microservices-get-started.png" width="350" class="img-responsive">
</div>
<div class="col-sm-8">
<img src="../../../assets/images/microservices-get-started.png" width="350" class="col-md-4 img-responsive paragraph-wrap">
<div class="col-md-offset-4">
<p>
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.
</p>
</div>
<!-- </div>
</div>
<div class="row">
<div class="col-sm-12 col-md-6">
<div class="col-sm-12 col-md-8 col-md-offset-4"> -->
<h3>An IDE configured for your project, no installation required</h3>
<p>
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.
</p>
</div>
<div class="col-sm-12 col-md-6">
<!-- </div>
<div class="col-sm-12 col-md-8 col-md-offset-4"> -->
<h3>Quick starts: the components of your stack, no download required</h3>
<p>
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.
</p>
</div>
</div>
<div class="row">
<div class="col-sm-12 col-md-6">
<!-- </div>
<div class="col-sm-12 col-md-8 col-md-offset-4"> -->
<h3>Create, manage, and monitor your environments from a browser</h3>
<p>
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.
</p>
</div>
<div class="col-sm-12 col-md-6">
<!-- </div>
<div class="col-sm-12 col-md-8 col-md-offset-4"> -->
<h3>Plan, prioritize, and collaborate with OpenShift.io</h3>
<p>
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.
</p>
</div>
</div>
</div>
<!-- <div class="container">
<div class="row">
<div class="col-sm-12">
<p class="signup-footer">
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.
</p>
</div>
</div>
</div> -->
</section>
<footer class="footer-openshiftio">
<div id="footer_container" class="container">
Expand Down
27 changes: 26 additions & 1 deletion src/app/pages/_learn-more/microservices.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -150,14 +150,39 @@ <h2>Red Hat OpenShift.io, a cloud-native development environment</h2>
</div>
<div class="row">
<div class="col-sm-4">
<img src="../../../assets/images/microservices-get-started.png" width="350" class="img-responsive">
<img src="../../../assets/images/microservices-pipelines.png" width="350" class="img-responsive">
</div>
<div class="col-sm-8">
<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>
<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>
</div>
</div>
<div class="row">
<div class="col-sm-12 col-md-8 col-md-offset-4">
<h3>Develop for the cloud, in the cloud</h3>
<p>
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.
</p>
</div>
</div>
<div class="row">
<div class="col-sm-12 col-md-8 col-md-offset-4">
<h3>Build and deployment pipelines out of the box</h3>
<p>
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.
</p>
</div>
</div>
</div>
<!-- <div class="container">
<div class="row">
<div class="col-sm-12">
<p class="signup-footer">
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.
</p>
</div>
</div>
</div> -->
</section>
<footer class="footer-openshiftio">
<div id="footer_container" class="container">
Expand Down
16 changes: 11 additions & 5 deletions src/app/pages/_learn-more/planning-tools.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -130,7 +130,7 @@ <h2>Sometimes, issue tracking isn’t so simple</h2>
</div>
<div class="row">
<div class="col-sm-4">
<img src="../../../assets/images/icon-hourglass.png" width="250" class="img-responsive center-block">
<!-- <img src="../../../assets/images/icon-processing.png" width="250" class="img-responsive center-block"> -->
</div>
<div class="col-sm-8">
<p>
Expand All @@ -154,7 +154,7 @@ <h2>Sometimes, issue tracking isn’t so simple</h2>
<div class="col-sm-12 page-header">
<h2>Red Hat OpenShift.io, an end-to-end development experience</h2>
<p>
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.
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.
</p>
</div>
</div>
Expand All @@ -169,12 +169,18 @@ <h2>Red Hat OpenShift.io, an end-to-end development experience</h2>
<p>
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.
</p>
<p>
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.
</p>
</div>
</div>
</div>
<!-- <div class="container">
<div class="row">
<div class="col-sm-12">
<p class="signup-footer">
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.
</p>
</div>
</div>
</div> -->
</section>
<footer class="footer-openshiftio">
<div id="footer_container" class="container">
Expand Down
9 changes: 9 additions & 0 deletions src/app/pages/_learn-more/rhdp-membership.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -167,6 +167,15 @@ <h2>Red Hat Developer Program</h2>
</div>
</div>
</div>
<!-- <div class="container">
<div class="row">
<div class="col-sm-12">
<p class="signup-footer">
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.
</p>
</div>
</div>
</div> -->
</section>
<footer class="footer-openshiftio">
<div id="footer_container" class="container">
Expand Down
Binary file added src/assets/images/icon-dependencies.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/assets/images/icon-processing.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
9 changes: 9 additions & 0 deletions src/assets/stylesheets/_layout.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -43,6 +43,15 @@ body {
// height: 100%;
padding-bottom: 20px;
}
.paragraph-wrap {
float: left;
@media (max-width: 500px) {
float: none;
}
}
// .signup-footer {
// text-align: center;
// }
#signUp {
background: url(../images/hero-background-80.jpg) fixed;
-webkit-background-size: cover;
Expand Down

0 comments on commit ebb9dd5

Please sign in to comment.