DaveOrDead

<div class="card is-active">
    [ ... ]
</div>

or

<div class="card card--is-active">
    [ ... ]
</div>

DaveOrDead

<ul class="grid">
    <li class="grid__item">
        <div class="card">
            <div class="card__header">
                [ ... ]
            </div>
            <div class="card__body">
                [ ... ]
            </div>
        </div>

DaveOrDead

<div class="card">
    <div class="card__header">
        
        <h2 class="card__title">Title text here</h2>
    
    </div>
    <div class="card__body">
        
        <img class="card__img" src="some-img.png">
        

DaveOrDead

<div class="card">
    <div class="card__header">
        
        <h2 class="card__title">Title text here</h2>
    
    </div>
    <div class="card__body">
        
        <img class="card__img" src="some-img.png">

DaveOrDead

<button class="button button--primary">Click me!</button>

DaveOrDead

<div class="card">
    <div class="card__header">
        
        <h2 class="card__header__title">Title text here</h2>
    
    </div>
    <div class="card__body">
        
        <img class="card__body__img" src="some-img.png">
        

DaveOrDead

<div class="card">
    <div class="card__header">
        
        <h2 class="card__title">Title text here</h2>
    
    </div>
    <div class="card__body">
        
        <img class="card__img" src="some-img.png">
        

DaveOrDead

//FightCode can only understand your robot
//if its class is called Robot
var Robot = function(robot) {

};

Robot.prototype.onIdle = function(ev) {
    var robot = ev.robot;
    robot.ahead(100);