PageSourceSearch

https://builtoncement.com/index.html

html builtoncement.com collected 2026-10-03 22:21:13 UTC 22,098 bytes, 422 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3
4<head>
5    <meta charset="utf-8">
6    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
7    <meta name="description" content="The most advanced, and feature-full CLI framework for Python development.">
8    <meta name="keywords" content="CLI, Framework, Python, Command-line, Command Line Interface">
9    <meta name="author" content="Data Folk Labs, LLC">
10
11    <!--favicon icon-->
12    <link rel="icon" type="image/png" href="assets/img/favicon.png">
13
14    <title>Cement - CLI Application Framework for Python</title>
15
16    <!--common style-->
17    <link href='http://fonts.googleapis.com/css?family=Abel|Source+Sans+Pro:400,300,300italic,400italic,600,600italic,700,700italic,900,900italic,200italic,200' rel='stylesheet' type='text/css'>
18
19    <!-- inject:css -->
20    <link rel="stylesheet" href="assets/vendor/bootstrap/css/bootstrap.min.css">
21    <link rel="stylesheet" href="assets/vendor/animate/animate.css">
22    <link rel="stylesheet" href="assets/vendor/elastic-slider/elastic.css">
23    <link rel="stylesheet" href="assets/vendor/iconmoon/linea-icon.css">
24    <link rel="stylesheet" href="assets/vendor/magnific-popup/magnific-popup.css">
25    <link rel="stylesheet" href="assets/vendor/owl-carousel/owl.carousel.css">
26    <link rel="stylesheet" href="assets/vendor/owl-carousel/owl.theme.css">
27    <link rel="stylesheet" href="assets/vendor/font-awesome/css/font-awesome.min.css">
28    <link rel="stylesheet" href="assets/css/shortcodes.css">
29    <link rel="stylesheet" href="assets/css/style.css">
30    <link rel="stylesheet" href="assets/css/default-theme.css">
31    <!-- endinject -->
32
33    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
34    <!--[if lt IE 9]>
35    
35<script src="assets/vendor/backward/html5shiv.js"></script>
35
36    
36<script src="assets/vendor/backward/respond.min.js"></script>
36
37    <![endif]-->
38
39</head>
40
41<body>
42
43    <!--  preloader start -->
44    <div id="tb-preloader">
45        <div class="tb-preloader-wave"></div>
46    </div>
47    <!-- preloader end -->
48
49
50    <div class="wrapper">
51
52        <!--header start-->
53        <header class="l-header l-header_overlay">
54
55            <div id='navbar' class="l-navbar l-navbar_expand l-navbar_t-light js-navbar-sticky">
56                <div class="container-fluid">
57                    <nav class="menuzord js-primary-navigation" role="navigation" aria-label="Primary Navigation">
58
59                        <!--logo start-->
60                        <a id='nav-logo' href="index.html" class="logo-brand">
61                            <img class="retina" src="assets/img/logo.png" alt="Cement Framework" width="170px">
62                        </a>
63                        <!--logo end-->
64
65                        <!--mega menu start-->
66                        <ul class="menuzord-menu menuzord-right c-nav_s-standard">
67                            <li><a href="https://docs.builtoncement.com" target="_blank">Developer Guide</a></li>
68                            <li><a href="https://cement.readthedocs.io/en/3.0" target="_blank">API Reference</a></li>
69                            <li><a href="#">Resources</a>
70                                <ul class="dropdown">
71                                    <li style="padding: 10px;"><b>Installation</b></li>
72                                    <hr>
73                                    <li><a href="https://pypi.org/project/cement/" target="_blank">PyPi Packages</a>
74                                    <li><a href="https://hub.docker.com/r/datafolklabs/cement/" target="_blank">Docker Images</a>
75                                    <li><a href="https://github.com/datafolklabs/cement/" target="_blank">Source Code</a>
76                                    <hr>
77                                    <li style="padding: 10px;"><b>Getting Help</b></li>
78                                    <hr>
79                                    <li><a href="https://join.slack.com/t/cementframework/shared_invite/zt-2q9sz2waf-QV5NUDYuXiHCY7CkNkB_5g" target="_blank">Slack Channel</a>
80                                    <li><a href="https://github.com/datafolklabs/cement/issues/" target="_blank">Issue Tracker</a>
81                                    <hr>
82                                    <li style="padding: 10px;"><b>Continuous Integration Testing</b></li>
83                                    <hr>
84                                    <li><a href="https://app.travis-ci.com/github/datafolklabs/cement" target="_blank">Travis CI</a>
85                                    <hr>
86                                    <li style="padding: 10px;"><b>Recommendations</b></li>
87                                    <hr>
88                                    <li><a href="https://awesome-python.com/" target="_blank">Awesome Python</a>
89                                    <li><a href="https://pycoders.com/" target="_blank">Pycoders Weekly</a>
90                                    <li><a href="https://pythonbytes.fm/" target="_blank">Python Bytes Podcast</a>
91                                    <hr>
92
93                                </ul>
94                            </li>
95                        </ul>
96                        <!--mega menu end-->
97
98                    </nav>
99                </div>
100            </div>
101
102        </header>
103        <!--header end-->
104
105        <!--hero section-->
106        <div id="fullscreen-banner" class="full-banner vertical-align banner-app">
107            <div class="container-mid">
108                <div class="container">
109                    <div class="row">
110                        <div class="col-md-12">
111                            <div class="banner-title">
112                                <h1 class="text-uppercase light-txt m-bot-10 inline-block">cement <span style="color: #D5B066;">3.0</span></h1>
113
114                                <h3 class="text-uppercase light-txt m-bot-30 inline-block">cli application framework for python</h3>
115
116                                <div class="m-top-100 inline-block">
117                                    <a href="https://docs.builtoncement.com" class="btn btn-medium btn-theme-border-color wow fadeInLeft" target="_blank"> Get Started <i class="fa fa-code"></i></a>
118                                    <a href="https://github.com/datafolklabs/cement" class="btn btn-medium btn-theme-border-color wow fadeInRight" target="_blank"> Github <i class="fa fa-github"></i></a>
119                                </div>
120                            </div>
121                        </div>
122
123                    </div>
124                </div>
125            </div>
126            <!--
127            <div class="app-device">
128                <img class="wow fadeInUp" src="assets/img/app/banner_device.png" alt="" />
129            </div>
130        -->
131        </div>
132        <!--hero section-->
133
134        <!--body content start-->
135        <section class="body-content">
136
137            <!--feature-->
138            <div class="page-content">
139                <div class="container">
140                    <div class="row">
141                        <!--feature border box start-->
142                        <div class="feature-box-grid">
143
144                            <div class="heading-title text-center">
145                                <h3 class="text-uppercase">A versatile foundation for command-line driven python development </h3>
146                                <p class="half-txt p-top-30">From single-file scripts to multi-tier applications, Cement offers the simplicity of a micro-framework, with the capabilities of a mega-framework.</p>
147                            </div>
148
149                            <div class="col-md-4">
150                                <div class="featured-item border-box text-center">
151                                    <div class="icon">
152                                        <i class="icon-adjustments"></i>
153                                    </div>
154                                    <div class="title text-uppercase">
155                                        <h4>Flexible</h4>
156                                    </div>
157                                    <div class="desc">
158                                        The framework is customizable by a robust interface/handler system, and includes a feature-rich extension library.
159                                    </div>
160                                </div>
161                            </div>
162                            <div class="col-md-4">
163                                <div class="featured-item border-box text-center">
164                                    <div class="icon">
165                                        <i class=" icon-hotairballoon"></i>
166                                    </div>
167                                    <div class="title text-uppercase">
168                                        <h4>Lightweight</h4>
169                                    </div>
170                                    <div class="desc">
171                                        The core library does not rely on any external dependencies (optional extensions may have required dependencies).
172                                    </div>
173                                </div>
174                            </div>
175                            <div class="col-md-4">
176                                <div class="featured-item border-box text-center">
177                                    <div class="icon">
178                                        <i class=" icon-lock"></i>
179                                    </div>
180                                    <div class="title text-uppercase">
181                                        <h4>reliable</h4>
182                                    </div>
183                                    <div class="desc">
184                                        Strict guidelines require every release to meet 100% unit test coverage, and PEP8 style guide compliance.
185                                    </div>
186                                </div>
187                            </div>
188                        </div>
189                        <!--feature border box end-->
190                    </div>
191                </div>
192            </div>
193            <!--feature-->
194            <hr/>
195
196
197            <!--feature-->
198            <div class="page-content gray-bg relative p-bot-0">
199                <div class="container">
200                    <div class="row">
201                        <div class="col-md-6">
202                            <div class="responsive-img">
203                                <img src="assets/img/Cement-API-RTD.png" alt="" width="100%"/>
204                            </div>
205                        </div>
206                        <br>
207                        <div class="col-md-6 ">
208                            <div class="heading-title">
209                                <h3 class="text-uppercase">
210                                    Extensive Documentation
211                                </h3>
212                                <br><br>
213                                <div class="featured-item feature-outline">
214                                    <div class="icon">
215                                        <i class=" icon-book"></i>
216                                    </div>
217                                    <div class="title text-uppercase">
218                                        <h4>Developer Guide</h4>
219                                    </div>
220                                    <div class="desc">
221                                        The <a href="https://docs.builtoncement.com" target="_blank">Developer Guide</a> provides practical, real-world examples and instruction on using the framework without the noise and complexity of the complete library reference.
222                                    </div>
223                                </div>
224                                <br>
225                                <div class="featured-item feature-outline ">
226                                    <div class="icon ">
227                                        <i class=" icon-document"></i>
228                                    </div>
229                                    <div class="title text-uppercase">
230                                        <h4>API Reference</h4>
231                                    </div>
232                                    <div class="desc">
233                                        The <a href="https://cement.readthedocs.io/en/3.0/" target="_blank">API Reference</a> provides a searchable reference guide of every detail of the framework's interfaces, handlers, and extensions.
234                                    </div>
235                                </div>
236                            </div>
237
238                        </div>
239
240                    </div>
241                </div>
242            </div>
243            <!--feature-->
244
245            <!--feature-->
246            <div class="page-content ">
247                <div class="container">
248                    <div class="row">
249                        <div class="col-md-6 ">
250                            <div class="heading-title-alt inline-block">
251                                <h3 class="text-uppercase">
252                                    20 minute beginner tutorial
253                                </h3>
254                            </div>
255                            <div class="">
256                                <p>Quickstart your introduction to Cement with a <a href="https://docs.builtoncement.com/getting-started/beginner-tutorial" target="_blank">
256beginner tutorial</a> on building a command-line based task management application.</p>
257
258                                <ul class="m-bot-30 circle-list">
259                                    <li>
260                                        Learn how to generate new projects with the Cement Developer Tools
261                                    </li>
262                                    <li>
263                                        Integrate a persistent storage database backend
264                                    </li>
265                                    <li>
266                                        Implement a CRUD-like controller to manage todo items
267                                    </li>
268                                </ul>
269                            </div>
270                        </div>
271                        <div class="col-md-6">
272                            <div class="embed-responsive- vdo-wrap- embed-responsive embed-responsive-16by9">
273                                <!-- <iframe class="embed-responsive-item" src="assets/video/beginner-tutorial.mp4" allowfullscreen></iframe> -->
274                                <!-- <video controls>
275                                    <source src="assets/video/beginner-tutorial.mp4" type="video/mp4">
276                                </video> -->
277                                <a href="assets/video/beginner-tutorial.mp4" target="_blank"><img src="assets/img/beginner-tutorial.png" width="100%"></a>
278                            </div>
279                        </div>
280                    </div>
281                </div>
282            </div>
283            <!--feature-->
284
285            <hr>
286
287            <!--clients-->
288            <div class="page-content">
289                <div class="container">
290                    <div class="row">
291                        <div class="col-md-12">
292                            <div class="heading-title text-center ">
293                                <h3 class="text-uppercase text-center">Proudly Sponsored By </h3>
294                            </div>
295                            <ul class="clients plus-box grid-2 ">
296                                <li>
297                                    <a href="https://datafolklabs.com" target="_blank">
298                                        <img src="assets/img/datafolklabs.png" alt="Clients" width="50%" style="opacity: 0.75; filter: alpha(opacity=75);">
299                                    </a>
300                                </li>
301                                <li>
302                                    <a href="https://www.trueability.com" target="_blank">
303                                        <img src="assets/img/trueability.png" alt="Clients" width="50%" style="opacity: 0.75; filter: alpha(opacity=75);">
304                                    </a>
305                                </li>
306                            </ul>
307                        </div>
308                    </div>
309                </div>
310            </div>
311            <!--clients-->
312
313            <!--subscribe-->
314            <div class="subscribe-box gray-bg  page-content text-center">
315                <div class="container">
316                    <div class="row">
317                        <div class="col-md-8 col-md-offset-2">
318                            <div class="subscribe-info">
319                                <h3 class="theme-color ">subscribe to our mailing list</h3>
320                                <span class=" ">Receive low volume, low noise email updates about new releases, upcoming features, and other news. </span>
321                            </div>
322                            <div class="subscribe-form">
323                                <!-- Begin MailChimp Signup Form -->
324                                <!-- <link href="http://cdn-images.mailchimp.com/embedcode/slim-081711.css" rel="stylesheet" type="text/css"><br> -->
325
326                                <form action="https://datafolklabs.us7.list-manage.com/subscribe/post?u=444ce23fdf1c30e830f893b57&amp;id=7be3a6a31e" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="form-inline validate" target="_blank" novalidate="">
327                                    <input type="email" name="EMAIL" class="form-control email" placeholder="Enter your email address" required>
328                                    <button type="submit" class="btn btn-medium btn-dark-solid text-uppercase">
329                                        subscribe
330                                    </button>
331                                </form>
332                            </div>
333                        </div>
334                    </div>
335                </div>
336            </div>
337            <!--subscribe-->
338
339
340        </section>
341        <!--body content end-->
342
343        <!--footer start -->
344        <footer id="footer" class="dark text-center short-pad footer-6">
345            <div class="container-">
346                <div class="social-link circle m-bot-50">
347                    <a href="https://github.com/datafolklabs/cement" target="_blank"><i class="fa fa-github"></i></a>
348                    <a href="mailto:[email protected]"><i class="fa fa-envelope"></i></a>
349                </div>
350                <div class="copyright-sub-title text-uppercase border-top">
351                    &copy; Copyright 2018 <a href="https://datafolklabs.com" target="_blank">Data Folk Labs, LLC</a>. All right reserved.
352                </div>
353            </div>
354        </footer>
355        <!--footer end-->
356
357    </div>
358
359
360    <!-- inject:js -->
361    
361<script src="assets/vendor/modernizr/modernizr.js"></script>
361
362    
362<script src="assets/vendor/jquery/jquery-1.10.2.min.js"></script>
362
363    
363<script src="assets/vendor/bootstrap/js/bootstrap.min.js"></script>
363
364    
364<script src="assets/vendor/bootstrap-validator/validator.min.js"></script>
364
365    
365<script src="assets/vendor/count-to/jquery.countTo.js"></script>
365
366    
366<script src="assets/vendor/breakpoint/breakpoint.js"></script>
366
367    
367<script src="assets/vendor/countdown/jquery.countdown.js"></script>
367
368    
368<script src="assets/vendor/easing/jquery.easing.1.3.js"></script>
368
369    
369<script src="assets/vendor/easy-pie-chart/jquery.easypiechart.min.js"></script>
369
370    
370<script src="assets/vendor/elasic-slider/jquery.eislideshow.js"></script>
370
371    
371<script src="assets/vendor/flex-slider/jquery.flexslider-min.js"></script>
371
372    
372<script src="assets/vendor/gmap/jquery.gmap.min.js"></script>
372
373    
373<script src="assets/vendor/images-loaded/imagesloaded.js"></script>
373
374    
374<script src="assets/vendor/isotope/jquery.isotope.js"></script>
374
375    
375<script src="assets/vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
375
376    
376<script src="assets/vendor/mailchimp/jquery.ajaxchimp.min.js"></script>
376
377    
377<script src="assets/vendor/menuzord/menuzord.js"></script>
377
378    
378<script src="assets/vendor/nav/jquery.nav.js"></script>
378
379    
379<script src="assets/vendor/owl-carousel/owl.carousel.min.js"></script>
379
380    
380<script src="assets/vendor/parallax-js/parallax.min.js"></script>
380
381    
381<script src="assets/vendor/smooth/smooth.js"></script>
381
382    
382<script src="assets/vendor/sticky/jquery.sticky.min.js"></script>
382
383    
383<script src="assets/vendor/touchspin/touchspin.js"></script>
383
384    
384<script src="assets/vendor/typist/typist.js"></script>
384
385    
385<script src="assets/vendor/visible/visible.js"></script>
385
386    
386<script src="assets/vendor/wow/wow.min.js"></script>
386
387    
387<script src="assets/js/scripts.js"></script>
387
388    <!-- endinject -->
389
390    <!-- 
390<script>
391        $(document).ready(function(){
392            $(window).scroll(function(){
393                var element = document.getElementById("navbar");
394  	            var scroll = $(window).scrollTop();
395            	if (scroll > 0) {
396                    element.classList.add("l-navbar_t-light-trans");
397                    element.classList.remove("l-navbar_t-dark-trans");
398            	} else{
399                    element.classList.remove("l-navbar_t-light-trans");
400                    element.classList.add("l-navbar_t-dark-trans");
401            	}
402            })
403        })
404    </script>
404 -->
405
406    
406<script type="text/javascript">
407        var _gauges = _gauges || [];
408        (function() {
409            var t   = document.createElement('script');
410            t.type  = 'text/javascript';
411            t.async = true;
412            t.id    = 'gauges-tracker';
413            t.setAttribute('data-site-id', '54515903e32bb45c5a0003a6');
414            t.setAttribute('data-track-path', 'https://track.gaug.es/track.gif');
415            t.src = 'https://d2fuc4clr7gvcn.cloudfront.net/track.js';
416            var s = document.getElementsByTagName('script')[0];
417            s.parentNode.insertBefore(t, s);
418        })();
419    </script>
419
420</body>
421
422</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.