updated icons, logo, readme

.gitignore

@@ -1,5 +1,6 @@
 # JetBrains project files
 .idea
+.vscode
 
 # NPM
 node_modules

README.md

@@ -1,23 +1,28 @@
 # EnRecipes
 
-> A native application built with NativeScript-Vue
+> A simple, offline recipe manager.
 
-## Usage
+EnRecipes is an easy to use, privacy-friendly app that lets you store, manage and share your recipes.
 
-``` bash
-# Install dependencies
-npm install
+## Features:
 
-# Preview on device
-tns preview
+- Add your recipes
+- Add photo, notes and references to your recipes
+- Organise your recipes by category
+- Search for your recipes based on the title
+- Mark recipes as favorites and add them to your Try later list
+- Scale your recipe ingredients easily
+- Get notified of the last time you tried a recipe
+- Share your recipe as a nicely formated message. You can share the photo too.
+- Import/Export recipes
+- Light/Dark theme
+- No annoying ads or pop-ups
+- No internet access is required and never asks for any unwanted permissions
+- 100% free and open-source
+- Private by design
 
-# Build, watch for changes and run the application
-tns run
+Lots of interesting features on the way...
 
-# Build, watch for changes and debug the application
-tns debug <platform>
+## Credits
 
-# Build for production
-tns build <platform> --env.production
-
-```
+This app was written in my free time using NativeScript. I would like to thank all those people who helped me understand the concepts during the process and my special thanks to the NativeScript team and the community.

app/App_Resources/Android/src/main/res/drawable-anydpi-v26/ic_launcher_round.xml

@@ -1,5 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
-	<background android:drawable="@color/ns_accent" />
-	<foreground android:drawable="@drawable/ic_launcher_foreground" />
-</adaptive-icon>

app/App_Resources/Android/src/main/res/drawable-nodpi/splash_screen.xml

@@ -5,6 +5,6 @@
 		</shape>
 	</item>
 	<item>
-		<bitmap android:gravity="center" android:src="@drawable/logo_light" />
+		<bitmap android:gravity="center" android:src="@drawable/logo" />
 	</item>
 </layer-list>

app/app.scss

@@ -91,6 +91,9 @@ Page,
   MDFloatingActionButton {
     color: white;
   }
+  .appIconContainer {
+    background: $orange;
+  }
 }
 
 .ns-dark {
@@ -150,6 +153,9 @@ Page,
   MDFloatingActionButton {
     color: $gray9;
   }
+  .appIconContainer {
+    background: $orange;
+  }
 }
 // -----------------------------
 // Elements

app/components/About.vue

@@ -20,7 +20,7 @@
           orientation="horizontal"
           class="appIconContainer"
         >
-          <Image src="res://logo_light" class="appIcon" stretch="aspectFit" />
+          <Image src="res://logo" class="appIcon" stretch="aspectFit" />
         </StackLayout>
         <StackLayout class="m-8"></StackLayout>
         <GridLayout columns="auto, *" class="option">
@@ -45,11 +45,14 @@
         <GridLayout columns="auto, *" class="option">
           <MDRipple colSpan="2" @tap="openURL('https://t.me/enrecipes')" />
           <Label col="0" class="bx" :text="icon.telegram" />
-          <Label
-            verticalAlignment="center"
-            col="1"
-            text="Join the Telegram group"
-          />
+          <StackLayout col="1">
+            <Label text="Join the Telegram group" />
+            <Label
+              text="for reporting issues, suggestions and feedback"
+              class="info"
+              textWrap="true"
+            />
+          </StackLayout>
         </GridLayout>
 
         <StackLayout class="hr m-10"></StackLayout>

app/components/App.vue

@@ -371,7 +371,7 @@ export default {
     this.appTheme = ApplicationSettings.getString("appTheme", "Light")
     setTimeout((e) => {
       Theme.setMode(Theme[this.appTheme])
-    }, 50)
+    }, 10)
     this.initializeRecipes()
     this.initializeCategories()
     this.initializeYieldUnits()