update welcome message

This commit is contained in:
dragonwocky 2021-12-27 18:57:08 +11:00
parent 10a1ba4099
commit a000e73847
3 changed files with 21 additions and 134 deletions

View File

@ -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 &quot;Accept & Continue&quot; 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)

View File

@ -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`,

View File

@ -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).