New website for housing corporation

[CodeALot]

Good work with a great CMS.

Is the template maybe something for our new template page?
https://template.websitebaker.org/

It would be if the design was mine, but it isn't, sorry. 

[hgs]

  Good work with a great CMS.

Is the template maybe something for our new template page?
https://template.websitebaker.org/

[crnogorac081]

Wonderfull, i like it

[CodeALot]

Hi dbs, thank you!

Yes that rather "signally" green was the explicit wish of the client.

[dbs]

Looks nice, well done. 
On startpage in the 3 .hometrio boxes, why are the a:hover so greeeen? is that what you wanted?

[CodeALot]

Van Alckmaer is the oldest housing corporation in Alkmaar, the Netherlands. They recently moved into their brand new office building and were in need of a new website as well.

This WebsiteBaker 2.12 website was built using (among many other things) no less than 14 different instances of the OneForAll module, all customized and set up differently to do what they should do.

99% of all images is handled by SLIR to crop and resize them to fit the layout they need to be shown in. Special challenge was the "triangle cut-out" in the lower right corner of many images; you can do that in CSS3 with a clip-path but... Microsoft Edge does not understand that  so I had to find a very creative way to process every image "on the fly", not only by SLIR but by adding the triangle-overlay in the right place as well.

Overall the website relies heavily on the search-engine of WB. The client did not want a big and confusing menu-system. Instead, they ask the visitor "How can we help you?" ("Waar kunnen we u mee helpen?") - The search engine of WB will search and find any information, whether it is in a WYSIWYG or OFA-section. Because every OFA-module is set up with detail pages, the visitor is presented with the actual record immediately, instead of being thrown into the list of records in an overview. A back-link will then take the visitor to the "mother-page" of the related OFA module.

• Sliding panels are handled by BXSlider
• Accordion-panels are done with plain (but restyled) JQuery-UI
• Animations (see homepage) done with WOW in combination with animate.css
• Special thanks to Ruud for his CookiePermission, MiniForm, MiniPopup, ShortURL, Google Sitemap, SectionPicker, GlobalBlocks, SocialBaker and for just being a great guy never hesitating to help.

Website can be found at https://www.vanalckmaer.nl



Google Translation: 

Van Alckmaer ist die älteste Wohnungsbaugesellschaft in Alkmaar, Niederlande. Sie sind kürzlich in ihr brandneues Bürogebäude umgezogen und brauchten auch eine neue Website.

Diese WebsiteBaker 2.12-Website wurde (unter anderem) mit nicht weniger als 14 verschiedenen Instanzen des OneForAll-Moduls erstellt, die alle angepasst und unterschiedlich eingerichtet wurden, um das zu tun, was sie tun sollten.

99% aller Bilder werden von SLIR verarbeitet, um sie zuzuschneiden und an das Layout anzupassen, in dem sie angezeigt werden sollen. Eine besondere Herausforderung war der "Dreiecksausschnitt" in der unteren rechten Ecke vieler Bilder. Sie können dies in CSS3 mit einem Clip-Pfad tun, aber ... Microsoft Edge versteht das nicht: x: x, also musste ich einen sehr kreativen Weg finden, um jedes Bild "on the fly" zu verarbeiten, nicht nur von SLIR, sondern auch von Fügen Sie das Dreieck-Overlay ebenfalls an der richtigen Stelle hinzu.

Insgesamt stützt sich die Website stark auf die Suchmaschine von WB. Der Kunde wollte kein großes und verwirrendes Menüsystem. Stattdessen fragen sie den Besucher: "Wie können wir Ihnen helfen?" ("Waar kunnen we u mee helpen?") - Die Suchmaschine von WB sucht und findet alle Informationen, egal ob in einem WYSIWYG- oder OFA-Bereich. Da jedes OFA-Modul mit Detailseiten eingerichtet ist, wird dem Besucher sofort der aktuelle Datensatz angezeigt, anstatt in die Liste der Datensätze in einer Übersicht aufgenommen zu werden. Ein Backlink führt den Besucher dann zur "Mutterseite" des zugehörigen OFA-Moduls.

Schiebetafeln werden von BXSlider gehandhabt
Akkordeon-Panels werden mit einer einfachen (aber neu gestalteten) JQuery-UI erstellt
Animationen (siehe Homepage) mit WOW in Kombination mit animate.css
Besonderer Dank geht an Ruud für seine CookiePermission, MiniForm, MiniPopup, ShortURL, Google Sitemap, SectionPicker, GlobalBlocks, SocialBaker und dafür, dass er einfach ein großartiger Kerl ist, der nie zögert zu helfen.