website: update samples

docs/samples/index.html

@@ -110,7 +110,7 @@ hills.
     <img src="img/05.png" srcset="img/05@2x.png 2x" width="888">
     <img src="img/sfs-pid-30.png" srcset="img/sfs-pid-30@2x.png 2x" width="888">
     
-    <img class="im640 poster" src="img/poster-regular.png" srcset="img/poster-regular@2x.png 2x" width="640">
+    <!-- <img class="im640 poster" src="img/poster-regular.png" srcset="img/poster-regular@2x.png 2x" width="640" height="800">
     <img class="im640 poster" src="img/poster-medium.png" srcset="img/poster-medium@2x.png 2x" width="640" height="800">
     <img class="im640 poster" src="img/poster-semi-bold.png" srcset="img/poster-semi-bold@2x.png 2x" width="640" height="800">
     <img class="im640 poster" src="img/poster-bold.png" srcset="img/poster-bold@2x.png 2x" width="640" height="800">
@@ -118,7 +118,17 @@ hills.
     <img class="im640 poster" src="img/poster-black.png" srcset="img/poster-black@2x.png 2x" width="640" height="800">
     <img class="im640 poster" src="img/poster-melvetica.png" srcset="img/poster-melvetica@2x.png 2x" width="640" height="800">
     <img class="im640 poster" src="img/poster-semi-bold-2.png" srcset="img/poster-semi-bold-2@2x.png 2x" width="640" height="800">
-    <img class="im640 poster" src="img/poster-extra-bold-2.png" srcset="img/poster-extra-bold-2@2x.png 2x" width="640" height="800">
+    <img class="im640 poster" src="img/poster-extra-bold-2.png" srcset="img/poster-extra-bold-2@2x.png 2x" width="640" height="800"> -->
+
+    <img src="img/framed-poster-regular.png" srcset="img/framed-poster-regular@2x.png 2x" width="888" height="888">
+    <img src="img/framed-poster-medium.png" srcset="img/framed-poster-medium@2x.png 2x" width="888" height="888">
+    <img src="img/framed-poster-semi-bold.png" srcset="img/framed-poster-semi-bold@2x.png 2x" width="888" height="888">
+    <img src="img/framed-poster-bold.png" srcset="img/framed-poster-bold@2x.png 2x" width="888" height="888">
+    <img src="img/framed-poster-extra-bold.png" srcset="img/framed-poster-extra-bold@2x.png 2x" width="888" height="888">
+    <img src="img/framed-poster-black.png" srcset="img/framed-poster-black@2x.png 2x" width="888" height="888">
+    <img src="img/framed-poster-melvetica.png" srcset="img/framed-poster-melvetica@2x.png 2x" width="888" height="888">
+    <img src="img/framed-poster-semi-bold-2.png" srcset="img/framed-poster-semi-bold-2@2x.png 2x" width="888" height="888">
+    <img src="img/framed-poster-extra-bold-2.png" srcset="img/framed-poster-extra-bold-2@2x.png 2x" width="888" height="888">
     
     <img src="img/dark-phone.jpg" srcset="img/dark-phone@2x.jpg 2x" width="888">
     <img src="img/06.png" srcset="img/06@2x.png 2x" width="888">