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,35 +6,44 @@ class About extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return SafeZone(
-      child: DefaultTextStyle(
-        style: Theme.of(context).textTheme.bodyLarge!,
-        child: const SingleChildScrollView(
-          child: Text(
-            'Ything Radio is an app that is intended to provide a demonstration of the '
-            'open source ything_radio app. This app is used to provide the ability for the '
-            '"look and feel" of the app to be tested on real devices for those wishing to '
-            'either use the code as a template for themselves; or, alternatively, have Ything LLC '
-            'create a custom app for them!'
-            '\n\n'
-            'This app intentionally does not provide a method to change the streaming source '
-            'as it is intended for use by internet radio stations to provide a dedicated app '
-            'for their radio station. This is not intended to be an app for generic usage for '
-            'multiple radio stations, a discovery platform, or to facilitate user input for '
-            'internet radio sites.'
-            '\n\n'
-            'This app has been designed to run across all platforms!'
-            '\n\n'
-            'Android, iOS, MacOS, Windows, Linux, and Web!'
-            '\n\n'
-            'Have a single unified experience across all platforms for your users!'
-            '\n\n'
-            'Want to have us modify this app for you? Reach out at info@ything.net '
-            'We can add additional features for you! Schedule views, up next listings, '
-            'and even custom user interactivity! '
-            '\n\n'
-            'We look forward to hearing from you soon! We would love to build your app!',
-            textAlign: TextAlign.justify,
+    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(
+            child: Text(
+              'Ything Radio is an app that is intended to provide a demonstration of the '
+              'open source ything_radio app. This app is used to provide the ability for the '
+              '"look and feel" of the app to be tested on real devices for those wishing to '
+              'either use the code as a template for themselves; or, alternatively, have Ything LLC '
+              'create a custom app for them!'
+              '\n\n'
+              'This app intentionally does not provide a method to change the streaming source '
+              'as it is intended for use by internet radio stations to provide a dedicated app '
+              'for their radio station. This is not intended to be an app for generic usage for '
+              'multiple radio stations, a discovery platform, or to facilitate user input for '
+              'internet radio sites.'
+              '\n\n'
+              'This app has been designed to run across all platforms!'
+              '\n\n'
+              'Android, iOS, MacOS, Windows, Linux, and Web!'
+              '\n\n'
+              'Have a single unified experience across all platforms for your users!'
+              '\n\n'
+              'Want to have us modify this app for you? Reach out at info@ything.net '
+              'We can add additional features for you! Schedule views, up next listings, '
+              'and even custom user interactivity! '
+              '\n\n'
+              'We look forward to hearing from you soon! We would love to build your app!',
+              textAlign: TextAlign.justify,
+            ),
           ),
         ),
       ),

lib/Links.dart

@@ -38,12 +38,21 @@ class Links extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return DefaultTextStyle(
-      style: Theme.of(context).textTheme.headlineSmall!,
-      child: SafeZone(
-        child: Center(
-          child: Column(
-            children: links.map((link) => link).toList(),
+    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(
+            child: Column(
+              children: links.map((link) => link).toList(),
+            ),
           ),
         ),
       ),

lib/Listen.dart

@@ -9,8 +9,17 @@ class Listen extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return const Center(
-      child: PlayControls(),
+    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:
-  #   - images/a_dot_burr.jpeg
-  #   - images/a_dot_ham.jpeg
+  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