1
0
Fork 0
mirror of https://github.com/mmumshad/ansible-playable.git synced 2025-02-13 19:12:00 +00:00
ansible-playable/client/app/main/main.html

83 lines
3.3 KiB
HTML
Raw Normal View History

2017-06-07 17:36:44 +00:00
<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>