From 5b5a3ed605bdcaca7b39e86be87250d072938b07 Mon Sep 17 00:00:00 2001 From: Arpita-Jaiswal Date: Fri, 1 Sep 2023 15:49:35 +0530 Subject: [PATCH] Added a blog page on search --- FASTN.ftd | 1 + blog/index.ftd | 8 +- blog/search.ftd | 103 ++++++++++++++++++ featured/index.ftd | 2 +- ...t.jpg => gradient-business-card-front.jpg} | Bin 5 files changed, 111 insertions(+), 3 deletions(-) create mode 100644 blog/search.ftd rename images/featured/business-cards/{gradient-business-card-ftont.jpg => gradient-business-card-front.jpg} (100%) diff --git a/FASTN.ftd b/FASTN.ftd index 2389de337..2673a2c29 100644 --- a/FASTN.ftd +++ b/FASTN.ftd @@ -818,6 +818,7 @@ skip: true # Blog: /blog/ +- Search Feature in fastn.com: /blog/search/ - Quote contest :/quote-contest/ document: /events/weekly-contest/week-1-quote.ftd - Tales from ACME Inc - Case Study: /acme/ diff --git a/blog/index.ftd b/blog/index.ftd index 59d1d49f6..06fe14019 100644 --- a/blog/index.ftd +++ b/blog/index.ftd @@ -1,4 +1,5 @@ --- import: fastn.com/blog/acme as fp +-- import: fastn.com/blog/search as fp +-- import: fastn.com/blog/acme as p11 -- import: fastn.com/events/weekly-contest/week-1-quote as p10 -- import: fastn.com/blog/writer-journey as p9 -- import: fastn.com/blog/prove-you-wrong as p8 @@ -17,7 +18,10 @@ -- ds.featured-post: post-data: $fp.meta --- ds.without-image: +-- ds.without-image-half: +post-data: $p11.meta + +-- ds.without-image-half: post-data: $p10.meta -- ds.without-image-half: diff --git a/blog/search.ftd b/blog/search.ftd new file mode 100644 index 000000000..70b48c674 --- /dev/null +++ b/blog/search.ftd @@ -0,0 +1,103 @@ +-- import: fastn-community.github.io/bling/chat +-- import: fastn.com/blog/authors +-- import: fastn-community.github.io/doc-site/common +-- import: fastn.com/utils + +-- common.post-meta meta: Exploring the Search Feature in fastn.com +published-on: September 01, 2023 +post-url: /search/ +author: $authors.arpita + +With the vast amount of content available online, users can often find +themselves lost in a sea of information. Without a search tool, finding what +you're looking for can be a time-consuming and frustrating task. +fastn.com recognizes this challenge and has implemented a search feature to +help users discover content quickly and effortlessly. This is one of the most +requested feature in fastn.com. + +In this blog post, we'll explore the ins and outs of this tool and show you how +to make the most of it. + + +-- ds.blog-page: +meta: $meta + +-- ds.youtube: +v: fLGXZLPtzFo + +-- ds.h1: Accessing the Search page + +-- ds.h2: The `fastn` Search Icon + +First and foremost, let's locate the star of the show – the `fastn` Search icon. +It's positioned prominently on the website, often in the top right corner of +the page. You can't miss it. Just look for the magnifying glass icon. +[🔍](search/?next=/blog/search/) + +-- ds.h2: The 'F' Shortcut + +Here's a nifty trick to save you some clicks: simply press the 'F' key to open +the `fastn` Search page. This keyboard shortcut is a good help for those who +prefer efficiency. No need to reach for your mouse; just hit 'F,' and you're +ready to start searching. + +-- ds.h1: Effortless Navigation and Relevant Search Result Selection + +-- ds.h2: Navigating Search Results + +Once you've initiated the search, you can move up and down the search results +list quickly by using your keyboard's arrow keys (Arrow Up and Arrow Down keys). +You can use mouse pointer to achieve the same. + +-- ds.h2: Selecting a Result + +When you've found the search result that piques your interest, press the +'Enter' key. This will take you to the selected search result page instantly. +If you prefer using your mouse, clicking on a specific search result will also +redirect you to the corresponding page. + + +-- ds.h1: Returning to Previous Pages + +-- ds.h2: The 'Go Back' Icon and the 'Esc' Key + +`fastn.com` also makes it easy to backtrack. If you ever want to return to the +previous page, simply look for the 'Go Back' button, represented by a +`🔙 (Go Back)`. Clicking this button will do the trick. + +But wait, there's another handy keyboard shortcut – the 'Esc' key. Pressing +'Esc' will take you back to our previous browsing state, just like clicking the +'Go Back' button. + + +-- ds.h1: Benefits of fastn.com's Search Feature + +fastn.com's search feature offers several advantages to users: + +- **Efficiency**: Finding content is faster and more convenient, improving +overall user experience. + +- **Accessibility**: Keyboard shortcuts and navigation options make the feature +accessible to a wide range of users. + +- **Intuitiveness**: The search process is user-friendly, ensuring that even +less tech-savvy individuals can use it effectively. + +- **Reduced Frustration**: Users no longer need to sift through numerous pages +to find what they're looking for, reducing frustration and improving +satisfaction. + + +-- ds.h1: Conclusion + +In conclusion, fastn.com's search feature is a testament to the platform's +commitment to user experience and efficiency. By incorporating keyboard +shortcuts, intuitive navigation, and quick access options, Fastn.com ensures +that users can easily find the content they seek. Whether you're a power user or +a newcomer to the platform, fastn.com's search feature is designed to enhance +your browsing experience and help you discover what matters most to you. + +***Happy searching!*** + + +-- end: ds.blog-page diff --git a/featured/index.ftd b/featured/index.ftd index b4d82a897..c479fa46c 100644 --- a/featured/index.ftd +++ b/featured/index.ftd @@ -621,7 +621,7 @@ screenshot: $fastn-assets.files.images.featured.cs.blog-template-1-cs.png -- template: Business Cards template-url: /featured/components/business-cards/ -screenshot: $fastn-assets.files.images.featured.business-cards.gradient-business-card-ftont.jpg +screenshot: $fastn-assets.files.images.featured.business-cards.gradient-business-card-front.jpg -- template: Modal Cover template-url: featured/components/modals/modal-cover/ diff --git a/images/featured/business-cards/gradient-business-card-ftont.jpg b/images/featured/business-cards/gradient-business-card-front.jpg similarity index 100% rename from images/featured/business-cards/gradient-business-card-ftont.jpg rename to images/featured/business-cards/gradient-business-card-front.jpg