Adding more screenshots to premium archive blog. +terraform

This commit is contained in:
Samuel Clay 2022-06-23 12:57:46 -04:00
parent 9848bb5051
commit 50a53eada2
12 changed files with 79 additions and 15 deletions

View file

@ -15,7 +15,11 @@ The Premium Archive subscription offers you the following:
* <img src="/assets/icons8/icons8-rss-100.png" style="width: 16px;margin: 0 6px 0 0;display: inline-block;"> Export trained stories from folders as RSS feeds
* <img src="/assets/icons8/icons8-calendar-100.png" style="width: 16px;margin: 0 6px 0 0;display: inline-block;"> Stories can stay unread forever
The launch of this new subscription tier also includes the 2022 redesign, which includes a new dashboard and a whole lot of new icons.
A note about the backfilling of your archive. NewsBlur uses two techniques to retrieve older stories that are no longer in the RSS feed. The first strategy is to append `?page=2` and `?paged=2` to the RSS feed and seeing if we're about to blindly iterate through the blog's archive. For WordPress and a few other CMSs, this works great and gives us a full archive. A second technique is to use RFC 5005, which supports links embedded inside the RSS feed to denote next and previous pages of an archive.
NewsBlur attempts all of these techniques on every single feed you've subscribed to, and when it's done backfilling stories, you'll receive an email showing you how big your archive grew during this backfill process.
The launch of this new subscription tier also includes the 2022 redesign. You'll see a third dashboard layout which stretches out your dashboard rivers across the width of the screen. You may recognize this view from the iPad's 3 column layout.
<img src="/assets/premium-archive-dashboard-comfortable.png" style="width: calc(140%);margin: 12px 0 12px calc(-20%);max-width: none;border: none">
@ -25,6 +29,18 @@ The latest redesign style has more accomodations for spacing and padding around
The compact interface is denser than before, giving power users a highly detailed view. Transitions have also been added to help you feel the difference.
If you find the interface to be too airy, there is a setting in the main Manage menu allowing you to switch between Comfortable and Compact. Notice all of those new icons.
If you find the interface to be too airy, there is a setting in the main Manage menu allowing you to switch between Comfortable and Compact.
<img src="/assets/premium-archive-manage-menu.png" style="width: 375px;border: 1px solid #A0A0A0;margin: 24px auto;display: block;">
And lastly, this redesign comes with a suite of all new icons. The goal with this icon redesign is to bring a consistent weight to each icon as well as vectorize them with SVG so they look good at all resolutions.
<img src="/assets/premium-archive-manage-menu.png" style="width: 275px;border: 1px solid #A0A0A0;margin: 24px auto;display: block;">
A notable icon change is the unread indicator, which now has different size icons for both unread stories and focus stories, giving focus stories more depth.
<img src="/assets/premium-archive-unread-dark.png" style="width: 375px;border: 1px solid #A0A0A0;margin: 24px auto;display: block;">
Here's a screenshot that's only possible with the new premium archive, complete with backfilled blog post from the year 2000, ready to be marked as unread.
<img src="/assets/premium-archive-unread.png" style="width: 100%;border: 1px solid #A0A0A0;margin: 24px auto;display: block;">
I tried to find every icon, so if you spot a dialog or menu that you'd like to see given some more love, reach out on the support forum.

View file

@ -86,7 +86,11 @@
<li><img src="/assets/icons8/icons8-calendar-100.png" style="width: 16px;margin: 0 6px 0 0;display: inline-block;" /> Stories can stay unread forever</li>
</ul>
<p>The launch of this new subscription tier also includes the 2022 redesign, which includes a new dashboard and a whole lot of new icons.</p>
<p>A note about the backfilling of your archive. NewsBlur uses two techniques to retrieve older stories that are no longer in the RSS feed. The first strategy is to append <code class="language-plaintext highlighter-rouge">?page=2</code> and <code class="language-plaintext highlighter-rouge">?paged=2</code> to the RSS feed and seeing if were about to blindly iterate through the blogs archive. For WordPress and a few other CMSs, this works great and gives us a full archive. A second technique is to use RFC 5005, which supports links embedded inside the RSS feed to denote next and previous pages of an archive.</p>
<p>NewsBlur attempts all of these techniques on every single feed youve subscribed to, and when its done backfilling stories, youll receive an email showing you how big your archive grew during this backfill process.</p>
<p>The launch of this new subscription tier also includes the 2022 redesign. Youll see a third dashboard layout which stretches out your dashboard rivers across the width of the screen. You may recognize this view from the iPads 3 column layout.</p>
<p><img src="/assets/premium-archive-dashboard-comfortable.png" style="width: calc(140%);margin: 12px 0 12px calc(-20%);max-width: none;border: none" /></p>
@ -96,9 +100,21 @@
<p>The compact interface is denser than before, giving power users a highly detailed view. Transitions have also been added to help you feel the difference.</p>
<p>If you find the interface to be too airy, there is a setting in the main Manage menu allowing you to switch between Comfortable and Compact. Notice all of those new icons.</p>
<p>If you find the interface to be too airy, there is a setting in the main Manage menu allowing you to switch between Comfortable and Compact.</p>
<p><img src="/assets/premium-archive-manage-menu.png" style="width: 375px;border: 1px solid #A0A0A0;margin: 24px auto;display: block;" /></p>
<p>And lastly, this redesign comes with a suite of all new icons. The goal with this icon redesign is to bring a consistent weight to each icon as well as vectorize them with SVG so they look good at all resolutions.</p>
<p><img src="/assets/premium-archive-manage-menu.png" style="width: 275px;border: 1px solid #A0A0A0;margin: 24px auto;display: block;" /></p>
<p>A notable icon change is the unread indicator, which now has different size icons for both unread stories and focus stories, giving focus stories more depth.</p>
<p><img src="/assets/premium-archive-unread-dark.png" style="width: 375px;border: 1px solid #A0A0A0;margin: 24px auto;display: block;" /></p>
<p>Heres a screenshot thats only possible with the new premium archive, complete with backfilled blog post from the year 2000, ready to be marked as unread.</p>
<p><img src="/assets/premium-archive-unread.png" style="width: 100%;border: 1px solid #A0A0A0;margin: 24px auto;display: block;" /></p>
<p>I tried to find every icon, so if you spot a dialog or menu that youd like to see given some more love, reach out on the support forum.</p>
</div><a class="u-url" href="/2022/06/22/premium-archive-subscription/" hidden></a>
</article>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.8 MiB

After

Width:  |  Height:  |  Size: 3.2 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 334 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 880 KiB

View file

@ -1,4 +1,4 @@
<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="4.2.0">Jekyll</generator><link href="https://blog.newsblur.com/feed.xml" rel="self" type="application/atom+xml" /><link href="https://blog.newsblur.com/" rel="alternate" type="text/html" /><updated>2022-06-21T10:24:45-04:00</updated><id>https://blog.newsblur.com/feed.xml</id><title type="html">The NewsBlur Blog</title><subtitle>NewsBlur is a personal news reader that brings people together to talk about the world.
<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="4.2.0">Jekyll</generator><link href="https://blog.newsblur.com/feed.xml" rel="self" type="application/atom+xml" /><link href="https://blog.newsblur.com/" rel="alternate" type="text/html" /><updated>2022-06-23T12:55:54-04:00</updated><id>https://blog.newsblur.com/feed.xml</id><title type="html">The NewsBlur Blog</title><subtitle>NewsBlur is a personal news reader that brings people together to talk about the world.
A new sound of an old instrument.
</subtitle><entry><title type="html">Premium Archive subscription keeps all of your stories searchable, shareable, and unread forever</title><link href="https://blog.newsblur.com/2022/06/22/premium-archive-subscription/" rel="alternate" type="text/html" title="Premium Archive subscription keeps all of your stories searchable, shareable, and unread forever" /><published>2022-06-22T00:00:00-04:00</published><updated>2022-06-22T00:00:00-04:00</updated><id>https://blog.newsblur.com/2022/06/22/premium-archive-subscription</id><content type="html" xml:base="https://blog.newsblur.com/2022/06/22/premium-archive-subscription/">&lt;p&gt;Theres a new premium tier and its called the NewsBlur Premium Archive subscription. For $99/year, every story from every site you subscribe to will stay in NewsBlurs archive. This premium tier also allows you to mark any story as unread as well as choose when stories are automatically marked as read. You can now have full control of your story archive, letting you search, share, and read stories forever without having to worry about them being deleted.&lt;/p&gt;
@ -13,7 +13,11 @@ A new sound of an old instrument.
&lt;li&gt;&lt;img src=&quot;/assets/icons8/icons8-calendar-100.png&quot; style=&quot;width: 16px;margin: 0 6px 0 0;display: inline-block;&quot; /&gt; Stories can stay unread forever&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;The launch of this new subscription tier also includes the 2022 redesign, which includes a new dashboard and a whole lot of new icons.&lt;/p&gt;
&lt;p&gt;A note about the backfilling of your archive. NewsBlur uses two techniques to retrieve older stories that are no longer in the RSS feed. The first strategy is to append &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;?page=2&lt;/code&gt; and &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;?paged=2&lt;/code&gt; to the RSS feed and seeing if were about to blindly iterate through the blogs archive. For WordPress and a few other CMSs, this works great and gives us a full archive. A second technique is to use RFC 5005, which supports links embedded inside the RSS feed to denote next and previous pages of an archive.&lt;/p&gt;
&lt;p&gt;NewsBlur attempts all of these techniques on every single feed youve subscribed to, and when its done backfilling stories, youll receive an email showing you how big your archive grew during this backfill process.&lt;/p&gt;
&lt;p&gt;The launch of this new subscription tier also includes the 2022 redesign. Youll see a third dashboard layout which stretches out your dashboard rivers across the width of the screen. You may recognize this view from the iPads 3 column layout.&lt;/p&gt;
&lt;p&gt;&lt;img src=&quot;/assets/premium-archive-dashboard-comfortable.png&quot; style=&quot;width: calc(140%);margin: 12px 0 12px calc(-20%);max-width: none;border: none&quot; /&gt;&lt;/p&gt;
@ -23,9 +27,21 @@ A new sound of an old instrument.
&lt;p&gt;The compact interface is denser than before, giving power users a highly detailed view. Transitions have also been added to help you feel the difference.&lt;/p&gt;
&lt;p&gt;If you find the interface to be too airy, there is a setting in the main Manage menu allowing you to switch between Comfortable and Compact. Notice all of those new icons.&lt;/p&gt;
&lt;p&gt;If you find the interface to be too airy, there is a setting in the main Manage menu allowing you to switch between Comfortable and Compact.&lt;/p&gt;
&lt;p&gt;&lt;img src=&quot;/assets/premium-archive-manage-menu.png&quot; style=&quot;width: 375px;border: 1px solid #A0A0A0;margin: 24px auto;display: block;&quot; /&gt;&lt;/p&gt;</content><author><name></name></author><category term="web" /><summary type="html">Theres a new premium tier and its called the NewsBlur Premium Archive subscription. For $99/year, every story from every site you subscribe to will stay in NewsBlurs archive. This premium tier also allows you to mark any story as unread as well as choose when stories are automatically marked as read. You can now have full control of your story archive, letting you search, share, and read stories forever without having to worry about them being deleted.</summary></entry><entry><title type="html">New gesture-based layout for the NewsBlur iPad App</title><link href="https://blog.newsblur.com/2022/03/28/redesigned-ios-layout/" rel="alternate" type="text/html" title="New gesture-based layout for the NewsBlur iPad App" /><published>2022-03-28T00:00:00-04:00</published><updated>2022-03-28T00:00:00-04:00</updated><id>https://blog.newsblur.com/2022/03/28/redesigned-ios-layout</id><content type="html" xml:base="https://blog.newsblur.com/2022/03/28/redesigned-ios-layout/">&lt;p&gt;We have a big update for you on iOS, complete with a redesigned layout engine. Youll see this mostly on iPad, where you can now interactively swipe between panes, customize how many panes you see, and even customize where the story titles are on the screen relative to the story content.&lt;/p&gt;
&lt;p&gt;And lastly, this redesign comes with a suite of all new icons. The goal with this icon redesign is to bring a consistent weight to each icon as well as vectorize them with SVG so they look good at all resolutions.&lt;/p&gt;
&lt;p&gt;&lt;img src=&quot;/assets/premium-archive-manage-menu.png&quot; style=&quot;width: 275px;border: 1px solid #A0A0A0;margin: 24px auto;display: block;&quot; /&gt;&lt;/p&gt;
&lt;p&gt;A notable icon change is the unread indicator, which now has different size icons for both unread stories and focus stories, giving focus stories more depth.&lt;/p&gt;
&lt;p&gt;&lt;img src=&quot;/assets/premium-archive-unread-dark.png&quot; style=&quot;width: 375px;border: 1px solid #A0A0A0;margin: 24px auto;display: block;&quot; /&gt;&lt;/p&gt;
&lt;p&gt;Heres a screenshot thats only possible with the new premium archive, complete with backfilled blog post from the year 2000, ready to be marked as unread.&lt;/p&gt;
&lt;p&gt;&lt;img src=&quot;/assets/premium-archive-unread.png&quot; style=&quot;width: 100%;border: 1px solid #A0A0A0;margin: 24px auto;display: block;&quot; /&gt;&lt;/p&gt;
&lt;p&gt;I tried to find every icon, so if you spot a dialog or menu that youd like to see given some more love, reach out on the support forum.&lt;/p&gt;</content><author><name></name></author><category term="web" /><summary type="html">Theres a new premium tier and its called the NewsBlur Premium Archive subscription. For $99/year, every story from every site you subscribe to will stay in NewsBlurs archive. This premium tier also allows you to mark any story as unread as well as choose when stories are automatically marked as read. You can now have full control of your story archive, letting you search, share, and read stories forever without having to worry about them being deleted.</summary></entry><entry><title type="html">New gesture-based layout for the NewsBlur iPad App</title><link href="https://blog.newsblur.com/2022/03/28/redesigned-ios-layout/" rel="alternate" type="text/html" title="New gesture-based layout for the NewsBlur iPad App" /><published>2022-03-28T00:00:00-04:00</published><updated>2022-03-28T00:00:00-04:00</updated><id>https://blog.newsblur.com/2022/03/28/redesigned-ios-layout</id><content type="html" xml:base="https://blog.newsblur.com/2022/03/28/redesigned-ios-layout/">&lt;p&gt;We have a big update for you on iOS, complete with a redesigned layout engine. Youll see this mostly on iPad, where you can now interactively swipe between panes, customize how many panes you see, and even customize where the story titles are on the screen relative to the story content.&lt;/p&gt;
&lt;p&gt;Lets take a look at all of the new features, starting with the improved gesture-based layout engine for navigating between stories and feeds.&lt;/p&gt;

View file

@ -83,7 +83,11 @@
<li><img src="/assets/icons8/icons8-calendar-100.png" style="width: 16px;margin: 0 6px 0 0;display: inline-block;" /> Stories can stay unread forever</li>
</ul>
<p>The launch of this new subscription tier also includes the 2022 redesign, which includes a new dashboard and a whole lot of new icons.</p>
<p>A note about the backfilling of your archive. NewsBlur uses two techniques to retrieve older stories that are no longer in the RSS feed. The first strategy is to append <code class="language-plaintext highlighter-rouge">?page=2</code> and <code class="language-plaintext highlighter-rouge">?paged=2</code> to the RSS feed and seeing if were about to blindly iterate through the blogs archive. For WordPress and a few other CMSs, this works great and gives us a full archive. A second technique is to use RFC 5005, which supports links embedded inside the RSS feed to denote next and previous pages of an archive.</p>
<p>NewsBlur attempts all of these techniques on every single feed youve subscribed to, and when its done backfilling stories, youll receive an email showing you how big your archive grew during this backfill process.</p>
<p>The launch of this new subscription tier also includes the 2022 redesign. Youll see a third dashboard layout which stretches out your dashboard rivers across the width of the screen. You may recognize this view from the iPads 3 column layout.</p>
<p><img src="/assets/premium-archive-dashboard-comfortable.png" style="width: calc(140%);margin: 12px 0 12px calc(-20%);max-width: none;border: none" /></p>
@ -93,9 +97,21 @@
<p>The compact interface is denser than before, giving power users a highly detailed view. Transitions have also been added to help you feel the difference.</p>
<p>If you find the interface to be too airy, there is a setting in the main Manage menu allowing you to switch between Comfortable and Compact. Notice all of those new icons.</p>
<p>If you find the interface to be too airy, there is a setting in the main Manage menu allowing you to switch between Comfortable and Compact.</p>
<p><img src="/assets/premium-archive-manage-menu.png" style="width: 375px;border: 1px solid #A0A0A0;margin: 24px auto;display: block;" /></p>
<p>And lastly, this redesign comes with a suite of all new icons. The goal with this icon redesign is to bring a consistent weight to each icon as well as vectorize them with SVG so they look good at all resolutions.</p>
<p><img src="/assets/premium-archive-manage-menu.png" style="width: 275px;border: 1px solid #A0A0A0;margin: 24px auto;display: block;" /></p>
<p>A notable icon change is the unread indicator, which now has different size icons for both unread stories and focus stories, giving focus stories more depth.</p>
<p><img src="/assets/premium-archive-unread-dark.png" style="width: 375px;border: 1px solid #A0A0A0;margin: 24px auto;display: block;" /></p>
<p>Heres a screenshot thats only possible with the new premium archive, complete with backfilled blog post from the year 2000, ready to be marked as unread.</p>
<p><img src="/assets/premium-archive-unread.png" style="width: 100%;border: 1px solid #A0A0A0;margin: 24px auto;display: block;" /></p>
<p>I tried to find every icon, so if you spot a dialog or menu that youd like to see given some more love, reach out on the support forum.</p>
</div>
</li><li><span class="post-meta">Mar 28, 2022</span>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.8 MiB

After

Width:  |  Height:  |  Size: 3.2 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 334 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 880 KiB

View file

@ -468,7 +468,7 @@ resource "digitalocean_droplet" "db-mongo-primary" {
image = var.droplet_os
name = "db-mongo-primary${count.index+1}"
region = var.droplet_region
size = var.mongo_primary_droplet_size
size = contains([1], count.index) ? "m3-8vcpu-64gb" : var.mongo_primary_droplet_size
ssh_keys = [digitalocean_ssh_key.default.fingerprint]
provisioner "local-exec" {
command = "/srv/newsblur/ansible/utils/generate_inventory.py; sleep 120"

View file

@ -69,7 +69,7 @@ variable "mongo_droplet_size" {
variable "mongo_primary_droplet_size" {
type = string
default = "m3-8vcpu-64gb"
default = "so-4vcpu-32gb"
}
variable "mongo_secondary_droplet_size" {