JSFiddle - React, Tailwind, and code Playground

by Rob Sedgwick

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

  <head>
    <title>
      2018-2019 League Two League Table
    </title>
    <link rel="canonical" href="https://thefishy.co.uk/leaguetable.php?table=4&season=16">
    <link href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
    <link href="//cdn.thefishy.co.uk/css/bootstrap-cust.min.css" rel="stylesheet">
    <link href="//cdn.thefishy.co.uk/css/navbar.css" rel="stylesheet">
    <link rel="stylesheet" href="//cdn.thefishy.co.uk/css/fishy3.min.css" type="text/css">
    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  </head>

  <body>
    <div class="container">
      <div id="content">
        <script type="text/javascript" src="//cdn.thefishy.co.uk/js/fishy.js"></script>
        <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.min.js"></script>

        <script type="text/javascript">
          $(document).ready(function() {
            var loc = window.location.pathname;
            $('nav navbar-nav').find('a').each(function() {
              $(this).toggleClass('active', $(this).attr('href') == loc);
            })
          });

        </script>

        <div class="story3">
          <div id="menu">
            <ul class="nav nav-pills">
              <li class="current_page_item">
                <a href='/leaguetable.php?table=4&season=16'>League</a>
              </li>

              <li>
                <a href="/formtable.php?table=4&season=16">Form</a>
              </li>

              <li>
                <a href="/football-results.php?table=4&season=16">Results</a>
              </li>
              <li>
                <a href="/football-fixtures.php?table=4&season=16">Fixtures</a>
              </li>
              <li>
                <a...

CSS

tr.tableline td {
          border-bottom: 1px solid black !important;
        }

        .team-form.won {
          background-color: #44c424;
        }

        .team-form.drew {
          background-color: #5a5a5a;
        }

        .team-form.lost {
          background-color: #d00;
        }

        .team-form {
          color: white;
          padding: 3px;
        }