Made text selectable

assets/content/content_en.json

@@ -19,7 +19,7 @@
         {
             "name": "Nagarro GmbH",
             "location": "Pirmasens, Germany",
-            "title": "Development",
+            "title": "SAP-Development",
             "description": "Development of custom SAP applications using ABAP OO and SQL. Mobile application developed with Dart and Flutter as part of my bachelor's thesis.",
             "startDate": "October 2021",
             "endDate": "May 2022"
@@ -27,7 +27,7 @@
         {
             "name": "psb GmbH",
             "location": "Pirmasens, Germany",
-            "title": "Interne Full-Stack Development",
+            "title": "Internal Full-Stack Development",
             "description": "Development of internal applications using C#, WPF, and Oracle SQL to optimize internal business processes.",
             "startDate": "July 2019",
             "endDate": "December 2020"

lib/pages/landing_page.dart

@@ -50,7 +50,8 @@ class _LandingPageState extends State<LandingPage> {
       (MediaQuery.of(context).size.width - _getMainContentWidth()) / 2;
 
   Widget _getSideBar() {
-    return Column(
+    return SelectionArea(
+      child: Column(
         children: [
           ContentBlock(
             blockTitle: AppLocalizations.of(context)!.skills,
@@ -64,12 +65,20 @@ class _LandingPageState extends State<LandingPage> {
             content: contentProvider.getContent(ContentType.language),
           ),
         ],
+      ),
     );
   }
 
   Widget _getMainContent() {
-    return Column(
+    return SelectionArea(
+      child: Column(
         children: [
+          ContentBlock(
+            blockTitle: AppLocalizations.of(context)!.about_me,
+            contentType: ContentType.text,
+            content: contentProvider.getContent(ContentType.text),
+          ),
+          const Padding(padding: EdgeInsets.only(bottom: 25)),
           ContentBlock(
             blockTitle: AppLocalizations.of(context)!.work_experience,
             contentType: ContentType.experience,
@@ -87,13 +96,8 @@ class _LandingPageState extends State<LandingPage> {
             contentType: ContentType.generalSkills,
             content: contentProvider.getContent(ContentType.generalSkills),
           ),
-        const Padding(padding: EdgeInsets.only(bottom: 25)),
-        ContentBlock(
-          blockTitle: AppLocalizations.of(context)!.about_me,
-          contentType: ContentType.text,
-          content: contentProvider.getContent(ContentType.text),
-        ),
         ],
+      ),
     );
   }
 

lib/widgets/content_list_tile.dart

@@ -71,21 +71,16 @@ class ContentListTile extends StatelessWidget {
         title: Column(
           crossAxisAlignment: CrossAxisAlignment.start,
           children: [
-            Row(
-              mainAxisAlignment: MainAxisAlignment.start,
-              children: [
-                Text(name),
-                Text(', $location'),
-                if (Breakpoints.xl < screenWidth) const Text(' - '),
-                if (Breakpoints.xl < screenWidth)
             Text(
-                    title,
-                    style:
-                        TextStyle(color: Theme.of(context).colorScheme.primary),
+              name,
+              style: Theme.of(context).textTheme.titleLarge,
+              maxLines: 2,
             ),
-              ],
+            Text(
+              location,
+              style: Theme.of(context).textTheme.bodyMedium,
+              maxLines: 2,
             ),
-            if (Breakpoints.xl >= screenWidth)
             Text(
               title,
               style: TextStyle(color: Theme.of(context).colorScheme.primary),
@@ -119,21 +114,14 @@ class ContentListTile extends StatelessWidget {
         title: Column(
           crossAxisAlignment: CrossAxisAlignment.start,
           children: [
-            Row(
-              mainAxisAlignment: MainAxisAlignment.start,
-              children: [
-                Text(name),
-                Text(', $location'),
-                if (Breakpoints.xl < screenWidth) const Text(' - '),
-                if (Breakpoints.xl < screenWidth)
             Text(
-                    title,
-                    style:
-                        TextStyle(color: Theme.of(context).colorScheme.primary),
+              name,
+              style: Theme.of(context).textTheme.titleLarge,
             ),
-              ],
+            Text(
+              location,
+              style: Theme.of(context).textTheme.bodyMedium,
             ),
-            if (Breakpoints.xl >= screenWidth)
             Text(
               title,
               style: TextStyle(color: Theme.of(context).colorScheme.primary),

lib/widgets/profile.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:url_launcher/url_launcher.dart';
 
 class Profile extends StatelessWidget {
   const Profile({super.key});
@@ -32,10 +33,14 @@ class Profile extends StatelessWidget {
                 style: Theme.of(context).textTheme.titleLarge,
               ),
               const Padding(padding: EdgeInsets.symmetric(vertical: 5)),
-              Text(
-                'marco@skup.in',
-                textAlign: TextAlign.center,
-                style: Theme.of(context).textTheme.bodyMedium,
+              TextButton(
+                onPressed: () => launchUrl(Uri.parse('mailto:marco@skup.in')),
+                style: ButtonStyle(
+                  textStyle: WidgetStatePropertyAll(
+                    Theme.of(context).textTheme.bodyMedium,
+                  ),
+                ),
+                child: const Text('marco@skup.in'),
               ),
             ],
           ),