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 style="width: 80%" 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>
    <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-container">
        <div class="feature">
            <div class="row">
                <div class="col-7">
                    <h2 class="feature-title">Capture Ideas Anytime, Anywhere</h2>
                    <p class="feature-subtitle">Create and sync your fleeting notes on different platforms:</p>
                    <ul class="feature-list">
                        <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> or <a href="https://youtu.be/jausylB4Pzw">pop-out window</a></li>
                    </ul>
                </div>
                <div class="col-5">
                    <img height="300" class="feature-img" src="svg/sync.svg"></img>
                </div>
            </div>
        </div>
        <div class="feature">
            <div class="row">
                <div class="col-5">
                        <img height="300" class="feature-img" src="svg/links.svg"></img>
                </div>
                <div class="col-7">
                    <h2 class="feature-title">Keep track of any source</h2>
                    <p class="feature-subtitle">From links to images to files</p>
                    <ul class="feature-list">
                        <li>Cloud hosting for attachments</li>
                        <li>Take notes side by side</li>
                        <li>Automatically [[posts/best-in-browser-note-taking-and-web-clipping-app-for-obsidian|include URLs]] upon note creation</li>
                        <li>Include [[posts/best-way-to-take-youtube-notes-for-obsidian|YouTube timestamps]] when watching on the web</li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="feature">
            <div class="row feature-row">
                <div class="col-7">
                    <h2 class="feature-title">Made for Obsidian MD</h2>
                    <p class="feature-subtitle">Use the [[posts/sync-fleeting-notes-with-obsidian|Fleeting Notes plugin]] to sync and process notes</p>
                    <ul class="feature-list">
                        <li>[[notes/How to copy Obsidian links to Fleeting Notes|Import your wikilinks]] and start connecting your notes</li>
                        <li>Choose your syncing type (delete after sync, two-way)</li>
                        <li>Run commmands to show unprocessed or same-source notes</li>
                        <li>Customize your own import note template with metadata</li>
                    </ul>
                </div>
                <div class="col-5">
                    {{< youtube iXLyEvTZp9I >}}
                </div>
            </div>
        </div>
        <div class="feature">
            <div class="row">
                <div class="col-5">
                    <img height="300" class="feature-img" src="svg/secure_file.svg"></img>
                </div>
                            <div class="col-7">
                    <h2 class="feature-title">Control Your Notes</h2>
                    <p class="feature-subtitle">We value your privacy and security :)</p>
                    <ul class="feature-list">
                        <li>[[/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>[[posts/shared-connected-notes|Share links]] to your notes with anyone</li>
                        <li>Export all notes into Markdown or JSON</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</article>

<div class="">
    <h1>What our users say:</h1>
    <script type="text/javascript" src="https://testimonial.to/js/iframeResizer.min.js"></script>
        <iframe id="testimonialto-carousel-all-fleeting-notes-testimonial-light" src="https://embed.testimonial.to/carousel/all/fleeting-notes-testimonial?theme=light&autoplay=off&showmore=off&one-row=off&same-height=off" frameborder="0" scrolling="no" width="100%"></iframe>
    <script type="text/javascript">iFrameResize({log: false, checkOrigin: false}, "#testimonialto-carousel-all-fleeting-notes-testimonial-light");</script>
</div>

<div>
<h1>Got any questions? We're here to help.</h1>
<p>Email us at fleetingnotesapp@gmail.com</p>
<p>Join the <a href="https://discord.gg/xrj6yuGNmx">Discord channel</a> to get in touch with the team and other users.</p>