JSFiddle - React, Tailwind, and code Playground

by Joe Steinbring

HTML

<div ng-app>
     <h1>Joe's Skills</h1>

    <div ng-controller="SkillsCtrl">
        <ul>
            <li ng-repeat="skill in skills">
                 <h2><a href="{{skill.BlogURL}}">{{skill.Name}}</a></h2>

                <p>{{skill.Details}}</p>
            </li>
        </ul>
    </div>
</div>

CSS

ul {
    list-style-type: none;
}

JavaScript

function SkillsCtrl($scope) {
    $scope.skills = [{
        "Name": "ColdFusion",
            "Details": "This has been my bread and butter langauge for most of my career.",
            "BlogURL": "http://steinbring.net/?s=coldfusion"
    }, {
        "Name": "Railo",
            "Details": "It's what I use for ColdFusion when I'm not at work.",
            "BlogURL": "http://steinbring.net/?s=Railo"
    }, {
        "Name": "jQuery",
            "Details": "I have used this since way back when.",
            "BlogURL": "http://steinbring.net/?s=jquery"
    }];
}