Commit 1870423d authored by Sam Muirhead's avatar Sam Muirhead

populate credits page with Noun Project info

parent 7f644de9
......@@ -13,24 +13,6 @@
// .then(data => console.log(data));
// if "license_description": "creative-commons-attribution",
// const image = document.createElement('div')
// card.setAttribute('class', 'card')
// const h1 = document.createElement('h1')
// h1.textContent = movie.title
// image = icon.attribution_preview_url
// const p = document.createElement('p')
// movie.description = movie.description.substring(0,300)
// p.textContent = `${movie.description}...`
// container.appendChild(card)
// card.appendChild(h1)
// card.appendChild(p)
var iconData = { "icons": [
{
"attribution": "bee by Juan Sebastian Rickenmann from Noun Project",
......@@ -448,7 +430,6 @@ var iconData = { "icons": [
}
var icons = iconData.icons
console.log(icons)
for(i = 0; i < 8; i++){
......
const page = document.getElementById('page')
const panel1 = document.getElementById('panel-1')
const image1 = document.getElementById('image-1')
const number1 = document.getElementById('number-1')
const license1 = document.getElementById('license-1')
image = "https://d30y9cdsu7xlg0.cloudfront.net/attribution/9437-600.png"
id = "1234"
license = "cc0"
function setIdNumber (input) {
number1.textContent = input
}
function linkImage (input) {
image1.setAttribute("href", input)
}
function setLicense (input) {
license1.setAttribute("href", "#" + input)
}
setIdNumber(id)
linkImage(image)
setLicense(license)
console.log(number1.textContent)
console.log(image1)
console.log(license1)
// const container = document.createElement('div')
// container.setAttribute('class', 'container')
// app.appendChild(container)
//
// fetch('https://gitlab.com/cameralibre/cut-copy-and-paste/raw/master/Animation-Workshop/api-response')
// .then(res => res.json()
// .then(data => console.log(data))
async function getData()
{
//await the response of the fetch call
let response = await fetch('https://gitlab.com/cameralibre/cut-copy-and-paste/raw/master/Print/Noun-Project-Illustrations/Print-from-API/api-response');
//proceed once the first promise is resolved.
let data = await response.json()
//proceed only when the second promise is resolved
return data;
}
//call getData function
getData()
.then(data => console.log(data));//lo
// .then(function(myJson) {
// console.log(JSON.stringify(myJson));
// });
// if "license_description": "creative-commons-attribution",
// const image = document.createElement('div')
// card.setAttribute('class', 'card')
// const h1 = document.createElement('h1')
// h1.textContent = movie.title
// image = icon.attribution_preview_url
// const p = document.createElement('p')
// movie.description = movie.description.substring(0,300)
// p.textContent = `${movie.description}...`
// container.appendChild(card)
// card.appendChild(h1)
// card.appendChild(p)
......@@ -69,28 +69,28 @@ svg line {
@font-face {
font-family: 'Space Mono';
src: url('SpaceMono-Regular.ttf');
src: url('./SpaceMono-Regular.ttf');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Space Mono';
src: url('SpaceMono-Italic.ttf');
src: url('./SpaceMono-Italic.ttf');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Space Mono';
src: url('SpaceMono-Bold.ttf');
src: url('./SpaceMono-Bold.ttf');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Space Mono';
src: url('SpaceMono-italic.ttf');
src: url('./SpaceMono-BoldItalic.ttf');
font-weight: bold;
font-style: italic;
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment