Add new font to butterfly docs, fix typos

LinwoodDev · Aug 23, 2024 · ee03df9 · ee03df9
1 parent b1ddd1f
commit ee03df9
Show file tree

Hide file tree

Showing 44 changed files with 133 additions and 109 deletions.
diff --git a/app/pubspec.lock b/app/pubspec.lock
@@ -74,10 +74,10 @@ packages:
     dependency: transitive
     description:
       name: bidi
-      sha256: "1a7d0c696324b2089f72e7671fd1f1f64fef44c980f3cebc84e803967c597b63"
+      sha256: "9a712c7ddf708f7c41b1923aa83648a3ed44cfd75b04f72d598c45e5be287f9d"
       url: "https://pub.dev"
     source: hosted
-    version: "2.0.10"
+    version: "2.0.12"
   bloc:
     dependency: transitive
     description:

diff --git a/docs/public/fonts/Barlow-Black.ttf b/docs/public/fonts/Barlow-Black.ttf
diff --git a/docs/public/fonts/Barlow-BlackItalic.ttf b/docs/public/fonts/Barlow-BlackItalic.ttf
diff --git a/docs/public/fonts/Barlow-Bold.ttf b/docs/public/fonts/Barlow-Bold.ttf
diff --git a/docs/public/fonts/Barlow-BoldItalic.ttf b/docs/public/fonts/Barlow-BoldItalic.ttf
diff --git a/docs/public/fonts/Barlow-ExtraBold.ttf b/docs/public/fonts/Barlow-ExtraBold.ttf
diff --git a/docs/public/fonts/Barlow-ExtraBoldItalic.ttf b/docs/public/fonts/Barlow-ExtraBoldItalic.ttf
diff --git a/docs/public/fonts/Barlow-ExtraLight.ttf b/docs/public/fonts/Barlow-ExtraLight.ttf
diff --git a/docs/public/fonts/Barlow-ExtraLightItalic.ttf b/docs/public/fonts/Barlow-ExtraLightItalic.ttf
diff --git a/docs/public/fonts/Barlow-Italic.ttf b/docs/public/fonts/Barlow-Italic.ttf
diff --git a/docs/public/fonts/Raleway-LICENSE.txt → docs/public/fonts/Barlow-LICENSE.txt b/docs/public/fonts/Raleway-LICENSE.txt → docs/public/fonts/Barlow-LICENSE.txt
@@ -1,4 +1,4 @@
-Copyright 2010 The Raleway Project Authors (impallari@gmail.com), with Reserved Font Name "Raleway".
+Copyright 2017 The Barlow Project Authors (https://github.com/jpt/barlow)
 
 This Font Software is licensed under the SIL Open Font License, Version 1.1.
 This license is copied below, and is also available with a FAQ at:

diff --git a/docs/public/fonts/Barlow-Light.ttf b/docs/public/fonts/Barlow-Light.ttf
diff --git a/docs/public/fonts/Barlow-LightItalic.ttf b/docs/public/fonts/Barlow-LightItalic.ttf
diff --git a/docs/public/fonts/Barlow-Medium.ttf b/docs/public/fonts/Barlow-Medium.ttf
diff --git a/docs/public/fonts/Barlow-MediumItalic.ttf b/docs/public/fonts/Barlow-MediumItalic.ttf
diff --git a/docs/public/fonts/Barlow-Regular.ttf b/docs/public/fonts/Barlow-Regular.ttf
diff --git a/docs/public/fonts/Barlow-SemiBold.ttf b/docs/public/fonts/Barlow-SemiBold.ttf
diff --git a/docs/public/fonts/Barlow-SemiBoldItalic.ttf b/docs/public/fonts/Barlow-SemiBoldItalic.ttf
diff --git a/docs/public/fonts/Barlow-Thin.ttf b/docs/public/fonts/Barlow-Thin.ttf
diff --git a/docs/public/fonts/Barlow-ThinItalic.ttf b/docs/public/fonts/Barlow-ThinItalic.ttf
diff --git a/docs/public/fonts/Raleway-Black.ttf b/docs/public/fonts/Raleway-Black.ttf
diff --git a/docs/public/fonts/Raleway-BlackItalic.ttf b/docs/public/fonts/Raleway-BlackItalic.ttf
diff --git a/docs/public/fonts/Raleway-Bold.ttf b/docs/public/fonts/Raleway-Bold.ttf
diff --git a/docs/public/fonts/Raleway-BoldItalic.ttf b/docs/public/fonts/Raleway-BoldItalic.ttf
diff --git a/docs/public/fonts/Raleway-ExtraBold.ttf b/docs/public/fonts/Raleway-ExtraBold.ttf
diff --git a/docs/public/fonts/Raleway-ExtraBoldItalic.ttf b/docs/public/fonts/Raleway-ExtraBoldItalic.ttf
diff --git a/docs/public/fonts/Raleway-ExtraLight.ttf b/docs/public/fonts/Raleway-ExtraLight.ttf
diff --git a/docs/public/fonts/Raleway-ExtraLightItalic.ttf b/docs/public/fonts/Raleway-ExtraLightItalic.ttf
diff --git a/docs/public/fonts/Raleway-Italic.ttf b/docs/public/fonts/Raleway-Italic.ttf
diff --git a/docs/public/fonts/Raleway-Light.ttf b/docs/public/fonts/Raleway-Light.ttf
diff --git a/docs/public/fonts/Raleway-LightItalic.ttf b/docs/public/fonts/Raleway-LightItalic.ttf
diff --git a/docs/public/fonts/Raleway-Medium.ttf b/docs/public/fonts/Raleway-Medium.ttf
diff --git a/docs/public/fonts/Raleway-MediumItalic.ttf b/docs/public/fonts/Raleway-MediumItalic.ttf
diff --git a/docs/public/fonts/Raleway-Regular.ttf b/docs/public/fonts/Raleway-Regular.ttf
diff --git a/docs/public/fonts/Raleway-SemiBold.ttf b/docs/public/fonts/Raleway-SemiBold.ttf
diff --git a/docs/public/fonts/Raleway-SemiBoldItalic.ttf b/docs/public/fonts/Raleway-SemiBoldItalic.ttf
diff --git a/docs/public/fonts/Raleway-Thin.ttf b/docs/public/fonts/Raleway-Thin.ttf
diff --git a/docs/public/fonts/Raleway-ThinItalic.ttf b/docs/public/fonts/Raleway-ThinItalic.ttf
diff --git a/docs/src/content/docs/community/branding.md b/docs/src/content/docs/community/branding.md
@@ -30,18 +30,13 @@ These assets are licensed under the [CC-BY-4.0](https://github.com/LinwoodDev/Bu
 
 ## Colors
 
-* Primary: `#f2b138`
-* Primary Dark: `#f0a61c`
-* Primary Darker: `#eea010`
-* Primary Darkest: `#c4840d`
-* Primary Light: `#f4bc54`
-* Primary Lighter: `#f5c162`
-* Primary Lightest: `#f7d28c`
-* Accent: `#00469E`  
+* Primary: `#c4840d`
+* Accent: `#7b8f96`  
 
 ## Fonts
 
-* `Roboto`
+* Website: `Barlow`
+* App: `Comfortaa`
 
 ## Screenshots
 

diff --git a/docs/src/content/docs/docs/v2/intro.mdx b/docs/src/content/docs/docs/v2/intro.mdx
@@ -49,7 +49,7 @@ The main view is composed of several elements
         Below those, you can find the quick start section holding the templates avialable to you. By defaule, the templates are the light and dark templates.
         Scrolling down, you will see the file interface:
         \
-        ![Welcome screen second part](/img/welcome_screen_mobile_2.png)  
+        ![Welcome screen second part](welcome_screen_mobile_2.png)  
         The "Files" section in the major area of the left. There, you can do the typical operations:
         - Select the display type (grid or list)
         - Select the [source storage](../storage) of the files
@@ -87,7 +87,7 @@ You can return from the document view to the document list with the back action
   \
   At the bottom of the screen you have the toolbar\
   ![toolbar](document_view_toolbar.png)\
-  By default this bar has the <ScribbleLoop className="inline-icon"/> lasso tool; the <Pen /> pen tool; the <Path className="inline-icon"/> path erase tool; the <ArrowCounterClockwise className="inline-icon"/> undo and <ArrowClockwise className="inline-icon"/> redo butons, and the <Hand className="inline-icon"/> hand tool. Then you have the <Plus className="inline-icon"/> button to add elements to the tool bar, the <Wrench className="inline-icon"/> button to configure the document, and finally the <Lock className="inline-icon"/> tool to look the zoom and/or the position of the screen.
+  By default this bar has the <ScribbleLoop className="inline-icon"/> lasso tool; the <Pen className="inline-icon" /> pen tool; the <Path className="inline-icon"/> path erase tool; the <ArrowCounterClockwise className="inline-icon"/> undo and <ArrowClockwise className="inline-icon"/> redo butons, and the <Hand className="inline-icon"/> hand tool. Then you have the <Plus className="inline-icon"/> button to add elements to the tool bar, the <Wrench className="inline-icon"/> button to configure the document, and finally the <Lock className="inline-icon"/> tool to look the zoom and/or the position of the screen.
   ### Important notes
   1. If some of the element on the toolbar are not visible to you, or swipe left and right to reveal further elements.
   2. After selecting a tool, a small menu will appear to configure the it. Long clicking the tool again will allow you to drag it to a new position

diff --git a/docs/src/content/docs/downloads/post-windows.mdx b/docs/src/content/docs/downloads/post-windows.mdx
@@ -5,7 +5,7 @@ title: Thank you for downloading
 import { LinkCard, CardGrid } from '@astrojs/starlight/components';
 
 <CardGrid>
-<LinkCard href="/contributing" title="Contribute to the project" />
+<LinkCard href="/community/contributing" title="Contribute to the project" />
 <LinkCard href="https://linwood.dev/matrix" title="Join the community" />
 </CardGrid>
 

diff --git a/docs/src/content/docs/downloads/thank-you.mdx b/docs/src/content/docs/downloads/thank-you.mdx
@@ -5,6 +5,6 @@ title: Thank you for downloading
 import { LinkCard, CardGrid } from '@astrojs/starlight/components';
 
 <CardGrid>
-<LinkCard href="/contributing" title="Contribute to the project" />
+<LinkCard href="/community/contributing" title="Contribute to the project" />
 <LinkCard href="https://linwood.dev/matrix" title="Join the community" />
 </CardGrid>
diff --git a/docs/src/content/docs/index.mdx b/docs/src/content/docs/index.mdx
@@ -13,7 +13,7 @@ hero:
       variant: primary
     - text: Getting started
       link: /docs/v2/intro/
-      icon: external
+      icon: document
 ---
 
 import { LinkCard, Card, CardGrid } from '@astrojs/starlight/components';

diff --git a/docs/src/styles/custom.css b/docs/src/styles/custom.css
@@ -1,156 +1,185 @@
+/* Background: #35EF53 with 0.1 chroma */
 /* Dark mode colors. */
 :root {
-	--sl-color-accent-low: #c4840d;
-	--sl-color-accent: #f2b138;
-	--sl-color-accent-high: #f7d28c;
-	--sl-color-white: #ffffff;
-	--sl-color-gray-1: #e7eff2;
-	--sl-color-gray-2: #bac4c8;
-	--sl-color-gray-3: #7b8f96;
-	--sl-color-gray-4: #495c62;
-	--sl-color-gray-5: #2a3b41;
-	--sl-color-gray-6: #182a2f;
-	--sl-color-black: #121a1c;
-	--sl-font-system: "Raleway", sans-serif;
+  --sl-color-accent-low: #312007;
+  --sl-color-accent: #8f5e00;
+  --sl-color-accent-high: #dbc5a8;
+  --sl-color-white: #ffffff;
+  --sl-color-gray-1: #def5de;
+  --sl-color-gray-2: #afcbaf;
+  --sl-color-gray-3: #639c65;
+  --sl-color-gray-4: #2f6633;
+  --sl-color-gray-5: #084512;
+  --sl-color-gray-6: #003107;
+  --sl-color-black: #071e09;
+  --sl-font-system: "Barlow", sans-serif;
 }
 /* Light mode colors. */
-:root[data-theme='light'] {
-	--sl-color-accent-low: #f7d28c;
-	--sl-color-accent: #f2b138;
-	--sl-color-accent-high: #c4840d;
-	--sl-color-white: #121a1c;
-	--sl-color-gray-1: #182a2f;
-	--sl-color-gray-2: #2a3b41;
-	--sl-color-gray-3: #495c62;
-	--sl-color-gray-4: #7b8f96;
-	--sl-color-gray-5: #bac4c8;
-	--sl-color-gray-6: #e7eff2;
-	--sl-color-gray-7: #f3f7f9;
-	--sl-color-black: #ffffff;
+:root[data-theme="light"] {
+  --sl-color-accent-low: #e5d4bf;
+  --sl-color-accent: #916000;
+  --sl-color-accent-high: #462c00;
+  --sl-color-white: #071e09;
+  --sl-color-gray-1: #003107;
+  --sl-color-gray-2: #084512;
+  --sl-color-gray-3: #2f6633;
+  --sl-color-gray-4: #639c65;
+  --sl-color-gray-5: #afcbaf;
+  --sl-color-gray-6: #def5de;
+  --sl-color-gray-7: #eefaee;
+  --sl-color-black: #ffffff;
 }
 
 .inline-icon {
-	display: inline !important;
-	vertical-align: sub;
-	margin: 0 !important;
-	padding: 0;
+  display: inline !important;
+  vertical-align: sub;
+  margin: 0 !important;
+  padding: 0;
 }
 
 br {
-	display: block;
+  display: block;
 }
 
 @font-face {
-	font-family: 'Raleway';
-	src: url('/fonts/Raleway-Regular.ttf') format('truetype');
+  font-family: "Barlow";
+  src: url("/fonts/Barlow-Regular.ttf") format("truetype");
 }
 
 @font-face {
-	font-family: 'Raleway';
-	src: url('/fonts/Raleway-Bold.ttf') format('truetype');
-	font-weight: bold;
+  font-family: "Barlow";
+  src: url("/fonts/Barlow-Bold.ttf") format("truetype");
+  font-weight: bold;
 }
 
 @font-face {
-	font-family: 'Raleway';
-	src: url('/fonts/Raleway-Italic.ttf') format('truetype');
-	font-style: italic;
+  font-family: "Barlow";
+  src: url("/fonts/Barlow-Italic.ttf") format("truetype");
+  font-style: italic;
 }
 
 @font-face {
-	font-family: 'Raleway';
-	src: url('/fonts/Raleway-BoldItalic.ttf') format('truetype');
-	font-weight: bold;
-	font-style: italic;
+  font-family: "Barlow";
+  src: url("/fonts/Barlow-BoldItalic.ttf") format("truetype");
+  font-weight: bold;
+  font-style: italic;
 }
 
 @font-face {
-	font-family: 'Raleway';
-	src: url('/fonts/Raleway-Light.ttf') format('truetype');
-	font-weight: 300;
+  font-family: "Barlow";
+  src: url("/fonts/Barlow-Light.ttf") format("truetype");
+  font-weight: 300;
 }
 
 @font-face {
-	font-family: 'Raleway';
-	src: url('/fonts/Raleway-LightItalic.ttf') format('truetype');
-	font-weight: 300;
-	font-style: italic;
+  font-family: "Barlow";
+  src: url("/fonts/Barlow-LightItalic.ttf") format("truetype");
+  font-weight: 300;
+  font-style: italic;
 }
 
 @font-face {
-	font-family: 'Raleway';
-	src: url('/fonts/Raleway-SemiBold.ttf') format('truetype');
-	font-weight: 600;
+  font-family: "Barlow";
+  src: url("/fonts/Barlow-SemiBold.ttf") format("truetype");
+  font-weight: 600;
 }
 
 @font-face {
-	font-family: 'Raleway';
-	src: url('/fonts/Raleway-SemiBoldItalic.ttf') format('truetype');
-	font-weight: 600;
-	font-style: italic;
+  font-family: "Barlow";
+  src: url("/fonts/Barlow-SemiBoldItalic.ttf") format("truetype");
+  font-weight: 600;
+  font-style: italic;
 }
 
 @font-face {
-	font-family: 'Raleway';
-	src: url('/fonts/Raleway-ExtraBold.ttf') format('truetype');
-	font-weight: 800;
+  font-family: "Barlow";
+  src: url("/fonts/Barlow-ExtraBold.ttf") format("truetype");
+  font-weight: 800;
 }
 
 @font-face {
-	font-family: 'Raleway';
-	src: url('/fonts/Raleway-ExtraBoldItalic.ttf') format('truetype');
-	font-weight: 800;
-	font-style: italic;
+  font-family: "Barlow";
+  src: url("/fonts/Barlow-ExtraBoldItalic.ttf") format("truetype");
+  font-weight: 800;
+  font-style: italic;
+}
+/* Dark mode colors. */
+:root {
+  --sl-color-accent-low: #312007;
+  --sl-color-accent: #8f5e00;
+  --sl-color-accent-high: #dbc5a8;
+  --sl-color-white: #ffffff;
+  --sl-color-gray-1: #eceeec;
+  --sl-color-gray-2: #c0c3c0;
+  --sl-color-gray-3: #888d88;
+  --sl-color-gray-4: #555a55;
+  --sl-color-gray-5: #353a35;
+  --sl-color-gray-6: #242824;
+  --sl-color-black: #171917;
+}
+/* Light mode colors. */
+:root[data-theme="light"] {
+  --sl-color-accent-low: #e5d4bf;
+  --sl-color-accent: #916000;
+  --sl-color-accent-high: #462c00;
+  --sl-color-white: #171917;
+  --sl-color-gray-1: #242824;
+  --sl-color-gray-2: #353a35;
+  --sl-color-gray-3: #555a55;
+  --sl-color-gray-4: #888d88;
+  --sl-color-gray-5: #c0c3c0;
+  --sl-color-gray-6: #eceeec;
+  --sl-color-gray-7: #f5f7f5;
+  --sl-color-black: #ffffff;
 }
-
 @font-face {
-	font-family: 'Raleway';
-	src: url('/fonts/Raleway-Black.ttf') format('truetype');
-	font-weight: 900;
+  font-family: "Barlow";
+  src: url("/fonts/Barlow-Black.ttf") format("truetype");
+  font-weight: 900;
 }
 
 @font-face {
-	font-family: 'Raleway';
-	src: url('/fonts/Raleway-BlackItalic.ttf') format('truetype');
-	font-weight: 900;
-	font-style: italic;
+  font-family: "Barlow";
+  src: url("/fonts/Barlow-BlackItalic.ttf") format("truetype");
+  font-weight: 900;
+  font-style: italic;
 }
 
 @font-face {
-	font-family: 'Raleway';
-	src: url('/fonts/Raleway-Thin.ttf') format('truetype');
-	font-weight: 100;
+  font-family: "Barlow";
+  src: url("/fonts/Barlow-Thin.ttf") format("truetype");
+  font-weight: 100;
 }
 
 @font-face {
-	font-family: 'Raleway';
-	src: url('/fonts/Raleway-ThinItalic.ttf') format('truetype');
-	font-weight: 100;
-	font-style: italic;
+  font-family: "Barlow";
+  src: url("/fonts/Barlow-ThinItalic.ttf") format("truetype");
+  font-weight: 100;
+  font-style: italic;
 }
 
 @font-face {
-	font-family: 'Raleway';
-	src: url('/fonts/Raleway-ExtraLight.ttf') format('truetype');
-	font-weight: 200;
+  font-family: "Barlow";
+  src: url("/fonts/Barlow-ExtraLight.ttf") format("truetype");
+  font-weight: 200;
 }
 
 @font-face {
-	font-family: 'Raleway';
-	src: url('/fonts/Raleway-ExtraLightItalic.ttf') format('truetype');
-	font-weight: 200;
-	font-style: italic;
+  font-family: "Barlow";
+  src: url("/fonts/Barlow-ExtraLightItalic.ttf") format("truetype");
+  font-weight: 200;
+  font-style: italic;
 }
 
 @font-face {
-	font-family: 'Raleway';
-	src: url('/fonts/Raleway-Medium.ttf') format('truetype');
-	font-weight: 500;
+  font-family: "Barlow";
+  src: url("/fonts/Barlow-Medium.ttf") format("truetype");
+  font-weight: 500;
 }
 
 @font-face {
-	font-family: 'Raleway';
-	src: url('/fonts/Raleway-MediumItalic.ttf') format('truetype');
-	font-weight: 500;
-	font-style: italic;
+  font-family: "Barlow";
+  src: url("/fonts/Barlow-MediumItalic.ttf") format("truetype");
+  font-weight: 500;
+  font-style: italic;
 }