now with background images!

.github/workflows/linux-web.yaml

@@ -62,3 +62,13 @@ jobs:
         name: flutter-web-build-latest
         path: build/web
         if-no-files-found: error
+
+    - name: Publish to Cloudflare Pages
+      uses: cloudflare/pages-action@v1
+      with:
+        apiToken: ${{ secrets.CLOUDFLARE_PAGES_DEPLOY }}
+        accountId: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
+        projectName: ything-radio
+        directory: build/web
+        # push directly to "production" on cloudflare pages
+        branch: main

README.md

@@ -16,7 +16,7 @@ This app has been designed to run across all platforms!
 - MacOS
 - Windows
 - Linux
-- Web
+- Web ([Live Demo](https://radio-demo.ything.app/))
 
 Provide a single unified experience across *all* platforms for your users!
 
@@ -27,5 +27,4 @@ Coming Soon:
 - Apple App Store Live Demo!
 - Google Play Store Live Demo!
 - Windows portable exe
-- Web based live demo
 - Screenshots / Demo Videos

lib/About.dart

@@ -6,7 +6,15 @@ class About extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return SafeZone(
+    return Container(
+      decoration: const BoxDecoration(
+        image: DecorationImage(
+          image: AssetImage('assets/images/app-background2.jpg'),
+          fit: BoxFit.cover,
+          opacity: 0.2,
+        ),
+      ),
+      child: SafeZone(
         child: DefaultTextStyle(
           style: Theme.of(context).textTheme.bodyLarge!,
           child: const SingleChildScrollView(
@@ -38,6 +46,7 @@ class About extends StatelessWidget {
             ),
           ),
         ),
+      ),
     );
   }
 }

lib/Links.dart

@@ -38,7 +38,15 @@ class Links extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return DefaultTextStyle(
+    return Container(
+      decoration: const BoxDecoration(
+        image: DecorationImage(
+          image: AssetImage('assets/images/app-background3.jpg'),
+          fit: BoxFit.cover,
+          opacity: 0.4,
+        ),
+      ),
+      child: DefaultTextStyle(
         style: Theme.of(context).textTheme.headlineSmall!,
         child: SafeZone(
           child: Center(
@@ -47,6 +55,7 @@ class Links extends StatelessWidget {
             ),
           ),
         ),
+      ),
     );
   }
 }

lib/Listen.dart

@@ -9,8 +9,17 @@ class Listen extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return const Center(
+    return Container(
+      decoration: const BoxDecoration(
+        image: DecorationImage(
+          image: AssetImage('assets/images/app-background.jpg'),
+          fit: BoxFit.cover,
+          opacity: 0.4,
+        ),
+      ),
+      child: const Center(
         child: PlayControls(),
+      ),
     );
   }
 }

pubspec.yaml

@@ -16,7 +16,7 @@ publish_to: 'none' # Remove this line if you wish to publish to pub.dev
 # https://developer.apple.com/library/archive/documentation/General/Reference/InfoPlistKeyReference/Articles/CoreFoundationKeys.html
 # In Windows, build-name is used as the major, minor, and patch parts
 # of the product and file versions while build-number is used as the build suffix.
-version: 1.0.0+1
+version: 1.0.1
 
 environment:
   sdk: ^3.5.1
@@ -66,9 +66,12 @@ flutter:
   uses-material-design: true
 
   # To add assets to your application, add an assets section, like this:
-  # assets:
+  assets:
     #   - images/a_dot_burr.jpeg
     #   - images/a_dot_ham.jpeg
+    - assets/images/app-background.jpg
+    - assets/images/app-background2.jpg
+    - assets/images/app-background3.jpg
 
   # An image asset can refer to one or more resolution-specific "variants", see
   # https://flutter.dev/to/resolution-aware-images