Skip to content

Commit 7f6a27e

Browse files
olayemiiolayemii
committed
continue education section fix
1 parent 169c85a commit 7f6a27e

File tree

11 files changed

+223
-24
lines changed

11 files changed

+223
-24
lines changed

‎assets/design.png

1.59 KB
Loading

‎assets/develop.png

1.83 KB
Loading

‎assets/female.png

13.9 KB
Loading

‎assets/male.png

12.3 KB
Loading

‎assets/promote.png

2.37 KB
Loading

‎assets/quote.png

748 Bytes
Loading

‎assets/write.png

2.02 KB
Loading

‎lib/models/design_process.dart

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
import 'package:flutter/material.dart';
2+
3+
class DesignProcess {
4+
final String title;
5+
final String imagePath;
6+
final String subtitle;
7+
8+
DesignProcess({
9+
@required this.title,
10+
@required this.imagePath,
11+
@required this.subtitle,
12+
});
13+
}

‎lib/pages/home/components/cv_section.dart

Lines changed: 78 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,40 @@
11
import 'package:flutter/material.dart';
22
import 'package:flutter/rendering.dart';
33
import 'package:google_fonts/google_fonts.dart';
4+
import 'package:responsive_framework/responsive_grid.dart';
45
import 'package:responsive_framework/responsive_wrapper.dart';
6+
import 'package:web_portfolio/models/design_process.dart';
57
import 'package:web_portfolio/utils/adaptive_layout.dart';
68
import 'package:web_portfolio/utils/constants.dart';
79
import 'package:sizer/sizer.dart';
810

11+
List<DesignProcess> designProcesses = [
12+
DesignProcess(
13+
title: "DESIGN",
14+
imagePath: "assets/design.png",
15+
subtitle:
16+
"A full stack allaround designer that may or may not include a guide for specific createive",
17+
),
18+
DesignProcess(
19+
title: "DEVELOP",
20+
imagePath: "assets/develop.png",
21+
subtitle:
22+
"Tellus pharetra erat tristique erat donec dignissim etiam sed malesuada enim sodales",
23+
),
24+
DesignProcess(
25+
title: "WRITE",
26+
imagePath: "assets/write.png",
27+
subtitle:
28+
"A full stack allaround designer that may or may not include a guide for specific createive",
29+
),
30+
DesignProcess(
31+
title: "PROMOTE",
32+
imagePath: "assets/promote.png",
33+
subtitle:
34+
"Tellus pharetra erat tristique erat donec dignissim etiam sed malesuada enim sodales",
35+
)
36+
];
37+
938
class CvSection extends StatelessWidget {
1039
@override
1140
Widget build(BuildContext context) {
@@ -64,22 +93,56 @@ Widget _buildDesktop(BuildContext context, double width,
6493
),
6594
],
6695
),
67-
Container(
68-
height: 70.0,
69-
child: Wrap(
70-
runAlignment: WrapAlignment.spaceBetween,
71-
children: List.generate(
72-
4,
73-
(index) => Container(
74-
color: Colors.red,
75-
width: width / 4 - 50.0,
76-
margin: EdgeInsets.only(right: 25.0),
77-
child: Text("Hello World"),
78-
height: 80.0,
79-
),
80-
),
96+
SizedBox(
97+
height: 50.0,
98+
),
99+
ResponsiveGridView.builder(
100+
shrinkWrap: true,
101+
alignment: Alignment.center,
102+
gridDelegate: ResponsiveGridDelegate(
103+
maxCrossAxisExtent: 250.0,
104+
mainAxisSpacing: 20.0,
105+
crossAxisSpacing: 20.0,
106+
childAspectRatio: 1.5,
81107
),
82-
)
108+
itemBuilder: (BuildContext context, int index) {
109+
return Container(
110+
child: Column(
111+
crossAxisAlignment: CrossAxisAlignment.center,
112+
children: [
113+
Row(
114+
mainAxisAlignment: MainAxisAlignment.start,
115+
children: [
116+
Image.asset(
117+
designProcesses[index].imagePath,
118+
width: 40.0,
119+
),
120+
SizedBox(
121+
width: 15.0,
122+
),
123+
Text(
124+
designProcesses[index].title,
125+
style: GoogleFonts.oswald(
126+
fontSize: 20.0,
127+
fontWeight: FontWeight.w700,
128+
color: Colors.white,
129+
),
130+
)
131+
],
132+
),
133+
SizedBox(height: 15.0),
134+
Text(
135+
designProcesses[index].subtitle,
136+
style: TextStyle(
137+
color: Color(0xFFA6B1BB),
138+
),
139+
),
140+
],
141+
),
142+
);
143+
},
144+
itemCount: designProcesses.length,
145+
),
83146
],
84147
),
85148
),

‎lib/pages/home/components/education_section.dart

Lines changed: 54 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -47,17 +47,67 @@ Widget _buildContent(double width) {
4747
shrinkWrap: true,
4848
alignment: Alignment.center,
4949
gridDelegate: ResponsiveGridDelegate(
50-
maxCrossAxisExtent: 200.0,
50+
maxCrossAxisExtent: 500.0,
5151
mainAxisSpacing: 20.0,
5252
crossAxisSpacing: 20.0,
53+
childAspectRatio: 1.8,
5354
),
5455
itemBuilder: (BuildContext context, int index) {
5556
return Container(
56-
alignment: Alignment.center,
57-
color: Colors.red,
57+
child: Column(
58+
crossAxisAlignment: CrossAxisAlignment.start,
59+
children: [
60+
Text(
61+
"Fuck this",
62+
style: TextStyle(
63+
color: Colors.white,
64+
height: 1.8,
65+
),
66+
),
67+
SizedBox(
68+
height: 15.0,
69+
),
70+
Row(
71+
children: [
72+
CircleAvatar(
73+
radius: 25.0,
74+
backgroundColor: Colors.transparent,
75+
backgroundImage: AssetImage(
76+
"assets/male.png",
77+
),
78+
),
79+
SizedBox(
80+
width: 20.0,
81+
),
82+
Column(
83+
crossAxisAlignment: CrossAxisAlignment.start,
84+
children: [
85+
Text(
86+
"Olayemii Garuba",
87+
style: GoogleFonts.oswald(
88+
color: Colors.white,
89+
fontWeight: FontWeight.w700,
90+
fontSize: 16.0,
91+
),
92+
),
93+
SizedBox(
94+
height: 4.0,
95+
),
96+
Text(
97+
"Local Man",
98+
style: TextStyle(
99+
color: Color(0xFFA6B1BB),
100+
),
101+
)
102+
],
103+
)
104+
],
105+
)
106+
],
107+
),
58108
);
59109
},
60-
itemCount: 4,
110+
itemCount: 2,
61111
),
62112
),
63113
],

‎lib/pages/home/components/testimonial.dart

Lines changed: 78 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,22 @@ import 'package:web_portfolio/models/testimonial.dart';
55
import 'package:web_portfolio/utils/adaptive_layout.dart';
66
import 'package:web_portfolio/utils/constants.dart';
77

8-
List<TestimonialModel> testimonials = [];
8+
List<TestimonialModel> testimonials = [
9+
TestimonialModel(
10+
text:
11+
"Rob Davidson is daucibus sed tristique fames sed aliquet ultricies eget viverra arcu vitae faucibus diam consequat maecenas turpis metus sit diam purus leo in varius.",
12+
occupation: "Product Designer",
13+
personName: "JANNY STONE",
14+
profilePhoto: "assets/female.png",
15+
),
16+
TestimonialModel(
17+
text:
18+
"Daucibus sed tristique fames sed aliquet ultricies eget viverra arcu vitae faucibus diam consequat maecenas turpis metus sit diam purus leo in varius retriko sedum est istera.",
19+
occupation: "Art Director",
20+
personName: "KEN WILLIAMS",
21+
profilePhoto: "assets/male.png",
22+
),
23+
];
924

1025
class Testimonial extends StatelessWidget {
1126
@override
@@ -72,7 +87,7 @@ Widget _buildContent(double width) {
7287
],
7388
),
7489
),
75-
SizedBox(height: 25.0),
90+
SizedBox(height: 45.0),
7691
Container(
7792
child: ResponsiveGridView.builder(
7893
shrinkWrap: true,
@@ -85,11 +100,69 @@ Widget _buildContent(double width) {
85100
),
86101
itemBuilder: (BuildContext context, int index) {
87102
return Container(
88-
alignment: Alignment.center,
89-
color: Colors.red,
103+
child: Column(
104+
crossAxisAlignment: CrossAxisAlignment.start,
105+
children: [
106+
Container(
107+
child: Image.asset(
108+
"assets/quote.png",
109+
width: 50.0,
110+
),
111+
),
112+
SizedBox(
113+
height: 15.0,
114+
),
115+
Text(
116+
testimonials[index].text,
117+
style: TextStyle(
118+
color: Colors.white,
119+
height: 1.8,
120+
),
121+
),
122+
SizedBox(
123+
height: 15.0,
124+
),
125+
Row(
126+
children: [
127+
CircleAvatar(
128+
radius: 25.0,
129+
backgroundColor: Colors.transparent,
130+
backgroundImage: AssetImage(
131+
testimonials[index].profilePhoto,
132+
),
133+
),
134+
SizedBox(
135+
width: 20.0,
136+
),
137+
Column(
138+
crossAxisAlignment: CrossAxisAlignment.start,
139+
children: [
140+
Text(
141+
testimonials[index].personName,
142+
style: GoogleFonts.oswald(
143+
color: Colors.white,
144+
fontWeight: FontWeight.w700,
145+
fontSize: 16.0,
146+
),
147+
),
148+
SizedBox(
149+
height: 4.0,
150+
),
151+
Text(
152+
testimonials[index].occupation,
153+
style: TextStyle(
154+
color: Color(0xFFA6B1BB),
155+
),
156+
)
157+
],
158+
)
159+
],
160+
)
161+
],
162+
),
90163
);
91164
},
92-
itemCount: 2,
165+
itemCount: testimonials.length,
93166
),
94167
),
95168
],

0 commit comments

Comments
 (0)