only-bible-app

git clone https://pyrossh.dev/repos/only-bible-app.git

The only bible app you will ever need. No ads. No in-app purchases. No distractions.

36c7dd49 — pyrossh

add font sizes

Files changed (8) hide show

bible_app/lib/components/header.dart +17 -15
bible_app/lib/components/menu.dart +41 -12
bible_app/lib/components/play_button.dart +0 -1
bible_app/lib/components/verse_view.dart +6 -3
bible_app/lib/main.dart +2 -1
bible_app/lib/models/theme.dart +2 -2
bible_app/lib/state.dart +14 -0
bible_app/scripts/bibles/kannada.csv +1 -1

bible_app/lib/components/header.dart CHANGED Viewed

@@ -16,13 +16,16 @@ class Header extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return Container(
-      padding: EdgeInsets.symmetric(
+      padding: EdgeInsets.only(
-          // horizontal: isDesktop() ? 40 : 20,
+        // horizontal: isDesktop() ? 40 : 20,
+        top: isDesktop() ? 10 : 0,
-          vertical: isDesktop() ? 15 : 0),
+        bottom: isDesktop() ? 10 : 0,
+      ),
       decoration: const BoxDecoration(
         border: Border(bottom: BorderSide(width: 1.5)),
       ),
       child: Row(
+        mainAxisAlignment: MainAxisAlignment.spaceBetween,
         crossAxisAlignment: CrossAxisAlignment.center,
         children: [
           InkWell(
@@ -30,23 +33,22 @@ class Header extends StatelessWidget {
               Navigator.of(context).push(SideMenuPage());
             },
             child: Row(
-              crossAxisAlignment: CrossAxisAlignment.center,
               children: [
                 Text("${selectedBible.value[book].name} ${chapter + 1}", style: theme.value.headerText),
-                Container(
-                  margin: const EdgeInsets.only(left: 3),
-                  child: Transform.rotate(
-                    angle: -pi / 2,
-                    child: const Icon(Icons.chevron_left, size: 28),
+                const Icon(Icons.expand_more, size: 30),
-                  ),
-                ),
               ],
             ),
           ),
+          Row(
+            mainAxisAlignment: MainAxisAlignment.spaceBetween,
+            children: [
-          const Spacer(flex: 1),
+              Container(
+                margin: EdgeInsets.only(right: isDesktop() ? 50 : 8),
-          PlayButton(book: book, chapter: chapter, verses: verses),
+                child: PlayButton(book: book, chapter: chapter, verses: verses),
+              ),
-          Menu(),
+              Menu(),
+            ],
-          // const Spacer(flex: 1),
+          ),
         ],
       ),
     );

bible_app/lib/components/menu.dart CHANGED Viewed

@@ -1,29 +1,58 @@
 import 'package:flutter/material.dart';
+import 'package:flutter_reactive_value/flutter_reactive_value.dart';
+import 'package:only_bible_app/state.dart';
 class Menu extends StatelessWidget {
   const Menu({super.key});
   @override
   Widget build(BuildContext context) {
+    final moreIcon = isDesktopMode(context) ? Icons.more_vert : Icons.more_vert;
     return PopupMenuButton(
-      icon: const Icon(Icons.more_horiz, size: 32),
+      icon: Icon(moreIcon, size: 36),
       offset: const Offset(0.0, 70),
-      shape: const RoundedRectangleBorder(
-        borderRadius: BorderRadius.only(
-          bottomLeft: Radius.circular(8.0),
-          bottomRight: Radius.circular(8.0),
-          topLeft: Radius.circular(8.0),
-          topRight: Radius.circular(8.0),
-        ),
-      ),
       itemBuilder: (BuildContext context) => [
+        PopupMenuItem(
+          value: 1,
+          padding: EdgeInsets.symmetric(vertical: 15, horizontal: isDesktop() ? 50 : 5),
+          onTap: toggleMode,
+          child: Row(
+            crossAxisAlignment: CrossAxisAlignment.center,
+            mainAxisAlignment: MainAxisAlignment.start,
+            children: [
+              Container(margin: EdgeInsets.only(left: isDesktop() ? 10 : 25)),
+              Icon(darkMode.reactiveValue(context) ? Icons.dark_mode : Icons.light_mode, color: Colors.black, size: 30),
+              Text("   ${darkMode.reactiveValue(context) ? "Dark" : "Light"} Mode"),
+            ],
+          ),
+        ),
+        const PopupMenuItem(
+          value: 1,
+          padding: EdgeInsets.symmetric(vertical: 15),
+          child: Row(
+            crossAxisAlignment: CrossAxisAlignment.center,
+            mainAxisAlignment: MainAxisAlignment.center,
+            children: [
+              IconButton(
+                icon: Icon(Icons.add_circle, color: Colors.black, size: 30),
+                onPressed: increaseFont,
+              ),
+              Text("      Font      "),
+              IconButton(
+                icon: Icon(Icons.remove_circle, color: Colors.black, size: 30),
+                onPressed: decreaseFont,
+              ),
+            ],
+          ),
+        ),
         const PopupMenuItem(
           value: 1,
+          padding: EdgeInsets.symmetric(vertical: 10),
           child: Row(
+            mainAxisAlignment: MainAxisAlignment.spaceEvenly,
             children: [
-              Icon(Icons.add_circle, color: Colors.black, size: 32),
-              Text("    Font    "),
+              Text("About"),
-              Icon(Icons.remove_circle, color: Colors.black, size: 32),
             ],
           ),
         ),

bible_app/lib/components/play_button.dart CHANGED Viewed

@@ -16,7 +16,6 @@ class PlayButton extends StatelessWidget {
   Widget build(BuildContext context) {
     final icon = isPlaying.reactiveValue(context) ? Icons.pause_circle_filled : Icons.play_circle_fill;
     return IconButton(
-      padding: const EdgeInsets.symmetric(horizontal: 50),
       icon: Icon(icon, size: 36),
       onPressed: () async {
         final player = AudioPlayer();

bible_app/lib/components/verse_view.dart CHANGED Viewed

@@ -10,10 +10,13 @@ class VerseText extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
-    var selected = selectedVerses.reactiveValue(context).contains(index);
+    final selected = selectedVerses.reactiveValue(context).contains(index);
+    final delta = fontSizeDelta.reactiveValue(context);
+    final bodySize = theme.value.bodyText.fontSize! + delta;
     onTap() {
       onVerseSelected(index);
     }
     return MouseRegion(
         cursor: SystemMouseCursors.click,
         child: GestureDetector(
@@ -27,13 +30,13 @@ class VerseText extends StatelessWidget {
               children: [
                 Container(
                   margin: const EdgeInsets.only(right: 4),
-                  child:  Transform.translate(
+                  child: Transform.translate(
                     offset: const Offset(0, 2),
                     child: Text("${index + 1}", style: theme.value.labelText),
                   ),
                 ),
                 Flexible(
-                  child: Text(text, style: theme.value.bodyText),
+                  child: Text(text, style: TextStyle(fontSize: bodySize)),
                 )
               ],
             ),

bible_app/lib/main.dart CHANGED Viewed

@@ -1,4 +1,4 @@
-import "package:flutter/material.dart";
+import 'package:flutter/material.dart';
 import 'package:flutter_persistent_value_notifier/flutter_persistent_value_notifier.dart';
 import 'package:flutter_native_splash/flutter_native_splash.dart';
 import 'package:go_router/go_router.dart';
@@ -12,6 +12,7 @@ void main() async {
   await initPersistentValueNotifier();
   await loadBible();
   runApp(MaterialApp.router(
+    debugShowCheckedModeBanner: false,
     routerConfig: GoRouter(
       debugLogDiagnostics: true,
       initialLocation: "/${selectedBible.value[bookIndex.value].name}/${chapterIndex.value}",

bible_app/lib/models/theme.dart CHANGED Viewed

@@ -33,7 +33,7 @@ const lightTheme = AppTheme(
   secondaryColor: lightSecondary,
   highlightColor: lightHighlightColor,
   labelText: TextStyle(
-    fontFamily: "SanFrancisco",
+    // fontFamily: "SanFrancisco",
     fontSize: 12,
     fontWeight: FontWeight.w800,
     color: lightLabel,
@@ -47,7 +47,7 @@ const lightTheme = AppTheme(
   bodyText: TextStyle(
     color: lightBody,
     fontSize: 16,
-    fontFamily: "SanFranciscoPro",
+    // fontFamily: "SanFranciscoPro",
     fontWeight: FontWeight.w400,
     // letterSpacing: 0.5,
   ),

bible_app/lib/state.dart CHANGED Viewed

@@ -31,6 +31,20 @@ final selectedBible = ValueNotifier<List<Book>>([]);
 final selectedVerses = ValueNotifier([]);
 final isPlaying = ValueNotifier(false);
 final theme = ValueNotifier<AppTheme>(lightTheme);
+final fontSizeDelta = ValueNotifier(0);
+increaseFont() {
+  fontSizeDelta.value += 1;
+}
+decreaseFont() {
+  fontSizeDelta.value -= 1;
+}
+toggleMode() {
+  darkMode.value = !darkMode.value;
+  print(darkMode.value);
+}
 saveBookIndex(int book, int chapter) {
   bookIndex.value = book;

bible_app/scripts/bibles/kannada.csv CHANGED Viewed

@@ -1560,7 +1560,7 @@
 1|2|5|ಆಗ ಫರೋಹನ ಮಗಳು ನದಿಯಲ್ಲಿ ಸ್ನಾನ ಮಾಡುವದಕ್ಕೆ ಇಳಿದು ಬಂದಳು; ಆಕೆಯ ದಾಸಿಯರು ನದಿಯ ಅಂಚಿನಲ್ಲಿ ತಿರುಗಾಡುತ್ತಿದ್ದರು. ಫರೋಹನ ಮಗಳು ಹುಲ್ಲಿನಲ್ಲಿದ್ದ ಪೆಟ್ಟಿಗೆಯನ್ನು ನೋಡಿ ತನ್ನ ದಾಸಿಯನ್ನು ಕಳುಹಿಸಿ ಅದನ್ನು ತರಿಸಿದಳು.
 1|2|6|ಆ ಪೆಟ್ಟಿಗೆಯನ್ನು ತೆರೆದು ಕೂಸನ್ನು ನೋಡಿದಳು; ಇಗೋ, ಕೂಸು ಅಳುತ್ತಿತ್ತು. ಆಗ ಆಕೆಯು ಅದರ ಮೇಲೆ ಅಂತಃಕರುಣೆಪಟ್ಟು--ಇದು ಇಬ್ರಿಯರ ಮಕ್ಕಳಲ್ಲಿ ಒಂದಾಗಿದೆ ಅಂದಳು.
 1|2|7|ಆಗ ಅದರ ಅಕ್ಕ ಫರೋಹನ ಮಗಳಿಗೆ--ನಾನು ಹೋಗಿ ಈ ಕೂಸಿಗೆ ಮೊಲೆ ಕೊಡುವ ಹಾಗೆ ಇಬ್ರಿಯ ಸ್ತ್ರೀಯರಿಂದ ಒಬ್ಬ ದಾದಿ ಯನ್ನು ನಿನಗೋಸ್ಕರ ಕರಕೊಂಡು ಬರಲೋ ಅಂದಳು.
-1|2|8|ಫರೋಹನ ಮಗಳು ಅವಳಿಗೆ-ಹೋಗು ಅಂದಳು. ಆಗ ಆ ಹುಡುಗಿಯು ಹೋಗಿ ಕೂಸಿನ ತಾಯಿಯನ್ನು ಕರೆದಳು.
+1|2|8|ಫರೋಹನ ಮಗಳು ಅವಳಿಗೆ-.ಹೋಗು ಅಂದಳು. ಆಗ ಆ ಹುಡುಗಿಯು ಹೋಗಿ ಕೂಸಿನ ತಾಯಿಯನ್ನು ಕರೆದಳು.
 1|2|9|ಫರೋಹನ ಮಗಳು ಆಕೆಗೆ--ಈ ಮಗು ವನ್ನು ತೆಗೆದುಕೊಂಡುಹೋಗಿ ನನಗೋಸ್ಕರ ಸಾಕು. ನಾನು ನಿನಗೆ ಸಂಬಳವನ್ನು ಕೊಡುವೆನು ಅಂದಳು. ಆಗ ಆ ಸ್ತ್ರೀಯು ಕೂಸನ್ನು ತಕ್ಕೊಂಡು ಹೋಗಿ ಸಾಕಿದಳು.
 1|2|10|ಈ ಮಗುವು ಬೆಳೆದಾಗ ಅವನನ್ನು ಫರೋಹನ ಮಗಳ ಬಳಿಗೆ ತಕ್ಕೊಂಡುಹೋದಳು. ಅವನು ಆಕೆಗೆ ಮಗನಾದನು. ಆಕೆಯು--ಇವನನ್ನು ನೀರಿನೊಳಗಿಂದ ಎಳೆದೆನೆಂದು ಹೇಳಿ ಅವನಿಗೆ ಮೋಶೆ ಎಂದು ಹೆಸರಿಟ್ಟಳು.
 1|2|11|ಆ ದಿನಗಳಲ್ಲಿ ಮೋಶೆಯು ದೊಡ್ಡವನಾದ ಮೇಲೆ ತನ್ನ ಸಹೋದರರ ಬಳಿಗೆ ಹೋಗಿ ಅವರ ಬಿಟ್ಟೀ ಕೆಲಸಗಳನ್ನು ನೋಡುತ್ತಿದ್ದನು. ಆಗ ತನ್ನ ಸಹೋದರರಲ್ಲಿ ಒಬ್ಬನಾದ ಇಬ್ರಿಯನನ್ನು ಒಬ್ಬ ಐಗುಪ್ತ್ಯನು ಹೊಡೆಯುವದನ್ನು ಕಂಡನು.

~repos /only-bible-app

git clone https://pyrossh.dev/repos/only-bible-app.git

The only bible app you will ever need. No ads. No in-app purchases. No distractions.