Flutter Clock Phase 2 (#3253)

* Showcase Redesing  (#2)

[b/141305122] Showcase redesign.

What's included?
- New showcase page.
- Cleanup styles and assets from the previous version.

* Showcase optimizations.

[b/141305122] Showcase redesign.

What's included?
- Optimize carousel SVG background texture.
- Optimize logos.

* First commit

* Minor change.

* Set styles for clock mobile version.

* Add styles for tablet and desktop breakpoints.

* Add extra-large viewport for countdown.

* Add extra large viewport for countdown font-size.

* Minor change in digitsHandler function.

* Add animations

* Optimize svg files.

* Minor fix

* Remove unnecessary styles.

* Change variables scope.

* Minor css change.

* Change keyframe transition.

* Adjust heading height.

* Add fixed with to digits container.

* Minor change.

* Remove unnecessary styles.

* Refactor geometric shapes animation.

* html refactor.

* Add show_footer front-matter variable

* Javascript Refactor.

* minor css change.

* Fix 320px mobile issue.

* Undo .firebaserc changes.

* Minor changes.

* First commit.

* CTA changed with animation and spaces between elements modified

* CTA changed with animation and spaces between elements modified

* Fixes for clock script and element position

* Slide in animations delay changed for clock

* CTA copy changed

* Lorem text removed from banner

* Spaces fixed for clock and event date added

* Fix for copy in title

* PR comments fixed

* More comments fixed for PR

* CTA z index fixed

* Clock update (#6)

Clock contest teaser.

* Flutter Clock contest phase 2 initial commit

* First commit.

* Update copy

* Add video modal

* Add iMac image to prizes section

* Add code style to getting started section.

* Add Submission requirements.

* What to make styles fixed for background

* Add Contest requirements.

* Fix comments.

* Mobile breakpoint added

* Submissions section design fixed

* Fix comments.

* Fix comments.

* Minor changes.

* Modify prize link.

* Mobile design comments fixed

* Comments fixed for font sizes and links in prizes

* Fix comments.

* Fix comments.

* Fix comments v205.

* Fix comments.

* Tablet responsive added

* Fix comments

* Icons not found problem in progress

* Material icons problem in progress

* Fix comments.

* Fix prize capital letters.

* Material Icons loading problem solved

* Merge

* Fix getting started link

* Fix getting started redirection.

* Fix comments

* Issues fixed for hero background images

* Issues fixed for open external links

* Fix comments.

* Fix comments

* Design fixes for svgs positions

* Minor fix for line height in wtm section heading

* change hero background-color

* Icons size in cards fixed

* Design fixes for wtm section

* SVG optimizations and PR files arrenged

* Update copy.

* Design fix for cards sizes in mobile

Author: OmarGM2294

src/_assets/css/_clock.scss

@@ -14,12 +14,14 @@ $site-color-body: #4A4A4A;
 $site-color-body-light: rgba(74/255, 74/255, 74/255, .8);
 $site-color-footer: #303c42;
 $site-color-primary: $flutter-color-blue-500;
+$twitter-color: #60CAF6;
 
 // Fonts
 $site-font-family-base: 'Roboto', sans-serif;
 $site-font-family-alt: 'Google Sans', 'Roboto', sans-serif;
 $site-font-family-icon: 'Material Icons';
 $site-font-family-monospace: 'Roboto Mono', monospace;
+$site-font-family-courier: 'Courier', monospace;
 $site-font-icon: 24px/1 $site-font-family-icon;
 
 // Layout