utils.js

const JAVASCRIPT = "JavaScript"
const CSS = "CSS"
const UI = "UI"

const DEFAULT_ALT =  "Ilustración de una persona haciendo un quíz";

const quizzes = [
  {
    technology: CSS,
    name: "CSS Grid · Negative lines",
    date: "Jun 2, 2021.",
    url: "https://gist.github.com/teffcode/77e035f15e0a87e42b008ebc17b720b6"
  },
  {
    technology: JAVASCRIPT,
    name: "Spread operator",
    date: "May 10, 2021.",
    url: "https://gist.github.com/teffcode/29ab8bdc641a70482af7ed919187be70"
  },
  {
    technology: CSS,
    name: "min() function",
    date: "May 3, 2021.",
    url: "https://gist.github.com/teffcode/db06eeb094ffc3fd959eaf9e731b53bf"
  },
  {
    technology: CSS,
    name: "Box sizing",
    date: "Mar 31, 2021.",
    url: "https://gist.github.com/teffcode/2f9f58c0e5875372ac505840b4efe750"
  },
  {
    technology: JAVASCRIPT,
    name: "map() & forEach() methods",
    date: "Mar 23, 2021.",
    url: "https://gist.github.com/teffcode/aa8fb864da8d1821aa222df3e0361461"
  },
  {
    technology: CSS,
    name: "Translate value",
    date: "Mar 15, 2021.",
    url: "https://gist.github.com/teffcode/72d0e824a8fee42f7aef98431baa0552"
  },
  {
    technology: JAVASCRIPT,
    name: "this",
    date: "Mar 8, 2021.",
    url: "https://gist.github.com/teffcode/30f4ba6a3b981df654cbf6b8546fdf8a"
  },
  {
    technology: CSS,
    name: "Inline elements",
    date: "Mar 1, 2021.",
    url: "https://gist.github.com/teffcode/3432f5655d38cac66c57eef7200a843b"
  },
  {
    technology: JAVASCRIPT,
    name: "sort() method",
    date: "Feb 22, 2021.",
    url: "https://gist.github.com/teffcode/37fc3b47aeb4862941d5bb9104e70c57"
  },
  {
    technology: CSS,
    name: "background-clip",
    date: "Feb 8, 2021.",
    url: "https://gist.github.com/teffcode/e2afa67396a6db24627da754f212254b"
  },
  {
    technology: JAVASCRIPT,
    name: "filter() & call() methods",
    date: "Feb 1, 2021.",
    url: "https://gist.github.com/teffcode/105c7a8d0db2055f363695b26a4fdff7"
  },
  {
    technology: CSS,
    name: "PostCSS",
    date: "Jan 25, 2021.",
    url: "https://gist.github.com/teffcode/f7b08fda87511df704204dbe319b0c29"
  },
  {
    technology: UI,
    name: "Tap targets",
    date: "Jan 18, 2021.",
    url: "https://gist.github.com/teffcode/9745422e0886db4272f055f2e5ce4dd7"
  },
  {
    technology: JAVASCRIPT,
    name: "Currying",
    date: "Jan 11, 2021.",
    url: "https://gist.github.com/teffcode/6a5389e5458ae6ae2499fedd7ee5a7f4"
  },
  {
    technology: CSS,
    name: ":not() & :nth-child() pseudo-classes",
    date: "Jan 4, 2021.",
    url: "https://gist.github.com/teffcode/52c1d44e601595274ae5e61614a08b32"
  },
  {
    technology: JAVASCRIPT,
    name: "typeof & hoisting",
    date: "Dec 4, 2020.",
    url: "https://gist.github.com/teffcode/b2d7fd6e2705f44f0068a169a7d472d6"
  },
  {
    technology: CSS,
    name: "rem unit",
    date: "Nov 27, 2020.",
    url: "https://gist.github.com/teffcode/53be48fbd537bc5e95f0bd5f177d7c05"
  },
  {
    technology: CSS,
    name: "Margin on inline elements",
    date: "Nov 20, 2020.",
    url: "https://gist.github.com/teffcode/2b09b209a0e7938f92678038b60e9224"
  },
  {
    technology: JAVASCRIPT,
    name: "Call Stack",
    date: "Nov 9, 2020.",
    url: "https://gist.github.com/teffcode/cd212b3ece44369a106d11bcba896d99"
  },
  {
    technology: CSS,
    name: "place-items property",
    date: "Nov 2, 2020.",
    url: "https://gist.github.com/teffcode/c53c36ee3e04efdcb3a11b70d56f4f8d"
  },
  {
    technology: JAVASCRIPT,
    name: "apply() method",
    date: "Oct 18, 2020.",
    url: "https://gist.github.com/teffcode/b4fab214740204a2e5f6ff531b30c15c"
  },
  {
    technology: JAVASCRIPT,
    name: "Creating immutable objects",
    date: "Oct 4, 2020.",
    url: "https://gist.github.com/teffcode/7874386bd3dc22e658f63d8ee0ede970"
  },
  {
    technology: CSS,
    name: "Double class",
    date: "Sep 29, 2020.",
    url: "https://gist.github.com/teffcode/fb661de964a7ca818034a3c615570654"
  },
  {
    technology: JAVASCRIPT,
    name: "Destructuring assignment",
    date: "Sep 28, 2020.",
    url: "https://gist.github.com/teffcode/417c14415b7834cb526a1c1a0ff67976"
  },
  {
    technology: CSS,
    name: "Float & Block Formatting Context",
    date: "Sep 22, 2020.",
    url: "https://gist.github.com/teffcode/69d968b6939e723859b56ce7ddcc4b60"
  },
  {
    technology: JAVASCRIPT,
    name: "Set object",
    date: "Aug 3, 2020.",
    url: "https://gist.github.com/teffcode/0b916401246fe1814fa4441f2db31a98"
  },
  {
    technology: CSS,
    name: "line-height property",
    date: "Jul 29, 2020.",
    url: "https://gist.github.com/teffcode/279d09730612178616d0428fde1fbb3a"
  },
  {
    technology: JAVASCRIPT,
    name: "The arguments object & Spread Operator",
    date: "Jul 20, 2020.",
    url: "https://gist.github.com/teffcode/37ae061bbc61a44a5f6751f472a26d5a"
  },
  {
    technology: CSS,
    name: ":not() pseudo-class",
    date: "Jul 13, 2020.",
    url: "https://gist.github.com/teffcode/0ffda0e4361da1956fbbbc82143e6396"
  },
  {
    technology: CSS,
    name: "Flex shorthand",
    date: "Jul 6, 2020.",
    url: "https://gist.github.com/teffcode/f0adb0f6df47249c41becbee10960130"
  },
  {
    technology: JAVASCRIPT,
    name: "Creating object with dynamic keys",
    date: "Jul 2, 2020.",
    url: "https://gist.github.com/teffcode/ef9576ac8b1923574aae6d48e2691088"
  },
  {
    technology: JAVASCRIPT,
    name: "sort() method",
    date: "Jun 30, 2020.",
    url: "https://gist.github.com/teffcode/97b08ed8dd696db4706599115456da67"
  },
  {
    technology: CSS,
    name: "Inline elements",
    date: "Jun 29, 2020.",
    url: "https://gist.github.com/teffcode/dbec26ddcde888b78f80a3002750294b"
  },
  {
    technology: JAVASCRIPT,
    name: "Arrow Functions",
    date: "Jun 24, 2020.",
    url: "https://gist.github.com/teffcode/ab383734fb4976523bd719012e2a2781"
  },
  {
    technology: CSS,
    name: "The stacking context",
    date: "Jun 21, 2020.",
    url: "https://gist.github.com/teffcode/e0b3e89df22ecf5374527deaf31b11ca"
  },
  {
    technology: JAVASCRIPT,
    name: "JSON.stringify()",
    date: "Jun 19, 2020.",
    url: "https://gist.github.com/teffcode/74f11e32e6a25faa24f8a9cee4964638"
  },
  {
    technology: JAVASCRIPT,
    name: "slice() method",
    date: "Jun 17, 2020.",
    url: "https://gist.github.com/teffcode/df619e56be5c0c7d641b90c76a845ea4"
  },
  {
    technology: CSS,
    name: "Specificity",
    date: "Jun 14, 2020.",
    url: "https://gist.github.com/teffcode/7a58e0b4700fcf1583731a182c87ac9f"
  },
  {
    technology: CSS,
    name: "Padding Percentage",
    date: "Jun 7, 2020.",
    url: "https://gist.github.com/teffcode/25abade04efdca87f8145bb71bf93dd2"
  },
  {
    technology: JAVASCRIPT,
    name: "Property accessors",
    date: "Jun 6, 2020.",
    url: "https://gist.github.com/teffcode/c5b4009cea53c6457b0443e22f631f14"
  },
  {
    technology: JAVASCRIPT,
    name: "reduce() method",
    date: "Jun 6, 2020.",
    url: "https://gist.github.com/teffcode/95716f19f9b41ac1e8e991e2daf15d12"
  },
  {
    technology: JAVASCRIPT,
    name: "var & let keywords",
    date: "Jun 5, 2020.",
    url: "https://gist.github.com/teffcode/2135d6603a53c50cbefbef775a0ca6bf"
  },
  {
    technology: JAVASCRIPT,
    name: "Hoisting",
    date: "Jul 3, 2020.",
    url: "https://gist.github.com/teffcode/25fdf7f7ef1b89411b04c9cf4b4316aa"
  },
  {
    technology: CSS,
    name: "Margin Collapsing",
    date: "Jun 1, 2020.",
    url: "https://gist.github.com/teffcode/6189776c18ac79162b8b53992e05969c"
  },
  {
    technology: JAVASCRIPT,
    name: "Closure",
    date: "May 29, 2020.",
    url: "https://gist.github.com/teffcode/0b240584a41b1b3077762ce0d7c3bad9"
  },
  {
    technology: JAVASCRIPT,
    name: "push() & unshift() methods",
    date: "May 26, 2020.",
    url: "https://gist.github.com/teffcode/5394cf305e8f84ba3dfda36164dfca53"
  },
  {
    technology: JAVASCRIPT,
    name: "Comparison operators",
    date: "May 22, 2020.",
    url: "https://gist.github.com/teffcode/66074d8ff47cc6ce4ccbefc498a35bb5"
  },
  {
    technology: JAVASCRIPT,
    name: "pop() method",
    date: "May 19, 2020.",
    url: "https://gist.github.com/teffcode/8ea3c505e61e5f0b2664a92713f4a9aa"
  },
  {
    technology: CSS,
    name: "Margin",
    date: "May 18, 2020.",
    url: "https://gist.github.com/teffcode/f1e7b0edad2062bc8af837446dfc0676"
  },
  {
    technology: JAVASCRIPT,
    name: "By reference vs By value (2)",
    date: "May 15, 2020.",
    url: "https://gist.github.com/teffcode/3bb2b9bcd55b7a0d623e9fe59ec53737"
  },
  {
    technology: JAVASCRIPT,
    name: "By reference vs By value (1)",
    date: "May 13, 2020.",
    url: "https://gist.github.com/teffcode/bf0a0f270071269d4669f2f9af12f687"
  },
  {
    technology: CSS,
    name: "Logical Properties",
    date: "May 11, 2020.",
    url: "https://gist.github.com/teffcode/a693b0ffc907c7b0745d0f9d7d711cfd"
  },
  {
    technology: JAVASCRIPT,
    name: "This",
    date: "May 8, 2020.",
    url: "https://gist.github.com/teffcode/0509350d314b9d84639268ae4217f37b"
  },
  {
    technology: JAVASCRIPT,
    name: "Arithmetic Operators",
    date: "May 6, 2020.",
    url: "https://gist.github.com/teffcode/348bc3fe39a277db28c97f5d08ff0d0c"
  },
  {
    technology: CSS,
    name: "Grid",
    date: "May 3, 2020.",
    url: "https://gist.github.com/teffcode/249ec6c7eba26de461612477e7211fc4"
  },
  {
    technology: JAVASCRIPT,
    name: "Arithmetic Operators",
    date: "May 5, 2020.",
    url: "https://gist.github.com/teffcode/6d66516ad957a8277fa4a649f874e1ea"
  }
]

const images = [
  {
    src: "https://i.ibb.co/GVStXgh/Men.png",
    categories: [JAVASCRIPT, CSS, UI],
    alt: DEFAULT_ALT
  }, {
    src:  "https://i.ibb.co/vYCWXvz/Women.png",
    categories: [JAVASCRIPT, CSS, UI],
    alt: DEFAULT_ALT
  },
  {
    src: "https://i.ibb.co/d56sY8x/Men2.png",
    categories: [JAVASCRIPT, CSS, UI],
    alt: DEFAULT_ALT
  },
  {
    src: "https://i.ibb.co/0nTBTKj/Women2.png",
    categories: [JAVASCRIPT, CSS, UI],
    alt: DEFAULT_ALT
  },
  {
    src: "https://i.ibb.co/NxK4140/Men3.png",
    categories: [JAVASCRIPT, CSS, UI],
    alt: DEFAULT_ALT
  },
  {
    src:  "https://i.ibb.co/hB7J5yc/Women3.png",
    categories: [JAVASCRIPT, CSS, UI],
    alt: DEFAULT_ALT
  },
  {
    src: "https://i.ibb.co/w0PG3t3/Women4.png",
    categories: [JAVASCRIPT, CSS, UI],
    alt: DEFAULT_ALT
  },
  {
    src:  "https://i.ibb.co/Qdyvy9V/Women4-1.png",
    categories: [JAVASCRIPT, CSS, UI],
    alt: DEFAULT_ALT
  },
  {
    src: "https://i.ibb.co/qYxvv9T/Women5.png",
    categories: [JAVASCRIPT, CSS, UI],
    alt: DEFAULT_ALT
  },
  {
    src: "https://i.ibb.co/s53VC9L/Men4.png",
    categories: [JAVASCRIPT, CSS, UI],
    alt: DEFAULT_ALT
  },
  {
    src: "https://i.ibb.co/JFDtLxM/Women6.png",
    categories: [JAVASCRIPT, CSS, UI],
    alt: DEFAULT_ALT
  },
  {
    src: "https://i.ibb.co/7yV4hzK/Phone.png",
    categories: [CSS, UI],
    alt: DEFAULT_ALT
  },
  {
    src: "https://i.ibb.co/qBpGRKP/Quiz1.png",
    categories: [JAVASCRIPT, CSS, UI],
    alt: DEFAULT_ALT
  },
  {
    src: "https://i.ibb.co/q7Z5Qvc/CSS-1.png",
    categories: [CSS],
    alt: DEFAULT_ALT
  },
  {
    src: "https://i.ibb.co/hZCnv2S/Untitled-Artwork.png",
    categories: [JAVASCRIPT],
    alt: DEFAULT_ALT
  },
  {
    src: "https://i.ibb.co/87gLhc2/Guille.png",
    categories: [JAVASCRIPT, CSS, UI],
    alt: DEFAULT_ALT
  }
]

const color = {
  SHALIMARA: "#FDFFBC",
  CARNATION_PINK: "#FE91CA",
  AQUAMARINE: "#78FEE0"
}

export { quizzes, images, color }