Tweaks

source/content/apps/actions.md

@@ -10,6 +10,9 @@ appStoreId: 1586435171
 links:
   'Older Versions': https://github.com/sindresorhus/Actions#download
   'TestFlight': https://testflight.apple.com/join/fJGUrsZx
+olderMacOSVersions:
+  - '12'
+  - '13'
 ---
 
 The app provides lots of powerful extra actions for the Shortcuts app on macOS and iOS. These actions make it significantly easier to create shortcuts.

source/content/apps/battery-indicator.md

@@ -6,6 +6,11 @@ platforms:
   - macOS
 appStoreId: 1206020918
 isPaid: true
+olderMacOSVersions:
+  - '10.14'
+  - '10.15'
+  - '11'
+  - '12'
 ---
 
 Battery Indicator lets you quickly glance the remaining battery time or percentage right in your menu bar.

source/content/apps/black-out.md

@@ -6,6 +6,10 @@ platforms:
   - macOS
 isPaid: true
 appStoreId: 1319884285
+olderMacOSVersions:
+  - '10.15'
+  - '11'
+  - '12'
 ---
 
 This app can be useful when you want to post a screenshot or photo on the web that contains some information you don’t want to be revealed. Maybe you want to share a screenshot of a Slack conversation on Twitter but hide some private information. It also removes all metadata, like when and where a photo was captured.

source/content/apps/dato.md

@@ -7,6 +7,11 @@ platforms:
 isPaid: true
 appStoreId: 1470584107
 setappUrl: https://go.setapp.com/stp181?_target=https://setapp.com/apps/dato&utm_medium=vendor_program&utm_source=Sindre+Sorhus&utm_content=link
+olderMacOSVersions:
+  - '10.14'
+  - '10.15'
+  - '11'
+  - '12'
 ---
 
 Dato gives you a local clock, date, and multiple world clocks in the menu bar. When you click Dato in the menu bar, you get a menu with a calendar, calendar events, and world clocks. All of this is highly customizable.

source/content/apps/folder-peek.md

@@ -5,6 +5,8 @@ pubDate: 2022-04-05
 platforms:
   - macOS
 appStoreId: 1615988943
+olderMacOSVersions:
+  - '12'
 ---
 
 <br>

source/content/apps/gifski.md

@@ -8,6 +8,12 @@ repoUrl: https://github.com/sindresorhus/Gifski
 appStoreId: 1351639930
 links:
   'Older Versions': https://github.com/sindresorhus/Gifski#download
+olderMacOSVersions:
+  - '10.13'
+  - '10.14'
+  - '10.15'
+  - '11'
+  - '12'
 ---
 
 Gifski is a macOS app for the [gifski encoder](https://gif.ski), which converts videos to GIF animations using [pngquant's](https://pngquant.org) fancy features for efficient cross-frame palettes and temporal dithering. It produces animated GIFs that use thousands of colors per frame.

source/content/apps/heic-converter.md

@@ -5,6 +5,12 @@ pubDate: 2017-10-09
 platforms:
   - macOS
 appStoreId: 1294126402
+olderMacOSVersions:
+  - '10.13'
+  - '10.14'
+  - '10.15'
+  - '11'
+  - '12'
 ---
 
 HEIC Converter is a macOS app that makes it easy to quickly convert images in the [HEIC](https://www.macworld.co.uk/feature/iphone/what-is-heic-3660408/) format to JPEG or PNG. HEIC is Apple's new default image format in iOS 11, replacing JPEG. HEIC uses more advanced and modern compression methods to achieve much smaller file sizes with the same visual quality. Unfortunately, HEIC is a very new format and not yet supported outside of iOS and macOS. This app makes it possible to share your HEIC images on the web or with non-Apple users.

source/content/apps/jiffy.md

@@ -5,6 +5,10 @@ pubDate: 2020-03-25
 platforms:
   - macOS
 appStoreId: 1502527999
+olderMacOSVersions:
+  - '10.15'
+  - '11'
+  - '12'
 ---
 
 Jiffy lets you quickly search and discover GIFs from GIPHY. When you have found an awesome GIF, just drag and drop it into an app.

source/content/apps/lungo.md

@@ -7,6 +7,12 @@ platforms:
 isPaid: true
 appStoreId: 1263070803
 setappUrl: https://go.setapp.com/stp181?_target=https://setapp.com/apps/lungo&utm_medium=vendor_program&utm_source=Sindre+Sorhus&utm_content=link
+olderMacOSVersions:
+  - '10.13'
+  - '10.14'
+  - '10.15'
+  - '11'
+  - '12'
 ---
 
 Lungo prevents your Mac from falling asleep and your screen from dimming.

source/content/apps/memo-widget.md

@@ -35,6 +35,10 @@ This is a iOS bug. [Try this.](https://webtrickz.com/third-party-lock-screen-wid
 
 I'm happy to consider it, but I also want to keep the app simple. Check out my [Any Text app](/any-text), which has a lot more features.
 
+#### Can you add a font size setting?
+
+The font size is large but scales down to fit the text. I don't want to complicate it with a font size setting. If you really need it, check out [Any Text](/any-text).
+
 #### How is this different from the built-in Stickies app on macOS? {#stickies}
 
 The Stickies app is a normal app and has to either float on top of everything or it has to be manually brought to the front when needed. Memo Widget always lives on your desktop or in the Notification Center, just a [gesture away](https://www.howtogeek.com/678073/how-to-quickly-show-your-desktop-on-mac/). The Stickies app also takes up space in your Dock. The Stickies app supports formatting, while Memo Widget keeps it simple with just plain text.

source/content/apps/one-thing.md

@@ -5,6 +5,8 @@ pubDate: 2022-01-12
 platforms:
   - macOS
 appStoreId: 1604176982
+olderMacOSVersions:
+  - '12'
 ---
 
 This can be a useful tool to help you focus on a single task.

source/content/apps/pandan.md

@@ -5,6 +5,9 @@ pubDate: 2021-05-31
 platforms:
   - macOS
 appStoreId: 1569600264
+olderMacOSVersions:
+  - '11'
+  - '12'
 ---
 
 <br>

source/content/apps/pasteboard-viewer.md

@@ -8,4 +8,8 @@ repoUrl: https://github.com/sindresorhus/Pasteboard-Viewer
 appStoreId: 1499215709
 links:
   'Older Versions': https://github.com/sindresorhus/Pasteboard-Viewer#download
+olderMacOSVersions:
+  - '10.15'
+  - '11'
+  - '12'
 ---

source/content/apps/plash.md

@@ -8,6 +8,10 @@ repoUrl: https://github.com/sindresorhus/Plash
 appStoreId: 1494023538
 links:
   'Older Versions': https://github.com/sindresorhus/Plash#download
+olderMacOSVersions:
+  - '10.15'
+  - '11'
+  - '12'
 ---
 
 This enables you to have a highly dynamic desktop wallpaper. You could display your favorite news site, Facebook feed, or a random beautiful scenery photo. The use cases are limitless. You could even set an animated GIF as wallpaper.

source/content/apps/plug.md

@@ -9,6 +9,9 @@ appStoreId: 1514182074
 links:
   'Older Versions': https://github.com/wulkano/Plug#download
 showSupportLink: false
+olderMacOSVersions:
+  - '10.15'
+  - '11'
 ---
 
 Plug is an open source macOS app I'm working on with my friends. Hype Machine is a popular music blog aggregator.

source/content/apps/pure-paste.md

@@ -5,6 +5,8 @@ pubDate: 2022-03-02
 platforms:
   - macOS
 appStoreId: 1611378436
+olderMacOSVersions:
+  - '12'
 ---
 
 Pure Paste lets you paste as plain text by default. It sits in the menu bar and clears formatting (fonts, colors, bold, links, tables, etc.) from the text you copy. However, it does not touch unrelated content like files, images, etc. It also ignores content copied from password managers.

source/content/apps/recordia.md

@@ -5,6 +5,10 @@ pubDate: 2020-09-02
 platforms:
   - macOS
 appStoreId: 1529006487
+olderMacOSVersions:
+  - '10.15'
+  - '11'
+  - '12'
 ---
 
 Record audio directly from the menu bar or with a global keyboard shortcut.

source/content/apps/shareful.md

@@ -5,6 +5,10 @@ pubDate: 2020-09-08
 platforms:
   - macOS
 appStoreId: 1522267256
+olderMacOSVersions:
+  - '10.15'
+  - '11'
+  - '12'
 ---
 
 <br>

source/content/apps/speediness.md

@@ -5,6 +5,8 @@ pubDate: 2021-11-23
 platforms:
   - macOS
 appStoreId: 1596706466
+olderMacOSVersions:
+  - '12'
 ---
 
 <br>

source/content/apps/system-color-picker.md

@@ -8,4 +8,7 @@ repoUrl: https://github.com/sindresorhus/System-Color-Picker
 appStoreId: 1545870783
 links:
   'Older Versions': https://github.com/sindresorhus/System-Color-Picker#download
+olderMacOSVersions:
+  - '11'
+  - '12'
 ---

source/content/apps/utc-time.md

@@ -5,6 +5,9 @@ pubDate: 2021-03-16
 platforms:
   - macOS
 appStoreId: 1538245904
+olderMacOSVersions:
+  - '11'
+  - '12'
 ---
 
 This can be useful as a quick reference.

source/content/apps/velja.md

@@ -5,6 +5,8 @@ pubDate: 2022-04-21
 platforms:
   - macOS
 appStoreId: 1607635845
+olderMacOSVersions:
+  - '12'
 ---
 
 Open links in a specific browser or a matching native app. Easily switch between browsers.
@@ -110,6 +112,13 @@ If you want to open the website in a specific browser directly instead of showin
 
 Velja generally cannot handle links clicked in a browser because browsers don't notify the system about it. However, there is a workaround. Install [this browser extension](https://chromewebstore.google.com/detail/redirector/ocgpenflpmgnfapjedencafcfakcekcd) and make a rule to open links in Velja. Here's an [example rule](https://www.dropbox.com/scl/fi/s99bdxvbypar0nj2v8pj5/Redirector-1702989917.json?rlkey=fey4cs3wxuln528wkb5ai75u5&raw=1) (import it into the extension) that opens all links clicked in a browser in Velja. This could be useful if you need to open all links from a browser PWA in a specific browser.
 
+For Microsoft Edge, you can run the following commands to ensure that these types of links always open in the associated app:
+
+```sh
+defaults write com.microsoft.Edge URLAllowlist -array 'velja:open?url=*'
+defaults write com.microsoft.Edge ExternalProtocolDialogShowAlwaysOpenCheckbox -bool true
+```
+
 #### Launch browsers from Velja menu
 
 Hold the <kbd>Option</kbd> key when clicking a browser in the Velja menu to launch it instead of setting it as the current browser.

source/content/config.ts

@@ -24,6 +24,21 @@ const appsCollection = defineCollection({
 		showSupportLink: z.boolean().default(true),
 		redirectUrl: z.string().url().optional(),
 		forceHasIosAppIcon: z.boolean().optional(), // // We can use `forceHasIosAppIcon` for both true/false override.
+		olderMacOSVersions: z.array(z.enum([
+			'10.13',
+			'10.14',
+			'10.15',
+			'11',
+			'12',
+			'13',
+			'14',
+			'15',
+			'16',
+			'17',
+			'18',
+			'19',
+			'20',
+		])).optional(),
 	}).strict(),
 });
 

source/layouts/SimplePageLayout.astro

@@ -6,7 +6,7 @@ const {meta, title} = Astro.props;
 ---
 
 <Layout {meta}>
-	<section class="px-6 sm:px-6 py-12 sm:py-16 lg:py-20 mx-auto max-w-3xl">
+	<section class="md:min-h-screen px-6 sm:px-6 py-6 sm:py-10 lg:py-14 mb-20 mx-auto max-w-3xl">
 		<Fragment slot="title">
 			<header>
 				<h1

source/pages/apps/older-versions.astro

@@ -0,0 +1,29 @@
+
+---
+import {SITE} from '~/config.mjs';
+import Layout from '~/layouts/SimplePageLayout.astro';
+import {fetchApps} from '~/utils/apps.js';
+
+const apps = await fetchApps();
+const macOSVersions = [...new Set(apps.flatMap(app => app.olderMacOSVersions))].sort().reverse().filter(Boolean);
+
+const meta = {
+	title: `Older Versions — Apps — ${SITE.name}`,
+};
+---
+
+<Layout {meta}>
+	<h1>Older Versions</h1>
+	<p>My macOS apps with an older version compatible with the following macOS versions.</p>
+	<p>Even my paid apps are free for these older versions.</p>
+	{macOSVersions.map(version => (
+		<section key={version}>
+			<h2>macOS {version}</h2>
+			<ul>
+				{apps.filter(app => app.olderMacOSVersions?.includes(version)).map(app => (
+					<li key={app.title}><a href={app.olderVersionsUrl}>{app.title}</a> — {app.subtitle}</li>
+				))}
+			</ul>
+		</section>
+	))}
+</Layout>

source/utils/apps.js

@@ -63,6 +63,7 @@ const normalizeApps = async app => {
 		hasFaqSection,
 		screenshots,
 		Content,
+		olderVersionsUrl: data.repoUrl ? `${data.repoUrl}#download` : `/${slug}#older-versions`,
 	};
 };