about me section completed

mhmzdev · Sep 17, 2024 · d15067f · d15067f
1 parent bd7bea2
commit d15067f
Show file tree

Hide file tree

Showing 2 changed files with 104 additions and 1 deletion.
diff --git a/lib/sections/about_me.dart b/lib/sections/about_me.dart
@@ -1,3 +1,4 @@
+import 'package:devfolio/components/app_button.dart';
 import 'package:devfolio/constants/theme.dart';
 import 'package:devfolio/utils/assets.dart';
 import 'package:jaspr/jaspr.dart';
@@ -19,6 +20,29 @@ class AboutMeSection extends StatelessComponent {
       'express',
     ];
 
+    final works = [
+      {
+        'image': StaticAssets.cui,
+        'url': 'https://www.comsats.edu.pk/',
+        'height': 50,
+      },
+      {
+        'image': StaticAssets.dsc,
+        'url': 'https://developers.google.com/community/dsc',
+        'height': 30,
+      },
+      {
+        'image': StaticAssets.flutterisl,
+        'url': 'https://meetup.com/flutter-islamabad',
+        'height': 60,
+      },
+      {
+        'image': StaticAssets.st,
+        'url': 'https://www.sastaticket.pk/',
+        'height': 60,
+      },
+    ];
+
     yield section(classes: 'about-me-section', [
       span(classes: 'title', [
         text('About Me'),
@@ -65,6 +89,61 @@ class AboutMeSection extends StatelessComponent {
               ]),
           ]),
           div(classes: 'divider', []),
+          div(classes: 'personal-row', [
+            div([
+              span(classes: 'personal-label', [
+                text('Name: '),
+              ]),
+              span(classes: 'personal-value', [
+                text(' Muhammad Hamza'),
+              ]),
+            ]),
+            div([
+              span(classes: 'personal-label', [
+                text('Email: '),
+              ]),
+              span(classes: 'personal-value', [
+                text(' [email protected]'),
+              ]),
+            ])
+          ]),
+          div(styles: Styles.box(height: 15.px), []),
+          div(classes: 'personal-row', [
+            div([
+              span(classes: 'personal-label', [
+                text('Age: '),
+              ]),
+              span(classes: 'personal-value', [
+                text(' 25'),
+              ]),
+            ]),
+            div([
+              span(classes: 'personal-label', [
+                text('From: '),
+              ]),
+              span(classes: 'personal-value', [
+                text(' Islamabad, PK'),
+              ]),
+            ])
+          ]),
+          div(styles: Styles.box(height: 25.px), []),
+          div(classes: 'work-row', [
+            AppButton(
+              label: 'RESUME',
+              onPressed: () {},
+            ),
+            div(classes: 'divider', styles: Styles.box(width: 80.px), []),
+            for (final work in works)
+              a(
+                  classes: 'work-item',
+                  href: (work['url'] as String),
+                  target: Target.blank,
+                  [
+                    img(
+                        src: (work['image'] as String),
+                        height: (work['height'] as int)),
+                  ]),
+          ])
         ]),
       ])
     ]);
@@ -79,7 +158,7 @@ class AboutMeSection extends StatelessComponent {
           justifyContent: JustifyContent.start,
         )
         .box(
-          padding: EdgeInsets.only(top: 5.vh),
+          padding: EdgeInsets.only(top: 5.vh, right: 5.vw),
           height: 100.vh,
         ),
     css('.title').text(
@@ -149,5 +228,21 @@ class AboutMeSection extends StatelessComponent {
     css('.tech-item')
         .box(margin: EdgeInsets.only(right: 12.px, left: 5.px))
         .text(fontSize: 14.px),
+    css('.personal-label').text(
+      fontWeight: FontWeight.bold,
+      fontSize: 12.px,
+    ),
+    css('.personal-value').text(
+      fontSize: 12.px,
+    ),
+    css('.personal-row').box(width: 100.percent).flexbox(
+          direction: FlexDirection.row,
+          justifyContent: JustifyContent.spaceBetween,
+        ),
+    css('.work-row').box(width: 100.percent).flexbox(
+          direction: FlexDirection.row,
+          alignItems: AlignItems.center,
+          justifyContent: JustifyContent.spaceBetween,
+        ),
   ];
 }
diff --git a/lib/utils/assets.dart b/lib/utils/assets.dart
@@ -15,4 +15,12 @@ abstract class StaticAssets {
   static const String mobileImage = '/images/photos/mobile.png';
 
   /// Project Images
+  ///
+  ///
+
+  /// Work Images
+  static const String cui = '/images/work/cui.png';
+  static const String dsc = '/images/work/dsc.png';
+  static const String flutterisl = '/images/work/flutterIsl.png';
+  static const String st = '/images/work/st.png';
 }