Skip to content

Commit

Permalink
inital build for desktop
Browse files Browse the repository at this point in the history
  • Loading branch information
@AyushBherwani1998
AyushBherwani1998 committed Nov 30, 2019
1 parent 3c3e3c9 commit a13dbde
Show file tree
Hide file tree
Showing 7 changed files with 227 additions and 69 deletions.
Binary file added assets/fonts/Oswald-Regular.ttf
View file
Binary file not shown.
Binary file added assets/images/logo.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/images/mobile_development.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
8 changes: 6 additions & 2 deletions lib/main.dart
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,5 +2,9 @@ import 'package:flutter/material.dart';
import 'package:flutter_hangouts/src/ui/homepage.dart';

void main() => runApp(MaterialApp(
home: HomePage(),
));

home: HomePage(), theme: ThemeData(
brightness: Brightness.dark,
fontFamily: 'Oswald'
),
));
253 changes: 190 additions & 63 deletions lib/src/ui/homepage.dart
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,8 @@ class HomePage extends StatefulWidget {
}

class _HomePageState extends State<HomePage> {
bool _isExpanded = false;

@override
Widget build(BuildContext context) {
return ResponsiveWidget(
Expand All @@ -24,7 +26,6 @@ class _HomePageState extends State<HomePage> {
//TODO: Implement body for small screen
getSmallScreen() {
return Scaffold(
backgroundColor: Colors.black38,
body: getBody(),
);
}
Expand All @@ -39,40 +40,61 @@ class _HomePageState extends State<HomePage> {
children: <Widget>[
Container(
alignment: Alignment.bottomRight,
child: Image.asset("assets/images/bottom_image.jpg")),
child: Image.asset(
"assets/images/mobile_development.png",
width: 500,
height: 500,
)),
Container(
padding: EdgeInsets.only(left: 16),
alignment: Alignment.centerRight,
margin: EdgeInsets.only(left: 40, top: 120),
alignment: Alignment.centerLeft,
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
Row(
children: <Widget>[
Image.asset(
"assets/images/flutter_logo.png",
height: 100,
width: 100,
),
Text("FLUTTER HANGOUTS",
style: TextStyle(
fontSize: 72, fontWeight: FontWeight.w800))
],
),
Text("FLUTTER HANGOUTS",
style: TextStyle(
fontSize: 68, fontWeight: FontWeight.w800)),
SizedBox(
height: 36,
),
Padding(
padding: EdgeInsets.only(left: 16),
child: Row(
mainAxisAlignment: MainAxisAlignment.start,
Container(
width: MediaQuery.of(context).size.width / 2,
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
Text("Presented By"),
Container(
child: Text(
"Flutter Hangouts is an initiative by Flutter Vadodara to organize study-jams & workshops across universities.",
style:
TextStyle(fontSize: 20, color: Colors.grey),
),
),
SizedBox(
width: 10,
height: 32,
),
Container(
width: MediaQuery.of(context).size.width / 4,
child: MaterialButton(
shape: RoundedRectangleBorder(
borderRadius: new BorderRadius.circular(6.0),
),
height: 60,
elevation: 0,
focusElevation: 0,
minWidth: MediaQuery.of(context).size.width,
color: Color(0xff536DFE),
onPressed: () {
print("Button Pressed");
},
child: ButtonTheme(
child: Text(
"Register",
style: TextStyle(
color: Colors.white, fontSize: 18),
),
),
),
),
Text("Flutter Vadodara",
style: TextStyle(
fontSize: 24, fontWeight: FontWeight.w800))
],
),
)
Expand All @@ -82,36 +104,117 @@ class _HomePageState extends State<HomePage> {
],
),
),
Container(
height: MediaQuery.of(context).size.height,
child: Column(
children: <Widget>[
Container(
alignment: Alignment.center,
margin: EdgeInsets.all(16),
width: MediaQuery.of(context).size.width,
height: MediaQuery.of(context).size.height / 6.5,
color: Colors.blueAccent,
child: Text(
"ABOUT FLUTTER HANGOUTS",
style: TextStyle(
fontSize: 38,
fontWeight: FontWeight.w700,
color: Colors.black),
SizedBox(
height: 8,
),
Column(
children: <Widget>[
Container(
alignment: Alignment.center,
margin: EdgeInsets.all(16),
width: MediaQuery.of(context).size.width,
height: MediaQuery.of(context).size.height / 6.5,
color: Color(0xff536DFE),
child: Text(
"ABOUT FLUTTER HANGOUTS",
style: TextStyle(
fontSize: 38,
fontWeight: FontWeight.w700,
),
),
SizedBox(
height: 18,
),
SizedBox(
height: 18,
),
Container(
margin: EdgeInsets.symmetric(horizontal: 72, vertical: 24),
child: Column(
children: <Widget>[
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: <Widget>[
ClipOval(
child: Container(
color: Color(0xffF76F74),
alignment: Alignment.center,
width: 100,
height: 100,
child: Text(
"1",
style: TextStyle(
fontSize: 32, fontWeight: FontWeight.w800),
),
),
),
Container(
width: MediaQuery.of(context).size.width / 1.7,
child: Text(
"Flutter is growing while many are looking to explore and learn this beautiful technology. So, Flutter Vadodara has planned to organize workshops and Mini Boot-Camps at different colleges/universities to help students learn and explore the Flutter-Verse",
style: TextStyle(fontSize: 20),
textAlign: TextAlign.justify,
))
],
),
SizedBox(
height: 160,
),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: <Widget>[
Container(
width: MediaQuery.of(context).size.width / 1.7,
child: Text(
"We will be providing all the support and help to all the campus community clubs in arranging these study-jams. While, for the colleges that don't have any campus community clubs, we will be helping them thoroughly in organizing workshops, arranging speakers and providing all the necessary resources",
style: TextStyle(fontSize: 20),
textAlign: TextAlign.justify,
)),
ClipOval(
child: Container(
color: Color(0xffF76F74),
alignment: Alignment.center,
width: 100,
height: 100,
child: Text(
"2",
style: TextStyle(
fontSize: 32, fontWeight: FontWeight.w800),
),
),
),
],
),
SizedBox(
height: 160,
),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: <Widget>[
ClipOval(
child: Container(
color: Color(0xffF76F74),
alignment: Alignment.center,
width: 100,
height: 100,
child: Text(
"3",
style: TextStyle(
fontSize: 32, fontWeight: FontWeight.w800),
),
),
),
Container(
width: MediaQuery.of(context).size.width / 1.7,
child: Text(
"Encourage new faces to get up on the stage, to speak out and to share their knowledge with other folks as that's how community works; an equal growth of everyone!",
style: TextStyle(fontSize: 20),
textAlign: TextAlign.justify,
))
],
)
],
),
Container(
padding: EdgeInsets.all(24),
child: Text(
"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.",
style: TextStyle(fontSize: 24),
),
)
],
),
)
],
),
Container(
height: MediaQuery.of(context).size.height,
Expand All @@ -122,14 +225,12 @@ class _HomePageState extends State<HomePage> {
margin: EdgeInsets.all(16),
width: MediaQuery.of(context).size.width,
height: MediaQuery.of(context).size.height / 6.5,
color: Colors.blueAccent,
child: Text(
"FAQ Section",
style: TextStyle(
color: Color(0xff536DFE),
child: Text("FAQ SECTION",
style: TextStyle(
fontSize: 38,
fontWeight: FontWeight.w700,
color: Colors.black),
),
)),
),
SizedBox(
height: 18,
Expand All @@ -141,16 +242,18 @@ class _HomePageState extends State<HomePage> {
itemCount: 4,
itemBuilder: (context, int) {
return ExpansionTile(
trailing: Icon(Icons.keyboard_arrow_down),
title: Text(
"What is Lorem Ipsum?",
style: TextStyle(fontSize: 24),
style: TextStyle(fontSize: 20, color: Colors.white),
),
children: <Widget>[
Container(
padding: EdgeInsets.only(left: 16),
child: Text(
"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.",
style: TextStyle(fontSize: 24)),
style: TextStyle(
fontSize: 18, color: Colors.grey)),
)
],
);
Expand All @@ -163,11 +266,13 @@ class _HomePageState extends State<HomePage> {
),
),
),

Container(
margin: EdgeInsets.all(24),
alignment: Alignment.bottomCenter,
child: Text("Build with Flutter by Flutter Vadodara",style: TextStyle(fontSize: 16),),
child: Text(
"Made with Flutter by Flutter Vadodara",
style: TextStyle(fontSize: 16,color: Colors.grey),
),
)
],
),
Expand All @@ -177,3 +282,25 @@ class _HomePageState extends State<HomePage> {
);
}
}

class GetBackgroundPaint extends CustomPainter {
@override
void paint(Canvas canvas, Size size) {
final paint = Paint();
paint.color = Colors.white;
var rect = Rect.fromLTWH(0, 0, size.width, size.height);
canvas.drawRect(rect, paint);
paint.color = Color(0xffB2EBF2);
var path = Path();
path.lineTo(0, size.height);
path.lineTo(size.width, 0);
path.close();
canvas.drawPath(path, paint);
}

@override
bool shouldRepaint(CustomPainter oldDelegate) {
// TODO: implement shouldRepaint
return false;
}
}
8 changes: 4 additions & 4 deletions pubspec.yaml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -56,10 +56,10 @@ flutter:
# "family" key with the font family name, and a "fonts" key with a
# list giving the asset and other descriptors for the font. For
# example:
# fonts:
# - family: Schyler
# fonts:
# - asset: fonts/Schyler-Regular.ttf
fonts:
- family: Schyler
fonts:
- asset: assets/fonts/Oswald-Regular.ttf
# - asset: fonts/Schyler-Italic.ttf
# style: italic
# - family: Trajan Pro
Expand Down
27 changes: 27 additions & 0 deletions web/assets/FontManifest.json
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,27 @@
[
{
"family": "Oswald",
"fonts": [
{
"asset": "assets/fonts/Oswald-Regular.ttf"
}

]
},
{
"family": "MaterialIcons",
"fonts": [
{
"asset": "fonts/MaterialIcons-Regular.ttf"
}
]
},
{
"family": "packages/cupertino_icons/CupertinoIcons",
"fonts": [
{
"asset": "packages/cupertino_icons/assets/CupertinoIcons.ttf"
}
]
}
]

0 comments on commit a13dbde

Please sign in to comment.