What is this?

This page is primarily intended to show you some of blaze`s features and to give you the possibility to see what blaze's backend looks like.

Visit the backend

Username: 'demo', password: 'demo'

How was it made?

Take a look at the sourcecode, if you like. Note how easy it is to handle assets and what blaze compiles when rendering. Also see what changes when you alter the settings.

Show me the sources

Keep in mind, that the compiled sourcecode will look different.

You like this design?

It is a free one, released under the Creative Commons Attribution 3.0 license (templated.co/license)

You can find it at templated.co

Show me the template

Did we mention

that the whole setup of this website took less than 30 Minutes? Including finding and downloading the template (3 minutes), uploading everything (about 5 minutes), installing blaze (thirty seconds) and adapting the scripts to use blaze and blaze's asset handler... blazing fast, isn't it?

                
                    <?php
                        // Let's add some assets - CSS, JavaScript, CoffeeScript, LESS or SCSS
                        // Compiling will be handled automatically
                        $blaze->assets->add(array(
                            'assets/css/skel.css',
                            'assets/css/style.css',
                            'assets/less/demo.less',
                            'assets/css/jquery.modal.css',
                            'assets/css/jquery.snippet.min.css',
                            'assets/js/jquery.min.js',
                            'assets/js/jquery.dropotron.min.js',
                            'assets/js/jquery.countdown.min.js',
                            'assets/js/jquery.modal.min.js',
                            'assets/js/jquery.snippet.min.js',
                            'assets/js/moment.js',
                            'assets/js/skel.min.js',
                            'assets/js/skel-layers.min.js',
                            'assets/js/init.js',
                            'assets/coffeescript/demo.coffee',
                        ));
                        // 'html5' is assumed as doctype, but we could provide others
                        $blaze->output->printDoctype();
                    ?>
                    <html>
                        <head>
                            <?php
                                $blaze->output->printTitle('blaze demo');
                                // UTF-8 is assumed
                                $blaze->output->printCharset();
                                // This will output all CSS/LESS/SCSS assets, compiled if needed and concatenated if debug mode is disabled
                                $blaze->assets->insertCSSHere();
                            ?>
                            <!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]-->
                        </head>
                        <body class="homepage">
                            <div class="wrapper style1">
                                <div id="header">
                                    <div class="container">
                                        <h1><a href="#" id="logo">This is a demo site</a></h1>
                                        <nav id="nav">
                                            <ul>
                                                <li class="active"><a href="index.php">Home</a></li>
                                                <li><a href="demopage.php">Some other page</a></li>
                                                <li><a href="somepagethatdoesntexist.php">Non existing page</a></li>
                                            </ul>
                                        </nav>
                                    </div>
                                </div>
                                <div id="banner">
                                    <section class="container">
                                        <h2>Welcome to blaze's demo</h2><br/><br/>
                                        <p>Debug mode is currently <?=$blaze->settings->get('main.debug')?'enabled':'disabled'?>.<br/>
                                        Public access is currently <?=$blaze->settings->get('main.publicaccess')?'enabled':'disabled'?>.<br/>
                                        <?php
                                            // This is to calculate the next reset
                                            $secondsleft = 60-(date('s', time())) + 60*(14-(date('i', time()) % 15));
                                            $timestring = date('i:s', $secondsleft); 
                                        ?>
                                        Next demo reset in <span class="time" data-secondsleft="<?=$secondsleft?>"><?=$timestring?></span>.</p>
                                    </section>
                                </div>
                            </div>
                            <div class="wrapper style2">
                                <section class="container">
                                    <div class="row double">
                                        <div class="6u">
                                            <h3>What is this?</h3>
                                            <p>This page is primarily intended to show you some of blaze`s features and to give you the possibility to see what blaze's backend looks like.</p>
                                            <a href="/blaze" class="button">Visit the backend</a>
                                            <hr/>
                                            <p>Username: 'demo', password: 'demo'</p>
                                        </div>
                                        <div class="6u">
                                            <h3>How was it made?</h3>
                                            <p>Take a look at the sourcecode, if you like. Note how easy it is to handle assets and what blaze compiles when rendering. Also see what changes when you alter the settings.</p>
                                            <a href="#sourcecode" rel="modal:open" class="button">Show me the sources</a>
                                            <hr/>
                                            <p>Keep in mind, that the compiled sourcecode will look different.</p>
                                        </div>
                                    </div>
                                </section>
                            </div>
                            <div class="wrapper style3">
                                <section class="container">
                                    <header class="major">
                                        <h2>You like this design?</h2>
                                    </header>
                                    <p>It is a free one, released under the Creative Commons Attribution 3.0 license (templated.co/license)</p>
                                    <p>You can find it at templated.co</p>
                                    <a href="http://templated.co/solarize" class="button alt" target="_blank">Show me the template</a>
                                </section>
                            </div>
                            <div class="wrapper style2">
                                <section class="container">
                                    <header class="major">
                                        <h2>Did we mention</h2>
                                    </header>
                                    <p>that the whole setup of this website took less than 30 Minutes? Including finding and downloading the template (3 minutes), uploading everything (about 5 minutes), installing blaze (thirty seconds) and adapting the scripts to use blaze and blaze's asset handler... blazing fast, isn't it?</p>
                                </section>
                            </div>
                            <div id="footer">
                                <section class="container">
                                    <header class="major">
                                        <h2>Buy blaze</h2>
                                        <span class="byline">You like blaze? Support us by buying it over at</span>
                                    </header>
                                    <a href="http://codecanyon.net/item/blaze-php-framework-for-small-to-medium-websites/10340761" target="_blank"><img src="/assets/images/codecanyon-dark-background.png" /></a>
                                    <hr />
                                </section>
                                
                                    <div id="copyright">
                                        Design: <a href="http://templated.co">TEMPLATED</a> Images: <a href="http://unsplash.com">Unsplash</a> (<a href="http://unsplash.com/cc0">CC0</a>)
                                    </div>            
                            </div>
                            <?php
                                // This is just for the sourcecode output.
                                $sourcecode = file_get_contents(__FILE__);
                                $sourcecode = str_replace('<', '<', $sourcecode);
                                $sourcecode = str_replace("\t", '    ', $sourcecode);
                            ?>
                            <div id="sourcecode">
                                    <pre class="phpCode"><code>
                                        <?php echo $sourcecode; ?>
                                    </code></pre>
                            </div>
                            <?php 
                                // This will output all JS/Coffeescript assets, compiled if needed and concatenated if debug mode is disabled
                                $blaze->assets->insertJSHere(); 
                            ?>        
                            <script type="text/javascript">var _paq=_paq||[];_paq.push(["trackPageView"]),_paq.push(["enableLinkTracking"]),function(){var e="//webstat.moay.de/";_paq.push(["setTrackerUrl",e+"piwik.php"]),_paq.push(["setSiteId",4]);var a=document,t=a.createElement("script"),p=a.getElementsByTagName("script")[0];t.type="text/javascript",t.async=!0,t.defer=!0,t.src=e+"piwik.js",p.parentNode.insertBefore(t,p)}();</script><noscript><p><img src="//webstat.moay.de/piwik.php?idsite=4" style="border:0;" alt="" /></p></noscript>
                        </body>
                    </html>
                    <?php
                        // We need to allow framing to enable live preview for codecanyon.
                        // Framing is forbidden by default in order to prevent clickjacking.
                        $blaze->output->allowFraming();
                    ?>