Add new screenshots

v1ack · Mar 30, 2021 · d29b84d · d29b84d
1 parent f4a776c
commit d29b84d
Show file tree

Hide file tree

Showing 8 changed files with 25 additions and 9 deletions.
diff --git a/docsview.svg b/docsview.svg
diff --git a/index.html b/index.html
@@ -40,8 +40,8 @@ <h3 class="uk-card-title"><span class="uk-link-heading">Watchface editor</span><
                 </a>
                 <a class="uk-link-toggle" href="https://v1ack.github.io/pdfview/">
                     <div class="uk-card uk-card-default uk-card-hover">
-                        <div class="uk-card-media-top">
-                            <img src="pdfview.png" alt="">
+                        <div class="uk-card-media-top" style="padding: 20px; background: deepskyblue;">
+                            <img src="docsview.svg" alt="" style="max-height: 250px; position: relative; left: 50%; transform: translateX(-50%);">
                         </div>
                         <div class="uk-card-body">
                             <h3 class="uk-card-title"><span class="uk-link-heading">Docs View (PDFview)</span></h3>

diff --git a/pdfview/index.html b/pdfview/index.html
@@ -17,6 +17,16 @@
     <meta name="theme-color" content="#ffffff">
     <link href="../assets/uikit/uikit.min.css" rel="stylesheet">
     <script src="../assets/uikit/uikit.min.js"></script>
+    <style>
+        .uk-slider-items img {
+            border-radius: 20px;
+            box-shadow: 0 0 14px 2px #00000057;
+            box-sizing: border-box;
+        }
+        .uk-slider-items .uk-panel {
+            padding: 16px;
+        }
+    </style>
 </head>
 
 <body class="uk-section uk-section-default">
@@ -34,38 +44,43 @@ <h1 class="uk-heading-large uk-margin-large">Docs View</h1>
     <div class="uk-flex">
         <div>
             <p style="margin: 0">Docs View</p>
-            <a href="https://galaxy.store/docview"><img
+            <a href="https://galaxy.store/docview" style="opacity: 0.5;" class="uk-disabled"><img
                     src="https://img.samsungapps.com/seller/images/badges/galaxyStore/png_big/GalaxyStore_English.png"
                     alt="Available on Samsung Galaxy Store" style="max-width: 100%; height: auto; width: 180px;"></a>
         </div>
         <div class="uk-margin-left">
-            <p style="margin: 0">Docs View</p>
+            <p style="margin: 0">Docs View demo</p>
             <a href="https://galaxy.store/docviewd"><img
                     src="https://img.samsungapps.com/seller/images/badges/galaxyStore/png_big/GalaxyStore_English.png"
                     alt="Available on Samsung Galaxy Store" style="max-width: 100%; height: auto; width: 180px;"></a>
         </div>
     </div>
     <h2>Screenshots</h2>
     <div class="uk-position-relative uk-visible-toggle uk-light" tabindex="-1" uk-slider="autoplay: true;">
-        <ul class="uk-slider-items uk-child-width-1-2 uk-child-width-1-3@m uk-grid">
+        <ul class="uk-slider-items uk-child-width-1-2 uk-child-width-1-3@s uk-child-width-1-4@m ">
+            <li>
+                <div class="uk-panel">
+                    <img src="screenshots/promo_open_pdf@2x.jpg" alt="">
+                </div>
+            </li>
             <li>
                 <div class="uk-panel">
-                    <img src="screenshots/1.png" alt="">
+                    <img src="screenshots/promo_different_formats@2x.jpg" alt="">
                 </div>
             </li>
             <li>
                 <div class="uk-panel">
-                    <img src="screenshots/2.png" alt="">
+                    <img src="screenshots/promo_md_third@2x.jpg" alt="">
                 </div>
             </li>
             <li>
                 <div class="uk-panel">
-                    <img src="screenshots/3.png" alt="">
+                    <img src="screenshots/promo_send@2x.jpg" alt="">
                 </div>
             </li>
             <li>
                 <div class="uk-panel">
-                    <img src="screenshots/4.png" alt="">
+                    <img src="screenshots/promo_demo@2x.jpg" alt="">
                 </div>
             </li>
         </ul>

diff --git a/pdfview/screenshots/promo_demo@2x.jpg b/pdfview/screenshots/promo_demo@2x.jpg
diff --git a/pdfview/screenshots/promo_different_formats@2x.jpg b/pdfview/screenshots/promo_different_formats@2x.jpg
diff --git a/pdfview/screenshots/promo_md_third@2x.jpg b/pdfview/screenshots/promo_md_third@2x.jpg
diff --git a/pdfview/screenshots/promo_open_pdf@2x.jpg b/pdfview/screenshots/promo_open_pdf@2x.jpg
diff --git a/pdfview/screenshots/promo_send@2x.jpg b/pdfview/screenshots/promo_send@2x.jpg