-
Notifications
You must be signed in to change notification settings - Fork 57
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Updates the home page to match operate look and feel (#508)
Signed-off-by: Sean Sundberg <[email protected]>
- Loading branch information
Showing
10 changed files
with
109 additions
and
65 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,76 +1,96 @@ | ||
|
|
||
| {% extends "main.html" %} | ||
|
|
||
| <link rel="stylesheet" href="{{ 'assets/stylesheets/home.css' | url }}" /> | ||
|
|
||
| <!-- Announcement bar --> | ||
| {% block announce %} | ||
| <a href="https://cloud-native-toolkit.github.io/dev-guide"> | ||
| Previous version of site can be found here | ||
| </a> | ||
| {% endblock %} | ||
|
|
||
| <!-- Tabs --> | ||
| {% block tabs %}{% endblock %} | ||
|
|
||
| <!-- Content --> | ||
| {% block content %} | ||
|
|
||
| <link rel="stylesheet" href="{{ 'assets/stylesheets/home.css' | url }}" /> | ||
| <!-- Hero for landing page --> | ||
| <section class="mdx-container"> | ||
| <!-- Hero for landing page --> | ||
| <section class="mdx-container"> | ||
| <div class="md-grid md-typeset"> | ||
| <div class="mdx-hero"> | ||
|
|
||
| <section> | ||
| <div class=home-hero> | ||
| <div class=home-hero-text> | ||
| <h1>Cloud Native Toolkit</h1> | ||
| </div> | ||
| <div class=home-hero-image> | ||
| <div class="mdx-hero"> | ||
| <section> | ||
| <div class="home-hero"> | ||
| <div class="home-hero-text"> | ||
| <a href="overview/overview/"> | ||
| <div> | ||
| <h2 style="text-align: center; color: white; margin-top: 0">Get started</h2> | ||
| <ul style="list-style-type: none; color: white"> | ||
| <li>Accelerate time to value using modern DevSec(Comp)Ops practices</li> | ||
| <li>Customize the development experience and toolchain to the environment</li> | ||
| <li>Leverage the enhanced developer experience provided by Red Hat OpenShift</li> | ||
| <li>Contribute accelerators along the software development lifecycle (SDLC)</li> | ||
| </ul> | ||
| </div> | ||
| </a> | ||
| </div> | ||
| <div class=home-hero-image> | ||
| </div> | ||
| </div> | ||
| </section> | ||
| <section> | ||
| <div class="home-description"> | ||
| <div class='row' style="padding-top: 1rem"> | ||
| <div class='column'> | ||
| <a href="resources/workshop/workshop/"> | ||
| <div class="card"> | ||
| <div> | ||
| <img src="assets/images/learn-min.jpg" width="100%" /> | ||
| </div> | ||
| <div> | ||
| <h4 style="text-align: center; color: white">Learn</h4> | ||
| <ul style="list-style-type: none; text-align: center; color: white"> | ||
| <li>Understand how to quickly create a development environment</li> | ||
| <li>Get hands-on experience building cloud-native applications</li> | ||
| <li>Learn how to customize your development environment</li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| </a> | ||
| </div> | ||
| <div class='column'> | ||
| <a href="adopting/adopting/"> | ||
| <div class="card"> | ||
| <div> | ||
| <img src="assets/images/catalyst.png" width="100%" /> | ||
| </div> | ||
| <div> | ||
| <h4 style="text-align: center; color: white">Apply</h4> | ||
| <ul style="list-style-type: none; text-align: center; color: white"> | ||
| <li>Dig deeper into the technologies that support the software development lifecycle</li> | ||
| <li>Get support for advanced use cases</li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| </a> | ||
| </div> | ||
| <div class='column'> | ||
| <a href="reference/reference/"> | ||
| <div class="card"> | ||
| <div> | ||
| <img src="assets/images/resources-min.jpg" width="100%" /> | ||
| </div> | ||
| <div> | ||
| <h4 style="text-align: center; color: white">Resources</h4> | ||
| <ul style="list-style-type: none; text-align: center; color: white"> | ||
| <li>Get resources to help build cloud-native applications</li> | ||
| <li>Build customized development experiences</li> | ||
| <li>Join the community and help expand supported use cases</li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| </a> | ||
| </div> | ||
| </div> | ||
| </section> | ||
| </div> | ||
| </div> | ||
| </section> | ||
| <section> | ||
| <div class=home-description> | ||
| <div class='row'> | ||
| <div class='column'> | ||
| Cloud-Native Toolkit | ||
| </div> | ||
| <div class='column'> | ||
| The Cloud-Native Toolkit is an open-source collection of assets | ||
| that enable application development and support teams to deliver business value | ||
| quickly using Red Hat OpenShift or IBM Cloud-managed Kubernetes. | ||
| This guide provides information to help Developers, Administrators, | ||
| and Site Reliability Engineers use the Toolkit to support delivering business | ||
| applications through the entire Software Development Life Cycle (SDLC). | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </section> | ||
| <section> | ||
| <div class=home-purpose> | ||
| <div class='row'> | ||
| <div class='column'> | ||
| Fit to purpose | ||
| </div> | ||
| <div class='column'> | ||
| The Cloud-Native Toolkit environment has been built to support the principles | ||
| of a robust SDLC while being flexible enough to fit into a wide range of | ||
| development settings and toolchains. The Cloud-Native Toolkit supports different | ||
| tool selections, from open source versions of tools like Artifactory and SonarQube to | ||
| enterprise-class software like IBM Cloud Pak for Applications and IBM Multicloud Manager. | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </section> | ||
| </div> | ||
| </div> | ||
| </section> | ||
| </div> | ||
| </section> | ||
| {% endblock %} | ||
|
|
||
| <!-- Application footer --> | ||
| {% block footer %} | ||
| {{ super() }} | ||
| {% endblock %} | ||
|
|
||
| {% block footer %} {{ super() }} {% endblock %} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters