We recommend you look at this video presenting an overview of the Busy Noggin QuickSite and the TemplaVoila Framework. It is a little over 6 minutes long.
Please note that this video used an early version of the framework. The current version uses a new point and click interface for managing skins which is even easier than what is shown in the video. All the other features presented in the video are consistent with the current version of the QuickSite.
Find out how to switch the skin of your site here.
If you need help with TYPO3 related items, you should use the normal TYPO3 channels. This includes the documentation and mailing lists. You can find out about these at typo3.org. This is also where you will find documentation for TemplaVoila which is a TYPO3 templating extension and is used by this QuickSite.
If you have questions regarding how this QuickSite implements TemplaVoila then you can find out more at templavoila.busynoggin.com. We recommend that you subscribe to the mailing list there to be informed about updates to this QuickSite, tips on its use and other news regarding the QuickSite and its TemplaVoila framework.
Feel free to contact us with questions, but please keep in mind that we are only able to respond as our client work allows us the time to do so. Our e-mail address is templavoila@busynoggin.com. You can also send suggestions for improving this QuickSIte to that address.
Following are most, if not all, of the HTML elements you will use in your day-to-day work. They are virgin elements, in that, they have no classes or ids applied. This way you know how your base styling looks. You can use this page to check your styling as you adjust CSS.
You can also add classes to various elements to see how they perform with the classes.
This is the first paragraph. Curabitur eu libero nec nibh tempus fermentum. Praesent et tellus. Sed semper felis id nibh. Morbi luctus accumsan lectus. Nulla blandit eros. Vestibulum libero risus, rhoncus id, interdum eget, mattis non, magna. Praesent ac enim. Maecenas lacus pede, imperdiet at, ullamcorper nec, fermentum vel, ipsum. Vivamus pretium. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Mauris tincidunt, pede sed sagittis viverra, tortor turpis dapibus enim, a vehicula pede quam vel lorem.
This is second paragraph. Use this paragraph to see what the before and after margins of a paragraph look like between otehr paragraphs. Curabitur eu libero nec nibh tempus fermentum. Praesent et tellus. Sed semper felis id nibh. Morbi luctus accumsan lectus. Nulla blandit eros. Vestibulum libero risus, rhoncus id, interdum eget, mattis non, magna. Praesent ac enim. Maecenas lacus pede, imperdiet at, ullamcorper nec, fermentum vel, ipsum. Vivamus pretium. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Mauris tincidunt, pede sed sagittis viverra, tortor turpis dapibus enim, a vehicula pede quam vel lorem.
This is third paragraph. Curabitur eu libero nec nibh tempus fermentum. Praesent et tellus. Sed semper felis id nibh. Morbi luctus accumsan lectus. Nulla blandit eros. Vestibulum libero risus, rhoncus id, interdum eget, mattis non, magna. Praesent ac enim. Maecenas lacus pede, imperdiet at, ullamcorper nec, fermentum vel, ipsum. Vivamus pretium. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Mauris tincidunt, pede sed sagittis viverra, tortor turpis dapibus enim, a vehicula pede quam vel lorem.
This is quoted text
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam nec erat. Pellentesque at est. Vivamus vitae massa. Donec enim ligula, suscipit vel, aliquet et, fringilla ac, pede. Sed lacinia purus at enim. Curabitur a purus facilisis massa mollis tempus. Maecenas arcu velit, iaculis luctus, facilisis at, tristique a, purus. Donec lorem turpis, aliquet at, dictum ut, blandit nec, tortor. Nam convallis. Donec imperdiet tempor erat. Quisque ultricies lorem eu nunc.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam nec erat. Pellentesque at est. Vivamus vitae massa. Donec enim ligula, suscipit vel, aliquet et, fringilla ac, pede. Sed lacinia purus at enim. Curabitur a purus facilisis massa mollis tempus. Maecenas arcu velit, iaculis luctus, facilisis at, tristique a, purus. Donec lorem turpis, aliquet at, dictum ut, blandit nec, tortor. Nam convallis. Donec imperdiet tempor erat. Quisque ultricies lorem eu nunc.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam nec erat. Pellentesque at est. Vivamus vitae massa. Donec enim ligula, suscipit vel, aliquet et, fringilla ac, pede. Sed lacinia purus at enim. Curabitur a purus facilisis massa mollis tempus. Maecenas arcu velit, iaculis luctus, facilisis at, tristique a, purus. Donec lorem turpis, aliquet at, dictum ut, blandit nec, tortor. Nam convallis. Donec imperdiet tempor erat. Quisque ultricies lorem eu nunc.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam nec erat. Pellentesque at est. Vivamus vitae massa. Donec enim ligula, suscipit vel, aliquet et, fringilla ac, pede. Sed lacinia purus at enim. Curabitur a purus facilisis massa mollis tempus. Maecenas arcu velit, iaculis luctus, facilisis at, tristique a, purus. Donec lorem turpis, aliquet at, dictum ut, blandit nec, tortor. Nam convallis. Donec imperdiet tempor erat. Quisque ultricies lorem eu nunc.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam nec erat. Pellentesque at est. Vivamus vitae massa. Donec enim ligula, suscipit vel, aliquet et, fringilla ac, pede. Sed lacinia purus at enim. Curabitur a purus facilisis massa mollis tempus. Maecenas arcu velit, iaculis luctus, facilisis at, tristique a, purus. Donec lorem turpis, aliquet at, dictum ut, blandit nec, tortor. Nam convallis. Donec imperdiet tempor erat. Quisque ultricies lorem eu nunc.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam nec erat. Pellentesque at est. Vivamus vitae massa. Donec enim ligula, suscipit vel, aliquet et, fringilla ac, pede. Sed lacinia purus at enim. Curabitur a purus facilisis massa mollis tempus. Maecenas arcu velit, iaculis luctus, facilisis at, tristique a, purus. Donec lorem turpis, aliquet at, dictum ut, blandit nec, tortor. Nam convallis. Donec imperdiet tempor erat. Quisque ultricies lorem eu nunc.
Curabitur eu libero nec nibh tempus fermentum. Praesent et tellus. Sed semper felis id nibh. Morbi luctus accumsan lectus. Nulla blandit eros. Vestibulum libero risus, rhoncus id, interdum eget, mattis non, magna. Praesent ac enim. Maecenas lacus pede, imperdiet at, ullamcorper nec, fermentum vel, ipsum. Vivamus pretium. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Mauris tincidunt, pede sed sagittis viverra, tortor turpis dapibus enim, a vehicula pede quam vel lorem.
Level 1. Curabitur eu libero nec nibh tempus fermentum. Praesent et tellus. Sed semper felis id nibh. Morbi luctus accumsan lectus. Nulla blandit eros. Vestibulum libero risus, rhoncus id, interdum eget, mattis non, magna. Praesent ac enim. tortor turpis dapibus enim, a vehicula pede quam vel lorem.Level 2. Curabitur eu libero nec nibh tempus fermentum. Praesent et tellus. Sed semper felis id nibh. Morbi luctus accumsan lectus. Nulla blandit eros. Vestibulum libero risus, rhoncus id, interdum eget, mattis non, magna. Praesent ac enim. tortor turpis dapibus enim, a vehicula pede quam vel lorem.Level 3. Curabitur eu libero nec nibh tempus fermentum. Praesent et tellus. Sed semper felis id nibh. Morbi luctus accumsan lectus. Nulla blandit eros. Vestibulum libero risus, rhoncus id, interdum eget, mattis non, magna. Praesent ac enim. tortor turpis dapibus enim, a vehicula pede quam vel lorem.
This is preformatted text with a return placed here New line begins here New line with tab here New line with multiple sapces here spaces end
<div>
<h1>This my code for a headline</h1>
<p>This is my code for a paragraph</p>
</div>
This is how the same computer code as above
will look when surrounded by the pre tag
<div>
<h1>This my code for a headline</h1>
<p>This is my code for a paragraph</p>
</div>
| r1c1 | r1c2 | r1c3 | r1c4 |
| r2c1 | r2c2 | r2c3 | r2c4 |
| r3c1 | r3c2 | r3c3 | r3c4 |
| Column Group A | ||||
|---|---|---|---|---|
| Column 1 | Group A1 | Group A2 | Group A3 | |
| Column 1 | Group A1 | Group A2 | Group A3 | |
| Column Group A | ||||
| Description Row 1 | r1c2 | r1c3 | r1c4 | r1c5 |
| Description Row 2 | r2c2 | r2c3 | r2c4 | r2c5 |
| Description Row 2 | r3c1 | r3c3 | r3c4 | r3c5 |
A lot of blood, sweat and tears has gone into this QuickSite and its supporting documentation. Its templating approach has made it easier and quicker for us to develop sites and this is a competitive advantage for us.
So, why give it away?
Well, first of all, we do not see other TYPO3 developers as competitors so we do not mind helping them. In fact, the more companies developing in TYPO3 the better for it will mean more business for all of us.
Second, we have benefited greatly from others that have shared their code and expertise with us and we believe it is our responsibility to do the same. Sharing is at the heart of open source software in general and TYPO3 in particular. In fact, the motto of TYPO3 is "inspiring people to share."
Third, as we share our expertise, folks can see that we are competent and will consider us for projects or refer us to others.
As you can see, our motivation is generousity mixed with duty and sprinkled with a dash of self-interest.
