Skip to content

Instantly share code, notes, and snippets.

@amitabhaghosh197

amitabhaghosh197/gist:59655a93416f5efec7d29248097c0a7e

Forked from kldkv/gist:455a0adf81d91ad04f84c91e4af28ed6
Created May 24, 2018 17:15
Show Gist options
  • Save amitabhaghosh197/59655a93416f5efec7d29248097c0a7e to your computer and use it in GitHub Desktop.
Save amitabhaghosh197/59655a93416f5efec7d29248097c0a7e to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. @kldkv kldkv revised this gist Dec 10, 2017. 1 changed file with 7 additions and 1 deletion.
    8 changes: 7 additions & 1 deletion gistfile1.html
    View file
    Original file line number Diff line number Diff line change
    @@ -36,4 +36,10 @@
    opera-closeup-1200.jpg 1200w,
    opera-closeup-1600.jpg 1600w,
    opera-closeup-2000.jpg 2000w">
    </picture>
    </picture>
    //
    <picture>
    <source media="(min-resolution: 288dpi)" srcset="{{item[0]}}">
    <source media="(min-resolution: 144dpi)" srcset="{{item[1]}}">
    <img class="latest-work__image" src="{{item[2]}}" alt="Photo" width="125">
    </picture>
  2. @kldkv kldkv renamed this gist Dec 10, 2017. 1 changed file with 0 additions and 0 deletions.
    0 gistfile1.txt → gistfile1.html
    View file
    File renamed without changes.
  3. @kldkv kldkv created this gist Dec 10, 2017.
    39 changes: 39 additions & 0 deletions gistfile1.txt
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,39 @@
    <picture>
    <source
    media="(min-width: 1280px)"
    sizes="50vw"
    srcset="opera-fullshot-200.webp 200w,
    opera-fullshot-400.webp 400w,
    opera-fullshot-800.webp 800w,
    opera-fullshot-1200.webp 1200w,
    opera-fullshot-1600.webp 1600w,
    opera-fullshot-2000.webp 2000w"
    type="image/webp">
    <source
    sizes="(min-width: 640px) 60vw, 100vw"
    srcset="opera-closeup-200.webp 200w,
    opera-closeup-400.webp 400w,
    opera-closeup-800.webp 800w,
    opera-closeup-1200.webp 1200w,
    opera-closeup-1600.webp 1600w,
    opera-closeup-2000.webp 2000w"
    type="image/webp">
    <source
    media="(min-width: 1280px)"
    sizes="50vw"
    srcset="opera-fullshot-200.jpg 200w,
    opera-fullshot-400.jpg 400w,
    opera-fullshot-800.jpg 800w,
    opera-fullshot-1200.jpg 1200w,
    opera-fullshot-1600.jpg 1800w,
    opera-fullshot-2000.jpg 2000w">
    <img
    src="opera-closeup-400.jpg" alt="The Oslo Opera House"
    sizes="(min-width: 640px) 60vw, 100vw"
    srcset="opera-closeup-200.jpg 200w,
    400w,
    opera-closeup-800.jpg 800w,
    opera-closeup-1200.jpg 1200w,
    opera-closeup-1600.jpg 1600w,
    opera-closeup-2000.jpg 2000w">
    </picture>