Pin learn more link in product items to bottom

eonist · eonist · commit 25f4474b58b9 · 2023-10-14T11:32:29.000+02:00
diff --git a/_data/support.yml b/_data/support.yml
@@ -60,13 +60,13 @@
   description: Questions and answers regarding data migration. Import, export and backups etc
   list:
    - q: What if I lose my device? How do I recover?
-     a: You can recover your passwords from <em>any device you own</em>. Or <a href="/support/#fEty">recover</a> from a USB stick / cloud based backup file. Password protected with your own <em>personal password</em>. We recommend using a strong password if you want to store a backup in the cloud.
+     a: You can recover your credentials from <em>any device you own</em>. Or <a href="/support/#fEty">recover</a> from a USB stick / cloud based backup file. Password protected with your own <em>personal password</em>. We recommend using a strong password if you want to store a backup in the cloud.
      id: cBFM
-   - q: How do I import my passwords from my current password manager?
-     a: 'First, <em>export your accounts</em> from your current password manager to a file. Then, go to the preferences section of the app and select <em>import accounts</em>. Choose the file you just exported and follow the onscreen instructions. We support all major password managers, including <a href="https://www.1password.com/">1password</a>, <a href="https://www.lastpassword.com/">lastpassword</a>, <a href="https://www.keeper.com/">keeper</a>, <a href="https://www.apple.com/keychain">keychain</a>, <a href="https://www.bitwarden.com/">bitwarden</a>, and more. In the future, we plan to support even more password managers through the cvs format.'
+   - q: How do I import my credentials from my current credential manager?
+     a: 'First, <em>export your accounts</em> from your current credential manager to a file. Then, go to the preferences section of the app and select <em>import accounts</em>. Choose the file you just exported and follow the onscreen instructions. We support all major credential managers, including <a href="https://www.1password.com/">1password</a>, <a href="https://www.lastpassword.com/">lastpassword</a>, <a href="https://www.keeper.com/">keeper</a>, <a href="https://www.apple.com/keychain">keychain</a>, <a href="https://www.bitwarden.com/">bitwarden</a>, and more. In the future, we plan to support even more credential managers through the cvs format.'
      id: 6vuQ
-   - q: How do I export my passwords to another password manager?
-     a: Currently, we only support exporting in <em>clear-text-json-format</em>. To do this, go to preferences and select "export data" <em>without adding a password</em>. The exported file will be saved as <em>backup.data file</em> and can be opened in any text reader app. We advise against using GPT to convert the data format since using GPT is not always secure. However, we are working on releasing better export options to support all major password managers.
+   - q: How do I export my credentials to another credential manager?
+     a: Currently, we only support exporting in <em>clear-text-json-format</em>. To do this, go to preferences and select "export data" <em>without adding a password</em>. The exported file will be saved as <em>backup.data file</em> and can be opened in any text reader app. We advise against using GPT to convert the data format since using GPT is not always secure. However, we are working on releasing better export options to support all major credential managers.
      id: zoaX
    - q: How do I store a backup of my data in iCloud?
      a: To store a backup in iCloud, go to the app's preferences and select "export." <em>Choose a strong password</em> that cannot be easily guessed or brute-forced in case someone gains access to the backup data file in the future. We suggest using a <a href="https://en.wikipedia.org/wiki/Cryptocurrency_wallet">12-24 word mnemonic phrase</a> (external link), which you can generate from our app when you create a password for a login-entry. When prompted to choose a location to save the backup.data file, opt for a location in your iCloud space.
@@ -195,8 +195,8 @@
    - q: How can I claim a refund?
      a: In the app, go to the <em>preferences section</em>, then press the <em>payments button</em>, and finally press the <em>refund purchase button</em>. This will prompt a <em>popup from apple</em> that will take you the rest of the way. Refunds are processed by apple within 48 hours.
      id: I5Fl
-   - q: Why is the password manager offline?
-     a: 'With <em>online password managers</em> you will always be at <em>risk of compromise</em> if someone gets access to your master password, or someone with access to the the cloud <em>leaks your data</em>. As has often happened in the past: <a href="https://www.theverge.com/2022/12/22/23523322/lastpass-data-breach-cloud-encrypted-password-vault-hackers">Hackers stole encrypted LastPass password vaults</a> (external link)'
+   - q: Why is the credential manager offline?
+     a: 'With <em>online credential managers</em> you will always be at <em>risk of compromise</em> if someone gets access to your master password, or someone with access to the the cloud <em>leaks your data</em>. As has often happened in the past: <a href="https://www.theverge.com/2022/12/22/23523322/lastpass-data-breach-cloud-encrypted-password-vault-hackers">Hackers stole encrypted LastPass password vaults</a> (external link)'
      id: d8j8
    - q: Why are dedicated native apps more secure?
      a: 'Native apps are generally <em>considered more secure</em> than hybrid apps using electron or eeact-native because they run directly on the operating system, allowing them to leverage the built-in security features and permissions of the platform. This tighter integration with the OS provides better isolation from potential threats, as opposed to Electron apps, which rely on web technologies and a built-in browser engine, potentially exposing them to more - <em>security vulnerabilities</em>. Additionally, native apps can benefit from timely security updates and patches provided by the platform, further enhancing their security posture. Another benefit of native apps is that they - <em>use less space and memory</em> than non-native apps. Dedicated native apps are apps that are built for their native OS. And do not reply on native hybrid solutions like <a href="https://developer.apple.com/mac-catalyst/">Apple Mac Catalyst</a>. (external link)'
diff --git a/css/style/common/theme/debug.css b/css/style/common/theme/debug.css
@@ -4,34 +4,34 @@
 * - Fix: maybe rename to debug-color-n ?
 */
 :root {
-    --debug-bg-1: Crimson; /*rgba(0,0,0,0);*/
-    --debug-bg-2: DarkOrange; /*rgba(0,0,0,0);*/
-    --debug-bg-3: DeepPink; /*rgba(0,0,0,0);*/
-    --debug-bg-4: DodgerBlue; /*rgba(0,0,0,0);*/
-    --debug-bg-5: FireBrick; /*rgba(0,0,0,0);*/
-    --debug-bg-6: ForestGreen; /*rgba(0,0,0,0);*/
-    --debug-bg-7: Fuchsia; /*rgba(0,0,0,0);*/
-    --debug-bg-8: RebeccaPurple; /*rgba(0,0,0,0);*/
-    --debug-bg-9: HotPink; /*rgba(0,0,0,0);*/
-    --debug-bg-10: IndianRed; /*rgba(0,0,0,0);*/
-    --debug-bg-11: LimeGreen; /*rgba(0,0,0,0);*/
-    --debug-bg-12: Magenta; /*rgba(0,0,0,0);*/
-    --debug-bg-13: MediumBlue; /*rgba(0,0,0,0);*/
-    --debug-bg-14: OrangeRed; /*rgba(0,0,0,0);*/
-    --debug-bg-15: Orchid; /*rgba(0,0,0,0);*/
-    --debug-bg-16: Purple; /*rgba(0,0,0,0);*/
-    --debug-bg-17: Red; /*rgba(0,0,0,0);*/
-    --debug-bg-18: RoyalBlue; /*rgba(0,0,0,0);*/
-    --debug-bg-19: SaddleBrown; /*rgba(0,0,0,0);*/
-    --debug-bg-20: SeaGreen; /*rgba(0,0,0,0);*/
-    --debug-bg-21: Sienna; /*rgba(0,0,0,0);*/
-    --debug-bg-22: SkyBlue; /*rgba(0,0,0,0);*/
-    --debug-bg-23: SpringGreen; /*rgba(0,0,0,0);*/
-    --debug-bg-24: SteelBlue; /*rgba(0,0,0,0);*/
-    --debug-bg-25: Tomato; /*rgba(0,0,0,0);*/
-    --debug-bg-26: Turquoise; /*rgba(0,0,0,0);*/
-    --debug-bg-27: Violet; /*rgba(0,0,0,0);*/
-    --debug-bg-28: SeaGreen; /*rgba(0,0,0,0);*/
-    --debug-bg-29: YellowGreen; /*rgba(0,0,0,0);*/
-    --debug-bg-30: DarkViolet; /*rgba(0,0,0,0);*/
+    --debug-bg-1: rgba(0,0,0,0); /*Crimson;*/
+    --debug-bg-2: rgba(0,0,0,0); /*DarkOrange;*/
+    --debug-bg-3: rgba(0,0,0,0); /*DeepPink;*/
+    --debug-bg-4: rgba(0,0,0,0); /*DodgerBlue;*/
+    --debug-bg-5: rgba(0,0,0,0); /*FireBrick;*/
+    --debug-bg-6: rgba(0,0,0,0); /*ForestGreen;*/
+    --debug-bg-7: rgba(0,0,0,0); /*Fuchsia;*/
+    --debug-bg-8: rgba(0,0,0,0); /*RebeccaPurple;*/
+    --debug-bg-9: rgba(0,0,0,0); /*HotPink;*/
+    --debug-bg-10: rgba(0,0,0,0); /*IndianRed;*/
+    --debug-bg-11: rgba(0,0,0,0); /*LimeGreen;*/
+    --debug-bg-12: rgba(0,0,0,0); /*Magenta;*/
+    --debug-bg-13: rgba(0,0,0,0); /*MediumBlue;*/
+    --debug-bg-14: rgba(0,0,0,0); /*OrangeRed;*/
+    --debug-bg-15: rgba(0,0,0,0); /*Orchid;*/
+    --debug-bg-16: rgba(0,0,0,0); /*Purple;*/
+    --debug-bg-17: rgba(0,0,0,0); /*Red;*/
+    --debug-bg-18: rgba(0,0,0,0); /*RoyalBlue;*/
+    --debug-bg-19: rgba(0,0,0,0); /*SaddleBrown;*/
+    --debug-bg-20: rgba(0,0,0,0); /*SeaGreen;*/
+    --debug-bg-21: rgba(0,0,0,0); /*Sienna;*/
+    --debug-bg-22: rgba(0,0,0,0); /*SkyBlue;*/
+    --debug-bg-23: rgba(0,0,0,0); /*SpringGreen;*/
+    --debug-bg-24: rgba(0,0,0,0); /*SteelBlue;*/
+    --debug-bg-25: rgba(0,0,0,0); /*Tomato;*/
+    --debug-bg-26: rgba(0,0,0,0); /*Turquoise;*/
+    --debug-bg-27: rgba(0,0,0,0); /*Violet;*/
+    --debug-bg-28: rgba(0,0,0,0); /*SeaGreen;*/
+    --debug-bg-29: rgba(0,0,0,0); /*YellowGreen;*/
+    --debug-bg-30: rgba(0,0,0,0); /*DarkViolet;*/
 }
diff --git a/css/style/page/front/product/product_video.css b/css/style/page/front/product/product_video.css
@@ -1,13 +1,17 @@
 /**
- * Video-container
+ * Video-container (video, title, text, link)
  * Fix: rename file to product_item.css?
  */
 #videos .video_container { /* Fix: ⚠️️ Rename to video_item */
 	background-color: var(--debug-bg-4); /* Debug */
 	height: auto;
-	/* FlexBox */
-	flex-grow: 1;
+	/*flex*/
+	display: flex;
+	flex-direction: column;
 }
+/*
+* Cotains the video
+*/
 .video_box_container {
 	background-color: var(--debug-bg-9);
 	padding-left: 64px; /* Don't unify these, it doesn't work for some reason */
@@ -30,9 +34,12 @@
  * Description text for video
  */
 #videos .video_container #vid_text {
-	background-color: var(--debug-bg-7);/*debug*/
+	background-color: var(--debug-bg-6);/*debug*/
 	padding: 6px 0 6px 0; /* Represents padding for the top and bottom of the element */
 	width: 100%;
+	height: auto; /* ⚠️️ Helps to pin the download container to the bottom */
+	/*flex*/
+	flex-grow: 1; /* ⚠️️ Helps to pin the download container to the bottom */
 	/* Styling */
 	font: var(--text-xs);
 	color: var(--primary-medium);
@@ -50,7 +57,7 @@
 	width: 100%;
 	text-align: center;
  }
- #vid_link a,  #vid_link a:visited {
+ #vid_link a, #vid_link a:visited {
 	color: var(--accent-color);
 	text-decoration: underline;
 }
