---

#################################

#################################

## Super Linter GitHub Actions ##

#################################

#################################

name: Lint Code Base

#

# Documentation:

# https://docs.github.com/en/actions/learn-github-actions/workflow-syntax-for-github-actions

#

#############################

# Start the job on all push #

#############################

on:

  push:

  pull_request:

    branches: [master, main]

###############

# Set the Job #

###############

jobs:

  build:

    # Name the Job

    name: Lint Code Base

    # Set the agent to run on

    runs-on: ubuntu-latest

    ##################

    # Load all steps #

    ##################

    steps:

      ##########################

      # Checkout the code base #

      ##########################

      - name: Checkout Code

        uses: actions/checkout@v3

        with:

          # Full git history is needed to get a proper list of changed files within `super-linter`

          fetch-depth: 0

      ################################

      # Run Linter against code base #

      ################################

      - name: Lint Code Base

        uses: github/super-linter@v4

        env:

          VALIDATE_ALL_CODEBASE: false

          DEFAULT_BRANCH: master

          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

• we will be using HTMLHint linter for HTML validation

  • to fix the Material Design linting problem in GitHub Super Linter, add the linting file below to the .github/linters folder

.github/linters/.htmlhintrc

• • File Contents:

{

  "tagname-lowercase": true,

  "attr-lowercase": true,

  "attr-value-double-quotes": true,

  "attr-value-not-empty": false,

  "attr-no-duplication": true,

  "doctype-first": true,

  "tag-pair": true,

  "tag-self-close": false,

  "spec-char-escape": true,

  "id-unique": true,

  "src-not-empty": true,

  "title-require": true,

  "alt-require": true,

  "doctype-html5": true,

  "style-disabled": false,

  "inline-style-disabled": false,

  "inline-script-disabled": false,

  "space-tab-mixed-disabled": "space",

  "id-class-ad-disabled": false,

  "id-class-value": false,

  "href-abs-or-rel": false,

  "attr-unsafe-chars": true,

  "head-script-disabled": true

}