diff --git a/src/index.html b/src/index.html index 5d4bfd86c..219b1330e 100644 --- a/src/index.html +++ b/src/index.html @@ -88,3 +88,4 @@ +cdc diff --git a/src/js/app.js b/src/js/app.js index 9ebc56351..f127b7352 100644 --- a/src/js/app.js +++ b/src/js/app.js @@ -29,19 +29,31 @@ function render(variables = {}) { let cover = `
`; if (variables.includeCover == false) cover = "
"; + let name = variables.name == null ? "Name" : variables.name; + let lastName = variables.lastName == null ? "Last Name" : variables.lastName; + let role = variables.role == null ? "Role" : variables.role; + let city = variables.city == null ? "City" : variables.city; + let country = variables.country == null ? "Country" : variables.country; + let socialMediaPositionClass = + variables.socialMediaPosition == "position-left" + ? "position-left" + : "position-right"; + let socialMediaLinks = ` + `; + // reset the website body with the new html output document.querySelector("#widget_content").innerHTML = `
${cover} -

Lucy Boilett

-

Web Developer

-

Miami, USA

- +

${name}, ${lastName}

+

${role}

+

${city}, ${country}

+ ${socialMediaLinks}
`; }