1 files changed, 88 insertions, 0 deletions
diff --git a/addons/website/static/src/img/snippets_thumbs/s_timeline.svg b/addons/website/static/src/img/snippets_thumbs/s_timeline.svg
new file mode 100644
index 00000000..d66bf71e
--- /dev/null
+++ b/addons/website/static/src/img/snippets_thumbs/s_timeline.svg
@@ -0,0 +1,88 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="82" height="60" viewBox="0 0 82 60">
+  <defs>
+    <rect id="path-1" width="10" height="2" x="4" y="25"/>
+    <filter id="filter-2" width="110%" height="200%" x="-5%" y="-25%" filterUnits="objectBoundingBox">
+      <feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
+      <feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
+      <feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1   0 0 0 0 1   0 0 0 0 1  0 0 0 0.292012675 0"/>
+    </filter>
+    <rect id="path-3" width="13" height="2" x="1" y="1"/>
+    <filter id="filter-4" width="107.7%" height="200%" x="-3.8%" y="-25%" filterUnits="objectBoundingBox">
+      <feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
+      <feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
+      <feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1   0 0 0 0 1   0 0 0 0 1  0 0 0 0.292012675 0"/>
+    </filter>
+    <path id="path-5" d="M14 33v1H3v-1h11zm0-3v1H0v-1h14z"/>
+    <filter id="filter-6" width="107.1%" height="150%" x="-3.6%" y="-12.5%" filterUnits="objectBoundingBox">
+      <feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
+      <feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
+      <feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1   0 0 0 0 1   0 0 0 0 1  0 0 0 0.0995137675 0"/>
+    </filter>
+    <path id="path-7" d="M37 21v1h-7v-1h7zm7-3v1H30v-1h14z"/>
+    <filter id="filter-8" width="107.1%" height="150%" x="-3.6%" y="-12.5%" filterUnits="objectBoundingBox">
+      <feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
+      <feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
+      <feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1   0 0 0 0 1   0 0 0 0 1  0 0 0 0.0995137675 0"/>
+    </filter>
+    <rect id="path-9" width="16" height="2" x="30" y="13"/>
+    <filter id="filter-10" width="106.2%" height="200%" x="-3.1%" y="-25%" filterUnits="objectBoundingBox">
+      <feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
+      <feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
+      <feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1   0 0 0 0 1   0 0 0 0 1  0 0 0 0.292012675 0"/>
+    </filter>
+    <rect id="path-11" width="1" height="34" x="22" y="0"/>
+    <filter id="filter-12" width="200%" height="105.9%" x="-50%" y="-1.5%" filterUnits="objectBoundingBox">
+      <feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
+      <feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
+      <feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1   0 0 0 0 1   0 0 0 0 1  0 0 0 0.0995137675 0"/>
+    </filter>
+    <path id="path-13" d="M14 9v1H4V9h10zm0-3v1H4V6h10z"/>
+    <filter id="filter-14" width="110%" height="150%" x="-5%" y="-12.5%" filterUnits="objectBoundingBox">
+      <feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
+      <feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
+      <feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1   0 0 0 0 1   0 0 0 0 1  0 0 0 0.0995137675 0"/>
+    </filter>
+    <linearGradient id="linearGradient-15" x1="0%" x2="100%" y1="0%" y2="100%">
+      <stop offset="0%" stop-color="#00A09D"/>
+      <stop offset="100%" stop-color="#00E2FF"/>
+    </linearGradient>
+  </defs>
+  <g fill="none" fill-rule="evenodd" class="snippets_thumbs">
+    <g class="s_timeline">
+      <rect width="82" height="60" class="bg"/>
+      <g class="group" transform="translate(18 13)">
+        <g class="rectangle">
+          <use fill="#000" filter="url(#filter-2)" xlink:href="#path-1"/>
+          <use fill="#FFF" fill-opacity=".78" xlink:href="#path-1"/>
+        </g>
+        <g class="rectangle">
+          <use fill="#000" filter="url(#filter-4)" xlink:href="#path-3"/>
+          <use fill="#FFF" fill-opacity=".78" xlink:href="#path-3"/>
+        </g>
+        <g class="combined_shape">
+          <use fill="#000" filter="url(#filter-6)" xlink:href="#path-5"/>
+          <use fill="#FFF" fill-opacity=".348" xlink:href="#path-5"/>
+        </g>
+        <g class="combined_shape">
+          <use fill="#000" filter="url(#filter-8)" xlink:href="#path-7"/>
+          <use fill="#FFF" fill-opacity=".348" xlink:href="#path-7"/>
+        </g>
+        <g class="rectangle">
+          <use fill="#000" filter="url(#filter-10)" xlink:href="#path-9"/>
+          <use fill="#FFF" fill-opacity=".78" xlink:href="#path-9"/>
+        </g>
+        <g class="rectangle">
+          <use fill="#000" filter="url(#filter-12)" xlink:href="#path-11"/>
+          <use fill="#FFF" fill-opacity=".348" xlink:href="#path-11"/>
+        </g>
+        <g class="combined_shape">
+          <use fill="#000" filter="url(#filter-14)" xlink:href="#path-13"/>
+          <use fill="#FFF" fill-opacity=".348" xlink:href="#path-13"/>
+        </g>
+        <circle cx="22.5" cy="2.5" r="2.5" fill="url(#linearGradient-15)" class="oval"/>
+        <circle cx="22.5" cy="14.5" r="2.5" fill="url(#linearGradient-15)" class="oval"/>
+        <circle cx="22.5" cy="26.5" r="2.5" fill="url(#linearGradient-15)" class="oval"/>
+      </g>
+    </g>
+  </g>
+</svg>