Update website

.gitignore

@@ -112,3 +112,4 @@ bin/
 /desktopApp/src/jvmMain/resources/props.properties
 /desktopApp/embedded.provisionprofile
 /desktopApp/runtime.provisionprofile
+/website/public/

website/config.toml

@@ -26,6 +26,10 @@ theme = "apsho"
     name = "Contribute with translations"
     url = "https://hosted.weblate.org/projects/feedflow/"
     weight = 5
+[[menu.sitemap]]
+    name = "Donations 🙏"
+    url = "https://www.paypal.me/MarcoGomiero"
+    weight = 6
 
 [params]
 

website/data/faq.yml

@@ -3,7 +3,7 @@ enable: true
 title: Frequently asked questions
 faqItem:
   - question: Why no feed's content?
-    answer: The majority of websites with an RSS feed don't share the article's content because they want you to go on their website. For this reason, FeedFlow always opens the original website, but you can choose the browser that you want. For example, you can open an article on DuckDuckGo or Firefox Focus with all the trackers disabled and then just kill all the navigation data. In this way, the reading experience is separated from your main browser instance.
+    answer: Most websites with an RSS feed don't share the article's content because they want you to go on their website. For this reason, FeedFlow always opens the original website, but you can choose the browser you want. For example, you can open an article on DuckDuckGo or Firefox Focus with all the trackers disabled and then kill all the navigation data. This way, the reading experience is separated from your main browser instance. FeedFlow also offers a reader mode that downloads the full content of the article and renders it in a clutter-free view.
     dataTarget: One
     show: show
 
@@ -15,4 +15,9 @@ faqItem:
   - question: Is it privacy friendly?
     answer: Yes! There are no trackers or analytics. Only anonymized crashes and error reports are collected, to help me improve the parsing mechanism.
     dataTarget: Three
-    show: 
+    show:
+
+  - question: How much does it cost?
+    answer: FeedFlow is open source and compeltely free to use. If you want to support the development, consider to make a donation. We will be grateful forever 🙏. (Check the links below)
+    dataTarget: Four
+    show:

website/data/feature.yml

@@ -1,14 +1,14 @@
 ---
 enable: true
 title: Just a list.
-description: All you need is a de-cluttered list. Every article opens in the browser of your choice. No more half-available content, multiple clicks to read something. Just focus on reading (or scrolling)!
+description: All you need is a de-cluttered list. Every article opens in the browser of your choice or in a clutter-free reader mode. No more half-available content, multiple clicks to read something. Just focus on reading (or scrolling)!
 description2: Quickly import your existing RSS feeds collection
 
 Title2nd: Focus on reading.
-description2nd: Enjoy full control - open articles in your favourite privacy-focused browser and keep your reading experience separated from your main browser.
-image1: images/feature/android-feed.webp
-image2: images/feature/macos-feed.webp
+description2nd: Enjoy full control - open articles in your favourite privacy-focused browser and keep your reading experience separated from your main browser. Or use the integrated clutter-free reader mode.
+image1: images/screenshots/android-feed.webp
+image2: images/screenshots/macos-feed.webp
 checkItem:
   - text: Import your existing collection with one click.
-  - text: Use your favourite browser
+  - text: Use your favourite browser or the reader mode
   - text: Built with Compose, SwiftUI, Kotlin Multiplatform

website/data/hero.yml

@@ -1,12 +1,12 @@
 ---
 enable: true
 title: FeedFlow
-description: Follow your favorite RSS feeds with FeedFlow, a minimalistic and opinionated RSS Reader for Android, iOS, and macOS.
+description: Follow your favorite RSS feeds with FeedFlow, a minimalistic RSS Reader for Android, iOS, and macOS.
 buttonName: Available on
 button1text: Google Play
 button1Link: https://play.google.com/store/apps/details?id=com.prof18.feedflow
 button2text: Apple Store
 button2Link: https://apps.apple.com/us/app/feedflow-rss-reader/id6447210518
 button3text: macOS
-button3Link: https://apps.apple.com/it/app/feedflow-rss-reader/id6447210518
+button3Link: https://github.com/prof18/feed-flow/releases/download/1.0.67-desktop/FeedFlow-1.0.67.dmg
 image: images/hero/hero-image.svg

website/data/screenshots.yml

@@ -7,6 +7,4 @@ images:
   - url: images/screenshots/android-feeds.webp
   - url: images/screenshots/android-menu.webp
   - url: images/screenshots/android-browser.webp
-  - url: images/screenshots/android-add-feed.webp
-#  - url: images/screenshots/ios-menu.webp
-#  - url: images/screenshots/ios-feeds.webp
+  - url: images/screenshots/android-reader-mode.webp

website/resources/_gen/assets/scss/critical.scss_170188855d14d903eca10cc8b6dffa74.json

@@ -0,0 +1 @@
+{"Target":"/scss/critical.min.css","MediaType":"text/css","Data":{}}

website/resources/_gen/assets/scss/non-critical.scss_170188855d14d903eca10cc8b6dffa74.content

@@ -0,0 +1 @@
+@charset "UTF-8";.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}@font-face{font-family:slick;font-weight:400;font-style:normal;src:url(../fonts/slick.eot);src:url(../fonts/slick.eot?#iefix)format("embedded-opentype"),url(../fonts/slick.woff)format("woff"),url(../fonts/slick.ttf)format("truetype"),url(../fonts/slick.svg#slick)format("svg");font-display:swap}.slick-prev,.slick-next{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:none;background:0 0}.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:transparent;outline:none;background:0 0}.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}.slick-prev:before,.slick-next:before{font-family:slick;font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:'←'}[dir=rtl] .slick-prev:before{content:'→'}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}.slick-next:before{content:'→'}[dir=rtl] .slick-next:before{content:'←'}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:0 0}.slick-dots li button:hover,.slick-dots li button:focus{outline:none}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}.slick-dots li button:before{font-family:slick;font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:#000}a{color:#2c5ea7}.section-title{text-align:center;margin-bottom:50px}@media(max-width:575px){.section-title{margin-bottom:0}}.section-title h2{font-size:45px}@media(max-width:767px){.section-title h2{font-size:35px;line-height:44px}}@media(max-width:575px){.section-title h2{font-size:30px}}.ml-25{margin-left:25px}@media(max-width:991px){.ml-25{margin-left:0}}.mr-25{margin-right:25px}@media(max-width:991px){.mr-25{margin-right:0}}.feature{position:relative;overflow:hidden}@media(max-width:991px){.feature{text-align:center;padding-bottom:80px}}.feature-image{position:relative;text-align:center}.feature-image-shape1,.feature-image-shape2,.feature-image-shape3,.feature-image-shape4{position:absolute;z-index:-1}.feature-image img{max-width:100%}@media(max-width:991px){.feature-image-shape1{left:-13%!important}}@media(max-width:767px){.feature-image-shape1{left:-17%!important}}@media(max-width:991px){.feature-image-shape2{right:5%!important}}@media(max-width:767px){.feature-image-shape2{right:-10%!important}}@media(max-width:991px){.feature-image-shape3{right:-7%!important}}@media(max-width:767px){.feature-image-shape3{right:-9%!important}}@media(max-width:991px){.feature-image-shape4{left:-5%!important}}@media(max-width:767px){.feature-image-shape4{left:-15%!important}}@media(max-width:991px){.feature-content{text-align:center;margin-bottom:30px}}.feature-content h2{margin-bottom:30px}@media(max-width:767px){.feature-content h2{font-size:35px;line-height:40px}}.feature-content p{font-weight:400;font-size:16px;line-height:28px;margin-bottom:30px}.feature-content-list{margin-top:50px}@media(max-width:991px){.feature-content-list{display:flex;justify-content:center}}.feature-content-list ul{margin:0;padding:0}.feature-content-list ul li{list-style:none;display:flex;align-items:center}.feature-content-list ul li:not(:last-child){margin-bottom:15px}.feature-content-list ul li i{width:24px;height:24px;text-align:center;line-height:20px;border:2px solid #2c5ea7;border-radius:5px;margin-right:15px;color:#2c5ea7;display:inline-block;font-size:12px;font-weight:700}.feature-content-list ul li p{font-weight:500;margin-bottom:0;display:inline-block;color:#273437}@media(max-width:1199px){.feature-content-list ul li p{font-size:14px}}@media(max-width:575px){.feature-content-list ul li p{font-size:13px}}.screenshots{background:#dff1f4;padding:70px 0 120px;border-radius:50px;margin:0 80px}@media(max-width:1400px){.screenshots{margin:0 50px}}@media(max-width:1199px){.screenshots{margin:0 30px}}@media(max-width:991px){.screenshots{border-radius:25px}}@media(max-width:575px){.screenshots{margin:0 15px;padding:50px 0 80px;overflow:hidden}}.screenshots-title{margin-bottom:55px}@media(max-width:400px){.screenshots-title{margin-top:50px}}.screenshots-title h2{text-align:center;margin-bottom:20px}@media(max-width:767px){.screenshots-title h2{font-size:35px;line-height:44px}}@media(max-width:575px){.screenshots-title h2{font-size:30px;line-height:42px}}.screenshots-title p{text-align:center;font-size:17px;line-height:30px}@media(max-width:575px){.screenshots-title p{font-size:14px}}.screenshots-wrapper{position:relative;width:70%;margin:0 auto}@media(max-width:1400px){.screenshots-wrapper{width:80%}}@media(max-width:1199px){.screenshots-wrapper{width:100%}}@media(max-width:991px){.screenshots-wrapper{width:80%}}@media(max-width:767px){.screenshots-wrapper{width:100%}}@media(max-width:575px){.screenshots-wrapper{width:70%}}.screenshots-slider-frame{position:absolute;left:50%;top:calc(50% - 1px);transform:translate(-50%,-50%);width:calc(20% - 18px);z-index:1;display:block;pointer-events:none}@media(max-width:1400px){.screenshots-slider-frame{top:50%;width:calc(20% - 22px)}}@media(max-width:991px){.screenshots-slider-frame{width:calc(33% - 15px)}}@media(max-width:767px){.screenshots-slider-frame{width:calc(33% - 20px)}}@media(max-width:575px){.screenshots-slider-frame{width:calc(100% - 18px)}}.screenshots-slider-frame img{max-width:100%;pointer-events:none}.screenshots-slider-item{padding:0 15px;outline:none}.screenshots-slider-item img{width:100%;height:100%}.screenshots-slider .slick-dots{position:absolute;bottom:-90px}@media(max-width:575px){.screenshots-slider .slick-dots{bottom:-50px}}.screenshots-slider .slick-dots li{display:inline-block;margin:0 5px;width:unset;height:unset}.screenshots-slider .slick-dots li button{background:#2c5ea7;text-indent:-999999999px;width:15px;height:7px;outline:0;border-radius:2px;transition:.5s ease;padding:0;opacity:.3}.screenshots-slider .slick-dots li button::before{content:none}.screenshots-slider .slick-dots li.slick-active button{background:#2c5ea7;width:40px;opacity:1}@media(max-width:575px){.screenshots-slider .slick-list{overflow:visible}}.faq{padding:100px 0}@media(max-width:767px){.faq{padding:50px 0}}@media(max-width:991px){.faq-content{text-align:center;margin-bottom:30px}}.faq-content h2{margin-bottom:25px}@media(max-width:767px){.faq-content h2{font-size:30px;line-height:40px}}@media(max-width:575px){.faq-content h2{font-size:20px;line-height:30px}}@media(max-width:400px){.faq-content h2{font-size:18px}}@media(max-width:575px){.faq-content p{font-size:14px}}.faq-accordion{border-radius:10px}.faq-accordion-item{margin-bottom:25px;border-radius:6px;position:relative;z-index:1;box-shadow:0 0 12px rgba(0,0,0,5%);padding:20px 30px}.faq-accordion-item .header{position:relative}.faq-accordion-item .header h5{position:relative}.faq-accordion-item .header h5::before{content:"";position:absolute;width:24px;height:24px;border-radius:4px;background-color:rgba(44,94,167,.1);right:0;top:50%;transform:translateY(-50%)}.faq-accordion-item .header h5 .btn{display:block;width:100%;text-align:left;padding:0;font-size:18px;font-weight:600;text-decoration:none;color:#273437;white-space:unset;position:relative;letter-spacing:0}@media(max-width:575px){.faq-accordion-item .header h5 .btn{font-size:16px}}.faq-accordion-item .header h5 .btn:before,.faq-accordion-item .header h5 .btn:after{content:"";position:absolute;width:10px;height:2px;top:50%;right:6.5px;background:#2c5ea7;transform:translateY(-50%)rotate(0);transition:transform .5s ease}.faq-accordion-item .header h5 .btn.collapsed:after{transform:translateY(-50%)rotate(270deg)}.faq-accordion-item .body{color:#8c8c94;font-size:15px;line-height:25px;padding:20px 0 10px}@media(max-width:575px){.faq-accordion-item .body{font-size:14px;line-height:22px}}.footer{position:relative;padding:150px 0 50px;overflow:hidden;background:url(../images/footer/footer-bg.svg);background-position:50% 0;background-size:cover}@media(max-width:575px){.footer{padding:120px 0 50px}}@media(max-width:767px){.footer .footer-description{text-align:center}}@media(max-width:575px){.footer .footer-description{margin-bottom:30px}}.footer .footer-description img{margin-bottom:20px}.footer .footer-description p{color:#7a8081;line-height:36px}.footer .footer-description-social{margin:0;padding:0;list-style:none}.footer .footer-description-social li{display:inline-block}.footer .footer-description-social li:not(:last-child){margin-right:10px}.footer .footer-description-social li a{display:block;color:#8c8c94;transition:.3s ease}.footer .footer-description-social li a:hover{color:#273437;text-decoration:none}@media(max-width:767px){.footer .footer-widget{text-align:center;padding-top:20px}}.footer .footer-widget h4{font-size:22px;font-weight:600;margin-bottom:20px}@media(max-width:575px){.footer .footer-widget h4{font-size:17px}}.footer .footer-widget-list{text-align:left}@media(max-width:767px){.footer .footer-widget-list{text-align:center}}.footer .footer-widget-list ul{padding:0;margin:0}.footer .footer-widget-list ul li{list-style:none}.footer .footer-widget-list ul li a{color:#8c8c94;text-decoration:none;display:block;transition:all .5s ease-in-out;padding:10px 0}@media(max-width:575px){.footer .footer-widget-list ul li a{font-size:15px}}.footer .footer-widget-list ul li a:hover{color:#273437}.footer .footer-widget-list ul li i{padding-right:10px}

website/resources/_gen/assets/scss/non-critical.scss_170188855d14d903eca10cc8b6dffa74.json

@@ -0,0 +1 @@
+{"Target":"/scss/non-critical.min.css","MediaType":"text/css","Data":{}}