updated content

author/harry/index.html

@@ -8,10 +8,10 @@
     <meta name="HandheldFriendly" content="True" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
-    <link rel="preload" as="style" href="/assets/built/screen.css@v=468e4da585.css" />
-    <link rel="preload" as="script" href="/assets/built/casper.js@v=468e4da585" />
+    <link rel="preload" as="style" href="/assets/built/screen.css@v=c34a884cee.css" />
+    <link rel="preload" as="script" href="/assets/built/casper.js@v=c34a884cee" />
 
-    <link rel="stylesheet" type="text/css" href="/assets/built/screen.css@v=468e4da585.css" />
+    <link rel="stylesheet" type="text/css" href="/assets/built/screen.css@v=c34a884cee.css" />
 
     <link rel="icon" href="https://blog.verygoodgraphics.com/content/images/size/w256h256/2024/01/logo_256.png" type="image/png">
     <link rel="canonical" href="https://blog.verygoodgraphics.com/author/harry/">
@@ -44,8 +44,8 @@
     <script defer src="https://cdn.jsdelivr.net/ghost/sodo-search@~1.1/umd/sodo-search.min.js" data-key="5b21f22d7f61ed01b868f7ae47" data-styles="https://cdn.jsdelivr.net/ghost/sodo-search@~1.1/umd/main.css" data-sodo-search="https://blog.verygoodgraphics.com/" crossorigin="anonymous"></script>
 
     <link href="https://blog.verygoodgraphics.com/webmentions/receive/" rel="webmention">
-    <script defer src="/public/cards.min.js@v=468e4da585"></script>
-    <link rel="stylesheet" type="text/css" href="/public/cards.min.css@v=468e4da585.css">
+    <script defer src="/public/cards.min.js@v=c34a884cee"></script>
+    <link rel="stylesheet" type="text/css" href="/public/cards.min.css@v=c34a884cee.css">
     <script defer data-domain="blog.verygoodgraphics.com" src="https://t.vgg.cool/js/script.js"></script><style>:root {--ghost-accent-color: #FF1A75;}</style>
 
 </head>
@@ -110,6 +110,32 @@ <h2 class="post-card-title">Harry</h2>
         </section>
 
 
+<article class="post-card post tag-news no-image">
+
+
+    <div class="post-card-content">
+
+        <a class="post-card-content-link" href="/posts/vgg-1-0-beta-released/">
+            <header class="post-card-header">
+                <div class="post-card-tags">
+                        <span class="post-card-primary-tag">News</span>
+                </div>
+                <h2 class="post-card-title">
+                    VGG 1.0 beta
+                </h2>
+            </header>
+                <div class="post-card-excerpt">We are happy to announce that VGG 1.0 beta has been released.</div>
+        </a>
+
+        <footer class="post-card-meta">
+            <time class="post-card-meta-date" datetime="2024-03-29">Mar 29, 2024</time>
+                <span class="post-card-meta-length">1 min read</span>
+        </footer>
+
+    </div>
+
+</article>
+
 <article class="post-card post tag-vgg featured">
 
     <a class="post-card-image-link" href="/posts/intro-vgg/">
@@ -193,7 +219,7 @@ <h2 class="post-card-title">
     integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
     crossorigin="anonymous">
 </script>
-<script src="/assets/built/casper.js@v=468e4da585"></script>
+<script src="/assets/built/casper.js@v=c34a884cee"></script>
 <script>
 $(document).ready(function () {
     // Mobile Menu Trigger

author/lunn/index.html

@@ -8,10 +8,10 @@
     <meta name="HandheldFriendly" content="True" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
-    <link rel="preload" as="style" href="/assets/built/screen.css@v=468e4da585.css" />
-    <link rel="preload" as="script" href="/assets/built/casper.js@v=468e4da585" />
+    <link rel="preload" as="style" href="/assets/built/screen.css@v=c34a884cee.css" />
+    <link rel="preload" as="script" href="/assets/built/casper.js@v=c34a884cee" />
 
-    <link rel="stylesheet" type="text/css" href="/assets/built/screen.css@v=468e4da585.css" />
+    <link rel="stylesheet" type="text/css" href="/assets/built/screen.css@v=c34a884cee.css" />
 
     <link rel="icon" href="https://blog.verygoodgraphics.com/content/images/size/w256h256/2024/01/logo_256.png" type="image/png">
     <link rel="canonical" href="https://blog.verygoodgraphics.com/author/lunn/">
@@ -44,8 +44,8 @@
     <script defer src="https://cdn.jsdelivr.net/ghost/sodo-search@~1.1/umd/sodo-search.min.js" data-key="5b21f22d7f61ed01b868f7ae47" data-styles="https://cdn.jsdelivr.net/ghost/sodo-search@~1.1/umd/main.css" data-sodo-search="https://blog.verygoodgraphics.com/" crossorigin="anonymous"></script>
 
     <link href="https://blog.verygoodgraphics.com/webmentions/receive/" rel="webmention">
-    <script defer src="/public/cards.min.js@v=468e4da585"></script>
-    <link rel="stylesheet" type="text/css" href="/public/cards.min.css@v=468e4da585.css">
+    <script defer src="/public/cards.min.js@v=c34a884cee"></script>
+    <link rel="stylesheet" type="text/css" href="/public/cards.min.css@v=c34a884cee.css">
     <script defer data-domain="blog.verygoodgraphics.com" src="https://t.vgg.cool/js/script.js"></script><style>:root {--ghost-accent-color: #FF1A75;}</style>
 
 </head>
@@ -110,6 +110,52 @@ <h2 class="post-card-title">Lunn</h2>
         </section>
 
 
+<article class="post-card post tag-design">
+
+    <a class="post-card-image-link" href="/posts/rounded-shapes/">
+
+        <img class="post-card-image"
+            srcset="/content/images/size/w300/2024/01/daniels-joffe--SmCKTIcH5E-unsplash.jpg 300w,
+                    /content/images/size/w600/2024/01/daniels-joffe--SmCKTIcH5E-unsplash.jpg 600w,
+                    /content/images/size/w1000/2024/01/daniels-joffe--SmCKTIcH5E-unsplash.jpg 1000w,
+                    /content/images/size/w2000/2024/01/daniels-joffe--SmCKTIcH5E-unsplash.jpg 2000w"
+            sizes="(max-width: 1000px) 400px, 800px"
+            src="/content/images/size/w600/2024/01/daniels-joffe--SmCKTIcH5E-unsplash.jpg"
+            alt="Rounded shapes are everywhere"
+            loading="lazy"
+        />
+
+
+    </a>
+
+    <div class="post-card-content">
+
+        <a class="post-card-content-link" href="/posts/rounded-shapes/">
+            <header class="post-card-header">
+                <div class="post-card-tags">
+                        <span class="post-card-primary-tag">Design</span>
+                </div>
+                <h2 class="post-card-title">
+                    Rounded shapes are everywhere
+                </h2>
+            </header>
+                <div class="post-card-excerpt">In this article, we discuss the importance of rounded corners in design and compare the relevant capabilities of the major design tools.
+
+
+The birth of the rounded rectangle
+
+There is a true story about how the rounded rectangle came to be. As the story goes, it was Steve Jobs who</div>
+        </a>
+
+        <footer class="post-card-meta">
+            <time class="post-card-meta-date" datetime="2024-01-19">Jan 19, 2024</time>
+                <span class="post-card-meta-length">5 min read</span>
+        </footer>
+
+    </div>
+
+</article>
+
 <article class="post-card post tag-svg tag-vector-graphics">
 
     <a class="post-card-image-link" href="/posts/svgs-era-comes-to-an-end/">
@@ -189,7 +235,7 @@ <h2 class="post-card-title">
     integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
     crossorigin="anonymous">
 </script>
-<script src="/assets/built/casper.js@v=468e4da585"></script>
+<script src="/assets/built/casper.js@v=c34a884cee"></script>
 <script>
 $(document).ready(function () {
     // Mobile Menu Trigger

index.html

@@ -8,10 +8,10 @@
     <meta name="HandheldFriendly" content="True" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
-    <link rel="preload" as="style" href="/assets/built/screen.css@v=468e4da585.css" />
-    <link rel="preload" as="script" href="/assets/built/casper.js@v=468e4da585" />
+    <link rel="preload" as="style" href="/assets/built/screen.css@v=c34a884cee.css" />
+    <link rel="preload" as="script" href="/assets/built/casper.js@v=c34a884cee" />
 
-    <link rel="stylesheet" type="text/css" href="/assets/built/screen.css@v=468e4da585.css" />
+    <link rel="stylesheet" type="text/css" href="/assets/built/screen.css@v=c34a884cee.css" />
 
     <meta name="description" content="A blog about vector graphics, design and UI techniques">
     <link rel="icon" href="https://blog.verygoodgraphics.com/content/images/size/w256h256/2024/01/logo_256.png" type="image/png">
@@ -31,6 +31,8 @@
     <meta name="twitter:url" content="https://blog.verygoodgraphics.com/">
     <meta name="twitter:image" content="https://static.ghost.org/v5.0.0/images/publication-cover.jpg">
     <meta name="twitter:site" content="@VGG_Design">
+    <meta property="og:image:width" content="5000">
+    <meta property="og:image:height" content="3500">
 
     <script type="application/ld+json">
 {
@@ -50,7 +52,9 @@
     "url": "https://blog.verygoodgraphics.com/",
     "image": {
         "@type": "ImageObject",
-        "url": "https://static.ghost.org/v5.0.0/images/publication-cover.jpg"
+        "url": "https://static.ghost.org/v5.0.0/images/publication-cover.jpg",
+        "width": 5000,
+        "height": 3500
     },
     "mainEntityOfPage": "https://blog.verygoodgraphics.com/",
     "description": "A blog about vector graphics, design and UI techniques"
@@ -63,8 +67,8 @@
     <script defer src="https://cdn.jsdelivr.net/ghost/sodo-search@~1.1/umd/sodo-search.min.js" data-key="5b21f22d7f61ed01b868f7ae47" data-styles="https://cdn.jsdelivr.net/ghost/sodo-search@~1.1/umd/main.css" data-sodo-search="https://blog.verygoodgraphics.com/" crossorigin="anonymous"></script>
 
     <link href="https://blog.verygoodgraphics.com/webmentions/receive/" rel="webmention">
-    <script defer src="/public/cards.min.js@v=468e4da585"></script>
-    <link rel="stylesheet" type="text/css" href="/public/cards.min.css@v=468e4da585.css">
+    <script defer src="/public/cards.min.js@v=c34a884cee"></script>
+    <link rel="stylesheet" type="text/css" href="/public/cards.min.css@v=c34a884cee.css">
     <script defer data-domain="blog.verygoodgraphics.com" src="https://t.vgg.cool/js/script.js"></script><style>:root {--ghost-accent-color: #FF1A75;}</style>
 
 </head>
@@ -123,7 +127,79 @@
 
     <div class="post-feed">
 
-<article class="post-card post tag-svg tag-vector-graphics post-card-large">
+<article class="post-card post tag-news no-image post-card-large">
+
+
+    <div class="post-card-content">
+
+        <a class="post-card-content-link" href="/posts/vgg-1-0-beta-released/">
+            <header class="post-card-header">
+                <div class="post-card-tags">
+                        <span class="post-card-primary-tag">News</span>
+                </div>
+                <h2 class="post-card-title">
+                    VGG 1.0 beta
+                </h2>
+            </header>
+                <div class="post-card-excerpt">We are happy to announce that VGG 1.0 beta has been released.</div>
+        </a>
+
+        <footer class="post-card-meta">
+            <time class="post-card-meta-date" datetime="2024-03-29">Mar 29, 2024</time>
+                <span class="post-card-meta-length">1 min read</span>
+        </footer>
+
+    </div>
+
+</article>
+
+<article class="post-card post tag-design dynamic">
+
+    <a class="post-card-image-link" href="/posts/rounded-shapes/">
+
+        <img class="post-card-image"
+            srcset="/content/images/size/w300/2024/01/daniels-joffe--SmCKTIcH5E-unsplash.jpg 300w,
+                    /content/images/size/w600/2024/01/daniels-joffe--SmCKTIcH5E-unsplash.jpg 600w,
+                    /content/images/size/w1000/2024/01/daniels-joffe--SmCKTIcH5E-unsplash.jpg 1000w,
+                    /content/images/size/w2000/2024/01/daniels-joffe--SmCKTIcH5E-unsplash.jpg 2000w"
+            sizes="(max-width: 1000px) 400px, 800px"
+            src="/content/images/size/w600/2024/01/daniels-joffe--SmCKTIcH5E-unsplash.jpg"
+            alt="Rounded shapes are everywhere"
+            loading="lazy"
+        />
+
+
+    </a>
+
+    <div class="post-card-content">
+
+        <a class="post-card-content-link" href="/posts/rounded-shapes/">
+            <header class="post-card-header">
+                <div class="post-card-tags">
+                        <span class="post-card-primary-tag">Design</span>
+                </div>
+                <h2 class="post-card-title">
+                    Rounded shapes are everywhere
+                </h2>
+            </header>
+                <div class="post-card-excerpt">In this article, we discuss the importance of rounded corners in design and compare the relevant capabilities of the major design tools.
+
+
+The birth of the rounded rectangle
+
+There is a true story about how the rounded rectangle came to be. As the story goes, it was Steve Jobs who</div>
+        </a>
+
+        <footer class="post-card-meta">
+            <time class="post-card-meta-date" datetime="2024-01-19">Jan 19, 2024</time>
+                <span class="post-card-meta-length">5 min read</span>
+        </footer>
+
+    </div>
+
+</article>
+
+<article class="post-card post tag-svg tag-vector-graphics dynamic">
 
     <a class="post-card-image-link" href="/posts/svgs-era-comes-to-an-end/">
 
@@ -166,7 +242,7 @@ <h2 class="post-card-title">
 
 </article>
 
-<article class="post-card post tag-vgg featured dynamic">
+<article class="post-card post tag-vgg featured">
 
     <a class="post-card-image-link" href="/posts/intro-vgg/">
 
@@ -248,7 +324,7 @@ <h2 class="post-card-title">
     integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
     crossorigin="anonymous">
 </script>
-<script src="/assets/built/casper.js@v=468e4da585"></script>
+<script src="/assets/built/casper.js@v=c34a884cee"></script>
 <script>
 $(document).ready(function () {
     // Mobile Menu Trigger