sculptor-devops.github.io/index.html at master · sculptor-devops/sculptor-devops.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
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <meta name="description" content="Beautiful &amp; Automated Server Administrator">

        <meta property="og:site_name" content="Sculptor"/>
        <meta property="og:title" content="Sculptor"/>
        <meta property="og:description" content="Beautiful &amp; Automated Server Administrator"/>
        <meta property="og:url" content="https://sculptor-devops.github.io/"/>
        <meta property="og:image" content="/assets/img/logo.png"/>
        <meta property="og:type" content="website"/>

        <meta name="twitter:image:alt" content="Sculptor">
        <meta name="twitter:card" content="summary_large_image">

                    <meta name="generator" content="tighten_jigsaw_doc">

        <title>Sculptor</title>

        <link rel="home" href="https://sculptor-devops.github.io">
        <link rel="icon" href="/favicon.ico">


                    <!-- Insert analytics code here -->

        <link href="https://fonts.googleapis.com/css?family=Nunito+Sans:300,300i,400,400i,700,700i,800,800i" rel="stylesheet">
        <link rel="stylesheet" href="/assets/build/css/main.css?id=5010219603b9d8ba12ad">

        <link rel="stylesheet" href="/assets/cast/asciinema-player.css" rel="stylesheet">

                    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
            </head>

    <body class="flex flex-col justify-between min-h-screen bg-gray-100 text-gray-800 leading-normal font-sans">
        <header class="flex items-center bg-white border-b h-24 mb-8  xl:mb-0 lg:mb-0 py-4" role="banner">
            <div class="container flex items-center max-w-8xl mx-auto px-4 lg:px-8">
                <div class="flex items-center">
                    <a href="/" title="Sculptor home" class="inline-flex items-center">
					    <img class="h-8 md:h-10 mr-3" src="/assets/img/logo-large.svg" alt="Sculptor logo" />
	                    <h1 class="text-lg md:text-2xl text-blue-900 font-semibold hover:text-blue-600 my-0 pr-4">Sculptor</h1>
                    </a>
                </div>

                <div class="flex flex-1 justify-end items-center text-right md:pl-10">
                                            <button
    title="Start searching"
    type="button"
    class="flex md:hidden bg-gray-100 hover:bg-blue-100 justify-center items-center border border-gray-500 rounded-full focus:outline-none h-10 px-3"
    onclick="searchInput.toggle()"
>
    <img src="/assets/img/magnifying-glass.svg" alt="search icon" class="h-4 w-4 max-w-none">
</button>

<div id="js-search-input" class="docsearch-input__wrapper hidden md:block">
    <label for="search" class="hidden">Search</label>

    <input
        id="docsearch-input"
        class="docsearch-input relative block h-10 transition-fast w-full lg:w-1/2 xl:w-1/3 bg-gray-100 outline-none rounded-full text-gray-700 border border-gray-500 focus:border-blue-400 ml-auto px-4 pb-0"
        name="docsearch"
        type="text"
        placeholder="Search"
    >

    <button
        class="md:hidden absolute pin-t pin-r h-full font-light text-3xl text-blue-500 hover:text-blue-600 focus:outline-none -mt-px pr-7"
        onclick="searchInput.toggle()"
    >&times;</button>
</div>

                                    </div>
                <div class="ml-2 mt-1">
                    <a href="https://github.com/sculptor-devops" target="_blank">
                        <i class="fab fa-github fa-2x"></i>
                    </a>
                </div>
            </div>

                    </header>

        <main role="main" class="w-full flex-auto bg-main">
            <section class="container max-w-6xl mx-auto px-6 py-10 md:py-12">
    <div class="flex flex-col-reverse mb-10 lg:flex-row lg:mb-24">
        <div class="mt-8">

            <h1 id="intro-docs-template">Sculptor</h1>

            <h2 id="intro-powered-by-jigsaw" class="font-light mt-4">Beautiful &amp; Automated Server Administrator</h2>

            <p class="text-lg">Install, Magage and Deploy your servers and domains easily
                <br class="hidden sm:block">with a virtual devops automation for <strong>Web Developers</strong>.
            </p>

            <div class="flex my-10">
                <a href="/docs/getting-started" title="Sculptor getting started" class="bg-blue-500 hover:bg-blue-600 font-normal text-white hover:text-white rounded mr-4 py-2 px-6">
                Get Started 🚀
                </a>

                <a href="/docs/introduction" title="Introduction to sculptor" class="bg-gray-400 hover:bg-gray-600 text-blue-900 font-normal hover:text-white rounded py-2 px-6">
                Introduction
                </a>
            </div>
        </div>

        <div class="mx-auto mb-6 lg:mb-0 overflow-hidden w-full lg:w-2/3 xl:w-2/3 shadow-md border rounded-md bg-gray-300" style="background-color: #002B36;">
           <asciinema-player preload="true" theme="solarized-dark" autoplay="true" cols="80" rows="24" speed="8" src="/assets/cast/installation_ubuntu18.cast"></asciinema-player>
        </div>
    </div>

    <hr class="block my-8 border lg:hidden">

    <div class="md:flex -mx-2 -mx-4">
        <div class="mb-8 mx-3 px-2 md:w-1/3">
            <div class="shadow-md border rounded-md p-5 bg-box">
            <i class="fab fa-git-square fa-4x block h-12" style="color: #2d2b57;"></i>

            <h3 id="intro-laravel" class="text-2xl text-blue-900 mb-0">Repository Oriented</h3>

            <p>Zero downtime deploy, control all you need with simple commands.</p>
            </div>
        </div>

        <div class="mx-3 px-2 md:w-1/3 mb-8">
            <div class="shadow-md border rounded-md p-5 bg-box">
            <i class="fas fa-terminal fa-3x block h-12" style="color: #2d2b57;"></i>

            <h3 id="intro-mix" class="text-2xl text-blue-900 mb-0">Ready in minutes</h3>

            <p>Install an entire machine with PHP, Nginx, MySql, Redis with no action.</p>
            </div>
        </div>

        <div class="mb-8 mx-3 px-2 md:w-1/3">
            <div class="shadow-md border rounded-md p-5 bg-box">
            <i class="fas fa-user-edit fa-3x block h-12" style="color: #2d2b57;"></i>

            <h3 id="intro-markdown" class="text-2xl text-blue-900 mb-0">Customizable</h3>

            <p>You can change the deploy pipeline and adapt to you workflow.</p>
            </div>
        </div>
    </div>

    <div class="md:flex -mx-2 -mx-4">
        <div class="mb-8 mx-3 px-2 md:w-1/3">
            <div class="shadow-md border rounded-md p-5 bg-box">
            <i class="fas fa-lock fa-3x block h-12" style="color: #2d2b57;"></i>

            <h3 id="intro-laravel" class="text-2xl text-blue-900 mb-0">Secure</h3>

            <p>Automated backup and security patch out of the box.</p>
            </div>
        </div>

        <div class="mb-8 mx-3 px-2 md:w-1/3">
            <div class="shadow-md border rounded-md p-5 bg-box">
            <i class="fas fa-network-wired fa-3x block h-12" style="color: #2d2b57;"></i>

            <h3 id="intro-markdown" class="text-2xl text-blue-900 mb-0">Decentralized</h3>

            <p>You can control one or more machine with fluent api.</p>
            </div>
        </div>

        <div class="mx-3 px-2 md:w-1/3">
            <div class="shadow-md border rounded-md p-5 bg-box">
            <i class="fab fa-laravel fa-3x block h-12" style="color: #2d2b57;"></i>

            <h3 id="intro-mix" class="text-2xl text-blue-900 mb-0">Laravel</h3>

            <p>Your favourite framework is a first class citizen.</p>
            </div>
        </div>
    </div>

</section>
        </main>

        <script src="/assets/build/js/main.js?id=f01f0dd8648e081bd0a1"></script>
        <script src="/assets/cast/asciinema-player.js"></script>

                    <script type="text/javascript">
            docsearch({
                apiKey: 'bfe2f70b574268a443312bd71480f20c',
                indexName: 'sculptor-devops',
                inputSelector: '#docsearch-input',
                debug: false // Set debug to true if you want to inspect the dropdown
            });

            const searchInput = {
                toggle() {
                    const menu = document.getElementById('js-search-input');
                    menu.classList.toggle('hidden');
                    menu.classList.toggle('md:block');
                    document.getElementById('docsearch-input').focus();
                },
            }
        </script>

        <footer class="bg-white text-center text-sm mt-12 py-4" role="contentinfo">
            <ul class="flex flex-col md:flex-row justify-center">
                <li class="md:mr-2">
                    idea by <a href="https://cappellozza.com" title="Alessandro Cappellozza">Alessandro Cappellozza</a> &copy; 2021.
                </li>

                <li class="md:mr-2">
                    See <a href="/docs/about/" title="Alessandro Cappellozza">About</a> for more informations
                </li>
            </ul>
        </footer>
    </body>
</html>