perf: optimize Flutter web portfolio

.gitignore

@@ -32,7 +32,6 @@
 /build/
 
 # Web related
-lib/generated_plugin_registrant.dart
 
 # Symbolication related
 app.*.symbols

deploy/nginx.conf

@@ -0,0 +1,57 @@
+server {
+    listen 80;
+    server_name _;
+
+    root /usr/share/nginx/html;
+    index index.html;
+
+    error_page 404 = @not_found;
+
+    location @not_found {
+        default_type text/plain;
+        return 404 "Not found\n";
+    }
+
+    location = /index.html {
+        add_header Cache-Control "no-cache";
+    }
+
+    location = /flutter_service_worker.js {
+        add_header Cache-Control "no-cache";
+    }
+
+    location = /version.json {
+        add_header Cache-Control "no-cache";
+    }
+
+    location ^~ /assets/ {
+        try_files $uri =404;
+    }
+
+    location ^~ /canvaskit/ {
+        try_files $uri =404;
+    }
+
+    location ^~ /icons/ {
+        try_files $uri =404;
+    }
+
+    location ~* \.(?:js|mjs|wasm|json|png|svg|ico|webp|jpg|jpeg|css|map|symbols)$ {
+        try_files $uri =404;
+    }
+
+    location / {
+        try_files $uri $uri/ /index.html;
+    }
+
+    gzip on;
+    gzip_vary on;
+    gzip_min_length 1024;
+    gzip_types
+        application/javascript
+        application/json
+        application/wasm
+        image/svg+xml
+        text/css
+        text/plain;
+}

docker-compose.hosting.yml

@@ -0,0 +1,10 @@
+services:
+  web7:
+    image: nginx:latest
+    container_name: nginx7
+    restart: unless-stopped
+    ports:
+      - "4077:80"
+    volumes:
+      - ./build/web:/usr/share/nginx/html:ro
+      - ./deploy/nginx.conf:/etc/nginx/conf.d/default.conf:ro

lib/app/data/information_data/info_projects.dart

@@ -12,7 +12,7 @@ final projects = [
         description: """
     Приложение дает пользователям возможность осуществлять процесс сборки предоставленной модели в формате виртуальной реальности. Люди могут собирать ракетный двигатель как самостоятельно, так и в многопользовательской комнате, объединившись с напарниками.
     Процесс сопровождают различные подсказки и тексты с описаниями деталей. Все это, вкупе с глубоким погружением, способствует быстрому усвоению материала. При окончании сборки модель становится анимированной и демонстрирует свой принцип работы.""",
-        backgroundImagePath: "assets/images/projects/Revolit/background.png",
+        backgroundImagePath: "assets/images/projects/Revolit/preview.png",
         images: [
           "assets/images/projects/Revolit/preview.png",
           "assets/images/projects/Revolit/preview.png",

lib/app/ui/global_widgets/animated_background.dart

@@ -1,5 +1,4 @@
 import 'package:flutter/material.dart';
-import 'package:sa3_liquid/sa3_liquid.dart';
 
 class AnimatedBackground extends StatelessWidget {
   const AnimatedBackground({
@@ -11,63 +10,53 @@ class AnimatedBackground extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return Stack(children: [
-      SizedBox(
-          width: size.width,
-          height: size.height,
-          child: const PlasmaRenderer(
-            type: PlasmaType.infinity,
-            particles: 2,
-            color: Color.fromARGB(49, 247, 0, 255),
-            blur: 0.7,
-            size: 0.7,
-            speed: 2,
-            offset: 0,
-            blendMode: BlendMode.srcOver,
-            particleType: ParticleType.atlas,
-            variation1: 0.31,
-            variation2: 0.3,
-            variation3: 0.0,
-            rotation: -0.7,
-          )),
-      SizedBox(
-        width: size.width,
-        height: size.height,
-        child: const PlasmaRenderer(
-          type: PlasmaType.infinity,
-          particles: 2,
-          color: Color.fromARGB(50, 0, 0, 255),
-          blur: 0.7,
-          size: 0.7,
-          speed: 2,
-          offset: 0,
-          blendMode: BlendMode.srcOver,
-          particleType: ParticleType.atlas,
-          variation1: 0.31,
-          variation2: 0.3,
-          variation3: 0.0,
-          rotation: 1.2,
+    return SizedBox(
+      width: size.width,
+      height: size.height,
+      child: const DecoratedBox(
+        decoration: BoxDecoration(
+          gradient: LinearGradient(
+            begin: Alignment.topLeft,
+            end: Alignment.bottomRight,
+            colors: [
+              Color(0x300000FF),
+              Color(0x22030003),
+              Color(0x2EF700FF),
+              Color(0x22030003),
+              Color(0x26FFFF00),
+            ],
+            stops: [0.0, 0.24, 0.5, 0.76, 1.0],
+          ),
         ),
-      ),
-      SizedBox(
-        width: size.width,
-        height: size.height,
-        child: const PlasmaRenderer(
-          type: PlasmaType.infinity,
-          particles: 2,
-          color: Color.fromARGB(50, 255, 255, 0),
-          blur: 0.7,
-          size: 0.7,
-          speed: 2,
-          offset: 0,
-          blendMode: BlendMode.srcOver,
-          particleType: ParticleType.atlas,
-          variation1: 0.31,
-          variation2: 0.3,
-          variation3: 0.0,
-          rotation: 0,
+        child: DecoratedBox(
+          decoration: BoxDecoration(
+            gradient: RadialGradient(
+              center: Alignment(-0.72, -0.55),
+              radius: 1.25,
+              colors: [
+                Color(0x2BF700FF),
+                Color(0x160000FF),
+                Colors.transparent,
+              ],
+              stops: [0.0, 0.48, 1.0],
+            ),
+          ),
+          child: DecoratedBox(
+            decoration: BoxDecoration(
+              gradient: RadialGradient(
+                center: Alignment(0.78, 0.65),
+                radius: 1.1,
+                colors: [
+                  Color(0x24FFFF00),
+                  Color(0x140000FF),
+                  Colors.transparent,
+                ],
+                stops: [0.0, 0.52, 1.0],
+              ),
+            ),
+          ),
         ),
       ),
-    ]);
+    );
   }
 }

lib/app/ui/global_widgets/appbar.dart

@@ -7,7 +7,7 @@ import 'package:url_launcher/link.dart';
 import '../theme/app_addition_colors.dart';
 import '../theme/app_fonts.dart';
 
-class AppBarWidget extends StatelessWidget with PreferredSizeWidget {
+class AppBarWidget extends StatelessWidget implements PreferredSizeWidget {
   const AppBarWidget(
       {Key? key,
       this.needBack = true,

lib/app/ui/global_widgets/projects_grid_widget.dart

@@ -1,8 +1,5 @@
 import 'package:flutter/material.dart';
-import 'package:url_launcher/link.dart';
-
 import '../../data/models/project.dart';
-import '../../routes/app_pages.dart';
 import '../theme/app_constants.dart';
 import 'project_card.dart';
 

lib/app/ui/main_page/main_page.dart

@@ -22,7 +22,7 @@ class MainPage extends StatelessWidget {
     ];
   }
   final _controller = ScrollController();
-  List<Widget> sections = [];
+  late final List<Widget> sections;
 
   @override
   Widget build(BuildContext context) {

lib/app/ui/main_page/sections/certificates/widgets/certificate_widget.dart

@@ -35,6 +35,7 @@ class CertificatePct extends StatelessWidget {
           child: Image.asset(
             certificate.image,
             fit: BoxFit.fill,
+            cacheWidth: 1500,
           ),
         ),
       ),

lib/app/ui/main_page/sections/contact_me/widgets/social_network_button.dart

@@ -21,8 +21,8 @@ class SocialNetworkButton extends StatelessWidget {
   Widget build(BuildContext context) {
     return ElevatedButton(
       style: ElevatedButton.styleFrom(
-        primary: backgroundColor.withOpacity(0.1),
-        onPrimary: Colors.white,
+        backgroundColor: backgroundColor.withOpacity(0.1),
+        foregroundColor: Colors.white,
         elevation: 0,
         shadowColor: Colors.white.withOpacity(0),
         shape:

lib/app/ui/main_page/sections/diplomas/widgets/diploma_diploma_widget.dart

@@ -40,6 +40,7 @@ class DiplomaPct extends StatelessWidget {
             child: Image.asset(
               diploma.image,
               fit: BoxFit.cover,
+              cacheWidth: 1200,
             ),
           ),
         ),