Football Standings

Football Standings is a cross platform widget that you can integrate in your Website. The widget is customizable.

Summary

Getting started
Customize the widget
Available competitions
Integration
Browsers support

Getting started

To use our widget you need to enable a public key from football-data.

Customize the widget

To customize the widget you can use the following css custom properties:

Name	Description
--header-position	TBD
--header-color	TBD
--header-background	TBD
--subheader-color	TBD
--subheader-background	TBD
--table-border-color	TBD
--table-color	TBD
--table-background	TBD

Available competitions

Key	Competition
SA	Serie A
PL	Premier League
PD	Liga
BL1	Bundesliga
FL1	Ligue
DED	Eredivise

Integration

<!DOCTYPE html>
<html lang="en">
<head>
    <style>
      .theme-red {
        --header-background: #D32F2F;
        --subheader-background: #F44336;
      }
    </style>
</head>
<body>
    <gm-football-standings class="theme-red" competition="SA" season="2019" key="public-key-here">
    </gm-football-standings>
    <script src="standing-football/bundle.js"></script>
</body>
</html>

Browsers support

✅ Chrome
✅ Firefox
✅ Safari
✅ Edge

Keep calm and code!