ocopea.github.io/index.html at master · ocopea/ocopea.github.io · GitHub

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html lang="en">
<head>
    <meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1">
    <title>Ocopea - Cloud Native Developer Toolkit</title>
    <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Mukta+Vaani:400,700,800" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>

<main>
    <header>
        <div class="content">
            <div class="main-navigation">
                <img src="assets/-e-LOGO_big.png" alt="" class="logo"/>
                <ul class="main-navigation-list">
                    <li class="selected"><a href="index.html">about</a></li>
                    <li><a href="use-cases.html">use cases</a></li>
                    <li><a href="how-it-works.html">how it works</a></li>
                    <li><a href="http://ocopea-documentation.readthedocs.io/en/latest/">documentation</a></li>
                </ul>
            </div> <!-- ./main-navigation -->
            <div class="title-container">
                <div class="title">
                    <div>Ocopea</div>
                </div>
                <div class="subtitle">
                    Boosting cloud native development productivity using application copies
                    <br/><br/>
                    Ocopea - pronounced Oh Copy! enhances Kubernetes and Cloud Foundry platforms with
                    the concept of application copies, providing developers with easy access to fresh application states.
                </div>
            </div>
            <button class="scroll"><img src="assets/arrow.png" alt=""></button>
        </div> <!-- ./content -->
    </header>
    <div class="icons-container">
        <div class="content icons">
            <section>
                <div class="box">
                    <div class="img-container">
                        <img src="assets/-e-icon_open_source.svg"/>
                    </div>
                    <div class="title">Open Source</div>
                    <div class="subtitle">Ocopea is an open source, community driven project, that runs on open source infrastructure such as Kubernetes and Cloud Foundry.
                    </div>
                </div>
                <div class="box">
                    <div class="img-container">
                        <img src="assets/-e-Cloud_icon.svg"/>
                    </div>
                    <div class="title">Multi Cloud</div>
                    <div class="subtitle">Move copies from production to your laptop, use public cloud,
                        on premises deployment or both - Ocopea will make copies accessible.
                    </div>
                </div>
                <div class="box">
                    <div class="img-container">
                        <img src="assets/-e-Extensible_icon.svg"/>
                    </div>
                    <div class="title">Extensible</div>
                    <div class="subtitle">
                        Ocopea is built with extensibility in mind. Promoting standardization in the stateful service
                        consumption model.
                    </div>
                </div>
            </section>
        </div><!-- /icons -->
    </div>
    <div class="about">
        <div class="content">
            <section class="text">
                <div class="title">ABOUT</div>
                <div class="text-content">
                    <p>
                        Modern platforms like Kubernetes or Cloud Foundry enable organizations to unleash their
                        creativity and innovate with modern apps often referred as "cloud native apps".
                        Cloud native architecture has not only changed the technology we use, but also how the
                        business interacts with software, making it agile, effective and even fun.
                    </p>
                    <p>
                        Besides benefits, cloud native apps with their microservices architecture have created a
                        new set of complexities. One example is the ability to for a developer to reproduce an
                        end-to-end environment consisting of multiple microservices and data stores.
                        Developers struggle with a plethora of tools and manual processes in order to retrieve
                        high quality application copies while trying to debug or run automated tests.
                        With classic monolithic apps, using the database copies solves that concern, but cloud native has
                        more data sources with state, like the service configuration, orchestrator metadata and
                        each microservice datastore.
                    </p>
                    <p>
                        With Ocopea we are taking the first steps, aiming to provide the attributes of
                        traditional solutions to this complex environment and to leverage the
                        capabilities that are inherent to cloud native environments.
                    </p>
                    <p>
                        Excited? Have a look at <a href="how-it-works.html">How it works</a>.
                    </p>
                </div>
            </section>
            <section class="logo">
                <img src="assets/-e-LOGO_big.png" alt=""/>
            </section>
        </div>
    </div> <!-- /about -->
    <div class="test-dev">
        <div class="content">
            <div class="img-computer">
                <img src="assets/Desktop_02.png" alt=""/>
            </div>
            <div class="text">
                <div class="title">Use Cases</div>
                <div class="subtitle">Boosting developer productivity using application copies</div>
                <ul class="list">
                    <li>Self service access to application copy catalog</li>
                    <li>Multi-tenant Test & Dev auditing and governance</li>
                    <li>Enable automated tests with fresh data and templates</li>
                    <li>Safe upgrade process</li>
                </ul>
                <a href="use-cases.html">
                    <button class="button">
                        <span>view more</span>
                        <span class="arrow"><img src="assets/-e-arrow_view_more.svg" alt=""/></span>
                    </button>
                </a>
            </div>
        </div>
    </div> <!-- /text-dev -->
    <div class="api">
        <div class="content">
            <div class="title">Service API Standardization</div>
            <br/>
            <div class="subtitle">
                In order to make Ocopea successful in a production environment, we are welcoming industry
                leaders' efforts to standardize service consumption APIs.
            </div>
            <a href="standardization.html">
                <button class="button">
                    <span>view more</span>
                    <span class="arrow"><img src="assets/-e-arrow_view_more.svg" alt=""/></span>
                </button>
            </a>
        </div>
    </div> <!-- /api -->
    <footer>
        <div class="content">
            <div class="logo">
                <img src="assets/-e-LOGO_big.png" alt=""/>
            </div>
            <div class="address">
                <p>
                </p>
                <p><a href="https://ocopea.github.io">ocopea.github.io</a></p>
            </div>
            <div class="icons">
                <a href="https://codecommunity.slack.com/archives/ocopea"><img src="assets/slack.png" alt=""></a>
                <a href="https://github.com/ocopea"><img src="assets/github.png" alt=""></a>
                <img src="assets/blogger.png" alt="">
                <a href="https://twitter.com/ocopea"><img src="assets/twitter.png" alt=""/></a>
            </div>
            <div class="copyrights">Copyright © 2017 Dell Inc. or its subsidiaries. All Rights Reserved</div>
        </div>
    </footer>
</main>
</body>
</html>