Wug Software Website

wug_software.dart

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(home: View());
  }
}

class View extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MediaQuery.of(context).size.width > 1200 ? desktop() : mobile();
  }

  Widget desktop() {
    return Scaffold(
      backgroundColor: Color.fromRGBO(0x22, 0x28, 0x31, 1),
      body: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          Row(children: [
            Expanded(flex: 43, child: SizedBox()),
            Expanded(
              flex: 42,
              child: Column(children: [
                ClipRect(
                  child: Container(
                    child: Card(
                      child: Container(
                        color: Color.fromRGBO(0x30, 0x47, 0x5E, 1.0),
                        padding: EdgeInsets.symmetric(
                          vertical: 50,
                          horizontal: 50,
                        ),
                        child: Column(
                          children: [
                            Image.asset("assets/images/wug.png", scale: 2),
                            SizedBox(height: 15),
                            Text("Wug Software",
                                style: TextStyle(
                                  fontSize: 30,
                                  color: Color.fromRGBO(0xEC, 0xEC, 0xEC, 1.0)
                                )
                            )
                          ],
                        )
                      )
                    ),
                  ),
                ),
              ]),
            ),
            Expanded(
                flex: 1,
                child: SizedBox(
                  width: 1,
                )
            ),
            Expanded(
              flex: 45,
              child: ClipRect(
                child: Column(children: [
                  Card(
                    child: Container(
                      color: Color.fromRGBO(0x30, 0x47, 0x5E, 1.0),
                      padding: EdgeInsets.symmetric(vertical: 100, horizontal: 100),
                      child: Column(
                        children: [
                          Text("Developers of Pocket IPA",
                            style: TextStyle(
                              fontWeight: FontWeight.w900,
                              color: Color.fromRGBO(0xEC, 0xEC, 0xEC, 1.0),
                              fontSize: 40
                            ),
                          ),
                          SizedBox(height: 20),
                          Container(
                            constraints: BoxConstraints(maxWidth: 470),
                            child: Center(
                              child: Column(
                                children: [
                                  Text("Learn the International Phonetic Alphabet (IPA) while on the go with this easy to use language learning app for Android and The Web!",
                                      style: TextStyle(
                                          fontWeight: FontWeight.w100,
                                          color: Color.fromRGBO(0xEC, 0xEC, 0xEC, 0.7),
                                          fontSize: 20
                                      )
                                  ),
                                  SizedBox(
                                    height: 20,
                                  ),
                                  Text("(coming soon - ETA Q2 2021)",
                                      style: TextStyle(
                                          fontWeight: FontWeight.w100,
                                          color: Color.fromRGBO(0xEC, 0xEC, 0xEC, 0.7),
                                          fontSize: 16
                                      )
                                  )
                                ],
                              ),
                            ),
                          )
                        ],
                      )
                    )
                  )
                ]),
              ),
            ),
            Expanded(flex: 45, child: SizedBox()),
          ]),
        ],
      ),
    );
  }

  Widget mobile() {
    return Scaffold(
      backgroundColor: Color.fromRGBO(0x22, 0x28, 0x31, 1),
      body: SingleChildScrollView(
        child: Column(children: [
          SizedBox(
            height: 20,
          ),
          Card(
              color: Color.fromRGBO(0x30, 0x47, 0x5E, 1.0),
              child: Container(
                padding: EdgeInsets.symmetric(vertical: 10, horizontal: 10),
                child: Row(
                  children: [
                    Image.asset(
                      "assets/images/wug.png",
                      scale: 10,
                    ),
                    SizedBox(width: 20),
                    Text("Wug Software",
                        style: TextStyle(
                            fontSize: 32,
                            color: Color.fromRGBO(0xEC, 0xEC, 0xEC, 1.0),
                            letterSpacing: 2.0
                        )
                    ),
                  ],
                ),
              )),
          SizedBox(
            height: 90,
          ),
          Card(
            color: Color.fromRGBO(0x30, 0x47, 0x5E, 1.0),
            child: Container(
              padding: EdgeInsets.symmetric(vertical: 30, horizontal: 30),
              constraints: BoxConstraints(maxWidth: 600),
              child: Center(
                child: Column(
                  children: [
                    Text("Learn the International Phonetic Alphabet (IPA) while on the go with this easy to use language learning app for Android and The Web!",
                        style: TextStyle(
                            fontWeight: FontWeight.w300,
                            color: Color.fromRGBO(0xEC, 0xEC, 0xEC, 0.9),
                            fontSize: 20
                        )
                    ),
                    Text("(coming soon - ETA Q2 2021)",
                        style: TextStyle(
                            fontWeight: FontWeight.w100,
                            color: Color.fromRGBO(0xEC, 0xEC, 0xEC, 0.8),
                            fontSize: 16
                        )
                    )
                  ],
                ),
              ),
            )
          ),
        ]),
      ),
    );
  }
}