From 5393c6f7ef670c9e4ca795d56d93bd2bf85d4a62 Mon Sep 17 00:00:00 2001 From: ransurf Date: Sat, 3 Sep 2022 21:39:28 -0700 Subject: [PATCH] :lipstick: done one version lul --- assets/styles/base.scss | 8 +- assets/styles/custom.scss | 1 + assets/styles/index.scss | 50 ++++++-- assets/styles/pricing.scss | 2 +- content/_index.md | 226 ++++++++++++++++++------------------ content/svg/links.svg | 1 + content/svg/secure_file.svg | 1 + content/svg/sync.svg | 1 + layouts/partials/head.html | 3 + 9 files changed, 165 insertions(+), 128 deletions(-) create mode 100644 content/svg/links.svg create mode 100644 content/svg/secure_file.svg create mode 100644 content/svg/sync.svg diff --git a/assets/styles/base.scss b/assets/styles/base.scss index b473c6970..7c356e9b6 100644 --- a/assets/styles/base.scss +++ b/assets/styles/base.scss @@ -7,7 +7,7 @@ } h1, h2, h3, h4, h5, h6, ol, ul, thead { - font-family: Inter; + font-family: Poppins; color: var(--dark); font-weight: revert; margin: revert; @@ -228,7 +228,7 @@ a { color: var(--secondary); &:hover { - color: var(--tertiary) !important; + color: var(--secondary-active) !important; } } @@ -294,8 +294,8 @@ hr { .singlePage { .index-container { - width: 120%; - margin-left: -10%; + width: 160%; + margin-left: -30%; @media all and (max-width: 1200px) { width: 100%; margin-left: 0; diff --git a/assets/styles/custom.scss b/assets/styles/custom.scss index 928aa0789..84a6a118d 100644 --- a/assets/styles/custom.scss +++ b/assets/styles/custom.scss @@ -16,6 +16,7 @@ --dark: #fbfffe !important; // --secondary: #6b879a !important; --secondary: #06b6d4 !important; + --secondary-active: #00c7eb; --visited: #4a575e !important; --tertiary: #84a59d !important; --primary: #f58382 !important; diff --git a/assets/styles/index.scss b/assets/styles/index.scss index 0d4a258ba..ca6f3ea93 100644 --- a/assets/styles/index.scss +++ b/assets/styles/index.scss @@ -2,14 +2,7 @@ margin-top: 64px; display: flex; flex-direction: column; - align-items: center; - justify-content: center; padding-top: 32px; - &-title { - font-size: 48px; - font-weight: 600; - margin: 4px 4px; - } } .hero { display: flex; @@ -24,6 +17,12 @@ margin: 4px 4px; } &-subtitle { + text-align: center; + font-size: 32px; + font-weight: 600; + margin: 4px 4px; + } + &-text { text-align: center; font-size: 20px; font-weight: 600; @@ -41,19 +40,52 @@ } .feature { + display: flex; flex-direction: column; + &-container { + display: flex; + flex-direction: column; + gap: 64px; + @media all and (max-width: 780px) { + gap: 32px; + } + } + &-title { - font-size: 36px; + font-size: 48px; font-weight: 600; margin: 12px 4px; + @media all and (max-width: 780px) { + font-size: 32px; + } } &-subtitle { - font-size: 20px; + font-size: 30px; font-weight: 600; margin: 4px 4px; + @media all and (max-width: 780px) { + font-size: 20px; + } + } + + &-image { + height: inherit; + object-fit: cover; + } + + &-list { + li { + color: white; + font-size: 20px; + font-weight: 600; + margin: 4px 4px; + @media all and (max-width: 780px) { + font-size: 16px; + } + } } &-big { diff --git a/assets/styles/pricing.scss b/assets/styles/pricing.scss index 88c103ac7..a51cbd5a9 100644 --- a/assets/styles/pricing.scss +++ b/assets/styles/pricing.scss @@ -2,7 +2,7 @@ $base-color: rgb(20, 20, 20); $base-color-light: rgb(104, 104, 104); $primary-color: rgb(40, 75, 98); $secondary-color: var(--secondary); -$secondary-color-active: #00c7eb; +$secondary-color-active: var(--secondary-active); * { box-sizing: border-box; diff --git a/content/_index.md b/content/_index.md index 7973af9f2..b3be02d3a 100644 --- a/content/_index.md +++ b/content/_index.md @@ -6,124 +6,122 @@ title: Home

Quick Notes Aren't "[[posts/put-quick-notes-into-obsidian-from-anywhere|Quick]]" Enough in Obsidian

-

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]].

+

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]].

How speedy? Try it yourself:

+
+
+ + +
+ Try the webapp instead +
+
+
+
+
+
+
+
+
+

Capture Ideas Anytime, Anywhere

+

Create and sync your fleeting notes on different platforms:

+ +
+
+ +
+
+
+
+
+
+ +
+
+

Keep track of any source

+

From links to images to files

+
    +
  • Cloud hosting for attachments
    • +
  • Take notes side by side
    • +
  • Automatically [[posts/best-in-browser-note-taking-and-web-clipping-app-for-obsidian|include URLs]] upon note creation
    • +
  • Include [[posts/best-way-to-take-youtube-notes-for-obsidian|YouTube timestamps]] when watching on the web
    • +
+
+
+
+
+
+
+

Made for Obsidian MD

+

Use the [[posts/sync-fleeting-notes-with-obsidian|Fleeting Notes plugin]] to sync and process notes

+
    +
  • Import your wikilinks and start connecting your notes
    • +
  • Choose your syncing type (delete after sync, two-way)
    • +
  • Run commmands to show unprocessed or same-source notes
    • +
  • Customize your own import note template with metadata
    • +
+
+
+ {{< youtube iXLyEvTZp9I >}} +
+
+
+
+
+
+ +
+
+

Control Your Notes

+

We value your privacy and security :)

+
    +
  • [[/posts/end-to-end-encryption-in-fleeting-notes|Enable end-to-end encryption]]
    • +
  • 100% of your notes are stored locally with optional sync
    • +
  • [[posts/shared-connected-notes|Share links]] to your notes with anyone
    • +
  • Export all notes into Markdown or JSON
    • +
+
+
+
+
-
-
- - -
- Try the webapp instead -
-
-
-
-
-
-
-
-

Capture Ideas Anytime, Anywhere

-

Create and sync your fleeting notes on different platforms:

-
    -
  • Highlight and save using the Chrome or Firefox extension
    • -
  • Take notes on the go with the iOS or Android app
    • -
  • Access your notes on any device using the web app
    • -
-
-
-
-
-
-
-
-
-

Easily keep track of any source

-

-
    -
  • Cloud hosting for attachments
    • -
  • Automatically include URLs upon note creation
    • -
  • Include YouTube timestamps when watching on the web
    • -
-
-
-
- -
-
-
-

Made for Obsidian MD

-

Use the [[Fleeting Notes plugin]] to seamlessly sync and process your notes

-
    -
  • Import your links and start connecting your notes
    • -
  • Choose your syncing type (delete after sync, two-way)
    • -
  • Run commmands to embed unprocessed or same source notes
    • -
  • Create your own note template with metadata
    • -
-
-
- {{< youtube iXLyEvTZp9I >}} -
-
-
-
-
-
-

Do what you want with your notes

-

We value your privacy and security :)

-
    -
  • Enable end-to-end encryption
    • -
  • 100% of your notes are stored locally with optional sync
    • -
  • Share links to your notes with anyone
    • -
  • Export all notes into Markdown or JSON
    • -
-
-
- {{< youtube iXLyEvTZp9I >}} -
-
-
- -
-
-
-

- -
-
+
+

What our users say:

+ + +
- - -
- -## Questions? Contact Me. - -- Email me at: ithinkwong@gmail.com -- Join the [discord channel](https://discord.gg/xrj6yuGNmx) +

Got any questions? We're here to help.

+

Email us at fleetingnotesapp@gmail.com

+

Join the Discord channel to get in touch with the team and other users.

diff --git a/content/svg/links.svg b/content/svg/links.svg new file mode 100644 index 000000000..f25bab5f1 --- /dev/null +++ b/content/svg/links.svg @@ -0,0 +1 @@ +link \ No newline at end of file diff --git a/content/svg/secure_file.svg b/content/svg/secure_file.svg new file mode 100644 index 000000000..f3e214555 --- /dev/null +++ b/content/svg/secure_file.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/content/svg/sync.svg b/content/svg/sync.svg new file mode 100644 index 000000000..e6278f605 --- /dev/null +++ b/content/svg/sync.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/layouts/partials/head.html b/layouts/partials/head.html index d274190a2..833e40763 100644 --- a/layouts/partials/head.html +++ b/layouts/partials/head.html @@ -28,6 +28,9 @@ + + + {{$sass := resources.Match "styles/[!_]*.scss" }} {{$css := slice }}