From 936f43dbe412402a76423143720b36b721e0ff0a Mon Sep 17 00:00:00 2001 From: ransurf Date: Sat, 3 Sep 2022 19:52:54 -0700 Subject: [PATCH] :lipstick: in progress in case my pc trolls --- assets/styles/base.scss | 10 ++ assets/styles/custom.scss | 7 +- assets/styles/index.scss | 67 ++++++++++++ assets/styles/pricing.scss | 30 ++++-- content/_index.md | 143 ++++++++++++++++++++----- layouts/shortcodes/pricing-tables.html | 2 +- 6 files changed, 221 insertions(+), 38 deletions(-) create mode 100644 assets/styles/index.scss diff --git a/assets/styles/base.scss b/assets/styles/base.scss index 361a7a569..b473c6970 100644 --- a/assets/styles/base.scss +++ b/assets/styles/base.scss @@ -292,6 +292,16 @@ hr { } .singlePage { + + .index-container { + width: 120%; + margin-left: -10%; + @media all and (max-width: 1200px) { + width: 100%; + margin-left: 0; + } + padding: 0 16px; + } padding: 4em 25vw; @media all and (max-width: 1200px) { diff --git a/assets/styles/custom.scss b/assets/styles/custom.scss index 612b80a61..928aa0789 100644 --- a/assets/styles/custom.scss +++ b/assets/styles/custom.scss @@ -2,7 +2,7 @@ :root { --light: #faf8f8; --dark: #141021; - --secondary: #284b63; + // --secondary: #284b63; --tertiary: #84a59d; --visited: #afbfc9; --primary: #f28482; @@ -14,11 +14,12 @@ [saved-theme="dark"] { --light: #1e1e21 !important; --dark: #fbfffe !important; - --secondary: #6b879a !important; + // --secondary: #6b879a !important; + --secondary: #06b6d4 !important; --visited: #4a575e !important; --tertiary: #84a59d !important; --primary: #f58382 !important; --gray: #d4d4d4 !important; --lightgray: #292633 !important; --outlinegray: #343434 !important; -} \ No newline at end of file +} diff --git a/assets/styles/index.scss b/assets/styles/index.scss new file mode 100644 index 000000000..0d4a258ba --- /dev/null +++ b/assets/styles/index.scss @@ -0,0 +1,67 @@ +.index-container { + 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; + flex-direction: column; + align-items: center; + justify-content: center; + gap: 24px; + &-title { + text-align: center; + font-size: 48px; + font-weight: 600; + margin: 4px 4px; + } + &-subtitle { + text-align: center; + font-size: 20px; + font-weight: 600; + margin: 4px 4px; + } +} + +.embed { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + margin-top: 8px; + gap: 32px; + } + +.feature { + display: flex; + flex-direction: column; + + &-title { + font-size: 36px; + font-weight: 600; + margin: 12px 4px; + } + + &-subtitle { + font-size: 20px; + font-weight: 600; + margin: 4px 4px; + } + + &-big { + //flex grow ratio 1:2 + flex-grow: 2; + } + &-small { + //flex grow ratio 1:2 + flex-grow: 1; + } +} \ No newline at end of file diff --git a/assets/styles/pricing.scss b/assets/styles/pricing.scss index 909eee840..88c103ac7 100644 --- a/assets/styles/pricing.scss +++ b/assets/styles/pricing.scss @@ -1,7 +1,8 @@ $base-color: rgb(20, 20, 20); $base-color-light: rgb(104, 104, 104); $primary-color: rgb(40, 75, 98); -$secondary-color: rgb(73, 144, 191); +$secondary-color: var(--secondary); +$secondary-color-active: #00c7eb; * { box-sizing: border-box; @@ -57,6 +58,7 @@ $secondary-color: rgb(73, 144, 191); gap: 32px; margin-top: 32px; background-color: $base-color; + transition: filter 0.5s; &-header { width: 100%; @@ -71,10 +73,13 @@ $secondary-color: rgb(73, 144, 191); &-label { margin-bottom: 0px; color: white; + filter: drop-shadow(0 0 2px black); font-size: 28px; } &-price { font-size: 20px; + color: white; + filter: drop-shadow(0 0 2px black); } &-body { @@ -100,23 +105,25 @@ $secondary-color: rgb(73, 144, 191); margin: 0px 24px; } li:before { - content: '\2713'; + content: "\2713"; display: inline-block; color: green; padding: 0 6px 0 0; } } - :hover { - box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.2); + + &:hover { + + filter: drop-shadow(0 0 8px black); } } + /* Grey list item */ .price .grey { font-size: 20px; } - /* The "Sign Up" button */ .button { background-color: #284b63; @@ -126,6 +133,10 @@ $secondary-color: rgb(73, 144, 191); text-align: center; text-decoration: none; font-size: 18px; + &:hover{ + background-color: #356483; + color: white !important; + } } /* Change the width of the three columns to 100% @@ -138,4 +149,11 @@ $secondary-color: rgb(73, 144, 191); .premium { background-color: $secondary-color; -} \ No newline at end of file + &-btn { + background-color: $secondary-color; + &:hover{ + background-color: $secondary-color-active; + color: white !important; + } + } +} diff --git a/content/_index.md b/content/_index.md index 7574fcf88..7973af9f2 100644 --- a/content/_index.md +++ b/content/_index.md @@ -2,41 +2,128 @@ id: home title: Home --- -
-
-

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

-

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

+ +
+
+

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

+

How speedy? Try it yourself:

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

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
    • +
-
-
- {{< youtube iXLyEvTZp9I >}}
-## Features: -### Quick capture. Anywhere. -Capture notes anywhere with an array of supported platforms and built-in sync between all platforms. -- Chrome & Firefox extension -- Android & iOS app -- Web app -- Desktop app (coming soon) -- Safari extension (coming soon) +
+
+
+

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 >}} +
+
+
-### Full control of your notes -Keep a backup of your notes or sync with other note-taking applications -- 100% of your notes are stored locally with optional sync -- [[posts/end-to-end-encryption-in-fleeting-notes|Support for end-to-end encryption]] -- [[posts/sync-fleeting-notes-with-obsidian|Sync notes with Obsidian]] -- Export all notes in Markdown or JSON +
+
+
+

+ +
+
+
-### Find notes easily -The combination of full-text search and linking makes it easy to find any note. Either search for the note or [[notes/following a train of thought|follow a trail of linked notes]]. -- Links and backlinks -- Full-text search -- History of traversed notes +
+ + +
## Questions? Contact Me. + - Email me at: ithinkwong@gmail.com -- Join the [discord channel](https://discord.gg/xrj6yuGNmx) \ No newline at end of file +- Join the [discord channel](https://discord.gg/xrj6yuGNmx) diff --git a/layouts/shortcodes/pricing-tables.html b/layouts/shortcodes/pricing-tables.html index a4307b582..b8883ecce 100644 --- a/layouts/shortcodes/pricing-tables.html +++ b/layouts/shortcodes/pricing-tables.html @@ -65,7 +65,7 @@ Try it for free