Styleguide Navigation

Article Image

Status: not started

Showing 6 of 6

1

{
  "id": "5ySVsaV1yerQmawOSs7QFB",
  "contentType": "articleImage",
  "image": {
    "id": "5vM9PwtL8UUTpgrg7sDZWE",
    "title": "service-2",
    "file": {
      "url": "//images.ctfassets.net/55zoubyadgjo/5vM9PwtL8UUTpgrg7sDZWE/3fb7323174e018ce1c99156c7477004a/service-2.jpg",
      "details": {
        "size": 1753553,
        "image": {
          "width": 1753,
          "height": 1169
        }
      },
      "fileName": "service-2.jpg",
      "contentType": "image/jpeg"
    }
  },
  "caption": "Article Image with Caption",
  "size": "Large"
}

Article Image with Caption

2

{
  "id": "6L9qmlrrWXuX5zrfc7kJru",
  "contentType": "articleImage",
  "image": {
    "id": "35UrPVFNZoDYCYcD65wyQB",
    "title": "Brennertausch",
    "file": {
      "url": "//images.ctfassets.net/55zoubyadgjo/35UrPVFNZoDYCYcD65wyQB/35becd708d7af7a64bef1843135d1ae1/Frame_515.png",
      "details": {
        "size": 3712147,
        "image": {
          "width": 1732,
          "height": 1729
        }
      },
      "fileName": "Frame 515.png",
      "contentType": "image/png"
    }
  },
  "caption": "Image medium size with caption",
  "size": "Medium"
}

Image medium size with caption

3

{
  "id": "4gydz3Ul7xJaMXvwmU2rwy",
  "contentType": "articleImage",
  "image": {
    "id": "1qkriC1YpCMqWB4MjBrwUJ",
    "title": "Image Test",
    "description": "Image Test",
    "file": {
      "url": "//images.ctfassets.net/55zoubyadgjo/1qkriC1YpCMqWB4MjBrwUJ/aa775972f318eba54c7b0d06c3fc8a9a/200381_MT_Daellikon_.jpg",
      "details": {
        "size": 1551833,
        "image": {
          "width": 3000,
          "height": 2250
        }
      },
      "fileName": "200381_MT_Daellikon .jpg",
      "contentType": "image/jpeg"
    }
  },
  "caption": "Image large",
  "size": "Large"
}

Image large

4

{
  "id": "7cdCCsp3nj9S9pr6BhlVLI",
  "contentType": "articleImage",
  "image": {
    "id": "1qkriC1YpCMqWB4MjBrwUJ",
    "title": "Image Test",
    "description": "Image Test",
    "file": {
      "url": "//images.ctfassets.net/55zoubyadgjo/1qkriC1YpCMqWB4MjBrwUJ/aa775972f318eba54c7b0d06c3fc8a9a/200381_MT_Daellikon_.jpg",
      "details": {
        "size": 1551833,
        "image": {
          "width": 3000,
          "height": 2250
        }
      },
      "fileName": "200381_MT_Daellikon .jpg",
      "contentType": "image/jpeg"
    }
  },
  "caption": "Image medium",
  "size": "Medium"
}

Image medium

5

{
  "id": "1vFFuqmh7DLXiFL62bXfLN",
  "contentType": "articleImage",
  "image": {
    "id": "MwtSJjt1Rv9zuclUThQmJ",
    "title": "Selfie-LSI",
    "file": {
      "url": "//images.ctfassets.net/55zoubyadgjo/MwtSJjt1Rv9zuclUThQmJ/b1a21f0129840c86055034cc77646500/LSI_Frau_quadrat_final_rgb.jpg",
      "details": {
        "size": 2381561,
        "image": {
          "width": 2479,
          "height": 2479
        }
      },
      "fileName": "LSI_Frau_quadrat_final_rgb.jpg",
      "contentType": "image/jpeg"
    }
  },
  "caption": "Example Person 1 wit very very very very very very very very very very very very very very very large Caption",
  "size": "Large"
}

Example Person 1 wit very very very very very very very very very very very very very very very large Caption

6

{
  "id": "7rYMhovViVAAqu7LpOncIm",
  "contentType": "articleImage",
  "image": {
    "id": "4R1NoSP4FCUnt9hipUEyO3",
    "title": "Selfie-Bosch-2",
    "file": {
      "url": "//images.ctfassets.net/55zoubyadgjo/4R1NoSP4FCUnt9hipUEyO3/a2db31888d28c058a1f266799382726c/Bosch_Paar_quadrat_final_rgb.jpg",
      "details": {
        "size": 5016994,
        "image": {
          "width": 3633,
          "height": 3632
        }
      },
      "fileName": "Bosch_Paar_quadrat_final_rgb.jpg",
      "contentType": "image/jpeg"
    }
  },
  "caption": "Example Person 2"
}

Example Person 2