{"size": 746, "ext": "js", "max_stars_repo_path": "SkippyBoardGame/ConceptsDemo/scripts/main.js", "max_stars_repo_name": "brianhaddad/EducationalProjects", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "SkippyBoardGame/ConceptsDemo/scripts/main.js", "max_issues_repo_name": "brianhaddad/EducationalProjects", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "SkippyBoardGame/ConceptsDemo/scripts/main.js", "max_forks_repo_name": "brianhaddad/EducationalProjects", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 25.724137931, "max_line_length": 73, "alphanum_fraction": 0.6702412869}
const output = document.getElementById('main');

output.appendChild(createCard(1));

function createCard(content) {
    const outsideAttributes = {
        class: 'card',
    };
    const cardElement = createElement('div', outsideAttributes);
    
    const insideAttributes = {
        class: 'card contents front',
    };
    const cardContents = createElement('div', insideAttributes, content);

    cardElement.appendChild(cardContents);
    return cardElement;
}

function createElement(type, attributes, innerHTML) {
    const element = document.createElement(type);
    for (let a in attributes) {
        element.setAttribute(a, attributes[a]);
    }
    if (innerHTML) {
        element.innerHTML = innerHTML;
    }
    return element;
}