forked from codeontap/codeontap.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
193 lines (191 loc) · 9.01 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
---
layout: default
title: Codeontap.io framework
---
<section id="benefits">
<div class="wrapper">
<div class="benefits-image">
<img src="images/diagram.png" alt="" class="editable"/>
</div>
<div class="editable benefits-text">
<h1>Extensible Devops For The Complex Enterprise</h1>
<p>CodeOnTap is a declarative and opinionated devops framework for enterprises that:</p>
<ul>
<li>Want confident continuous and secure deployments to production workloads in the cloud</li>
<li>Use open source but also support and customise COTS products</li>
<li>Want to outsource some development without lock-in to any provider.</li>
</ul>
<a href="/get-the-framework.html" class="btn btn-lg">Get The Framework</a>
</div>
</div>
</section>
<section id="intro">
<div class="wrapper">
<div class="editable intro-items-list">
<div class="repeatable intro-item">
<img src="images/your-favorite.png" alt="">
<h2>Your Favorite Tools And Services</h2>
<p>Extensible to support any cloud or enterprise application lifecycle management tools and IaaS platforms. But currently we support github, Docker, Jenkins, ElasticSearch, and Amazon Web Services</p>
</div>
<div class="repeatable intro-item">
<img src="images/our-conventions.png" alt="">
<h2>Our Conventions, Patterns & Scripts</h2>
<p>Leverage our hard learned conventions and scripts for infrastructure as code, automated builds, docker container deployments, environment configuration, and secure credential management</p>
</div>
</div>
</div>
</section>
<section id="quick-overview">
<div class="wrapper">
<h2 class="editable-text">A 5 minute overview of how it works</h2>
<div class="video-box-wrapper">
<div class="video-box">
<div class="editable video-box-inner">
<iframe width="560" height="315" src="https://www.youtube.com/embed/PH4oT_T5Sgc" frameborder="0" allowfullscreen></iframe>
</div>
</div>
</div>
<!--
<ul class="editable quick-overview-items">
<li class="repeatable">
<h3>Secure</h3>
<p>Enterprise security practices such as encryption of all credentials used in configuration files.</p>
</li>
<li class="repeatable">
<h3>Flexible</h3>
<p>Deploy custom code or COTS apps to the cloud or on-premise so long as they can be containerised.</p>
</li>
<li class="repeatable">
<h3>Proven</h3>
<p>In use by some large Corporations and Government Agencies.</p>
</li>
</ul>
<a href="/get-the-framework.html" class="editable btn btn-lg">Get The Framework</a>
-->
</div>
</section>
<section id="reasons-to-love">
<div class="wrapper">
<h2 class="editable-text">A few interesting codeontap.io features</h2>
<ul class="editable reason-items">
<li class="repeatable">
<i class="fa fa-cloud" aria-hidden="true"></i>
<h3>Complexity management</h3>
<p>We assume you are a big organisation (or systems integrator) with lots tenants and IT products - and provide conventions to manage that complexity.</p>
</li>
<li class="repeatable">
<i class="fa fa-comments" aria-hidden="true"></i>
<h3>Template driven</h3>
<p>Repeatably deploy complex network environments by providing just a few variables to freemarker templates that generate cloud formation scripts.</p>
</li>
<li class="repeatable">
<i class="fa fa-cog" aria-hidden="true"></i>
<h3>Security in depth</h3>
<p>TSigned code commits and encrypted credentials permit the use of cloud services without compromising enterprise security requirements.</p>
</li>
<li class="repeatable">
<i class="fa fa-envelope" aria-hidden="true"></i>
<h3>Extensibility</h3>
<p>The conventions are neutral of any devops tool so support for additonal tools just means adding new templates and mappings.</p>
</li>
<li class="repeatable">
<i class="fa fa-bookmark" aria-hidden="true"></i>
<h3>Outsourcing without lock-in</h3>
<p>Cloud hosted devops platform allows you to contract external development skills without lock-in becuase you own and run the framework.</p>
</li>
<li class="repeatable">
<i class="fa fa-coffee" aria-hidden="true"></i>
<h3>Instrumentation</h3>
<p>Analytics to monitor (and bill) for use of dozens of services by hundreds of tenants and thousands of products running on countless nodes.</p>
</li>
</ul>
</div>
</section>
<section id="snippets-overview">
<div class="wrapper">
<h2 class="editable-text snippets-overview-title">How to get started</h2>
<p class="editable-text snippets-overview-description">The docs and snippets below are all on Github. We put some of the more interesting bits here as a taster</p>
<div class="tabs editable">
<ul class="tabs-header">
<li class="tabs-sidebar-title">Sections</li>
{% for tab in site.tabs %}
<li><a href="#tab-{{ tab.id | slugify: 'pretty' }}">{{ tab.title }}</a></li>
{% endfor %}
</ul>
<div class="tabs-container">
{% for tab in site.tabs %}
<div id="tab-{{ tab.id | slugify: 'pretty' }}" class="tabs-content">
{{ tab.content }}
</div>
{% endfor %}
</div>
<!--<li class="tabs-sidebar-title">Sections</li>-->
<!--<li class="repeatable"><a href="#tab-introduction">Introduction</a></li>-->
<!--<li class="repeatable"><a href="#tab-components">Components</a></li>-->
<!--<li class="repeatable"><a href="#tab-code">Code</a></li>-->
<!--<li class="repeatable"><a href="#tab-structure">Structure</a></li>-->
<!--<li class="repeatable"><a href="#tab-files">Files</a></li>-->
<!--<li class="repeatable"><a href="#tab-settings">Settings</a></li>-->
<!--<li class="repeatable"><a href="#tab-other-sections">Other Section here</a></li>-->
<!--<li class="repeatable"><a href="#tab-section-title">Section title</a></li>-->
<!--<li class="repeatable"><a href="#tab-advance">Advance</a></li>-->
<!--</ul>-->
<!--<div class="tabs-container">-->
<!--<div id="tab-introduction" class="tabs-content">-->
<!--Sections-->
<!--<script src="https://gist.github.com/webilhan/3622a2c2139043f29e1e84da281567a5.js"></script>-->
<!--</div>-->
<!--<div id="tab-components" class="tabs-content">-->
<!--Components-->
<!--<script src="https://gist.github.com/webilhan/3622a2c2139043f29e1e84da281567a5.js"></script>-->
<!--</div>-->
<!--<div id="tab-code" class="tabs-content">-->
<!--Code-->
<!--<script src="https://gist.github.com/webilhan/3622a2c2139043f29e1e84da281567a5.js"></script>-->
<!--</div>-->
<!--<div id="tab-structure" class="tabs-content">-->
<!--Structure-->
<!--<script src="https://gist.github.com/webilhan/3622a2c2139043f29e1e84da281567a5.js"></script>-->
<!--</div>-->
<!--<div id="tab-files" class="tabs-content">-->
<!--Files-->
<!--<script src="https://gist.github.com/webilhan/3622a2c2139043f29e1e84da281567a5.js"></script>-->
<!--</div>-->
<!--<div id="tab-settings" class="tabs-content">-->
<!--Settings-->
<!--<script src="https://gist.github.com/webilhan/3622a2c2139043f29e1e84da281567a5.js"></script>-->
<!--</div>-->
<!--<div id="tab-other-sections" class="tabs-content">-->
<!--Other Section here-->
<!--<script src="https://gist.github.com/webilhan/3622a2c2139043f29e1e84da281567a5.js"></script>-->
<!--</div>-->
<!--<div id="tab-section-title" class="tabs-content">-->
<!--Section title-->
<!--<script src="https://gist.github.com/webilhan/3622a2c2139043f29e1e84da281567a5.js"></script>-->
<!--</div>-->
<!--<div id="tab-advance" class="tabs-content">-->
<!--Advance-->
<!--<script src="https://gist.github.com/webilhan/3622a2c2139043f29e1e84da281567a5.js"></script>-->
<!--</div>-->
<!--</div>-->
</div>
</div>
</section>
<section id="brand-logos">
<div class="wrapper">
<div class="editable-text brands-title">In Use By:</div>
<div class="editable brands-list">
<img src="images/brands/airbnb.png" alt="" class="repeatable">
<img src="images/brands/the-guardian.png" alt="" class="repeatable">
<img src="images/brands/TC.png" alt="" class="repeatable">
<img src="images/brands/disqus.png" alt="" class="repeatable">
<img src="images/brands/tumblr.png" alt="" class="repeatable">
</div>
</div>
</section>
<section id="gpl-licence">
<div class="wrapper">
<p class="editable-text">CodeOnTap is free to use under the GPL v3 Open source license. Take it and extedn it privately - but you must contribute back anything you want to redistribute</p>
<img src="images/gpl-licence.png" alt="" class="editable" />
</div>
</section>