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:
+
+
+
+
+
+
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
+
+
+
+
+
-
-
-
-
-
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 }}