mirror of
https://github.com/mmumshad/ansible-playable.git
synced 2025-02-13 15:51:52 +00:00
82 lines
3.3 KiB
HTML
82 lines
3.3 KiB
HTML
<header class="hero-unit" id="banner">
|
|
<div class="container">
|
|
<p style="font-size:50px; font-family: 'ExpletusSans-Regular'">play<span style="font-size: 70px;">A</span>ble</p>
|
|
<p class="lead"><a style="color:#ff0050;" href="http://www.ansible.com" target="_blank">Ansible</a> Playbook generator and orchestrator</p>
|
|
<img src="assets/images/Button-1-play-icon.png" alt="I'm Yeoman">
|
|
</div>
|
|
</header>
|
|
|
|
<div class="container">
|
|
<div class="features-unit">
|
|
<div class="row" style="margin-top:50px;">
|
|
<div class="col-md-6">
|
|
<img class="md-whiteframe-21dp" width="100%" src="assets/images/playbook.png">
|
|
</div>
|
|
<div class="col-md-6 " style="text-align: left;">
|
|
<h2>Generate Ansible Playbooks</h2>
|
|
<ul>
|
|
<li>Generate Ansible playbooks using UI</li>
|
|
<li>Create playbooks, plays and tasks in few clicks</li>
|
|
<li>Lists all available ansible modules</li>
|
|
<li>Provides description and examples of modules</li>
|
|
<li>Provides an interface to input parameters for each module</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="row" style="margin-top:50px;">
|
|
<div class="col-lg-6" style="text-align: center;align-content: center;">
|
|
<h2>Import input</h2>
|
|
<p style="width:400px;">Import inputs into ansible inventory file format.</p>
|
|
</div>
|
|
<div class="col-lg-6 ">
|
|
<img class="md-whiteframe-21dp" src="assets/images/inventory.png" >
|
|
</div>
|
|
|
|
</div>
|
|
<div class="row" style="margin-top:50px;">
|
|
<div class="col-lg-6 ">
|
|
<img class="md-whiteframe-21dp" width="100%" src="assets/images/play.png">
|
|
</div>
|
|
<div class="col-lg-6 " style="text-align: left;">
|
|
<h2>Play!</h2>
|
|
<ul>
|
|
<li>Run your playbooks and view results</li>
|
|
<li>Run playbooks at a play or task level</li>
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div style="color:white;background-color: #2d363a;padding-top:30px;padding-bottom:50px;">
|
|
<div class="container">
|
|
<div>
|
|
<div style="text-align: center">
|
|
<h1>About us</h1>
|
|
</div>
|
|
<div layout="row" layout-align="center" class="layout-align-center-stretch layout-row">
|
|
<div layout="column" layout-align="center" style="text-align: center;margin-left:30px;margin-right:30px;" class="layout-align-center-stretch layout-column">
|
|
<h3>Mumshad Mannambeth</h3>
|
|
<a href="mailto:mmumshad@gmail.com"><span class="fa fa-send"></span></a>
|
|
</div>
|
|
</div>
|
|
<div layout="row" layout-align="center" style="text-align: center;margin-top:30px;" class="layout-align-center-stretch layout-row">
|
|
<div class="alert alert-danger">This is a proof-of-concept implementation. This is only to be used for testing purpose and NOT to be used in production.</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="color:black;padding-top:20px;padding-bottom:50px;">
|
|
<div class="container" >
|
|
<div layout-align="center" style="text-align: center;">
|
|
<h3>Also check out</h3>
|
|
<div class="row" style="padding-top: 20px;">
|
|
<!--<div class="col-md-4"> <div class="md-whiteframe-23dp"><a href="" target="_blank"><img style="width:100%;height:100%;" src="assets/" /></a></div></div>-->
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|