Succesfull useage of TWIG template engine in RN

Posted: Sun Aug 18, 2013 10:27 am

I just wanted to let you know i figured out how to use the Only registered users can see links on this board! Get registered or login! template engine to replace your default themes/yourtheme/theme.php.

A simple default theme's code totally based on Only registered users can see links on this board! Get registered or login! would look something like:

Code:

<!DOCTYPE html>


<html lang="en">


<head>


<meta charset="utf-8">


<meta name="viewport" content="width=device-width, initial-scale=1.0">


<!-- we define the meta description block -->


<!-- we define the meta keywords block -->


<!-- we define our title block -->


<title>{% block title %} {% endblock %}</title>


<link href="includes/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">


    <style type="text/css">


      body {


        padding-top: 60px;


        padding-bottom: 40px;


      }


      .sidebar-nav {


        padding: 9px 0;


      }





      @media (max-width: 980px) {


        /* Enable use of floated navbar text */


        .navbar-text.pull-right {


          float: none;


          padding-left: 5px;


          padding-right: 5px;


        }


      }


    </style>


<link href="includes/bootstrap/css/bootstrap-responsive.css" rel="stylesheet">


</head>


<body>


<!-- top section -->


    <div class="navbar navbar-inverse navbar-fixed-top">


      <div class="navbar-inner">


        <div class="container-fluid">


          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">


            <span class="icon-bar"></span>


            <span class="icon-bar"></span>


            <span class="icon-bar"></span>


          </button>


          <a class="brand" href="#">Project name</a>


          <div class="nav-collapse collapse">


            <p class="navbar-text pull-right">


              Logged in as <a href="#" class="navbar-link">Username</a>


            </p>


            <ul class="nav">


              <li class="active"><a href="#">Home</a></li>


              <li><a href="#about">About</a></li>


              <li><a href="#contact">Contact</a></li>


            </ul>


          </div><!--/.nav-collapse -->


        </div>


      </div>


    </div>


{# header content #}


<!-- end of top section -->


    <div class="container-fluid">


      <div class="row-fluid">


        <div class="span3">


          <div class="well sidebar-nav">


<!-- this is right column content -->


{# right column content #}


<!-- we define our right column content block -->


{% block rightContent %}{% endblock %}


<!-- end of right column content -->


          </div><!--/.well -->


        </div><!--/span-->


        <div class="span9">





          <div class="hero-unit">


<!-- this is main content column -->


{# main column content #}


<!-- we define our content block -->


{% block defaultContent %}{% endblock %}


<!-- end of main content column -->


          </div>





        </div><!--/span-->


      </div><!--/row-->





      <hr>





      <footer>


<!-- footer section -->


{# footer content #}


<!-- we define our footer content block -->


{% block footerContent %}{{ footerContent|striptags|title }}{% endblock %}


<!-- end of footer section -->      </footer>





    </div><!--/.fluid-container-->








<script src="http://code.jquery.com/jquery.js"></script>


<script src="includes/bootstrap/js/bootstrap.min.js"></script>


</body>


</html>

I just wanted to share this to show you it is possible and it isn't needed to do a major code change.