yasyf / cslo-img

Images for 6.806 Project

CSLO Images

Here are contained a set of images which each have one perturbation. output.csv has each image listed with its corresponding URL and perturbation. Every image should be compared to base.png, which is the original, unperturbed image.

Perturbations

ELEMENTS = ['a', 'p', 'img', 'li', 'h1', 'h2', 'h3', 'tr', 'button']

ATTRS = {
  'a': ['color',  'float', 'font-size', 'text-align'],
  'p': ['color',  'float', 'font-size', 'text-align', 'border', 'background-color'],
  'img': ['float', 'border-radius'],
  'li': ['color',  'float', 'font-size', 'text-align'],
  'h1': ['color',  'float', 'font-size', 'text-align'],
  'h2': ['color',  'float', 'font-size', 'text-align'],
  'h3': ['color',  'float', 'font-size', 'text-align'],
  'tr': ['color',  'float', 'font-size', 'text-align'],
  'button': ['color',  'float'],
}

OPTIONS = {
  'color': ['black', 'red', 'green', 'blue', 'purple'],
  'float': ['none', 'left', 'right'],
  'font-size': ['1em', '.5em', '.8em'],
  'text-align': ['left', 'right', 'center'],
  'border-radius': ['0', '10px', '50%'],
  'border': ['none', '5px solid red', '1px outset black', '10px dotted blue', '5px dashed blue'],
  'background-color': ['white', 'blue', 'black', 'green', 'red'],
}