added new home_page.dart layout

Author: Vivek Chib

.github/workflows/deploy.yaml

@@ -0,0 +1,37 @@
+name: Deploy to GitHub
+
+on:
+  push:
+    branches:
+      - main
+
+jobs:
+  deploy-web:
+    name: Deploy to Github
+    runs-on: ubuntu-latest
+    steps:
+      - name: Clone repository
+        uses: actions/checkout@v4
+
+      - name: Setting up Flutter Environment
+        uses: subosito/flutter-action@v2
+        with:
+          channel: "stable"
+
+      - name: Flutter Version
+        run: flutter --version
+
+      - name: Cleaning Project
+        run: flutter clean
+
+      - name: Installing Dependencies
+        run: flutter pub get
+
+      - name: Creating a build
+        run: flutter build web --release --base-href "/pixabay/"
+
+      - name: Deploying to GitHub Pages
+        uses: peaceiris/actions-gh-pages@v4
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          publish_dir: ./build/web

lib/main.dart

@@ -13,7 +13,7 @@ class MyApp extends StatelessWidget {
   const MyApp({super.key});
 
   ScreenMode getLayoutType(double width) {
-    if (width < 500) {
+    if (width < 480) {
       return ScreenMode.mobile;
     } else if (width < 850) {
       return ScreenMode.tablet;
@@ -27,8 +27,9 @@ class MyApp extends StatelessWidget {
     final theme = MaterialTheme(Theme.of(context).textTheme);
 
     return MaterialApp(
+      debugShowCheckedModeBanner: false,
       title: 'Flutter Curve Visualizer',
-      themeMode: ThemeMode.dark,
+      themeMode: ThemeMode.light,
       theme: theme.lightMediumContrast(),
       darkTheme: theme.dark(),
       home: LayoutBuilder(

lib/utils/curves_enum.dart

@@ -51,4 +51,65 @@ enum CurvesEnum {
   const CurvesEnum(this.curve);
 
   static Curve get getFirst => CurvesEnum.values.first.curve;
+
+  static Map<String, List<CurvesEnum>> get list => {
+        'ease': easeCurves,
+        'bounces': bounceCurves,
+        'elastics': elasticCurves,
+        'others': otherCurves,
+      };
 }
+
+// Group curves into categories
+final easeCurves = [
+  CurvesEnum.ease,
+  CurvesEnum.easeIn,
+  CurvesEnum.easeInToLinear,
+  CurvesEnum.easeInSine,
+  CurvesEnum.easeInQuad,
+  CurvesEnum.easeInCubic,
+  CurvesEnum.easeInQuart,
+  CurvesEnum.easeInQuint,
+  CurvesEnum.easeInExpo,
+  CurvesEnum.easeInCirc,
+  CurvesEnum.easeInBack,
+  CurvesEnum.easeOut,
+  CurvesEnum.linearToEaseOut,
+  CurvesEnum.easeOutSine,
+  CurvesEnum.easeOutQuad,
+  CurvesEnum.easeOutCubic,
+  CurvesEnum.easeOutQuart,
+  CurvesEnum.easeOutQuint,
+  CurvesEnum.easeOutExpo,
+  CurvesEnum.easeOutCirc,
+  CurvesEnum.easeOutBack,
+  CurvesEnum.easeInOut,
+  CurvesEnum.easeInOutSine,
+  CurvesEnum.easeInOutQuad,
+  CurvesEnum.easeInOutCubic,
+  CurvesEnum.easeInOutCubicEmphasized,
+  CurvesEnum.easeInOutQuart,
+  CurvesEnum.easeInOutQuint,
+  CurvesEnum.easeInOutExpo,
+  CurvesEnum.easeInOutCirc,
+  CurvesEnum.easeInOutBack,
+];
+
+final bounceCurves = [
+  CurvesEnum.bounceIn,
+  CurvesEnum.bounceOut,
+  CurvesEnum.bounceInOut,
+];
+
+final elasticCurves = [
+  CurvesEnum.elasticIn,
+  CurvesEnum.elasticOut,
+  CurvesEnum.elasticInOut,
+];
+
+final otherCurves = [
+  CurvesEnum.linear,
+  CurvesEnum.decelerate,
+  CurvesEnum.slowMiddle,
+  //CurvesEnum.custom,
+];

lib/utils/theme/colors.dart

@@ -0,0 +1,6 @@
+import 'dart:ui';
+
+class ThemeColors {
+  static const primaryColor = Color(0xfffca311);
+  static const secondaryColor = Color(0xff1f0318);
+}