chore: add deprecation notice on dot org site

packages/ui-services/src/Route/RouteService.ts

@@ -35,6 +35,10 @@ export class RouteService
     return new RouteParser(window.location.href)
   }
 
+  get isDotOrg(): boolean {
+    return window.location.host === 'app.standardnotes.org'
+  }
+
   removeQueryParameterFromURL(param: RootQueryParam): void {
     const urlSearchParams = new URLSearchParams(window.location.search)
     urlSearchParams.delete(param)

packages/ui-services/src/Route/RouteServiceInterface.ts

@@ -5,4 +5,5 @@ export interface RouteServiceInterface {
   deinit(): void
   getRoute(): RouteParserInterface
   removeQueryParameterFromURL(param: RootQueryParam): void
+  get isDotOrg(): boolean
 }

packages/web/src/javascripts/Components/ApplicationView/ApplicationView.tsx

@@ -26,6 +26,7 @@ import DarkModeHandler from '../DarkModeHandler/DarkModeHandler'
 import ApplicationProvider from '../ApplicationProvider'
 import CommandProvider from '../CommandProvider'
 import PanesSystemComponent from '../Panes/PanesSystemComponent'
+import DotOrgNotice from './DotOrgNotice'
 
 type Props = {
   application: WebApplication
@@ -230,6 +231,7 @@ const ApplicationView: FunctionComponent<Props> = ({ application, mainApplicatio
                     viewControllerManager={viewControllerManager}
                   />
                 </>
+                {application.routeService.isDotOrg && <DotOrgNotice />}
               </div>
             </PremiumModalProvider>
           </ResponsivePaneProvider>

packages/web/src/javascripts/Components/ApplicationView/DotOrgNotice.tsx

@@ -0,0 +1,16 @@
+import { FunctionComponent } from 'react'
+
+const DotOrgNotice: FunctionComponent = () => {
+  return (
+    <div className="align-center z-modal flex h-30 w-full w-full items-center bg-danger text-center text-info-contrast">
+      <div className="w-full text-center text-xl font-bold">
+        app.standardnotes.org is no longer maintained. Please switch to{' '}
+        <a className="underline" href="https://app.standardnotes.com">
+          app.standardnotes.com
+        </a>
+      </div>
+    </div>
+  )
+}
+
+export default DotOrgNotice

packages/web/tailwind.config.js

@@ -15,6 +15,7 @@ module.exports = {
         18: '4.5rem',
         26: '6.5rem',
         30: '7.5rem',
+        50: '12.5rem',
         70: '17.5rem',
         87.5: '21.875rem',
         125: '31.25rem',
@@ -41,6 +42,7 @@ module.exports = {
         30: '7.5rem',
         40: '10rem',
         42: '10.5rem',
+        50: '12.5rem',
         55: '13.75rem',
         60: '15rem',
         68: '17rem',