Just your thoughts

Posted: Wed Oct 16, 2013 3:38 pm

Only registered users can see links on this board! Get registered or login!

build with RN 2.51

Components used:

- Only registered users can see links on this board! Get registered or login!
- Only registered users can see links on this board! Get registered or login!
- Only registered users can see links on this board! Get registered or login!

-Custom made modulemaker module.
-Custom blockmanager.

Tweaks:
HTML5
UTF-8

For the sites logic i tweaked up the Your_Account.
It acts as a member subscription.
You can pay over paypal ,paypercall, (dutch ONLY) iDeal.

Module language independent.
9 languages used, controlled over DB.
Each module have the same iD , but can hold per language a different module name and/or custom title.

Has a hierarchical multi-level menu.
Can add modules as a parent-child-sub etc etc.

Slider controller , create slide-groups and can show group by module.

This is a prototype-revamped 2.51 what seems to be build with many specs upcoming RavenCMS3 is going to offer.

I started this project before i was aware of the upcoming RavenCMS3. Blonde Moment

But ofcourse i not give up on it Smile

registered · Site Admin Joined: Jun 04, 2004 Posts: 6437

Not sure what the block manager does, but a screenshot might explain it.

By "hold per language a different module name and / or custom title" do you mean, for example, News (English), Noticias (Espanol)? Is it stored in a table or language file?

For hierarchical multi-level menu, something like Sommaire Parametrable?
And for parent - child modules, is the for the modulemaker module?

Posted: Thu Oct 17, 2013 1:07 pm

Quote:

Not sure what the block manager does, but a screenshot might explain it.

The blockmanager gives control to all blocks.
It can show blocks per module and positions are irrelevant.
On the sample site you can see that with the languages block.

Quote:

By "hold per language a different module name...

Yes , so in your mentioned scenario urls would be for english:
news.html

And for Spanish this would be:
modules.php?name=Noticias

Quote:

For hierarchical multi-level menu, something like Sommaire Parametrable?
And for parent - child modules, is the for the modulemaker module?

No , the default admin modules isn't used anymore (admin.php?op=modules)
Everything is controlled with the modulemaker.
you can create new modules "under" each other module.
This means all modules, existing ones that come with RN and new created ones.

So if you choose to have the News module as parent , you can decide to create or if exist, to have the submit_news as a child.

This is a screenshot of the 1st page of the modulemaker module:

This is a screenshot after clicked the block icon with the green arrow on it:
(you can see 2 modules,and one that is not activated)

Here is a screenshot where i choose to create a new module:
(i clicked on the block icon with the green arrow inside , so this new module will be visible under the module "Detachering_Info".)

Posted: Thu Oct 17, 2013 6:59 pm

great work, looks very nice. Never tried Twig but it looks cool. Many of the other ingredients you have used will be also used in our next version (utf8, html5, fontawesome, bootstrap3) Wink

Posted: Sat Oct 19, 2013 6:51 am

Thank you @spasticdonkey

The twig system in the way i use it is very simple.
There is also no need anymore to use the functions:

-themecenterbox
-render_blocks
-themesidebox

a full theme sample what is used for most of the modules:

Code:







<!-- Le styles -->


<link href="themes/Verso/assets/css/bootstrap.css" rel="stylesheet">


<link href="themes/Verso/assets/css/bootstrap-responsive.css" rel="stylesheet">


<link href="themes/Verso/assets/css/pricing.css" rel="stylesheet"> 





<link href="themes/Verso/assets/css/flexslider.css" rel="stylesheet">


<link href="themes/Verso/assets/css/parallax_slider/style.css" rel="stylesheet">


<noscript>


   <link rel="stylesheet" type="text/css" href="themes/Verso/css/parallax_slider/nojs.css" />


</noscript>


   <style type="text/css">








      label.valid {


        width: 24px;


        height: 24px;


        background: url(includes/bootstrap/img/valid.png) center center no-repeat;


        display: inline-block;


        text-indent: -9999px;


      }


      label.error {


         font-weight: bold;


         color: red;


         padding: 2px 8px;


         margin-top: 2px;


      }


    </style>


<link href="themes/Verso/assets/css/font-awesome.min.css" rel="stylesheet"> 


<link href="themes/Verso/assets/css/social.css" rel="stylesheet">





<link href="themes/Verso/assets/css/style.css" rel="stylesheet" id="colors"><!-- !important THIS STYLE CSS ON BOTTOM OF STYLEs LIST-->


<link href='http://fonts.googleapis.com/css?family=Patua+One' rel='stylesheet' type='text/css'>











<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->


<!--[if lt IE 9]>


      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>


    <![endif]-->


<!-- Le fav and touch icons -->


<link rel="shortcut icon" href="themes/Verso/assets/ico/favicon.ico">


<link rel="apple-touch-icon-precomposed" sizes="144x144" href="themes/Verso/assets/ico/apple-touch-icon-144-precomposed.png">


<link rel="apple-touch-icon-precomposed" sizes="114x114" href="themes/Verso/assets/ico/apple-touch-icon-114-precomposed.png">


<link rel="apple-touch-icon-precomposed" sizes="72x72" href="themes/Verso/assets/ico/apple-touch-icon-72-precomposed.png">


<link rel="apple-touch-icon-precomposed" href="themes/Verso/assets/ico/apple-touch-icon-57-precomposed.png">


</head>


<body>


<!--START MAIN-WRAPPER--> <div class="main-wrapper">


<!-- ################-->


 <!-- START TOP MENU -->


 <!-- ################-->


 


  <div class="nav-reaction">


    <div class="navbar navbar-static-top"> 


      <!-- navbar-fixed-top -->


      <div class="navbar-inner">


        <div class="container"> <a class="brand" href="index.html"> 


      <span>ComeWork</span>


      <!--<img src="assets/img/Logo.png" alt="Logo">--></a>


          <div id="main-nav">


            <div class="nav-collapse collapse">


              <ul class="nav">


           


<!-- this is nav menu content -->


{# nav content #}


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


{% block navContent %}{{ navContent|raw }}{% endblock %}


<!-- end of nav menu content -->


                


              </ul>


            </div>


          </div>


        </div>


      </div>


    </div>


  </div>


  


   <!-- ################-->


 <!-- END TOP MENU -->


 <!-- ################-->


<!-- PAGE HEADER -->





   <!-- PAGE HEADER -->


<div class="container">


  <div class="row-fluid">


    <div class="span12">


<!-- this is defaultContent column -->


{# defaultContent column content #}


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


{% block defaultContent %}{{ defaultContent|raw }}{% endblock %}


<!-- end of defaultContent column -->


    </div>


   <!-- END CONTENT SIDE -->





  </div>


  <!-- END INNER ROW-FLUID -->


</div>


<!-- END CONTENT CONTAINER-->


<!-- Footer


    ================================================== -->


<footer class="footer">


  <div class="container">





    <!-- this is footerContent column -->


{# footerContent column content #}


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


{% block footerContent %}{{ footerContent|raw }}{% endblock %}


<!-- end of footerContent column -->





    <hr class="half1 copyhr">


    <div class="row-fluid copyright">


      <div class="span12 center" id="edit-cookieconsent-settings">Copyright &copy; 2013. ComeWork.LTD</div>


    </div>


  </div>


</footer>





<!-- END: FOOTER -->


</div>


<!-- END: MAIN-WRAPPER-->


<!-- Le javascript


    ================================================== --> 


<!-- Placed at the end of the document so the pages load faster --> 








<script type="text/javascript" src="themes/Verso/assets/js/jquery.js"></script>


<script type="text/javascript" src="http://cookieconsent.com/releases/latest/cookie-consent.js"></script>


<script type="text/javascript">


   $(function(){


      var cookieconsent = $.cookieconsent({


         default_level_id: 'strictly-necessary-and-performance',


         edit_settings_element: $('#edit-cookieconsent-settings'),


         jqueryui_theme_css: 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/themes/south-street/jquery-ui.css',


         cookie_policy_url: 'modules.php?name=Cookies_Legislation',


         levels:[


            {


               id: 'strictly-necessary-and-performance',


               title: 'Strictly necessary & Performance',


               permissions: ['Remember what is in your shopping basket', 'Remember how far you are through an order'],


               callback: function(){ /* put your level code here. This is the base level and will be executed on every page load. */ }


            },


            {


               id: 'testcookies',


               title: 'testcookies',


               permissions: ['Remember what is in your shopping basket', 'Remember how far you are through an order'],


               callback: function(){ /* put your level code here. */ }


            }


         ]


      });


   });


</script>





<script type="text/javascript" src="themes/Verso/assets/js/modernizr.custom.28468.js"></script> 


<script src="themes/Verso/assets/js/bootstrap-transition.js"></script> 


<script src="themes/Verso/assets/js/bootstrap-alert.js"></script> 


<script src="themes/Verso/assets/js/bootstrap-modal.js"></script> 


<script src="themes/Verso/assets/js/bootstrap-dropdown.js"></script> 


<script src="themes/Verso/assets/js/bootstrap-scrollspy.js"></script> 


<script src="themes/Verso/assets/js/bootstrap-tab.js"></script> 


<script src="themes/Verso/assets/js/bootstrap-tooltip.js"></script> 


<script src="themes/Verso/assets/js/bootstrap-popover.js"></script> 


<script src="themes/Verso/assets/js/bootstrap-button.js"></script> 


<script src="themes/Verso/assets/js/bootstrap-collapse.js"></script> 


<script src="themes/Verso/assets/js/bootstrap-carousel.js"></script> 


<script src="themes/Verso/assets/js/bootstrap-typeahead.js"></script> 


<script src="themes/Verso/assets/js/bootstrap-affix.js"></script> 


<script src="themes/Verso/assets/js/application.js"></script> 


<script type="text/javascript" src="themes/Verso/assets/js/jquery.easing.js"></script>


<script src="themes/Verso/assets/js/jquery.prettyPhoto.js" type="text/javascript"></script> 


<script src="themes/Verso/assets/js/superfish.js" type="text/javascript"></script> 





<script src="themes/Verso/assets/js/jquery.ui.totop.js" type="text/javascript"></script>


<script src="themes/Verso/assets/js/custom.js" type="text/javascript"></script>


<!-- Validate plugin -->


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


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


<script src="themes/Verso/assets/js/jquery.flexslider-min.js" type="text/javascript"></script> 


<script type="text/javascript" src="themes/Verso/assets/js/jquery.cslider.js"></script>


<script type="text/javascript" src="https://www.mollie.nl/partners/js/1175621.js"></script>


<script src="themes/Verso/assets/js/ScrollTo/jquery.scrollTo-1.4.3.1-min.js" type="text/javascript"></script> 











               <!-- SLIDER -->


                  <script type="text/javascript">


         jQuery(document).ready(function($){


   


            $('#da-slider').cslider({


               autoplay   : true,


               bgincrement   : 50


            });





         });


      </script>   


               <!--END: SLIDER -->


            


               <!--PORTFOLIO SLIDER -->


               <script>


                 // Can also be used with jQuery(document).ready()


                 jQuery(window).load(function() {


                 jQuery('.portfolio_rotator').flexslider({


                  animation: 'slide',


                  animationLoop: false,


                  useCSS: false,


                  controlNav: false,


                  controlsContainer: '.portfolio-controls',


                  easing: 'easeInOutSine',


                  animationSpeed:'500',


                  touch: true,


                  minItems: 1,


                  maxItems: 30,


                  mousewheel:false,


                  pauseOnHover:true,


                  itemWidth:170,


                  itemMargin: 30,


                  move:1,


               


                  


                 });


               });


                 


               </script>


               


               <!--END: SLIDER -->


               


               <!--CLIENT SLIDER -->


               <script>


                 // Can also be used with jQuery(document).ready()


                 jQuery(window).load(function() {


                 jQuery('.clients_rotator_widget_wrap').flexslider({


                  animation: 'slide',


                  animationLoop: false,


                  useCSS: false,


                  controlNav: false,


                  controlsContainer: '.flex-controls-cl',


                  easing: 'easeInOutSine',


                  animationSpeed:'200',


                  touch: true,


                  minItems: 1,


                  maxItems: 30,


                  itemWidth: 170,


                  itemMargin: 30,


                  mousewheel:false,


                  pauseOnHover:true,


                  move:5,


                 });


               });


                 


               </script>


<script>


$( "#register" ).click(function() {


var url = "http://comework.eu/modules.php?name=Register";    


$(location).attr('href',url);});





$('#gotoBlockLogin').click(function() {


   //optionally remove the 500 (which is time in milliseconds) of the


   //scrolling animation to remove the animation and make it instant


   $.scrollTo($('#showBlockLogin'), 500);


});


</script>


<script>


  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){


  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),


  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)


  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');





  ga('create', 'UA-44228079-1', 'comework.eu');


  ga('send', 'pageview');





</script>               


               <!--END: SLIDER -->


</body>


</html>

Look here for example how the navigation menu is loaded:

Code:

<!-- this is nav menu content -->


{# nav content #}


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


{% block navContent %}{{ navContent|raw }}{% endblock %}


<!-- end of nav menu content -->