Zen Shortcode Icons

The Zen Shortcode plugin is an updated version of our original JB Type plugin. Zen Shortcode has been specifically designed for use with the Zen Grid Framework v4. If you are using a template that is not compatible with Zen Grid Framework v4 please use the JB Type plugin in order to render functionality similar to the examples below.

The Zen Shortcode plugin is an updated version of our original JB Type plugin. Zen Shortcode has been specifically designed for use with the Zen Grid Framework v4. If you are using a template that is not compatible with Zen Grid Framework v4 please use the JB Type plugin in order to render functionality similar to the examples below.

Rendering buttons

The Zen Shortcode plugin is able to render buttons using the default .btn style built into the template. In order to render a button with a link attached simply add your link text followed by the pipe symbol - | - and the link you wish to attach to the button.

Rendering code blocks

Zen Shortcode also makes it possible to render blocks of code with titles such as the example below. This can be helpful for developers who wish to display code, markup etc for their users. The syntax used is as follows:

codeThis is a block of code.

[zen-pre]code|This is a block of code[/zen-pre]

Once again the curly brackets required for rendering the display has been replaced with square brackets in order to be able to display the markup here.

Using custom syntax

A new addition to the Zen Shortcode plugin is the ability to specify custom syntax for your content. This means that in addition to using the built in syntax to display the icons listed below it is possible to use your own custom syntax to render new markup and displays.

To add your own syntax you enter the new names for your classes in the plugin settings in your sites Joomla extension manager. To navigate to these settings navigate to extensions > plugin manager and filter the results to display the Zen Shortcode settings. Once you have entered the edit panel click on the options menu tab. This will display the options available for the plugin.

Custom icons

To add your own custom syntax add the names of the items (separated by a comma) that you wish to use in your content eg happy, snail, belfast. Then click save.

Now when you use the syntax {zen-happy}My happy text{/zen-happy} the syntax will be rendered as per the following.

html<span class="zen-icon zen-happy">My happy text</span>

The template will not render any specific styling for this new custom syntax but it makes it possible for you to add your own styling via a custom.css file to take advantage of this new syntax.

Custom markup

In addition to adding specific custom icon syntax you can also add your own custom markup syntax. Adding new names to the custom syntax block will allow you render markup as per follows:

Rendering Font icons

The zen shortcode plugin also makes it possible to render the fonts found in the Font Awesome v4.2 library. The plugin allows you to toggle this option on or off in order to improve the plugin performance.

This is the code for the zen-glassThis is the code for the zen-musicThis is the code for the zen-searchThis is the code for the zen-envelope-o

This is the code for the zen-heartThis is the code for the zen-starThis is the code for the zen-star-oThis is the code for the zen-userThis is the code for the zen-filmThis is the code for the zen-th-largeThis is the code for the zen-thThis is the code for the zen-th-listThis is the code for the zen-checkThis is the code for the zen-removeThis is the code for the zen-closeThis is the code for the zen-timesThis is the code for the zen-search-plusThis is the code for the zen-search-minusThis is the code for the zen-power-offThis is the code for the zen-signalThis is the code for the zen-gearThis is the code for the zen-cogThis is the code for the zen-trash-oThis is the code for the zen-homeThis is the code for the zen-file-oThis is the code for the zen-clock-oThis is the code for the zen-roadThis is the code for the zen-downloadThis is the code for the zen-arrow-circle-o-downThis is the code for the zen-arrow-circle-o-upThis is the code for the zen-inboxThis is the code for the zen-play-circle-oThis is the code for the zen-rotate-rightThis is the code for the zen-repeatThis is the code for the zen-refreshThis is the code for the zen-list-altThis is the code for the zen-lockThis is the code for the zen-flagThis is the code for the zen-headphonesThis is the code for the zen-volume-offThis is the code for the zen-volume-downThis is the code for the zen-volume-upThis is the code for the zen-qrcodeThis is the code for the zen-barcodeThis is the code for the zen-tagThis is the code for the zen-tagsThis is the code for the zen-bookThis is the code for the zen-bookmarkThis is the code for the zen-printThis is the code for the zen-cameraThis is the code for the zen-fontThis is the code for the zen-boldThis is the code for the zen-italicThis is the code for the zen-text-heightThis is the code for the zen-text-widthThis is the code for the zen-align-leftThis is the code for the zen-align-centerThis is the code for the zen-align-rightThis is the code for the zen-align-justifyThis is the code for the zen-listThis is the code for the zen-dedentThis is the code for the zen-outdentThis is the code for the zen-indentThis is the code for the zen-video-cameraThis is the code for the zen-photoThis is the code for the zen-imageThis is the code for the zen-picture-oThis is the code for the zen-pencilThis is the code for the zen-map-markerThis is the code for the zen-adjustThis is the code for the zen-tintThis is the code for the zen-editThis is the code for the zen-pencil-square-oThis is the code for the zen-share-square-oThis is the code for the zen-check-square-oThis is the code for the zen-arrowsThis is the code for the zen-step-backwardThis is the code for the zen-fast-backwardThis is the code for the zen-backwardThis is the code for the zen-playThis is the code for the zen-pauseThis is the code for the zen-stopThis is the code for the zen-forwardThis is the code for the zen-fast-forwardThis is the code for the zen-step-forwardThis is the code for the zen-ejectThis is the code for the zen-chevron-leftThis is the code for the zen-chevron-rightThis is the code for the zen-plus-circleThis is the code for the zen-minus-circleThis is the code for the zen-times-circleThis is the code for the zen-check-circleThis is the code for the zen-question-circleThis is the code for the zen-info-circleThis is the code for the zen-crosshairsThis is the code for the zen-times-circle-oThis is the code for the zen-check-circle-oThis is the code for the zen-banThis is the code for the zen-arrow-leftThis is the code for the zen-arrow-rightThis is the code for the zen-arrow-upThis is the code for the zen-arrow-downThis is the code for the zen-mail-forwardThis is the code for the zen-shareThis is the code for the zen-expandThis is the code for the zen-compressThis is the code for the zen-plusThis is the code for the zen-minusThis is the code for the zen-asteriskThis is the code for the zen-exclamation-circleThis is the code for the zen-giftThis is the code for the zen-leafThis is the code for the zen-fireThis is the code for the zen-eyeThis is the code for the zen-eye-slashThis is the code for the zen-warningThis is the code for the zen-exclamation-triangleThis is the code for the zen-planeThis is the code for the zen-calendarThis is the code for the zen-randomThis is the code for the zen-commentThis is the code for the zen-magnetThis is the code for the zen-chevron-upThis is the code for the zen-chevron-downThis is the code for the zen-retweetThis is the code for the zen-shopping-cartThis is the code for the zen-folderThis is the code for the zen-folder-openThis is the code for the zen-arrows-vThis is the code for the zen-arrows-hThis is the code for the zen-bar-chart-oThis is the code for the zen-bar-chartThis is the code for the zen-twitter-squareThis is the code for the zen-facebook-squareThis is the code for the zen-camera-retroThis is the code for the zen-keyThis is the code for the zen-gearsThis is the code for the zen-cogsThis is the code for the zen-commentsThis is the code for the zen-thumbs-o-upThis is the code for the zen-thumbs-o-downThis is the code for the zen-star-halfThis is the code for the zen-heart-oThis is the code for the zen-sign-outThis is the code for the zen-linkedin-squareThis is the code for the zen-thumb-tackThis is the code for the zen-external-linkThis is the code for the zen-sign-inThis is the code for the zen-trophyThis is the code for the zen-github-squareThis is the code for the zen-uploadThis is the code for the zen-lemon-oThis is the code for the zen-phoneThis is the code for the zen-square-oThis is the code for the zen-bookmark-oThis is the code for the zen-phone-squareThis is the code for the zen-twitterThis is the code for the zen-facebookThis is the code for the zen-githubThis is the code for the zen-unlockThis is the code for the zen-credit-cardThis is the code for the zen-rssThis is the code for the zen-hdd-oThis is the code for the zen-bullhornThis is the code for the zen-bellThis is the code for the zen-certificateThis is the code for the zen-hand-o-rightThis is the code for the zen-hand-o-leftThis is the code for the zen-hand-o-upThis is the code for the zen-hand-o-downThis is the code for the zen-arrow-circle-leftThis is the code for the zen-arrow-circle-rightThis is the code for the zen-arrow-circle-upThis is the code for the zen-arrow-circle-downThis is the code for the zen-globeThis is the code for the zen-wrenchThis is the code for the zen-tasksThis is the code for the zen-filterThis is the code for the zen-briefcaseThis is the code for the zen-arrows-altThis is the code for the zen-groupThis is the code for the zen-usersThis is the code for the zen-chainThis is the code for the zen-linkThis is the code for the zen-cloudThis is the code for the zen-flaskThis is the code for the zen-cutThis is the code for the zen-scissorsThis is the code for the zen-copyThis is the code for the zen-files-oThis is the code for the zen-paperclipThis is the code for the zen-saveThis is the code for the zen-floppy-oThis is the code for the zen-squareThis is the code for the zen-naviconThis is the code for the zen-reorderThis is the code for the zen-barsThis is the code for the zen-list-ulThis is the code for the zen-list-olThis is the code for the zen-strikethroughThis is the code for the zen-underlineThis is the code for the zen-tableThis is the code for the zen-magicThis is the code for the zen-truckThis is the code for the zen-pinterestThis is the code for the zen-pinterest-squareThis is the code for the zen-google-plus-squareThis is the code for the zen-google-plusThis is the code for the zen-moneyThis is the code for the zen-caret-downThis is the code for the zen-caret-upThis is the code for the zen-caret-leftThis is the code for the zen-caret-rightThis is the code for the zen-columnsThis is the code for the zen-unsortedThis is the code for the zen-sortThis is the code for the zen-sort-downThis is the code for the zen-sort-descThis is the code for the zen-sort-upThis is the code for the zen-sort-ascThis is the code for the zen-envelopeThis is the code for the zen-linkedinThis is the code for the zen-rotate-leftThis is the code for the zen-undoThis is the code for the zen-legalThis is the code for the zen-gavelThis is the code for the zen-dashboardThis is the code for the zen-tachometerThis is the code for the zen-comment-oThis is the code for the zen-comments-oThis is the code for the zen-flashThis is the code for the zen-boltThis is the code for the zen-sitemapThis is the code for the zen-umbrellaThis is the code for the zen-pasteThis is the code for the zen-clipboardThis is the code for the zen-lightbulb-oThis is the code for the zen-exchangeThis is the code for the zen-cloud-downloadThis is the code for the zen-cloud-uploadThis is the code for the zen-user-mdThis is the code for the zen-stethoscopeThis is the code for the zen-suitcaseThis is the code for the zen-bell-oThis is the code for the zen-coffeeThis is the code for the zen-cutleryThis is the code for the zen-file-text-oThis is the code for the zen-building-oThis is the code for the zen-hospital-oThis is the code for the zen-ambulanceThis is the code for the zen-medkitThis is the code for the zen-fighter-jetThis is the code for the zen-beerThis is the code for the zen-h-squareThis is the code for the zen-plus-squareThis is the code for the zen-angle-double-leftThis is the code for the zen-angle-double-rightThis is the code for the zen-angle-double-upThis is the code for the zen-angle-double-downThis is the code for the zen-angle-leftThis is the code for the zen-angle-rightThis is the code for the zen-angle-upThis is the code for the zen-angle-downThis is the code for the zen-desktopThis is the code for the zen-laptopThis is the code for the zen-tabletThis is the code for the zen-mobile-phoneThis is the code for the zen-mobileThis is the code for the zen-circle-oThis is the code for the zen-quote-leftThis is the code for the zen-quote-rightThis is the code for the zen-spinnerThis is the code for the zen-circleThis is the code for the zen-mail-replyThis is the code for the zen-replyThis is the code for the zen-github-altThis is the code for the zen-folder-oThis is the code for the zen-folder-open-oThis is the code for the zen-smile-oThis is the code for the zen-frown-oThis is the code for the zen-meh-oThis is the code for the zen-gamepadThis is the code for the zen-keyboard-oThis is the code for the zen-flag-oThis is the code for the zen-flag-checkeredThis is the code for the zen-terminalThis is the code for the zen-codeThis is the code for the zen-mail-reply-allThis is the code for the zen-reply-allThis is the code for the zen-star-half-emptyThis is the code for the zen-star-half-fullThis is the code for the zen-star-half-oThis is the code for the zen-location-arrowThis is the code for the zen-cropThis is the code for the zen-code-forkThis is the code for the zen-unlinkThis is the code for the zen-chain-brokenThis is the code for the zen-questionThis is the code for the zen-infoThis is the code for the zen-exclamationThis is the code for the zen-superscriptThis is the code for the zen-subscriptThis is the code for the zen-eraserThis is the code for the zen-puzzle-pieceThis is the code for the zen-microphoneThis is the code for the zen-microphone-slashThis is the code for the zen-shieldThis is the code for the zen-calendar-oThis is the code for the zen-fire-extinguisherThis is the code for the zen-rocketThis is the code for the zen-maxcdnThis is the code for the zen-chevron-circle-leftThis is the code for the zen-chevron-circle-rightThis is the code for the zen-chevron-circle-upThis is the code for the zen-chevron-circle-downThis is the code for the zen-html5This is the code for the zen-css3This is the code for the zen-anchorThis is the code for the zen-unlock-altThis is the code for the zen-bullseyeThis is the code for the zen-ellipsis-hThis is the code for the zen-ellipsis-vThis is the code for the zen-rss-squareThis is the code for the zen-play-circleThis is the code for the zen-ticketThis is the code for the zen-minus-squareThis is the code for the zen-minus-square-oThis is the code for the zen-level-upThis is the code for the zen-level-downThis is the code for the zen-check-squareThis is the code for the zen-pencil-squareThis is the code for the zen-external-link-squareThis is the code for the zen-share-squareThis is the code for the zen-compassThis is the code for the zen-toggle-downThis is the code for the zen-caret-square-o-downThis is the code for the zen-toggle-upThis is the code for the zen-caret-square-o-upThis is the code for the zen-toggle-rightThis is the code for the zen-caret-square-o-right

This is the code for the zen-euroThis is the code for the zen-eurThis is the code for the zen-gbpThis is the code for the zen-dollarThis is the code for the zen-usdThis is the code for the zen-rupeeThis is the code for the zen-inrThis is the code for the zen-cnyThis is the code for the zen-rmbThis is the code for the zen-yenThis is the code for the zen-jpyThis is the code for the zen-rubleThis is the code for the zen-roubleThis is the code for the zen-rubThis is the code for the zen-wonThis is the code for the zen-krwThis is the code for the zen-bitcoinThis is the code for the zen-btcThis is the code for the zen-fileThis is the code for the zen-file-textThis is the code for the zen-sort-alpha-ascThis is the code for the zen-sort-alpha-descThis is the code for the zen-sort-amount-ascThis is the code for the zen-sort-amount-descThis is the code for the zen-sort-numeric-ascThis is the code for the zen-sort-numeric-descThis is the code for the zen-thumbs-upThis is the code for the zen-thumbs-downThis is the code for the zen-youtube-squareThis is the code for the zen-youtubeThis is the code for the zen-xingThis is the code for the zen-xing-squareThis is the code for the zen-youtube-playThis is the code for the zen-dropboxThis is the code for the zen-stack-overflowThis is the code for the zen-instagramThis is the code for the zen-flickrThis is the code for the zen-adnThis is the code for the zen-bitbucketThis is the code for the zen-bitbucket-squareThis is the code for the zen-tumblrThis is the code for the zen-tumblr-squareThis is the code for the zen-long-arrow-downThis is the code for the zen-long-arrow-upThis is the code for the zen-long-arrow-leftThis is the code for the zen-long-arrow-rightThis is the code for the zen-appleThis is the code for the zen-windowsThis is the code for the zen-androidThis is the code for the zen-linuxThis is the code for the zen-dribbbleThis is the code for the zen-skypeThis is the code for the zen-foursquareThis is the code for the zen-trelloThis is the code for the zen-femaleThis is the code for the zen-maleThis is the code for the zen-gittipThis is the code for the zen-sun-oThis is the code for the zen-moon-oThis is the code for the zen-archiveThis is the code for the zen-bugThis is the code for the zen-vkThis is the code for the zen-weiboThis is the code for the zen-renrenThis is the code for the zen-pagelinesThis is the code for the zen-stack-exchangeThis is the code for the zen-arrow-circle-o-rightThis is the code for the zen-arrow-circle-o-leftThis is the code for the zen-toggle-leftThis is the code for the zen-caret-square-o-leftThis is the code for the zen-dot-circle-oThis is the code for the zen-wheelchairThis is the code for the zen-vimeo-squareThis is the code for the zen-turkish-liraThis is the code for the zen-tryThis is the code for the zen-plus-square-oThis is the code for the zen-space-shuttleThis is the code for the zen-slackThis is the code for the zen-envelope-squareThis is the code for the zen-wordpressThis is the code for the zen-openidThis is the code for the zen-institutionThis is the code for the zen-bankThis is the code for the zen-universityThis is the code for the zen-mortar-boardThis is the code for the zen-graduation-capThis is the code for the zen-yahooThis is the code for the zen-googleThis is the code for the zen-redditThis is the code for the zen-reddit-squareThis is the code for the zen-stumbleupon-circleThis is the code for the zen-stumbleuponThis is the code for the zen-deliciousThis is the code for the zen-diggThis is the code for the zen-pied-piperThis is the code for the zen-pied-piper-altThis is the code for the zen-drupalThis is the code for the zen-joomlaThis is the code for the zen-languageThis is the code for the zen-faxThis is the code for the zen-buildingThis is the code for the zen-child

This is the code for the zen-pawThis is the code for the zen-spoonThis is the code for the zen-cubeThis is the code for the zen-cubesThis is the code for the zen-behanceThis is the code for the zen-behance-squareThis is the code for the zen-steamThis is the code for the zen-steam-squareThis is the code for the zen-recycleThis is the code for the zen-automobileThis is the code for the zen-carThis is the code for the zen-cabThis is the code for the zen-taxiThis is the code for the zen-treeThis is the code for the zen-spotifyThis is the code for the zen-deviantartThis is the code for the zen-soundcloudThis is the code for the zen-databaseThis is the code for the zen-file-pdf-oThis is the code for the zen-file-word-oThis is the code for the zen-file-excel-oThis is the code for the zen-file-powerpoint-oThis is the code for the zen-file-photo-oThis is the code for the zen-file-picture-oThis is the code for the zen-file-image-oThis is the code for the zen-file-zip-oThis is the code for the zen-file-archive-oThis is the code for the zen-file-sound-oThis is the code for the zen-file-audio-oThis is the code for the zen-file-movie-oThis is the code for the zen-file-video-oThis is the code for the zen-file-code-oThis is the code for the zen-vineThis is the code for the zen-codepenThis is the code for the zen-jsfiddleThis is the code for the zen-life-bouyThis is the code for the zen-life-buoyThis is the code for the zen-life-saverThis is the code for the zen-supportThis is the code for the zen-life-ringThis is the code for the zen-circle-o-notchThis is the code for the zen-raThis is the code for the zen-rebelThis is the code for the zen-geThis is the code for the zen-empireThis is the code for the zen-git-squareThis is the code for the zen-gitThis is the code for the zen-hacker-newsThis is the code for the zen-tencent-weiboThis is the code for the zen-qqThis is the code for the zen-wechatThis is the code for the zen-weixinThis is the code for the zen-sendThis is the code for the zen-paper-planeThis is the code for the zen-send-oThis is the code for the zen-paper-plane-oThis is the code for the zen-historyThis is the code for the zen-circle-thinThis is the code for the zen-headerThis is the code for the zen-paragraphThis is the code for the zen-slidersThis is the code for the zen-share-altThis is the code for the zen-share-alt-squareThis is the code for the zen-bombThis is the code for the zen-soccer-ball-oThis is the code for the zen-futbol-oThis is the code for the zen-ttyThis is the code for the zen-binocularsThis is the code for the zen-plugThis is the code for the zen-slideshareThis is the code for the zen-twitchThis is the code for the zen-yelpThis is the code for the zen-newspaper-oThis is the code for the zen-wifiThis is the code for the zen-calculatorThis is the code for the zen-paypalThis is the code for the zen-google-walletThis is the code for the zen-cc-visaThis is the code for the zen-cc-mastercardThis is the code for the zen-cc-discoverThis is the code for the zen-cc-amexThis is the code for the zen-cc-paypalThis is the code for the zen-cc-stripeThis is the code for the zen-bell-slashThis is the code for the zen-bell-slash-oThis is the code for the zen-trashThis is the code for the zen-copyrightThis is the code for the zen-atThis is the code for the zen-eyedropperThis is the code for the zen-paint-brushThis is the code for the zen-birthday-cakeThis is the code for the zen-area-chartThis is the code for the zen-pie-chartThis is the code for the zen-line-chartThis is the code for the zen-lastfmThis is the code for the zen-lastfm-squareThis is the code for the zen-toggle-offThis is the code for the zen-toggle-onThis is the code for the zen-bicycleThis is the code for the zen-busThis is the code for the zen-ioxhostThis is the code for the zen-angellistThis is the code for the zen-ccThis is the code for the zen-shekelThis is the code for the zen-sheqelThis is the code for the zen-ilsThis is the code for the zen-meanpath

Beautiful outdoor experiences close to nature

Looking for a sport that is close to nature without pollution, noise and clutter? Then sailing is for you! Feel the rush of the wind, the warm sun on your face, the splash of the water.

ORCA Schedule

The cat-alist schedule is more detailed because it is a combination of the ORCA specific events, Hobie Division 16 and Hobie Division 11 regattas. Some Division 11 regattas are possible when driving from Toronto. Why? As there are less events in Hobie Division 16 but especially because the level of competition is high so you can sharpen your teeth!

About Us

cat-alist.com is a PORTAL website for catamaran sailing enthusiasts of all types. cat-alist.com started as an email broadcast in 1999 then expanded into a website in 2004, and has served to fulfill a sharing of information since then.

ORCA

cat-alist.com is the home of ORCA, the Ontario Racing Catamaran Association.

2015 Pan American Games

7,600 athletes from across Latin America, South America, the Caribbean and North America will put their years of intense training, perseverance and sacrifice to the test in world-class competition in 36 Pan Am sports and 15 Parapan Am sports at the TORONTO 2015 Pan Am / Parapan Am Games.

July 1-26, 2015 is the Pan Am Games, August 7-15, 2015 is the Parapan Am Games.

Pan Am Trials

Seven classes and over 90 boats sailed the Canadian Olympic Icebreakers Regatta hosted by TSSC in Toronto this weekend featuring the main attraction – 2015 Pan Am Games qualification. The stage was set for an exciting three days of racing for the Pan Am fleets along with Olympic and Paralympic classes. Eleven sailors would ultimately earn Pan Am spots in the J24, Lightning, Snipe and Hobie 16 classes.