-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
138 lines (116 loc) · 5.23 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
---
layout: landing
home: true
---
<div class="header-bg">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="header-intro">
<div class="header-main"><img src="images/logo.svg" alt="microclimate"/></div>
<h1 class="header-intro-content">Dive into a fast, incremental,
intelligent, end-to-end development experience that puts
developers in charge.</h1>
<div class="download-link-container" class="text-center">
<a class="download-link showVideo" href="#" data-video="videos/microclimate_overview_2.mp4">See it in action <span
class="glyphicon glyphicon-play" aria-hidden="true"></span></a><span
class="header-button-spacer"></span> <a class="download-link"
href="gettingstarted">Get it now!</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container main-content">
<div class="row">
<div class="col-lg-12">
<div class="value-props">
<h1>
<a href="about">Microclimate</a> is an end to end development
environment that lets you rapidly create, edit, and deploy
applications. Applications are run in <a
href="https://www.docker.com/what-container">containers</a> from
day one and can be delivered into production on <a
href="https://kubernetes.io">Kubernetes</a> through an automated
DevOps pipeline using <a href="https://jenkins.io/">Jenkins</a>.
Microclimate can be installed locally or on <a
href="https://www.ibm.com/cloud-computing/products/ibm-cloud-private/">IBM
Cloud Private</a>, and currently supports Java, Node, and Swift.
</h1>
</div>
</div>
</div>
</div>
<div class="container selling-points">
<div class="row selling-points-row">
<div class="col-md-6 col-xs-12 selling-points-img text-align-right">
<img src="images/Containerized-dev.svg" alt="Containerized development" height="100%"></img>
</div>
<div class="col-md-6 col-xs-12 selling-points-text-left">
<h2>Containerized development</h2>
Start from scratch using lightweight containers that are easily
reproducible to match your production environment.
</div>
</div>
<div class="row selling-points-row">
<div class="col-md-6 col-xs-12 selling-points-img show-xs">
<img src="images/rapid_iteration.svg" alt="Rapid iteration" height="100%"></img>
</div>
<div class="col-md-6 col-xs-12 selling-points-text-right">
<h2>Rapid iteration</h2>
Lightning fast round-tripping through edit, build, and run allows
real-time performance insights, regardless of what development phase
you’re in.
</div>
<div class="col-md-6 col-xs-12 selling-points-img hide-xs">
<img src="images/rapid_iteration.svg" alt="Rapid iteration" height="100%"></img>
</div>
</div>
<div class="row selling-points-row">
<div class="col-md-6 col-sm-12 col-xs-12 selling-points-img text-align-right">
<img src="images/Intelligent_feedback.svg" alt="Intelligent feedback" height="100%"></img>
</div>
<div class="col-md-6 col-sm-12 col-xs-12 selling-points-text-left">
<h2>Intelligent feedback</h2>
Best practices and immediate feedback to help improve your application.
</div>
</div>
<div class="row selling-points-row">
<div class="col-md-6 col-xs-12 selling-points-img show-xs">
<img src="images/Diagnostic_services.svg" alt="Diagnostic services" height="100%"></img>
</div>
<div class="col-md-6 col-xs-12 selling-points-text-right">
<h2>Diagnostic services</h2>
Add capability at development time to improve problem determination in production.
</div>
<div class="col-md-6 col-xs-12 selling-points-img hide-xs">
<img src="images/Diagnostic_services.svg" alt="Diagnostic services" height="100%"></img>
</div>
</div>
<div class="row selling-points-row">
<div class="col-md-6 col-xs-12 selling-points-img text-align-right">
<img src="images/integrated_dev.svg" alt="Integrated development" height="100%"></img>
</div>
<div class="col-md-6 col-xs-12 selling-points-text-left">
<h2>Integrated DevOps pipeline</h2>
Get into production fast with a preconfigured DevOps pipeline that can be tailored to your needs.
</div>
</div>
<p>
<div class="row selling-points-row resources-row">
<div class="col-md-12 full-width">
<h2 class="text-center">Microclimate Resources</h2>
</div>
</div>
<div class="row">
<div class="col-md-12">
<img src="images/workspace.jpg" class="full-width workspace-img"/>
</div>
</div>
<div class="row">
<div class="video_cell col-md-6 col-lg-6 col-sm-6 col-xs-12"><a href="#" data-video="videos/think-beta.mp4" class='showVideo'><img src="images/video.svg" alt="Think beta video" /></a> Import and devops pipeline (4:47)</div>
<div class="video_cell col-md-6 col-lg-6 col-sm-6 col-xs-12"><a href="#" data-video="videos/Microclimate_Install.mp4" class='showVideo'><img src="images/video.svg" alt="Microclimate install video" /></a> Install Microclimate (2:51)</div>
<div class="video_cell col-md-6 col-lg-6 col-sm-6 col-xs-12"><a href="#" data-video="videos/Microclimate-Create.mp4" class='showVideo'><img src="images/video.svg" alt="Microclimate create video" /></a> Project creation, logs and monitoring (5:24)</div>
</div>
</div>