quartz/content/_index.md

---
id: home
title: Home
---

<article class="index-container">
    <div class="hero">
        <h1 class="hero-title" >Quick Notes Aren't "[[posts/put-quick-notes-into-obsidian-from-anywhere|Quick]]" Enough in Obsidian</h1>
        <p class="hero-subtitle">Take [[posts/writing-connected-and-personalized-blogs/|linked]] and speedy notes in a browser extension, a mobile app, or a web app and [[posts/sync-fleeting-notes-with-obsidian|sync the notes with Obsidian]].</p>
        <p class="hero-subtitle">How speedy? Try it yourself:</p>
    </div>
</article>
<div class="row">
    <div class="embed">
            <style scoped>
        .embed-size {
            width: 1000px;
            height: 600px;
        }
        @media (max-width: 1024px) {
            .embed-size {
                width: 600px;
                height: 400px;
            }
        }
        @media (max-width: 768px) {
            .embed-size {
                width: 600px;
                height: 400px;
            }
        }
        @media (max-width: 640px) {
            .embed-size {
                width: 320px;
                height: 400px;
            }
        }
        </style>
        <iframe id=flutter-container class="embed-size" width=800 height=500 src="https://my.fleetingnotes.app/" ></iframe>
        <div style="display: flex; justify-content: center; margin-bottom: 16px">
            <a href="/download" class="button premium-btn">Try the webapp instead</a>
        </div>
    </div>
    <div class="row" style="margin-top: 2em; margin-bottom: 2em;">
    </div>

</div>
<div class="feature">
    <div class="row">
        <div class="col-8">
            <h2 class="feature-title">Capture Ideas Anytime, Anywhere</h2>
            <p class="feature-subtitle">Create and sync your fleeting notes on different platforms:</p>
            <ul>
                <li>Highlight and save using the <a href="https://chrome.google.com/webstore/detail/fleeting-notes/gcplhmogdjioeaenmehmapbdonklmdnc">Chrome</a> or <a href="https://addons.mozilla.org/en-CA/firefox/addon/fleeting-notes/">Firefox</a> extension</li>
                <li>Take notes on the go with the <a href="https://apps.apple.com/gb/app/fleeting-notes/id1615226800">iOS</a> or <a href="https://play.google.com/store/apps/details?id=com.fleetingnotes">Android</a> app</li>
                <li>Access your notes on any device using the <a href="https://my.fleetingnotes.app/">web app</a></li>
            </ul>
        </div>
    </div>
</div>
<div class="feature">
    <div class="row">
        <div class="col-4">
        </div>
        <div class="col-8">
            <h2 class="feature-title">Easily keep track of any source</h2>
            <p class="feature-subtitle"></p>
            <ul class="feature-list">
                <li>Cloud hosting for attachments</li>
                <li>Automatically include URLs upon note creation</li>
                <li>Include YouTube timestamps when watching on the web</li>
            </ul>
        </div>
    </div>
</div>

<div class="feature">
    <div class="row">
        <div class="col-6">
            <h2 class="feature-title">Made for Obsidian MD</h2>
            <p class="feature-subtitle">Use the [[Fleeting Notes plugin]] to seamlessly sync and process your notes</p>
            <ul>
                <li>Import your links and start connecting your notes</li>
                <li>Choose your syncing type (delete after sync, two-way)</li>
                <li>Run commmands to embed unprocessed or same source notes</li>
                <li>Create your own note template with metadata</li>
            </ul>
        </div>
                        <div class="col-6">
            {{< youtube iXLyEvTZp9I >}}
        </div>
    </div>
</div>
<div class="feature">
    <div class="row">
        <div class="col-6">
            <h2 class="feature-title">Do what you want with your notes</h2>
            <p class="feature-subtitle">We value your privacy and security :)</p>
            <ul>
                <li><a href="/posts/end-to-end-encryption-in-fleeting-notes">Enable end-to-end encryption</a></li>
                <li>100% of your notes are stored locally with optional sync</li>
                <li>Share links to your notes with anyone</li>
                <li>Export all notes into Markdown or JSON</li>
            </ul>
        </div>
                        <div class="col-6">
            {{< youtube iXLyEvTZp9I >}}
        </div>
    </div>
</div>

<div class="feature">
    <div class="row">
        <div class="col-6">
            <h2></h2>
            </ul>
        </div>
    </div>
</div>

<div>
    <script type="text/javascript" src="https://testimonial.to/js/iframeResizer.min.js"></script><iframe id="testimonialto-testimonial-light" src="https://embed.testimonial.to/w/testimonial?theme=light&card=base" frameborder="0" scrolling="no" width="100%"></iframe><script type="text/javascript">iFrameResize({log: false, checkOrigin: false}, "#testimonialto-testimonial-light");</script>
    <blockquote class="twitter-tweet"><p lang="en" dir="ltr">Remember everything, achieve anything.<br><br>That&#39;s what Building a Second Brain <a href="https://twitter.com/fortelabs?ref_src=twsrc%5Etfw">@fortelabs</a> promises:<br>A life-changing productivity system to make the most of your knowledge.<br><br>Here are the principles to start building one 👇</p>&mdash; John Mavrick (@johnmavrick_yt) <a href="https://twitter.com/johnmavrick_yt/status/1553206657341177856?ref_src=twsrc%5Etfw">July 30, 2022</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>

## Questions? Contact Me.

- Email me at: ithinkwong@gmail.com
- Join the [discord channel](https://discord.gg/xrj6yuGNmx)