diff --git a/exercises/600x600.png b/exercises/600x600.png new file mode 100644 index 000000000..1509fa98f Binary files /dev/null and b/exercises/600x600.png differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-Black.eot b/exercises/exercise-1/fonts/font/NeueHaasUnica-Black.eot new file mode 100644 index 000000000..7136c7cd7 Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-Black.eot differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-Black.ttf b/exercises/exercise-1/fonts/font/NeueHaasUnica-Black.ttf new file mode 100644 index 000000000..1d9a74ab2 Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-Black.ttf differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-Black.woff b/exercises/exercise-1/fonts/font/NeueHaasUnica-Black.woff new file mode 100644 index 000000000..8e8e0e9ed Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-Black.woff differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-Black.woff2 b/exercises/exercise-1/fonts/font/NeueHaasUnica-Black.woff2 new file mode 100644 index 000000000..164720bd9 Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-Black.woff2 differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-Bold.eot b/exercises/exercise-1/fonts/font/NeueHaasUnica-Bold.eot new file mode 100644 index 000000000..5985ca670 Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-Bold.eot differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-Bold.ttf b/exercises/exercise-1/fonts/font/NeueHaasUnica-Bold.ttf new file mode 100644 index 000000000..4e1f33f14 Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-Bold.ttf differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-Bold.woff b/exercises/exercise-1/fonts/font/NeueHaasUnica-Bold.woff new file mode 100644 index 000000000..030d6adad Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-Bold.woff differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-Bold.woff2 b/exercises/exercise-1/fonts/font/NeueHaasUnica-Bold.woff2 new file mode 100644 index 000000000..b24d5287b Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-Bold.woff2 differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-BoldItalic.eot b/exercises/exercise-1/fonts/font/NeueHaasUnica-BoldItalic.eot new file mode 100644 index 000000000..740be6733 Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-BoldItalic.eot differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-BoldItalic.ttf b/exercises/exercise-1/fonts/font/NeueHaasUnica-BoldItalic.ttf new file mode 100644 index 000000000..8779be70f Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-BoldItalic.ttf differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-BoldItalic.woff b/exercises/exercise-1/fonts/font/NeueHaasUnica-BoldItalic.woff new file mode 100644 index 000000000..9b78f03ed Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-BoldItalic.woff differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-BoldItalic.woff2 b/exercises/exercise-1/fonts/font/NeueHaasUnica-BoldItalic.woff2 new file mode 100644 index 000000000..cf70f1863 Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-BoldItalic.woff2 differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-BoldItalic_1.eot b/exercises/exercise-1/fonts/font/NeueHaasUnica-BoldItalic_1.eot new file mode 100644 index 000000000..272b89607 Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-BoldItalic_1.eot differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-BoldItalic_1.ttf b/exercises/exercise-1/fonts/font/NeueHaasUnica-BoldItalic_1.ttf new file mode 100644 index 000000000..4a0672f4d Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-BoldItalic_1.ttf differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-BoldItalic_1.woff b/exercises/exercise-1/fonts/font/NeueHaasUnica-BoldItalic_1.woff new file mode 100644 index 000000000..73a6262a5 Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-BoldItalic_1.woff differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-BoldItalic_1.woff2 b/exercises/exercise-1/fonts/font/NeueHaasUnica-BoldItalic_1.woff2 new file mode 100644 index 000000000..398c5a429 Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-BoldItalic_1.woff2 differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtBlkIta.eot b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtBlkIta.eot new file mode 100644 index 000000000..1d4670b09 Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtBlkIta.eot differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtBlkIta.ttf b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtBlkIta.ttf new file mode 100644 index 000000000..c65350983 Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtBlkIta.ttf differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtBlkIta.woff b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtBlkIta.woff new file mode 100644 index 000000000..8b9a65300 Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtBlkIta.woff differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtBlkIta.woff2 b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtBlkIta.woff2 new file mode 100644 index 000000000..57b90fb8f Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtBlkIta.woff2 differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtLtIta.eot b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtLtIta.eot new file mode 100644 index 000000000..d5bae7b2b Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtLtIta.eot differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtLtIta.ttf b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtLtIta.ttf new file mode 100644 index 000000000..4775f0197 Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtLtIta.ttf differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtLtIta.woff b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtLtIta.woff new file mode 100644 index 000000000..33ad2bb9f Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtLtIta.woff differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtLtIta.woff2 b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtLtIta.woff2 new file mode 100644 index 000000000..7ed7e5b7b Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtLtIta.woff2 differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraBlack.eot b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraBlack.eot new file mode 100644 index 000000000..34ca52e9e Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraBlack.eot differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraBlack.ttf b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraBlack.ttf new file mode 100644 index 000000000..9bd2e9c68 Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraBlack.ttf differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraBlack.woff b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraBlack.woff new file mode 100644 index 000000000..9b03ff40b Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraBlack.woff differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraBlack.woff2 b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraBlack.woff2 new file mode 100644 index 000000000..128360d91 Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraBlack.woff2 differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraBold.eot b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraBold.eot new file mode 100644 index 000000000..c0506b49d Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraBold.eot differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraBold.ttf b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraBold.ttf new file mode 100644 index 000000000..e16a049a3 Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraBold.ttf differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraBold.woff b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraBold.woff new file mode 100644 index 000000000..67246ae99 Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraBold.woff differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraBold.woff2 b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraBold.woff2 new file mode 100644 index 000000000..832fdfe68 Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraBold.woff2 differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraBoldItalic.eot b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraBoldItalic.eot new file mode 100644 index 000000000..03c0ec8da Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraBoldItalic.eot differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraBoldItalic.ttf b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraBoldItalic.ttf new file mode 100644 index 000000000..72e680676 Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraBoldItalic.ttf differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraBoldItalic.woff b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraBoldItalic.woff new file mode 100644 index 000000000..4f7acd35c Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraBoldItalic.woff differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraBoldItalic.woff2 b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraBoldItalic.woff2 new file mode 100644 index 000000000..b54e335bf Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraBoldItalic.woff2 differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraLight.eot b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraLight.eot new file mode 100644 index 000000000..c4604bf18 Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraLight.eot differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraLight.ttf b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraLight.ttf new file mode 100644 index 000000000..abd25ff44 Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraLight.ttf differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraLight.woff b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraLight.woff new file mode 100644 index 000000000..36fcaa53f Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraLight.woff differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraLight.woff2 b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraLight.woff2 new file mode 100644 index 000000000..045eaa64f Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-ExtraLight.woff2 differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-Italic.eot b/exercises/exercise-1/fonts/font/NeueHaasUnica-Italic.eot new file mode 100644 index 000000000..83a48f2b0 Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-Italic.eot differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-Italic.ttf b/exercises/exercise-1/fonts/font/NeueHaasUnica-Italic.ttf new file mode 100644 index 000000000..bcb9f7791 Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-Italic.ttf differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-Italic.woff b/exercises/exercise-1/fonts/font/NeueHaasUnica-Italic.woff new file mode 100644 index 000000000..323c9b08b Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-Italic.woff differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-Italic.woff2 b/exercises/exercise-1/fonts/font/NeueHaasUnica-Italic.woff2 new file mode 100644 index 000000000..8d883489a Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-Italic.woff2 differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-Light.eot b/exercises/exercise-1/fonts/font/NeueHaasUnica-Light.eot new file mode 100644 index 000000000..ade5d2097 Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-Light.eot differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-Light.ttf b/exercises/exercise-1/fonts/font/NeueHaasUnica-Light.ttf new file mode 100644 index 000000000..a8c41765b Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-Light.ttf differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-Light.woff b/exercises/exercise-1/fonts/font/NeueHaasUnica-Light.woff new file mode 100644 index 000000000..c000dafd5 Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-Light.woff differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-Light.woff2 b/exercises/exercise-1/fonts/font/NeueHaasUnica-Light.woff2 new file mode 100644 index 000000000..6296c81f9 Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-Light.woff2 differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-LightItalic.eot b/exercises/exercise-1/fonts/font/NeueHaasUnica-LightItalic.eot new file mode 100644 index 000000000..81b1be8eb Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-LightItalic.eot differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-LightItalic.ttf b/exercises/exercise-1/fonts/font/NeueHaasUnica-LightItalic.ttf new file mode 100644 index 000000000..98274bfcf Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-LightItalic.ttf differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-LightItalic.woff b/exercises/exercise-1/fonts/font/NeueHaasUnica-LightItalic.woff new file mode 100644 index 000000000..afaeee518 Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-LightItalic.woff differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-LightItalic.woff2 b/exercises/exercise-1/fonts/font/NeueHaasUnica-LightItalic.woff2 new file mode 100644 index 000000000..ca0b01098 Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-LightItalic.woff2 differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-Medium.eot b/exercises/exercise-1/fonts/font/NeueHaasUnica-Medium.eot new file mode 100644 index 000000000..8b3b544f1 Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-Medium.eot differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-Medium.ttf b/exercises/exercise-1/fonts/font/NeueHaasUnica-Medium.ttf new file mode 100644 index 000000000..4b822b712 Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-Medium.ttf differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-Medium.woff b/exercises/exercise-1/fonts/font/NeueHaasUnica-Medium.woff new file mode 100644 index 000000000..222e5a89d Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-Medium.woff differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-Medium.woff2 b/exercises/exercise-1/fonts/font/NeueHaasUnica-Medium.woff2 new file mode 100644 index 000000000..fa153370f Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-Medium.woff2 differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-MediumItalic.eot b/exercises/exercise-1/fonts/font/NeueHaasUnica-MediumItalic.eot new file mode 100644 index 000000000..b273c2b0f Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-MediumItalic.eot differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-MediumItalic.ttf b/exercises/exercise-1/fonts/font/NeueHaasUnica-MediumItalic.ttf new file mode 100644 index 000000000..5968bfc96 Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-MediumItalic.ttf differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-MediumItalic.woff b/exercises/exercise-1/fonts/font/NeueHaasUnica-MediumItalic.woff new file mode 100644 index 000000000..13767fba2 Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-MediumItalic.woff differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-MediumItalic.woff2 b/exercises/exercise-1/fonts/font/NeueHaasUnica-MediumItalic.woff2 new file mode 100644 index 000000000..4cfafd477 Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-MediumItalic.woff2 differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-Regular.eot b/exercises/exercise-1/fonts/font/NeueHaasUnica-Regular.eot new file mode 100644 index 000000000..8a3e03ac2 Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-Regular.eot differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-Regular.ttf b/exercises/exercise-1/fonts/font/NeueHaasUnica-Regular.ttf new file mode 100644 index 000000000..207328685 Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-Regular.ttf differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-Regular.woff b/exercises/exercise-1/fonts/font/NeueHaasUnica-Regular.woff new file mode 100644 index 000000000..8e76c6c01 Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-Regular.woff differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-Regular.woff2 b/exercises/exercise-1/fonts/font/NeueHaasUnica-Regular.woff2 new file mode 100644 index 000000000..5b6772cd0 Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-Regular.woff2 differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-Thin.eot b/exercises/exercise-1/fonts/font/NeueHaasUnica-Thin.eot new file mode 100644 index 000000000..2cc7639f6 Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-Thin.eot differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-Thin.ttf b/exercises/exercise-1/fonts/font/NeueHaasUnica-Thin.ttf new file mode 100644 index 000000000..c3056d0a6 Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-Thin.ttf differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-Thin.woff b/exercises/exercise-1/fonts/font/NeueHaasUnica-Thin.woff new file mode 100644 index 000000000..f843a0d38 Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-Thin.woff differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-Thin.woff2 b/exercises/exercise-1/fonts/font/NeueHaasUnica-Thin.woff2 new file mode 100644 index 000000000..bf1a77fa1 Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-Thin.woff2 differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-ThinItalic.eot b/exercises/exercise-1/fonts/font/NeueHaasUnica-ThinItalic.eot new file mode 100644 index 000000000..042c0aefb Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-ThinItalic.eot differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-ThinItalic.ttf b/exercises/exercise-1/fonts/font/NeueHaasUnica-ThinItalic.ttf new file mode 100644 index 000000000..a24e41d86 Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-ThinItalic.ttf differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-ThinItalic.woff b/exercises/exercise-1/fonts/font/NeueHaasUnica-ThinItalic.woff new file mode 100644 index 000000000..f146f276c Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-ThinItalic.woff differ diff --git a/exercises/exercise-1/fonts/font/NeueHaasUnica-ThinItalic.woff2 b/exercises/exercise-1/fonts/font/NeueHaasUnica-ThinItalic.woff2 new file mode 100644 index 000000000..1e70ba953 Binary files /dev/null and b/exercises/exercise-1/fonts/font/NeueHaasUnica-ThinItalic.woff2 differ diff --git a/exercises/exercise-1/fonts/font/demo.html b/exercises/exercise-1/fonts/font/demo.html new file mode 100644 index 000000000..735dd2c69 --- /dev/null +++ b/exercises/exercise-1/fonts/font/demo.html @@ -0,0 +1,649 @@ + + + + + + + + + Transfonter demo + + + + +
+
+

Neue Haas Unica Black

+
.your-style {
+    font-family: 'Neue Haas Unica';
+    font-weight: 900;
+    font-style: normal;
+}
+
+

+ abcdefghijklmnopqrstuvwxyz
+ABCDEFGHIJKLMNOPQRSTUVWXYZ
+ 0123456789.:,;()*!?'@#<>$%&^+-=~ +

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+
+
+
+

Neue Haas Unica Medium

+
.your-style {
+    font-family: 'Neue Haas Unica';
+    font-weight: 500;
+    font-style: normal;
+}
+
+

+ abcdefghijklmnopqrstuvwxyz
+ABCDEFGHIJKLMNOPQRSTUVWXYZ
+ 0123456789.:,;()*!?'@#<>$%&^+-=~ +

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+
+
+
+

Neue Haas Unica Bold Italic

+
.your-style {
+    font-family: 'Neue Haas Unica';
+    font-weight: bold;
+    font-style: italic;
+}
+
+

+ abcdefghijklmnopqrstuvwxyz
+ABCDEFGHIJKLMNOPQRSTUVWXYZ
+ 0123456789.:,;()*!?'@#<>$%&^+-=~ +

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+
+
+
+

Neue Haas Unica ExtBlk Ita

+
.your-style {
+    font-family: 'Neue Haas Unica';
+    font-weight: normal;
+    font-style: italic;
+}
+
+

+ abcdefghijklmnopqrstuvwxyz
+ABCDEFGHIJKLMNOPQRSTUVWXYZ
+ 0123456789.:,;()*!?'@#<>$%&^+-=~ +

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+
+
+
+

Neue Haas Unica Extra Bold

+
.your-style {
+    font-family: 'Neue Haas Unica';
+    font-weight: 800;
+    font-style: normal;
+}
+
+

+ abcdefghijklmnopqrstuvwxyz
+ABCDEFGHIJKLMNOPQRSTUVWXYZ
+ 0123456789.:,;()*!?'@#<>$%&^+-=~ +

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+
+
+
+

Neue Haas Unica Medium Italic

+
.your-style {
+    font-family: 'Neue Haas Unica';
+    font-weight: 500;
+    font-style: italic;
+}
+
+

+ abcdefghijklmnopqrstuvwxyz
+ABCDEFGHIJKLMNOPQRSTUVWXYZ
+ 0123456789.:,;()*!?'@#<>$%&^+-=~ +

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+
+
+
+

Neue Haas Unica ExtBd Ita

+
.your-style {
+    font-family: 'Neue Haas Unica';
+    font-weight: 800;
+    font-style: italic;
+}
+
+

+ abcdefghijklmnopqrstuvwxyz
+ABCDEFGHIJKLMNOPQRSTUVWXYZ
+ 0123456789.:,;()*!?'@#<>$%&^+-=~ +

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+
+
+
+

Neue Haas Unica Italic

+
.your-style {
+    font-family: 'Neue Haas Unica';
+    font-weight: normal;
+    font-style: italic;
+}
+
+

+ abcdefghijklmnopqrstuvwxyz
+ABCDEFGHIJKLMNOPQRSTUVWXYZ
+ 0123456789.:,;()*!?'@#<>$%&^+-=~ +

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+
+
+
+

Neue Haas Unica Light

+
.your-style {
+    font-family: 'Neue Haas Unica';
+    font-weight: 300;
+    font-style: normal;
+}
+
+

+ abcdefghijklmnopqrstuvwxyz
+ABCDEFGHIJKLMNOPQRSTUVWXYZ
+ 0123456789.:,;()*!?'@#<>$%&^+-=~ +

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+
+
+
+

Neue Haas Unica ExtLt Ita

+
.your-style {
+    font-family: 'Neue Haas Unica';
+    font-weight: normal;
+    font-style: italic;
+}
+
+

+ abcdefghijklmnopqrstuvwxyz
+ABCDEFGHIJKLMNOPQRSTUVWXYZ
+ 0123456789.:,;()*!?'@#<>$%&^+-=~ +

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+
+
+
+

Neue Haas Unica Bold

+
.your-style {
+    font-family: 'Neue Haas Unica';
+    font-weight: bold;
+    font-style: normal;
+}
+
+

+ abcdefghijklmnopqrstuvwxyz
+ABCDEFGHIJKLMNOPQRSTUVWXYZ
+ 0123456789.:,;()*!?'@#<>$%&^+-=~ +

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+
+
+
+

Neue Haas Unica Thin Italic

+
.your-style {
+    font-family: 'Neue Haas Unica';
+    font-weight: 100;
+    font-style: italic;
+}
+
+

+ abcdefghijklmnopqrstuvwxyz
+ABCDEFGHIJKLMNOPQRSTUVWXYZ
+ 0123456789.:,;()*!?'@#<>$%&^+-=~ +

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+
+
+
+

Neue Haas Unica Light Italic

+
.your-style {
+    font-family: 'Neue Haas Unica';
+    font-weight: 300;
+    font-style: italic;
+}
+
+

+ abcdefghijklmnopqrstuvwxyz
+ABCDEFGHIJKLMNOPQRSTUVWXYZ
+ 0123456789.:,;()*!?'@#<>$%&^+-=~ +

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+
+
+
+

Neue Haas Unica Extra Light

+
.your-style {
+    font-family: 'Neue Haas Unica';
+    font-weight: 200;
+    font-style: normal;
+}
+
+

+ abcdefghijklmnopqrstuvwxyz
+ABCDEFGHIJKLMNOPQRSTUVWXYZ
+ 0123456789.:,;()*!?'@#<>$%&^+-=~ +

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+
+
+
+

Neue Haas Unica Regular

+
.your-style {
+    font-family: 'Neue Haas Unica';
+    font-weight: normal;
+    font-style: normal;
+}
+
+

+ abcdefghijklmnopqrstuvwxyz
+ABCDEFGHIJKLMNOPQRSTUVWXYZ
+ 0123456789.:,;()*!?'@#<>$%&^+-=~ +

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+
+
+
+

Neue Haas Unica Extra Black

+
.your-style {
+    font-family: 'Neue Haas Unica';
+    font-weight: 900;
+    font-style: normal;
+}
+
+

+ abcdefghijklmnopqrstuvwxyz
+ABCDEFGHIJKLMNOPQRSTUVWXYZ
+ 0123456789.:,;()*!?'@#<>$%&^+-=~ +

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+
+
+
+

Neue Haas Unica Bold Italic

+
.your-style {
+    font-family: 'Neue Haas Unica';
+    font-weight: bold;
+    font-style: italic;
+}
+
+

+ abcdefghijklmnopqrstuvwxyz
+ABCDEFGHIJKLMNOPQRSTUVWXYZ
+ 0123456789.:,;()*!?'@#<>$%&^+-=~ +

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+
+
+
+

Neue Haas Unica Thin

+
.your-style {
+    font-family: 'Neue Haas Unica';
+    font-weight: 100;
+    font-style: normal;
+}
+
+

+ abcdefghijklmnopqrstuvwxyz
+ABCDEFGHIJKLMNOPQRSTUVWXYZ
+ 0123456789.:,;()*!?'@#<>$%&^+-=~ +

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+
+
+
+ + \ No newline at end of file diff --git a/exercises/exercise-1/fonts/font/stylesheet.css b/exercises/exercise-1/fonts/font/stylesheet.css new file mode 100644 index 000000000..0d8494291 --- /dev/null +++ b/exercises/exercise-1/fonts/font/stylesheet.css @@ -0,0 +1,216 @@ +@font-face { + font-family: 'Neue Haas Unica'; + src: url('NeueHaasUnica-Black.eot'); + src: local('Neue Haas Unica Black'), local('NeueHaasUnica-Black'), + url('NeueHaasUnica-Black.eot?#iefix') format('embedded-opentype'), + url('NeueHaasUnica-Black.woff2') format('woff2'), + url('NeueHaasUnica-Black.woff') format('woff'), + url('NeueHaasUnica-Black.ttf') format('truetype'); + font-weight: 900; + font-style: normal; +} + +@font-face { + font-family: 'Neue Haas Unica'; + src: url('NeueHaasUnica-Medium.eot'); + src: local('Neue Haas Unica Medium'), local('NeueHaasUnica-Medium'), + url('NeueHaasUnica-Medium.eot?#iefix') format('embedded-opentype'), + url('NeueHaasUnica-Medium.woff2') format('woff2'), + url('NeueHaasUnica-Medium.woff') format('woff'), + url('NeueHaasUnica-Medium.ttf') format('truetype'); + font-weight: 500; + font-style: normal; +} + +@font-face { + font-family: 'Neue Haas Unica'; + src: url('NeueHaasUnica-BoldItalic.eot'); + src: local('Neue Haas Unica Bold Italic'), local('NeueHaasUnica-BoldItalic'), + url('NeueHaasUnica-BoldItalic.eot?#iefix') format('embedded-opentype'), + url('NeueHaasUnica-BoldItalic.woff2') format('woff2'), + url('NeueHaasUnica-BoldItalic.woff') format('woff'), + url('NeueHaasUnica-BoldItalic.ttf') format('truetype'); + font-weight: bold; + font-style: italic; +} + +@font-face { + font-family: 'Neue Haas Unica'; + src: url('NeueHaasUnica-ExtBlkIta.eot'); + src: local('Neue Haas Unica ExtBlk Ita'), local('NeueHaasUnica-ExtBlkIta'), + url('NeueHaasUnica-ExtBlkIta.eot?#iefix') format('embedded-opentype'), + url('NeueHaasUnica-ExtBlkIta.woff2') format('woff2'), + url('NeueHaasUnica-ExtBlkIta.woff') format('woff'), + url('NeueHaasUnica-ExtBlkIta.ttf') format('truetype'); + font-weight: normal; + font-style: italic; +} + +@font-face { + font-family: 'Neue Haas Unica'; + src: url('NeueHaasUnica-ExtraBold.eot'); + src: local('Neue Haas Unica Extra Bold'), local('NeueHaasUnica-ExtraBold'), + url('NeueHaasUnica-ExtraBold.eot?#iefix') format('embedded-opentype'), + url('NeueHaasUnica-ExtraBold.woff2') format('woff2'), + url('NeueHaasUnica-ExtraBold.woff') format('woff'), + url('NeueHaasUnica-ExtraBold.ttf') format('truetype'); + font-weight: 800; + font-style: normal; +} + +@font-face { + font-family: 'Neue Haas Unica'; + src: url('NeueHaasUnica-MediumItalic.eot'); + src: local('Neue Haas Unica Medium Italic'), local('NeueHaasUnica-MediumItalic'), + url('NeueHaasUnica-MediumItalic.eot?#iefix') format('embedded-opentype'), + url('NeueHaasUnica-MediumItalic.woff2') format('woff2'), + url('NeueHaasUnica-MediumItalic.woff') format('woff'), + url('NeueHaasUnica-MediumItalic.ttf') format('truetype'); + font-weight: 500; + font-style: italic; +} + +@font-face { + font-family: 'Neue Haas Unica'; + src: url('NeueHaasUnica-ExtraBoldItalic.eot'); + src: local('Neue Haas Unica ExtBd Ita'), local('NeueHaasUnica-ExtraBoldItalic'), + url('NeueHaasUnica-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'), + url('NeueHaasUnica-ExtraBoldItalic.woff2') format('woff2'), + url('NeueHaasUnica-ExtraBoldItalic.woff') format('woff'), + url('NeueHaasUnica-ExtraBoldItalic.ttf') format('truetype'); + font-weight: 800; + font-style: italic; +} + +@font-face { + font-family: 'Neue Haas Unica'; + src: url('NeueHaasUnica-Italic.eot'); + src: local('Neue Haas Unica Italic'), local('NeueHaasUnica-Italic'), + url('NeueHaasUnica-Italic.eot?#iefix') format('embedded-opentype'), + url('NeueHaasUnica-Italic.woff2') format('woff2'), + url('NeueHaasUnica-Italic.woff') format('woff'), + url('NeueHaasUnica-Italic.ttf') format('truetype'); + font-weight: normal; + font-style: italic; +} + +@font-face { + font-family: 'Neue Haas Unica'; + src: url('NeueHaasUnica-Light.eot'); + src: local('Neue Haas Unica Light'), local('NeueHaasUnica-Light'), + url('NeueHaasUnica-Light.eot?#iefix') format('embedded-opentype'), + url('NeueHaasUnica-Light.woff2') format('woff2'), + url('NeueHaasUnica-Light.woff') format('woff'), + url('NeueHaasUnica-Light.ttf') format('truetype'); + font-weight: 300; + font-style: normal; +} + +@font-face { + font-family: 'Neue Haas Unica'; + src: url('NeueHaasUnica-ExtLtIta.eot'); + src: local('Neue Haas Unica ExtLt Ita'), local('NeueHaasUnica-ExtLtIta'), + url('NeueHaasUnica-ExtLtIta.eot?#iefix') format('embedded-opentype'), + url('NeueHaasUnica-ExtLtIta.woff2') format('woff2'), + url('NeueHaasUnica-ExtLtIta.woff') format('woff'), + url('NeueHaasUnica-ExtLtIta.ttf') format('truetype'); + font-weight: normal; + font-style: italic; +} + +@font-face { + font-family: 'Neue Haas Unica'; + src: url('NeueHaasUnica-Bold.eot'); + src: local('Neue Haas Unica Bold'), local('NeueHaasUnica-Bold'), + url('NeueHaasUnica-Bold.eot?#iefix') format('embedded-opentype'), + url('NeueHaasUnica-Bold.woff2') format('woff2'), + url('NeueHaasUnica-Bold.woff') format('woff'), + url('NeueHaasUnica-Bold.ttf') format('truetype'); + font-weight: bold; + font-style: normal; +} + +@font-face { + font-family: 'Neue Haas Unica'; + src: url('NeueHaasUnica-ThinItalic.eot'); + src: local('Neue Haas Unica Thin Italic'), local('NeueHaasUnica-ThinItalic'), + url('NeueHaasUnica-ThinItalic.eot?#iefix') format('embedded-opentype'), + url('NeueHaasUnica-ThinItalic.woff2') format('woff2'), + url('NeueHaasUnica-ThinItalic.woff') format('woff'), + url('NeueHaasUnica-ThinItalic.ttf') format('truetype'); + font-weight: 100; + font-style: italic; +} + +@font-face { + font-family: 'Neue Haas Unica'; + src: url('NeueHaasUnica-LightItalic.eot'); + src: local('Neue Haas Unica Light Italic'), local('NeueHaasUnica-LightItalic'), + url('NeueHaasUnica-LightItalic.eot?#iefix') format('embedded-opentype'), + url('NeueHaasUnica-LightItalic.woff2') format('woff2'), + url('NeueHaasUnica-LightItalic.woff') format('woff'), + url('NeueHaasUnica-LightItalic.ttf') format('truetype'); + font-weight: 300; + font-style: italic; +} + +@font-face { + font-family: 'Neue Haas Unica'; + src: url('NeueHaasUnica-ExtraLight.eot'); + src: local('Neue Haas Unica Extra Light'), local('NeueHaasUnica-ExtraLight'), + url('NeueHaasUnica-ExtraLight.eot?#iefix') format('embedded-opentype'), + url('NeueHaasUnica-ExtraLight.woff2') format('woff2'), + url('NeueHaasUnica-ExtraLight.woff') format('woff'), + url('NeueHaasUnica-ExtraLight.ttf') format('truetype'); + font-weight: 200; + font-style: normal; +} + +@font-face { + font-family: 'Neue Haas Unica'; + src: url('NeueHaasUnica-Regular.eot'); + src: local('Neue Haas Unica Regular'), local('NeueHaasUnica-Regular'), + url('NeueHaasUnica-Regular.eot?#iefix') format('embedded-opentype'), + url('NeueHaasUnica-Regular.woff2') format('woff2'), + url('NeueHaasUnica-Regular.woff') format('woff'), + url('NeueHaasUnica-Regular.ttf') format('truetype'); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'Neue Haas Unica'; + src: url('NeueHaasUnica-ExtraBlack.eot'); + src: local('Neue Haas Unica Extra Black'), local('NeueHaasUnica-ExtraBlack'), + url('NeueHaasUnica-ExtraBlack.eot?#iefix') format('embedded-opentype'), + url('NeueHaasUnica-ExtraBlack.woff2') format('woff2'), + url('NeueHaasUnica-ExtraBlack.woff') format('woff'), + url('NeueHaasUnica-ExtraBlack.ttf') format('truetype'); + font-weight: 900; + font-style: normal; +} + +@font-face { + font-family: 'Neue Haas Unica'; + src: url('NeueHaasUnica-BoldItalic_1.eot'); + src: local('Neue Haas Unica Bold Italic'), local('NeueHaasUnica-BoldItalic'), + url('NeueHaasUnica-BoldItalic_1.eot?#iefix') format('embedded-opentype'), + url('NeueHaasUnica-BoldItalic_1.woff2') format('woff2'), + url('NeueHaasUnica-BoldItalic_1.woff') format('woff'), + url('NeueHaasUnica-BoldItalic_1.ttf') format('truetype'); + font-weight: bold; + font-style: italic; +} + +@font-face { + font-family: 'Neue Haas Unica'; + src: url('NeueHaasUnica-Thin.eot'); + src: local('Neue Haas Unica Thin'), local('NeueHaasUnica-Thin'), + url('NeueHaasUnica-Thin.eot?#iefix') format('embedded-opentype'), + url('NeueHaasUnica-Thin.woff2') format('woff2'), + url('NeueHaasUnica-Thin.woff') format('woff'), + url('NeueHaasUnica-Thin.ttf') format('truetype'); + font-weight: 100; + font-style: normal; +} + diff --git a/exercises/exercise-1/images/1920x650.png b/exercises/exercise-1/images/1920x650.png new file mode 100644 index 000000000..9aef7a7e0 Binary files /dev/null and b/exercises/exercise-1/images/1920x650.png differ diff --git a/exercises/exercise-1/images/400x300.png b/exercises/exercise-1/images/400x300.png new file mode 100644 index 000000000..19bb380c8 Binary files /dev/null and b/exercises/exercise-1/images/400x300.png differ diff --git a/exercises/exercise-1/index.html b/exercises/exercise-1/index.html new file mode 100644 index 000000000..b74135445 --- /dev/null +++ b/exercises/exercise-1/index.html @@ -0,0 +1,73 @@ + + + + + + + + Exercise 1 + + + +
+
+
+
+
+
+
+
+ +
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

+
+
+ READ MORE +
+
+
+
+
+
+ +
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+
+
+ READ MORE +
+
+
+
+
+
+ +
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.

+
+
+ READ MORE +
+
+
+
+
+
+
+
+ + \ No newline at end of file diff --git a/exercises/exercise-1/style.css b/exercises/exercise-1/style.css new file mode 100644 index 000000000..2dfdcc82d --- /dev/null +++ b/exercises/exercise-1/style.css @@ -0,0 +1,85 @@ +body { + margin: 0; +} + +body .banner-section { + background-position: center; + background-size: cover; + background-repeat: no-repeat; + background-image: url("./images/1920x650.png"); + padding: 160px; +} + +body .banner-section .content-wrapper { + text-align: center; +} + +body .banner-section .content-wrapper h1, body .banner-section .content-wrapper h3 { + color: #FFF; +} + +body .banner-section .content-wrapper h1 { + font-size: 50px; +} + +body .banner-section .content-wrapper h3 { + font-size: 22px; +} + +body .card-section { + padding: 60px 0; +} + +body .card-section .card-wrapper { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + width: 100%; + max-width: 1056px; + margin: 0 auto; +} + +body .card-section .card-wrapper .card { + width: 100%; + max-width: 327px; + padding: 20px; + border-radius: 10px; + border: 1px solid #ebebeb; + text-align: center; +} + +body .card-section .card-wrapper .card .card-content { + width: 100%; + max-width: 285px; + margin: 0 auto; +} + +body .card-section .card-wrapper .card .card-content .image { + background-position: center; + background-size: cover; + background-repeat: no-repeat; + background-image: url("./images/400x300.png"); + border-radius: 5px; + padding: 107px 0; +} + +body .card-section .card-wrapper .card .card-content .button a { + text-decoration: none; + color: #333333; + border: 3px solid #333333; + border-radius: 25px; + padding: 15px; + font-size: 10px; + text-transform: uppercase; + font-weight: bold; +} +/*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/exercises/exercise-1/style.css.map b/exercises/exercise-1/style.css.map new file mode 100644 index 000000000..c87d277b1 --- /dev/null +++ b/exercises/exercise-1/style.css.map @@ -0,0 +1,9 @@ +{ + "version": 3, + "mappings": "AAAA,AAAA,IAAI,CAAC;EACD,MAAM,EAAE,CAAC;CAiEZ;;AAlED,AAEI,IAFA,CAEA,eAAe,CAAC;EACZ,mBAAmB,EAAE,MAAM;EAC3B,eAAe,EAAE,KAAK;EACtB,iBAAiB,EAAE,SAAS;EAC5B,gBAAgB,EAAE,4BAA4B;EAC9C,OAAO,EAAE,KAAK;CAajB;;AApBL,AAQQ,IARJ,CAEA,eAAe,CAMX,gBAAgB,CAAC;EACb,UAAU,EAAE,MAAM;CAUrB;;AAnBT,AAUY,IAVR,CAEA,eAAe,CAMX,gBAAgB,CAEZ,EAAE,EAVd,IAAI,CAEA,eAAe,CAMX,gBAAgB,CAET,EAAE,CAAC;EACF,KAAK,EAAE,IAAI;CACd;;AAZb,AAaY,IAbR,CAEA,eAAe,CAMX,gBAAgB,CAKZ,EAAE,CAAC;EACC,SAAS,EAAE,IAAI;CAClB;;AAfb,AAgBY,IAhBR,CAEA,eAAe,CAMX,gBAAgB,CAQZ,EAAE,CAAC;EACC,SAAS,EAAE,IAAI;CAClB;;AAlBb,AAqBI,IArBA,CAqBA,aAAa,CAAC;EACV,OAAO,EAAE,MAAM;CA2ClB;;AAjEL,AAuBQ,IAvBJ,CAqBA,aAAa,CAET,aAAa,CAAC;EACV,OAAO,EAAE,IAAI;EACb,cAAc,EAAE,GAAG;EACnB,SAAS,EAAE,MAAM;EACjB,eAAe,EAAE,aAAa;EAC9B,KAAK,EAAE,IAAI;EACX,SAAS,EAAE,MAAM;EACjB,MAAM,EAAE,MAAM;CAkCjB;;AAhET,AA+BY,IA/BR,CAqBA,aAAa,CAET,aAAa,CAQT,KAAK,CAAC;EACF,KAAK,EAAE,IAAI;EACX,SAAS,EAAE,KAAK;EAChB,OAAO,EAAE,IAAI;EACb,aAAa,EAAE,IAAI;EACnB,MAAM,EAAE,iBAAiB;EACzB,UAAU,EAAE,MAAM;CA0BrB;;AA/Db,AAsCgB,IAtCZ,CAqBA,aAAa,CAET,aAAa,CAQT,KAAK,CAOD,aAAa,CAAC;EACV,KAAK,EAAE,IAAI;EACX,SAAS,EAAE,KAAK;EAChB,MAAM,EAAE,MAAM;CAqBjB;;AA9DjB,AA0CoB,IA1ChB,CAqBA,aAAa,CAET,aAAa,CAQT,KAAK,CAOD,aAAa,CAIT,MAAM,CAAC;EACH,mBAAmB,EAAE,MAAM;EAC3B,eAAe,EAAE,KAAK;EACtB,iBAAiB,EAAE,SAAS;EAC5B,gBAAgB,EAAE,2BAA2B;EAC7C,aAAa,EAAE,GAAG;EAClB,OAAO,EAAE,OAAO;CACnB;;AAjDrB,AAmDwB,IAnDpB,CAqBA,aAAa,CAET,aAAa,CAQT,KAAK,CAOD,aAAa,CAYT,OAAO,CACH,CAAC,CAAC;EACE,eAAe,EAAE,IAAI;EACrB,KAAK,EAAE,OAAO;EACd,MAAM,EAAE,iBAAiB;EACzB,aAAa,EAAE,IAAI;EACnB,OAAO,EAAE,IAAI;EACb,SAAS,EAAE,IAAI;EACf,cAAc,EAAE,SAAS;EACzB,WAAW,EAAE,IAAI;CACpB", + "sources": [ + "style.scss" + ], + "names": [], + "file": "style.css" +} \ No newline at end of file diff --git a/exercises/exercise-1/style.scss b/exercises/exercise-1/style.scss new file mode 100644 index 000000000..9a037e1e5 --- /dev/null +++ b/exercises/exercise-1/style.scss @@ -0,0 +1,68 @@ +body { + margin: 0; + .banner-section { + background-position: center; + background-size: cover; + background-repeat: no-repeat; + background-image: url("./images/1920x650.png"); + padding: 160px; + .content-wrapper { + text-align: center; + h1,h3 { + color: #FFF; + } + h1 { + font-size: 50px; + } + h3 { + font-size: 22px; + } + } + } + .card-section { + padding: 60px 0; + .card-wrapper { + display: flex; + flex-direction: row; + flex-wrap: nowrap; + justify-content: space-between; + width: 100%; + max-width: 1056px; + margin: 0 auto; + .card { + width: 100%; + max-width: 327px; + padding: 20px; + border-radius: 10px; + border: 1px solid #ebebeb; + text-align: center; + .card-content { + width: 100%; + max-width: 285px; + margin: 0 auto; + .image { + background-position: center; + background-size: cover; + background-repeat: no-repeat; + background-image: url("./images/400x300.png"); + border-radius: 5px; + padding: 107px 0; + } + .button { + a { + text-decoration: none; + color: #333333; + border: 3px solid #333333; + border-radius: 25px; + padding: 15px; + font-size: 10px; + text-transform: uppercase; + font-weight: bold; + } + } + } + } + } + } +} + diff --git a/readme.md b/readme.md index 6dd3ffb7c..b8cbf4056 100644 --- a/readme.md +++ b/readme.md @@ -37,4 +37,5 @@ Read the `data.json` file and display the data as tabs on desktop and an accordi Submission --- -We recommend submitting your completed assessment as a forked repository. Please replace README content with instructions and relevant documentation. +We recommend submitting your completed assessment as a forked repository. Please replace README content with instructions and relevant documentation. Test Again. +Test