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.
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'],
}