diff --git a/repo/menu/notifications.mjs b/repo/menu/notifications.mjs
index 33af079..21e0e05 100644
--- a/repo/menu/notifications.mjs
+++ b/repo/menu/notifications.mjs
@@ -4,7 +4,7 @@
* (https://notion-enhancer.github.io/) under the MIT license
*/
-import { env, fs, storage, fmt, web, components } from '../../api/index.mjs';
+import { env, fs, storage, web, components } from '../../api/index.mjs';
import { tw } from './styles.mjs';
import '../../dep/markdown-it.min.js';
@@ -109,60 +109,29 @@ export const $changelogModal = web.render(
</div>
</div>
<div class="modal-content">
- <h3 class="modal-content-heading">welcome</h3>
<p>
- hi! i'm dragonwocky, the creator of the notion-enhancer.
- if you're seeing this, you've just installed or updated to a new
- version of the enhancer. you should check out the
- <a href="https://notion-enhancer.github.io/getting-started" class="link" target="_blank">getting started</a>
- guide for a quick overview of how to use it. for extra support
- or to chat with others who use the enhancer, you can join our
- <a href="https://discord.com/invite/sFWPXtA" class="link" target="_blank">discord server</a>.
+ Welcome to the notion-enhancer! For help getting started, check out the
+ <a href="https://notion-enhancer.github.io/getting-started/basic-usage/" class="link" target="_blank">
+ basic usage</a> guide. If you've upgraded from a previous version of the notion-enhancer, you can see
+ what's new <a href="https://notion-enhancer.github.io/about/changelog/" class="link">here</a>.
</p>
- <p class="mt-1">
- p.s. maintaining and updating the enhancer takes a lot of time and work.
- if you would like to support future development of the enhancer,
+ <p>
+ If you spot a bug or have a new feature idea, have a read through the
+ <a href="https://notion-enhancer.github.io/about/contributing/" class="link">Contributing</a>
+ guide to learn how & where to talk to us about it. For extra support, come join our
+ <a href="https://discord.com/invite/sFWPXtA" class="link" target="_blank">Discord community</a>.
+ </p>
+ <p>
+ Maintaining and updating the notion-enhancer does take a lot of time and work,
+ so if you'd like to support future development
<a href="https://buy.stripe.com/00gdR93R6csIgDKeUV" class="important-link" target="_blank">
- please consider making a donation
- </a></span>.
+ please consider making a donation</a>.
</p>
- <h3 class="modal-content-heading">license</h3>
<p>
- the enhancer is developed publicly on
- <a href="https://github.com/notion-enhancer/" class="link" target="_blank">github</a>
- as an open-source project under the
- <a href="https://notion-enhancer.github.io/license" class="link" target="_blank">mit license</a>.
- in summary:
+ By clicking "Accept & Continue" below you agree to the notion-enhancer's
+ <a href="https://notion-enhancer.github.io/about/privacy-policy/" class="link">Privacy Policy</a> and
+ <a href="https://notion-enhancer.github.io/about/terms-and-conditions/" class="link">Terms & Conditions</a>.
</p>
- <ul class="modal-content-list">
- <li>you are free to use or modify the enhancer in any way</li>
- <li>
- copyright of the enhancer and its parts goes to their respective
- creators and must be attributed
- </li>
- <li>
- though the enhancer aims for high quality,
- it comes with no warranty and its creators are not
- liable for any potential consequences of use
- nor do they have any legal responsibility to provide
- continued updates or support
- </li>
- </ul>
- <h3 class="modal-content-heading">privacy</h3>
- <p>
- by using the enhancer you agree to give the enhancer
- access to your data to:
- </p>
- <ul class="modal-content-list">
- <li>observe content for reactive enhancements</li>
- <li>use content for adaptive enhancements</li>
- <li>locally store content for persistent enhancements and user configuration</li>
- <li>update content with integrations</li>
- </ul>
- <h3 class="modal-content-heading">what's new</h3>
- <div class="markdown">
- ${md.render(await fs.getText('repo/menu/whats-new.md'))}
- </div>
</div>
</div>`,
web.render(web.html`<div class="modal-actions"></div>`, $changelogModalButton)
diff --git a/repo/menu/styles.mjs b/repo/menu/styles.mjs
index ffc5388..1158b0f 100644
--- a/repo/menu/styles.mjs
+++ b/repo/menu/styles.mjs
@@ -97,7 +97,7 @@ const customClasses = {
'important-link': apply`text-accent-red border-b border-accent-red opacity-80 hover:opacity-100`,
'danger': apply`text-red-text`,
'link': apply`no-underline border-b border-foreground-secondary opacity-70 hover:opacity-90`,
- 'modal': apply`fixed z-10 inset-0 overflow-y-auto min-h-screen text-center
+ 'modal': apply`fixed flex z-10 inset-0 overflow-y-auto min-h-screen text-center
ease-out duration-300 transition-opacity opacity-0 pointer-events-none`,
'modal-visible': {
'@apply': apply`ease-in duration-200 opacity-100 pointer-events-auto`,
@@ -105,7 +105,7 @@ const customClasses = {
},
'modal-overlay': apply`fixed inset-0 bg-black bg-opacity-50 transition-opacity`,
'modal-box': apply`inline-block rounded-lg text-left overflow-hidden shadow-xl
- transform transition-all m-8 align-middle
+ transform transition-all m-auto align-middle
ease-in duration-200 opacity-0 scale-95`,
'modal-body': apply`bg-notion-secondary p-6 pt-4 max-w-xl w-full`,
'modal-actions': apply`bg-notion py-3 px-6 flex flex-row-reverse`,
@@ -115,12 +115,7 @@ const customClasses = {
'modal-title-description': apply`mt-2 text-sm text-foreground-secondary`,
'modal-content': {
'@apply': apply`mt-4 text-sm`,
- '& .markdown h4': apply`px-2 py-1 inline-block rounded-md bg-tag text-tag-text`,
- },
- 'modal-content-heading': apply`mt-2 text-lg font-bold`,
- 'modal-content-list': {
- '@apply': apply`list-disc pl-5`,
- '& li': apply`my-px`,
+ 'p': apply`mt-2`,
},
'modal-button': apply`w-full inline-flex justify-center rounded-md text-base font-medium shadow-sm px-4 py-2
not-focus:hover:bg-interactive-hover focus:bg-interactive-active focus:outline-none`,
diff --git a/repo/menu/whats-new.md b/repo/menu/whats-new.md
deleted file mode 100644
index 65467d3..0000000
--- a/repo/menu/whats-new.md
+++ /dev/null
@@ -1,77 +0,0 @@
-a complete rework of the enhancer, with new features and a port to the browser as a chrome extension.
-
-#### new
-
-- cross-environment and properly documented api to replace helpers.
-- cross-environment mod loader structure.
-- "integrations", a category of mods that can access/use an unofficial notion api.
-- notifications sourced from an online endpoint for sending global user alerts.
-- simplify user installations by depending on the chrome web store and [notion-repackaged](https://github.com/notion-enhancer/notion-repackaged).
-- separate menu profiles for mod configurations.
-- a hotkey option type that allows typing in/pressing a hotkey to enter it, instead of typing.
-- a rainbow indentation lines style.
-- border & background style options for the code line numbers extension.
-
-#### improved
-
-- split the core mod into separate mods for specific features.
-- theming variables that are applied more specifically, less laggy, and less complicated.
-- merged bracketed-links into tweaks.
-- a redesigned menu with nicer ui, separate categories for mods and a sidebar for configuration.
-- simplified and smoothened the side panel + moved it to the core so any mod can hook into it.
-- font chooser option for heading fonts.
-- renamed "property-layout" to "collapsible properties", added per-page memory of collapse state.
-- chevron icon instead of arrow for scroll to top.
-- moved word counter to display in the side panel instead of within the page,
- implemented a more accurate word counter method.
-- the topbar icons extension defaults to the notion default topbar icons for comment/updates/favorite/more,
- but can revert them to text (it still adds a custom icon for the share button).
-- relative indenting in outliner.
-- rtl support for toggles, indentation lines, table of contents and databases + force inline math to ltr.
-- replaced the "truncated table titles" extension with a "truncated titles" extension
- with an option to truncate timeline item titles.
-- renamed "notion icons" to "icon sets" with new support for uploading/reusing custom icons
- directly within the icon picker.
-
-#### removed
-
-- integrated scrollbar tweak (notion now includes by default).
-- js insert. css insert moved to tweaks mod.
-- majority of layout and font size variables - better to leave former to notion and use `ctrl +`/`ctrl -` for latter.
-- the "panel sites" extension, due to it's limited/buggy functionality and incompatibility with reimplementation.
-
-#### fixed
-
-- bypass csp restrictions.
-- many. like many many. all the bugfixes. (mostly a side effect of completely rewriting everything,
- but reported extension-specific bugs were all intentionally fixed.)
-
-#### themes
-
-- "nord" = an arctic, north-bluish color palette.
-- "gruvbox light" = a sepia, 'retro groove' palette based on the vim theme of the same name.
-- "gruvbox dark" = a gray, 'retro groove' palette based on the vim theme of the same name.
-- "light+" = a simple white theme that brightens coloured text and blocks,
- with configurable accents (formerly littlepig light).
-- "playful purple" = a purple-shaded theme with bright highlights (formerly littlepig dark and gameish).
-- "pinky boom" = pinkify your life.
-
-#### extensions
-
-- "calendar scroll" = add a button to jump down to the current week in fullpage/infinite-scroll calendars.
-- "global block links" = easily copy the global link of a page or block.
-- "collapsible headers" = adds toggles to collapse header sections of pages.
-- "simpler databases" = adds a menu to inline databases to toggle ui elements.
-
-#### tweaks
-
-- wrap tables to page width. - hide "Type '/' for commands".
-- quote block quotation marks.
-- responsive columns breakpoint (%).
-- accented links.
-- full width pages.
-- image alignment (center/left/right).
-
-#### integrations
-
-- "quick note" = adds a hotkey & a button in the bottom right corner to jump to a new page in a notes database (target database id must be set).