├── .eslintrc.json
├── .gitignore
├── .npmrc
├── .prettierignore
├── .prettierrc
├── .vscode
    └── settings.json
├── LICENSE
├── README.md
├── gatsby-config.js
├── package-lock.json
├── package.json
├── postcss.config.js
├── src
    ├── components
    │   ├── AppsHero.js
    │   ├── Bundle.js
    │   ├── CourseOverview
    │   │   ├── CourseOverview.css
    │   │   ├── CourseOverview.js
    │   │   └── CourseStats.js
    │   ├── Courses
    │   │   ├── Course.js
    │   │   └── Courses.js
    │   ├── FAQ
    │   │   ├── FAQ.css
    │   │   └── FAQ.js
    │   ├── FloatingButton.js
    │   ├── FooterNewsletter.js
    │   ├── GoHomeButton.js
    │   ├── HomeHero.js
    │   ├── LessonList
    │   │   ├── LessonList.css
    │   │   └── LessonList.js
    │   ├── LoginButton.js
    │   ├── MainHero
    │   │   ├── MainHero.css
    │   │   └── MainHero.js
    │   ├── Pricing
    │   │   ├── Pricing.css
    │   │   └── Pricing.js
    │   ├── Stripes.js
    │   ├── Walkthrough
    │   │   ├── Walkthrough.css
    │   │   └── Walkthrough.js
    │   ├── WhatWellBuild
    │   │   ├── WhatWellBuild.css
    │   │   └── WhatWellBuild.js
    │   ├── WhatYoullLearn
    │   │   └── WhatYoullLearn.js
    │   ├── WhoAmI
    │   │   ├── WhoAmI.css
    │   │   └── WhoAmI.js
    │   ├── fontawesome.js
    │   ├── footer.js
    │   ├── header.js
    │   ├── image.js
    │   ├── layout.css
    │   ├── layout.js
    │   ├── newsletter.js
    │   ├── seo.js
    │   └── usePodia.js
    ├── html.js
    ├── images
    │   ├── chris.png
    │   ├── dab.png
    │   ├── favicon.png
    │   ├── kapehe.png
    │   └── logo.svg
    └── pages
    │   ├── 10-react-apps-series-b.js
    │   ├── 404.js
    │   ├── courses.js
    │   ├── free-app.js
    │   ├── index.js
    │   └── thank-you.js
├── tailwind.config.js
└── yarn.lock


/.eslintrc.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "env": {
 3 |     "browser": true,
 4 |     "es6": true
 5 |   },
 6 |   "extends": ["eslint:recommended", "plugin:react/recommended"],
 7 |   "globals": {
 8 |     "Atomics": "readonly",
 9 |     "SharedArrayBuffer": "readonly"
10 |   },
11 |   "parserOptions": {
12 |     "ecmaFeatures": {
13 |       "jsx": true
14 |     },
15 |     "ecmaVersion": 2018,
16 |     "sourceType": "module"
17 |   },
18 |   "plugins": ["react"],
19 |   "rules": {
20 |     "react/prop-types": 0
21 |   }
22 | }
23 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | # Logs
 2 | logs
 3 | *.log
 4 | npm-debug.log*
 5 | yarn-debug.log*
 6 | yarn-error.log*
 7 | 
 8 | # Runtime data
 9 | pids
10 | *.pid
11 | *.seed
12 | *.pid.lock
13 | 
14 | # Directory for instrumented libs generated by jscoverage/JSCover
15 | lib-cov
16 | 
17 | # Coverage directory used by tools like istanbul
18 | coverage
19 | 
20 | # nyc test coverage
21 | .nyc_output
22 | 
23 | # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
24 | .grunt
25 | 
26 | # Bower dependency directory (https://bower.io/)
27 | bower_components
28 | 
29 | # node-waf configuration
30 | .lock-wscript
31 | 
32 | # Compiled binary addons (http://nodejs.org/api/addons.html)
33 | build/Release
34 | 
35 | # Dependency directories
36 | node_modules/
37 | jspm_packages/
38 | 
39 | # Typescript v1 declaration files
40 | typings/
41 | 
42 | # Optional npm cache directory
43 | .npm
44 | 
45 | # Optional eslint cache
46 | .eslintcache
47 | 
48 | # Optional REPL history
49 | .node_repl_history
50 | 
51 | # Output of 'npm pack'
52 | *.tgz
53 | 
54 | # dotenv environment variable files
55 | .env*
56 | 
57 | # gatsby files
58 | .cache/
59 | public
60 | 
61 | # Mac files
62 | .DS_Store
63 | 
64 | # Yarn
65 | yarn-error.log
66 | .pnp/
67 | .pnp.js
68 | # Yarn Integrity file
69 | .yarn-integrity
70 | 


--------------------------------------------------------------------------------
/.npmrc:
--------------------------------------------------------------------------------
1 | @fortawesome:registry=https://npm.fontawesome.com/
2 | //npm.fontawesome.com/:_authToken=383C04AE-9218-402C-AC1E-BB51F981DF75


--------------------------------------------------------------------------------
/.prettierignore:
--------------------------------------------------------------------------------
1 | .cache
2 | package.json
3 | package-lock.json
4 | public
5 | 


--------------------------------------------------------------------------------
/.prettierrc:
--------------------------------------------------------------------------------
1 | {
2 |   "endOfLine": "lf",
3 |   "semi": false,
4 |   "singleQuote": true,
5 |   "tabWidth": 2,
6 |   "trailingComma": "es5"
7 | }
8 | 


--------------------------------------------------------------------------------
/.vscode/settings.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "workbench.colorCustomizations": {
 3 |     "activityBar.background": "#7f40bf",
 4 |     "activityBar.activeBackground": "#7f40bf",
 5 |     "activityBar.activeBorder": "#c78f58",
 6 |     "activityBar.foreground": "#e7e7e7",
 7 |     "activityBar.inactiveForeground": "#e7e7e799",
 8 |     "activityBarBadge.background": "#c78f58",
 9 |     "activityBarBadge.foreground": "#15202b",
10 |     "titleBar.activeBackground": "#663399",
11 |     "titleBar.inactiveBackground": "#66339999",
12 |     "titleBar.activeForeground": "#e7e7e7",
13 |     "titleBar.inactiveForeground": "#e7e7e799",
14 |     "statusBar.background": "#663399",
15 |     "statusBarItem.hoverBackground": "#7f40bf",
16 |     "statusBar.foreground": "#e7e7e7"
17 |   },
18 |   "peacock.color": "#639"
19 | }


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | The MIT License (MIT)
 2 | 
 3 | Copyright (c) 2015 gatsbyjs
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 
23 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Make 20 React Apps Site
 2 | 
 3 | This is the code for the sales site for [MakeReactApps.com](https://MakeReactApps.com).
 4 | 
 5 | Making this a public repo so you can take a look at how I made the site. It uses:
 6 | 
 7 | 💪 Generated by [Gatsby](https://www.gatsbyjs.org/)
 8 | ⭐️ Styled with [Tailwind](https://tailwindcss.com/)
 9 | 🤓 Hosted on [Netlify](https://www.netlify.com/)
10 | 
11 | Love this stack. Most everything is default Tailwind classes with a few custom things going on.
12 | 
13 | ![](https://i.imgur.com/jowksyq.png)
14 | 


--------------------------------------------------------------------------------
/gatsby-config.js:
--------------------------------------------------------------------------------
 1 | module.exports = {
 2 |   siteMetadata: {
 3 |     title: ``,
 4 |     description: `Build real things to learn React. Practice makes a better dev!`,
 5 |     author: `@chris__sev`,
 6 |   },
 7 |   plugins: [
 8 |     `gatsby-plugin-postcss`,
 9 |     `gatsby-plugin-styled-components`,
10 |     `gatsby-plugin-react-helmet`,
11 |     {
12 |       resolve: 'gatsby-plugin-anchor-links',
13 |       options: {
14 |         offset: 50,
15 |       },
16 |     },
17 |     {
18 |       resolve: `gatsby-source-filesystem`,
19 |       options: {
20 |         name: `images`,
21 |         path: `${__dirname}/src/images`,
22 |       },
23 |     },
24 |     `gatsby-transformer-sharp`,
25 |     `gatsby-plugin-sharp`,
26 |     {
27 |       resolve: `gatsby-plugin-manifest`,
28 |       options: {
29 |         name: `Make React Apps`,
30 |         short_name: `make-react-apps`,
31 |         start_url: `/`,
32 |         background_color: `#663399`,
33 |         theme_color: `#663399`,
34 |         display: `minimal-ui`,
35 |         icon: `src/images/dab.png`,
36 |       },
37 |     },
38 |     {
39 |       resolve: 'gatsby-plugin-web-font-loader',
40 |       options: {
41 |         google: {
42 |           families: ['Orbitron', 'Russo One', 'Fugaz One'],
43 |         },
44 |       },
45 |     },
46 |   ],
47 | }
48 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "make-react-apps",
 3 |   "private": true,
 4 |   "version": "0.1.0",
 5 |   "dependencies": {
 6 |     "@reach/dialog": "^0.10.5",
 7 |     "@use-it/interval": "^0.1.3",
 8 |     "babel-plugin-styled-components": "^1.10.7",
 9 |     "framer-motion": "^1.11.1",
10 |     "gatsby": "^2.23.14",
11 |     "gatsby-cli": "^2.12.54",
12 |     "gatsby-image": "^2.4.11",
13 |     "gatsby-plugin-anchor-links": "^1.1.1",
14 |     "gatsby-plugin-manifest": "^2.4.16",
15 |     "gatsby-plugin-offline": "^3.2.15",
16 |     "gatsby-plugin-postcss": "^2.3.8",
17 |     "gatsby-plugin-purgecss": "^5.0.0",
18 |     "gatsby-plugin-react-helmet": "^3.3.8",
19 |     "gatsby-plugin-sharp": "^2.6.16",
20 |     "gatsby-plugin-styled-components": "^3.3.9",
21 |     "gatsby-plugin-web-font-loader": "^1.0.4",
22 |     "gatsby-source-filesystem": "^2.3.16",
23 |     "gatsby-transformer-sharp": "^2.5.9",
24 |     "prop-types": "^15.7.2",
25 |     "react": "^16.13.1",
26 |     "react-dom": "^16.13.1",
27 |     "react-helmet": "^6.1.0",
28 |     "react-icons": "^4.2.0",
29 |     "react-intersection-observer": "^8.26.2",
30 |     "react-lazyload": "^3.0.0",
31 |     "styled-components": "^5.1.1",
32 |     "tailwindcss": "^1.8.4"
33 |   },
34 |   "devDependencies": {
35 |     "prettier": "^2.0.5"
36 |   },
37 |   "keywords": [
38 |     "gatsby"
39 |   ],
40 |   "license": "MIT",
41 |   "scripts": {
42 |     "build": "gatsby build",
43 |     "develop": "gatsby develop",
44 |     "format": "prettier --write \"**/*.{js,jsx,json,md}\"",
45 |     "start": "npm run develop",
46 |     "serve": "gatsby serve",
47 |     "clean": "gatsby clean",
48 |     "test": "echo \"Write tests! -> https://gatsby.dev/unit-testing\" && exit 1"
49 |   },
50 |   "repository": {
51 |     "type": "git",
52 |     "url": "https://github.com/gatsbyjs/gatsby-starter-default"
53 |   },
54 |   "bugs": {
55 |     "url": "https://github.com/gatsbyjs/gatsby/issues"
56 |   }
57 | }
58 | 


--------------------------------------------------------------------------------
/postcss.config.js:
--------------------------------------------------------------------------------
1 | module.exports = () => ({
2 |   plugins: [require("tailwindcss")],
3 | })
4 | 


--------------------------------------------------------------------------------
/src/components/AppsHero.js:
--------------------------------------------------------------------------------
  1 | import React from 'react'
  2 | import { AnchorLink } from 'gatsby-plugin-anchor-links'
  3 | import Stripes from './Stripes'
  4 | import { seriesAApps, seriesBApps } from './WhatWellBuild/WhatWellBuild'
  5 | import BackHomeButton from './GoHomeButton'
  6 | import LoginButton from './LoginButton'
  7 | 
  8 | export default function Hero({ whichCourse = 'a' }) {
  9 |   const url = whichCourse === 'a' ? '/' : '/10-react-apps-series-b'
 10 |   const series = whichCourse === 'a' ? seriesAApps : seriesBApps
 11 |   const randomApp = series[Math.floor(Math.random() * series.length)]
 12 | 
 13 |   const color = whichCourse === 'a' ? 'blue' : 'purple'
 14 |   const colors = {
 15 |     a: { background: '#2687c2', primary: '#ff9676', secondary: '#285183' },
 16 |     b: { background: '#7f56b2', primary: '#80d7dd', secondary: '#285183' },
 17 |   }
 18 | 
 19 |   const videoSrc =
 20 |     whichCourse === 'a'
 21 |       ? 'https://scotch-res.cloudinary.com/video/upload/v1594830809/series-a-teaser_droxc0.mp4'
 22 |       : randomApp.videoSrc
 23 | 
 24 |   function optimizeMedia(url) {
 25 |     // optimization thanks to cloudinary
 26 |     return url.replace('/upload/', '/upload/w_1200,q_auto/')
 27 |   }
 28 | 
 29 |   return (
 30 |     <div className="text-blue-800 relative">
 31 |       <BackHomeButton />
 32 |       <LoginButton color={whichCourse === 'a' ? 'blue' : 'purple'} />
 33 | 
 34 |       <Stripes
 35 |         bgColor={colors[whichCourse].background}
 36 |         primaryColor={colors[whichCourse].primary}
 37 |         secondaryColor={colors[whichCourse].secondary}
 38 |       />
 39 | 
 40 |       <div className="container mx-auto px-8 xl:px-0 pt-24 lg:pt-32 pb-8 lg:pb-0">
 41 |         {/* left column */}
 42 |         <div className="leading-snug text-center">
 43 |           {/* header */}
 44 |           <h1
 45 |             className={`fugaz-one text-gray-900 text-4xl md:text-5xl xl:text-6xl mb-4 leading-snug ${
 46 |               whichCourse === 'a' ? 'text-blue-100' : 'text-purple-100'
 47 |             }`}
 48 |           >
 49 |             Make 10 React Apps
 50 |             {whichCourse === 'b' && (
 51 |               <span className="text-white capitalize underline opacity-75">
 52 |                 : Part 2
 53 |               </span>
 54 |             )}
 55 |           </h1>
 56 | 
 57 |           {/* teaser */}
 58 |           <p className="lg:w-2/3 mx-auto lg:text-xl mb-8 text-gray-300 leading-relaxed">
 59 |             Build real apps and get real-world React experience. These React
 60 |             videos will teach you specific parts of React so that you can grow
 61 |             your skills and React tools.
 62 |           </p>
 63 | 
 64 |           {/* call to action */}
 65 |           <div className="lg:w-2/5 mx-auto grid grid-cols-2 col-gap-4 md:text-xl">
 66 |             <AnchorLink
 67 |               to={`${url}#apps`}
 68 |               className="w-full flex items-center justify-center bg-white text-yellow-700 py-4 px-6 rounded shadow hover:shadow-lg mx-auto transition-all ease-in-out duration-150"
 69 |             >
 70 |               View the Apps
 71 |             </AnchorLink>
 72 |             <AnchorLink
 73 |               to={`${url}#pricing`}
 74 |               className="w-full flex items-center justify-center bg-yellow-400 hover:bg-yellow-300 text-yellow-900 py-4 px-6 rounded shadow hover:shadow-lg mx-auto transition-all ease-in-out duration-150"
 75 |             >
 76 |               Buy the Course
 77 |             </AnchorLink>
 78 |           </div>
 79 |         </div>
 80 | 
 81 |         {/* supercut of all apps */}
 82 |         <div className="w-full lg:w-4/5 mx-auto rounded-lg shadow-lg relative z-10 transform translate-y-16">
 83 |           <video autoPlay controls className="rounded-lg">
 84 |             <source src={optimizeMedia(videoSrc)} type="video/mp4" />
 85 |           </video>
 86 | 
 87 |           {/* overlay thingy with reasons */}
 88 |           <div className="w-full absolute bottom-0 right-0 transform translate-y-4 translate-x-4">
 89 |             <div
 90 |               className={`w-3/5 lg:w-2/5 ml-auto grid grid-cols-3 text-center rounded-lg shadow-xl col-gap-4 py-3 md:py-6 px-4 leading-none md:text-2xl bg-white font-bold ${
 91 |                 color === 'blue' ? 'text-blue-600' : 'text-purple-600'
 92 |               }`}
 93 |             >
 94 |               <div className="flex flex-col items-center justify-center">
 95 |                 <p>
 96 |                   10{' '}
 97 |                   <strong className="block mt-2 opacity-75 text-xs md:text-lg text-gray-700">
 98 |                     Apps
 99 |                   </strong>
100 |                 </p>
101 |               </div>
102 |               <div className="flex flex-col items-center justify-center">
103 |                 <p>
104 |                   47{' '}
105 |                   <strong className="block mt-2 opacity-75 text-xs md:text-lg text-gray-700">
106 |                     Videos
107 |                   </strong>
108 |                 </p>
109 |               </div>
110 |               <div className="flex flex-col items-center justify-center">
111 |                 <p>
112 |                   6+{' '}
113 |                   <strong className="block mt-2 opacity-75 text-xs md:text-lg text-gray-700">
114 |                     Hours
115 |                   </strong>
116 |                 </p>
117 |               </div>
118 |             </div>
119 |           </div>
120 |         </div>
121 |       </div>
122 |     </div>
123 |   )
124 | }
125 | 


--------------------------------------------------------------------------------
/src/components/Bundle.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import { FaPlus, FaEquals } from 'react-icons/fa'
 3 | // import usePodia from './usePodia'
 4 | 
 5 | export default function Bundle() {
 6 |   // usePodia()
 7 | 
 8 |   return (
 9 |     <div className="bg-green-50 text-green-800 px-6 py-32">
10 |       <div className="container mx-auto">
11 |         {/* header */}
12 |         <h2 className="russo text-2xl lg:text-4xl mb-10 text-center">
13 |           Purchase Multiple Courses and Save
14 |         </h2>
15 | 
16 |         <div className="grid lg:grid-cols-11 gap-4 text-lg text-gray-600 leading-none relative z-10 text-center bg-green-300 p-8 rounded-lg">
17 |           {/* part 1 */}
18 |           <div className="col-span-3 bg-blue-100 rounded-lg">
19 |             <img
20 |               src="https://scotch-res.cloudinary.com/image/upload/q_auto/v1594571945/d2e337a4f6900f8d0798c596eb0607a8e0c2fbddb6a7ab7afcd60009c119d4c7_evfnlk.png"
21 |               alt="10 React Apps"
22 |               className="rounded-t-lg"
23 |             />
24 |             <h2 className="arial text-blue-600 text-xl p-4">
25 |               10 React Apps
26 |               <span className="ml-2">$47</span>
27 |             </h2>
28 |           </div>
29 | 
30 |           {/* + */}
31 |           <div className="col-span-3 lg:col-span-1 flex items-center justify-center">
32 |             <FaPlus />
33 |           </div>
34 | 
35 |           {/* part 2 */}
36 |           <div className="col-span-3 bg-purple-100 rounded-lg">
37 |             <img
38 |               src="https://scotch-res.cloudinary.com/image/upload/q_auto/v1594571945/d2e337a4f6900f8d0798c596eb0607a8e0c2fbddb6a7ab7afcd60009c119d4c7_1_nq11gx.png"
39 |               alt="10 React Apps Part 2"
40 |               className="rounded-t-lg"
41 |             />
42 |             <h2 className="arial text-purple-600 text-xl p-4">
43 |               10 React Apps <span className="ml-2 font-bold">Part 2</span>{' '}
44 |               <span className="ml-2">$47</span>
45 |             </h2>
46 |           </div>
47 | 
48 |           {/* = */}
49 |           <div className="col-span-3 lg:col-span-1 flex items-center justify-center">
50 |             <FaEquals />
51 |           </div>
52 | 
53 |           {/* bundle */}
54 |           <a
55 |             href="https://learn.better.dev/make-react-apps-bundle-a-and-b/buy"
56 |             className="col-span-3 flex flex-col items-center justify-center h-full text-3xl lg:text-4xl border-2 border-yellow-300 bg-yellow-300 text-yellow-800 rounded-lg px-6 py-6 cursor-pointer hover:bg-yellow-200 w-full transition-colors duration-150"
57 |           >
58 |             <strong className="block text-lg mb-3 text-yellow-700">
59 |               Buy the Bundle
60 |             </strong>
61 |             <span>
62 |               <strong className="line-through opacity-25 mr-2">$99</strong>
63 |               <span className="text-blue-900">$79</span>
64 |             </span>
65 |           </a>
66 |         </div>
67 |       </div>
68 |     </div>
69 |   )
70 | }
71 | 


--------------------------------------------------------------------------------
/src/components/CourseOverview/CourseOverview.css:
--------------------------------------------------------------------------------
 1 | .course-overview {
 2 |   position: relative;
 3 |   background-color: transparent;
 4 | }
 5 | 
 6 | .course-overview .container {
 7 |   position: relative;
 8 |   z-index: 1;
 9 | }
10 | 
11 | .course-overview::before {
12 |   content: "";
13 |   position: absolute;
14 |   top: -50px;
15 |   left: 0;
16 |   width: 100%;
17 |   height: calc(100% + 100px);
18 |   clip-path: polygon(0% 0%, 100% 50px, 100% 100%, 0% calc(100% - 50px));
19 |   background-color: #4c51c0;
20 |   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='199' viewBox='0 0 100 199'%3E%3Cg fill='%236368d0' fill-opacity='0.4'%3E%3Cpath d='M0 199V0h1v1.99L100 199h-1.12L1 4.22V199H0zM100 2h-.12l-1-2H100v2z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
21 | }
22 | 


--------------------------------------------------------------------------------
/src/components/CourseOverview/CourseOverview.js:
--------------------------------------------------------------------------------
  1 | import React from "react"
  2 | import "./CourseOverview.css"
  3 | 
  4 | export default function CourseOverview() {
  5 |   return (
  6 |     <div className="course-overview bg-indigo-700 text-gray-300 py-32 px-4 xl:px-16 lg:pt-32 lg:pb-40">
  7 |       <div className="container mx-auto">
  8 |         {/* video section ---------------------------------------------- */}
  9 |         <div className="lg:flex w-full mb-10 lg:mb-20">
 10 |           <div className="lg:w-1/2 lg:pr-8 flex flex-col justify-center">
 11 |             <video
 12 |               controls
 13 |               className="rounded-lg shadow-lg md:mx-auto lg:mr-12 mb-6 xl:mb-0 w-full"
 14 |             >
 15 |               <source
 16 |                 src="https://scotch-res.cloudinary.com/video/upload/w_800,q_auto/v1587400137/Hello_Teaser_tbx5fp.mp4"
 17 |                 type="video/mp4"
 18 |               />
 19 |             </video>
 20 |           </div>
 21 |           <div className="lg:w-1/2 lg:pl-8 flex flex-col justify-center">
 22 |             <h3 className="fugaz-one text-purple-100 text-2xl lg:text-5xl mb-6 uppercase text-center lg:text-right">
 23 |               The best way to learn is to build{" "}
 24 |             </h3>
 25 |           </div>
 26 |         </div>
 27 | 
 28 |         {/* 2 columns section ---------------------------------------------- */}
 29 |         <div className="lg:flex w-full">
 30 |           <div className="lg:w-1/2 lg:pr-8 flex flex-col">
 31 |             <h2 className="fugaz-one text-3xl mb-4 text-center uppercase flex-shrink">
 32 |               What will you learn?
 33 |             </h2>
 34 | 
 35 |             <div
 36 |               className="text-gray-900 bg-white rounded-lg border border-indigo p-6 lg:p-8 leading-relaxed h-full mb-12 lg:mb-0"
 37 |               style={{ boxShadow: "8px 8px 0 #2D329E" }}
 38 |             >
 39 |               <p className="mb-6">
 40 |                 This course is built fully in{" "}
 41 |                 <a
 42 |                   href="https://reactjs.org/docs/hooks-intro.html"
 43 |                   target="_blank"
 44 |                   rel="noopener noreferrer"
 45 |                 >
 46 |                   React Hooks
 47 |                 </a>{" "}
 48 |                 for <strong>React in {new Date().getFullYear()}</strong> and
 49 |                 beyond. You'll work with:
 50 |               </p>
 51 |               <p className="leading-loose">
 52 |                 <Check showBr={false}>React templating with JSX</Check>
 53 |                 <Check>
 54 |                   React Hooks:
 55 |                   <div className="grid grid-cols-3 grid-rows-2 mb-1 gap-1">
 56 |                     <Code>useState()</Code>
 57 |                     <Code>useEffect()</Code>
 58 |                     <Code>useCallback()</Code>
 59 |                     <Code>useContext()</Code>
 60 |                     <Code>useRef()</Code>
 61 |                     <Code>useReducer()</Code>
 62 |                   </div>
 63 |                 </Check>
 64 |                 <Check showBr={false}>Custom React Hooks</Check>
 65 |                 <Check>Routing</Check>
 66 |                 <Check>Authentication</Check>
 67 |                 <Check>State management</Check>
 68 |                 <Check>Rendering</Check>
 69 |                 <Check>Component communication with props</Check>
 70 |               </p>
 71 |               <p className="mt-6">
 72 |                 You'll use all these concepts in your React applications. Each
 73 |                 app could take from 15 minutes to an hour so there's a lot of
 74 |                 building to dig through.
 75 |               </p>
 76 |             </div>
 77 |           </div>
 78 |           <div className="lg:w-1/2 lg:pl-8 flex flex-col">
 79 |             <h2 className="fugaz-one text-3xl mb-4 text-center uppercase flex-shrink">
 80 |               Who is this for?
 81 |             </h2>
 82 |             <div
 83 |               className="text-gray-900 bg-white rounded-lg border border-indigo p-6 lg:p-8 leading-relaxed h-full flex flex-col"
 84 |               style={{ boxShadow: "8px 8px 0 #2D329E" }}
 85 |             >
 86 |               <div>
 87 |                 <p className="text-2xl text-gray-700 mb-8 text-right">
 88 |                   This course is for beginner-intermediate developers that want
 89 |                   to <strong className="text-red-400">learn by building</strong>
 90 |                   .{" "}
 91 |                 </p>
 92 | 
 93 |                 <p className="mb-6">
 94 |                   It's great for those that have some React knowledge but want
 95 |                   to create <strong>real-world code</strong>.
 96 |                 </p>
 97 | 
 98 |                 <p className="mb-6">
 99 |                   <span role="img" aria-label="Thinking">
100 |                     🧐
101 |                   </span>{" "}
102 |                   They always say "build to learn". They never say{" "}
103 |                   <strong>what to build</strong>! These 20 apps are fun projects
104 |                   that will introduce us to coding scenarios that we'll
105 |                   encounter in many React apps.
106 |                 </p>
107 |               </div>
108 |               <div className="bg-indigo-100 rounded p-4 mt-auto">
109 |                 <p>
110 |                   Not sure if you'll like the course? Full refund if you end up
111 |                   not liking anything.
112 |                 </p>
113 |               </div>
114 |             </div>
115 |           </div>
116 |         </div>
117 |       </div>
118 |     </div>
119 |   )
120 | }
121 | 
122 | function Check({ showBr = true, children }) {
123 |   return (
124 |     <>
125 |       {showBr && <br />}
126 |       <span role="img" aria-label="Check" className="pr-2">
127 |         ✅
128 |       </span>{" "}
129 |       {children}
130 |     </>
131 |   )
132 | }
133 | 
134 | function Code({ children }) {
135 |   return (
136 |     <code className="leading-none text-center inline-block text-xs font-mono text-red-700 bg-red-200 pt-3 pb-2 px-2 rounded">
137 |       {children}
138 |     </code>
139 |   )
140 | }
141 | 


--------------------------------------------------------------------------------
/src/components/CourseOverview/CourseStats.js:
--------------------------------------------------------------------------------
1 | import React from "react"
2 | 
3 | export default function CourseStats() {
4 |   return <div>course stats</div>
5 | }
6 | 


--------------------------------------------------------------------------------
/src/components/Courses/Course.js:
--------------------------------------------------------------------------------
  1 | import React from 'react'
  2 | // import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
  3 | import { Link } from 'gatsby'
  4 | 
  5 | export default function Course({
  6 |   link,
  7 |   image,
  8 |   title,
  9 |   paragraph,
 10 |   price,
 11 |   color = 'blue',
 12 |   className,
 13 |   primaryColor = '#2c5282',
 14 |   // secondaryColor = '#19b9ca',
 15 | }) {
 16 |   return (
 17 |     <div
 18 |       className={`bg-white shadow rounded overflow-hidden relative mb-8 lg:mb-0 ${className}`}
 19 |     >
 20 |       <Link to={link}>
 21 |         <img src={image} alt="Course cover image" />
 22 |       </Link>
 23 | 
 24 |       <div className="py-8 px-6">
 25 |         {/* header */}
 26 |         <h2
 27 |           className={`fugaz-one mb-4 text-2xl block text-center leading-tight lg:leading-none ${
 28 |             color === 'blue' ? 'text-blue-800' : 'text-purple-800'
 29 |           }`}
 30 |         >
 31 |           <Link to={link} className="block text-center">
 32 |             Make 10 React Apps{' '}
 33 |             <span
 34 |               className={`opacity-75 ml-2 ${
 35 |                 color === 'blue' ? 'text-blue-600' : 'text-purple-600'
 36 |               }`}
 37 |             >
 38 |               {title}
 39 |             </span>
 40 |           </Link>
 41 |         </h2>
 42 | 
 43 |         {/* paragraph */}
 44 |         <p className="lg:text-lg mb-10 text-center text-gray-700">
 45 |           {paragraph}
 46 |         </p>
 47 | 
 48 |         {/* icon grid */}
 49 |         <div className="text-lg lg:text-xl grid grid-cols-2 xl:grid-cols-5 gap-6 px-6 text-center text-gray-600 leading-none">
 50 |           <div className="flex flex-col justify-center">
 51 |             <div>
 52 |               {/* <FontAwesomeIcon
 53 |                 icon={['fad', 'camera-home']}
 54 |                 className="opacity-50 mr-3"
 55 |                 style={{
 56 |                   '--fa-primary-color': primaryColor,
 57 |                   '--fa-secondary-color': secondaryColor,
 58 |                 }}
 59 |               /> */}
 60 |               47
 61 |             </div>
 62 |             <strong className="block text-lg text-gray-400 mt-3">videos</strong>
 63 |           </div>
 64 |           <div className="flex flex-col justify-center">
 65 |             <div>
 66 |               {/* <FontAwesomeIcon
 67 |                 icon={['fad', 'watch']}
 68 |                 className="opacity-50 mr-3"
 69 |                 style={{
 70 |                   '--fa-primary-color': primaryColor,
 71 |                   '--fa-secondary-color': secondaryColor,
 72 |                 }}
 73 |               /> */}
 74 |               6
 75 |             </div>
 76 |             <strong className="block text-lg text-gray-400 mt-3">hours</strong>
 77 |           </div>
 78 |           <div className="col-span-2 xl:col-span-3">
 79 |             <Link
 80 |               to={link}
 81 |               className={`flex items-center justify-center h-full border-2 rounded-lg px-6 py-6 cursor-pointer transition duration-150 ${
 82 |                 color === 'blue'
 83 |                   ? 'border-blue-300 bg-blue-100 text-blue-900 hover:bg-blue-200'
 84 |                   : 'border-purple-300 bg-purple-100 text-purple-900 hover:bg-purple-200'
 85 |               }`}
 86 |               style={{ boxShadow: `3px 3px 0 ${primaryColor}` }}
 87 |             >
 88 |               <strong className="font-bold mr-3">View Course</strong>
 89 |               <span
 90 |                 className={`${
 91 |                   color === 'blue' ? 'text-blue-900' : 'text-purple-900'
 92 |                 }`}
 93 |               >
 94 |                 ${price}
 95 |               </span>
 96 |             </Link>
 97 |           </div>
 98 |         </div>
 99 |       </div>
100 |     </div>
101 |   )
102 | }
103 | 


--------------------------------------------------------------------------------
/src/components/Courses/Courses.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import styled from 'styled-components'
 3 | import Course from './Course'
 4 | 
 5 | export default function Courses() {
 6 |   return (
 7 |     <SCourses id="courses" className="course-section pb-40 pt-48 px-8">
 8 |       <div className="container mx-auto">
 9 |         {/* the header  */}
10 |         <div className="text-center mb-16">
11 |           <h2 className="text-5xl tracking-wide">The Courses</h2>
12 |           <h3 className="text-xl arial tracking-wide text-gray-700">
13 |             Learn by building with these practical courses.
14 |           </h3>
15 |         </div>
16 | 
17 |         {/* loop over the courses */}
18 |         <div className="lg:flex mb-10">
19 |           {/* course 1 */}
20 |           <Course
21 |             className="lg:mr-10 xl:mr-20 bg-black"
22 |             link="/"
23 |             image="https://scotch-res.cloudinary.com/image/upload/q_auto/v1594571945/d2e337a4f6900f8d0798c596eb0607a8e0c2fbddb6a7ab7afcd60009c119d4c7_evfnlk.png"
24 |             paragraph="Build 10 practical and real-world apps"
25 |             price="47"
26 |             color="blue"
27 |           />
28 | 
29 |           {/* course 2 */}
30 |           <Course
31 |             link="/10-react-apps-series-b"
32 |             title="Part 2"
33 |             image="https://scotch-res.cloudinary.com/image/upload/q_auto/v1594571945/d2e337a4f6900f8d0798c596eb0607a8e0c2fbddb6a7ab7afcd60009c119d4c7_1_nq11gx.png"
34 |             paragraph="10 more apps to build to learn React"
35 |             price="47"
36 |             color="purple"
37 |             primaryColor="#553b9a"
38 |             secondaryColor="#9f85e0"
39 |           />
40 |         </div>
41 |       </div>
42 |     </SCourses>
43 |   )
44 | }
45 | 
46 | const SCourses = styled.div`
47 |   position: relative;
48 |   background-color: transparent;
49 | 
50 |   &::before {
51 |     content: '';
52 |     position: absolute;
53 |     top: -50px;
54 |     left: 0;
55 |     width: 100%;
56 |     z-index: -1;
57 |     height: calc(100% + 100px);
58 |     clip-path: polygon(0% 0%, 100% 50px, 100% 100%, 0% calc(100% - 50px));
59 |     background-color: #eee;
60 |     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 28' width='56' height='28'%3E%3Cpath fill='%23dddddd' fill-opacity='0.4' d='M56 26v2h-7.75c2.3-1.27 4.94-2 7.75-2zm-26 2a2 2 0 1 0-4 0h-4.09A25.98 25.98 0 0 0 0 16v-2c.67 0 1.34.02 2 .07V14a2 2 0 0 0-2-2v-2a4 4 0 0 1 3.98 3.6 28.09 28.09 0 0 1 2.8-3.86A8 8 0 0 0 0 6V4a9.99 9.99 0 0 1 8.17 4.23c.94-.95 1.96-1.83 3.03-2.63A13.98 13.98 0 0 0 0 0h7.75c2 1.1 3.73 2.63 5.1 4.45 1.12-.72 2.3-1.37 3.53-1.93A20.1 20.1 0 0 0 14.28 0h2.7c.45.56.88 1.14 1.29 1.74 1.3-.48 2.63-.87 4-1.15-.11-.2-.23-.4-.36-.59H26v.07a28.4 28.4 0 0 1 4 0V0h4.09l-.37.59c1.38.28 2.72.67 4.01 1.15.4-.6.84-1.18 1.3-1.74h2.69a20.1 20.1 0 0 0-2.1 2.52c1.23.56 2.41 1.2 3.54 1.93A16.08 16.08 0 0 1 48.25 0H56c-4.58 0-8.65 2.2-11.2 5.6 1.07.8 2.09 1.68 3.03 2.63A9.99 9.99 0 0 1 56 4v2a8 8 0 0 0-6.77 3.74c1.03 1.2 1.97 2.5 2.79 3.86A4 4 0 0 1 56 10v2a2 2 0 0 0-2 2.07 28.4 28.4 0 0 1 2-.07v2c-9.2 0-17.3 4.78-21.91 12H30zM7.75 28H0v-2c2.81 0 5.46.73 7.75 2zM56 20v2c-5.6 0-10.65 2.3-14.28 6h-2.7c4.04-4.89 10.15-8 16.98-8zm-39.03 8h-2.69C10.65 24.3 5.6 22 0 22v-2c6.83 0 12.94 3.11 16.97 8zm15.01-.4a28.09 28.09 0 0 1 2.8-3.86 8 8 0 0 0-13.55 0c1.03 1.2 1.97 2.5 2.79 3.86a4 4 0 0 1 7.96 0zm14.29-11.86c1.3-.48 2.63-.87 4-1.15a25.99 25.99 0 0 0-44.55 0c1.38.28 2.72.67 4.01 1.15a21.98 21.98 0 0 1 36.54 0zm-5.43 2.71c1.13-.72 2.3-1.37 3.54-1.93a19.98 19.98 0 0 0-32.76 0c1.23.56 2.41 1.2 3.54 1.93a15.98 15.98 0 0 1 25.68 0zm-4.67 3.78c.94-.95 1.96-1.83 3.03-2.63a13.98 13.98 0 0 0-22.4 0c1.07.8 2.09 1.68 3.03 2.63a9.99 9.99 0 0 1 16.34 0z'%3E%3C/path%3E%3C/svg%3E");
61 |   }
62 | 
63 |   .container {
64 |     position: relative;
65 |     z-index: 10;
66 |   }
67 | `
68 | 


--------------------------------------------------------------------------------
/src/components/FAQ/FAQ.css:
--------------------------------------------------------------------------------
 1 | .faq {
 2 |   position: relative;
 3 |   background-color: transparent;
 4 | }
 5 | 
 6 | .faq .container {
 7 |   position: relative;
 8 |   z-index: 1;
 9 | }
10 | 
11 | .faq .background-block::before {
12 |   background: rgb(190, 59, 59);
13 | }
14 | 
15 | .faq::before {
16 |   content: "";
17 |   position: absolute;
18 |   top: -50px;
19 |   left: 0;
20 |   width: 100%;
21 |   height: calc(100% + 100px);
22 |   clip-path: polygon(0% 0%, 100% 50px, 100% 100%, 0% calc(100% - 50px));
23 | 
24 |   background-color: #29519c;
25 |   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260' viewBox='0 0 260 260'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23436cba' fill-opacity='0.4'%3E%3Cpath d='M24.37 16c.2.65.39 1.32.54 2H21.17l1.17 2.34.45.9-.24.11V28a5 5 0 0 1-2.23 8.94l-.02.06a8 8 0 0 1-7.75 6h-20a8 8 0 0 1-7.74-6l-.02-.06A5 5 0 0 1-17.45 28v-6.76l-.79-1.58-.44-.9.9-.44.63-.32H-20a23.01 23.01 0 0 1 44.37-2zm-36.82 2a1 1 0 0 0-.44.1l-3.1 1.56.89 1.79 1.31-.66a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .9 0l2.21-1.1a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .9 0l2.21-1.1a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .86.02l2.88-1.27a3 3 0 0 1 2.43 0l2.88 1.27a1 1 0 0 0 .85-.02l3.1-1.55-.89-1.79-1.42.71a3 3 0 0 1-2.56.06l-2.77-1.23a1 1 0 0 0-.4-.09h-.01a1 1 0 0 0-.4.09l-2.78 1.23a3 3 0 0 1-2.56-.06l-2.3-1.15a1 1 0 0 0-.45-.11h-.01a1 1 0 0 0-.44.1L.9 19.22a3 3 0 0 1-2.69 0l-2.2-1.1a1 1 0 0 0-.45-.11h-.01a1 1 0 0 0-.44.1l-2.21 1.11a3 3 0 0 1-2.69 0l-2.2-1.1a1 1 0 0 0-.45-.11h-.01zm0-2h-4.9a21.01 21.01 0 0 1 39.61 0h-2.09l-.06-.13-.26.13h-32.31zm30.35 7.68l1.36-.68h1.3v2h-36v-1.15l.34-.17 1.36-.68h2.59l1.36.68a3 3 0 0 0 2.69 0l1.36-.68h2.59l1.36.68a3 3 0 0 0 2.69 0L2.26 23h2.59l1.36.68a3 3 0 0 0 2.56.06l1.67-.74h3.23l1.67.74a3 3 0 0 0 2.56-.06zM-13.82 27l16.37 4.91L18.93 27h-32.75zm-.63 2h.34l16.66 5 16.67-5h.33a3 3 0 1 1 0 6h-34a3 3 0 1 1 0-6zm1.35 8a6 6 0 0 0 5.65 4h20a6 6 0 0 0 5.66-4H-13.1z'/%3E%3Cpath id='path6_fill-copy' d='M284.37 16c.2.65.39 1.32.54 2H281.17l1.17 2.34.45.9-.24.11V28a5 5 0 0 1-2.23 8.94l-.02.06a8 8 0 0 1-7.75 6h-20a8 8 0 0 1-7.74-6l-.02-.06a5 5 0 0 1-2.24-8.94v-6.76l-.79-1.58-.44-.9.9-.44.63-.32H240a23.01 23.01 0 0 1 44.37-2zm-36.82 2a1 1 0 0 0-.44.1l-3.1 1.56.89 1.79 1.31-.66a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .9 0l2.21-1.1a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .9 0l2.21-1.1a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .86.02l2.88-1.27a3 3 0 0 1 2.43 0l2.88 1.27a1 1 0 0 0 .85-.02l3.1-1.55-.89-1.79-1.42.71a3 3 0 0 1-2.56.06l-2.77-1.23a1 1 0 0 0-.4-.09h-.01a1 1 0 0 0-.4.09l-2.78 1.23a3 3 0 0 1-2.56-.06l-2.3-1.15a1 1 0 0 0-.45-.11h-.01a1 1 0 0 0-.44.1l-2.21 1.11a3 3 0 0 1-2.69 0l-2.2-1.1a1 1 0 0 0-.45-.11h-.01a1 1 0 0 0-.44.1l-2.21 1.11a3 3 0 0 1-2.69 0l-2.2-1.1a1 1 0 0 0-.45-.11h-.01zm0-2h-4.9a21.01 21.01 0 0 1 39.61 0h-2.09l-.06-.13-.26.13h-32.31zm30.35 7.68l1.36-.68h1.3v2h-36v-1.15l.34-.17 1.36-.68h2.59l1.36.68a3 3 0 0 0 2.69 0l1.36-.68h2.59l1.36.68a3 3 0 0 0 2.69 0l1.36-.68h2.59l1.36.68a3 3 0 0 0 2.56.06l1.67-.74h3.23l1.67.74a3 3 0 0 0 2.56-.06zM246.18 27l16.37 4.91L278.93 27h-32.75zm-.63 2h.34l16.66 5 16.67-5h.33a3 3 0 1 1 0 6h-34a3 3 0 1 1 0-6zm1.35 8a6 6 0 0 0 5.65 4h20a6 6 0 0 0 5.66-4H246.9z'/%3E%3Cpath d='M159.5 21.02A9 9 0 0 0 151 15h-42a9 9 0 0 0-8.5 6.02 6 6 0 0 0 .02 11.96A8.99 8.99 0 0 0 109 45h42a9 9 0 0 0 8.48-12.02 6 6 0 0 0 .02-11.96zM151 17h-42a7 7 0 0 0-6.33 4h54.66a7 7 0 0 0-6.33-4zm-9.34 26a8.98 8.98 0 0 0 3.34-7h-2a7 7 0 0 1-7 7h-4.34a8.98 8.98 0 0 0 3.34-7h-2a7 7 0 0 1-7 7h-4.34a8.98 8.98 0 0 0 3.34-7h-2a7 7 0 0 1-7 7h-7a7 7 0 1 1 0-14h42a7 7 0 1 1 0 14h-9.34zM109 27a9 9 0 0 0-7.48 4H101a4 4 0 1 1 0-8h58a4 4 0 0 1 0 8h-.52a9 9 0 0 0-7.48-4h-42z'/%3E%3Cpath d='M39 115a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm6-8a6 6 0 1 1-12 0 6 6 0 0 1 12 0zm-3-29v-2h8v-6H40a4 4 0 0 0-4 4v10H22l-1.33 4-.67 2h2.19L26 130h26l3.81-40H58l-.67-2L56 84H42v-6zm-4-4v10h2V74h8v-2h-8a2 2 0 0 0-2 2zm2 12h14.56l.67 2H22.77l.67-2H40zm13.8 4H24.2l3.62 38h22.36l3.62-38z'/%3E%3Cpath d='M129 92h-6v4h-6v4h-6v14h-3l.24 2 3.76 32h36l3.76-32 .24-2h-3v-14h-6v-4h-6v-4h-8zm18 22v-12h-4v4h3v8h1zm-3 0v-6h-4v6h4zm-6 6v-16h-4v19.17c1.6-.7 2.97-1.8 4-3.17zm-6 3.8V100h-4v23.8a10.04 10.04 0 0 0 4 0zm-6-.63V104h-4v16a10.04 10.04 0 0 0 4 3.17zm-6-9.17v-6h-4v6h4zm-6 0v-8h3v-4h-4v12h1zm27-12v-4h-4v4h3v4h1v-4zm-6 0v-8h-4v4h3v4h1zm-6-4v-4h-4v8h1v-4h3zm-6 4v-4h-4v8h1v-4h3zm7 24a12 12 0 0 0 11.83-10h7.92l-3.53 30h-32.44l-3.53-30h7.92A12 12 0 0 0 130 126z'/%3E%3Cpath d='M212 86v2h-4v-2h4zm4 0h-2v2h2v-2zm-20 0v.1a5 5 0 0 0-.56 9.65l.06.25 1.12 4.48a2 2 0 0 0 1.94 1.52h.01l7.02 24.55a2 2 0 0 0 1.92 1.45h4.98a2 2 0 0 0 1.92-1.45l7.02-24.55a2 2 0 0 0 1.95-1.52L224.5 96l.06-.25a5 5 0 0 0-.56-9.65V86a14 14 0 0 0-28 0zm4 0h6v2h-9a3 3 0 1 0 0 6H223a3 3 0 1 0 0-6H220v-2h2a12 12 0 1 0-24 0h2zm-1.44 14l-1-4h24.88l-1 4h-22.88zm8.95 26l-6.86-24h18.7l-6.86 24h-4.98zM150 242a22 22 0 1 0 0-44 22 22 0 0 0 0 44zm24-22a24 24 0 1 1-48 0 24 24 0 0 1 48 0zm-28.38 17.73l2.04-.87a6 6 0 0 1 4.68 0l2.04.87a2 2 0 0 0 2.5-.82l1.14-1.9a6 6 0 0 1 3.79-2.75l2.15-.5a2 2 0 0 0 1.54-2.12l-.19-2.2a6 6 0 0 1 1.45-4.46l1.45-1.67a2 2 0 0 0 0-2.62l-1.45-1.67a6 6 0 0 1-1.45-4.46l.2-2.2a2 2 0 0 0-1.55-2.13l-2.15-.5a6 6 0 0 1-3.8-2.75l-1.13-1.9a2 2 0 0 0-2.5-.8l-2.04.86a6 6 0 0 1-4.68 0l-2.04-.87a2 2 0 0 0-2.5.82l-1.14 1.9a6 6 0 0 1-3.79 2.75l-2.15.5a2 2 0 0 0-1.54 2.12l.19 2.2a6 6 0 0 1-1.45 4.46l-1.45 1.67a2 2 0 0 0 0 2.62l1.45 1.67a6 6 0 0 1 1.45 4.46l-.2 2.2a2 2 0 0 0 1.55 2.13l2.15.5a6 6 0 0 1 3.8 2.75l1.13 1.9a2 2 0 0 0 2.5.8zm2.82.97a4 4 0 0 1 3.12 0l2.04.87a4 4 0 0 0 4.99-1.62l1.14-1.9a4 4 0 0 1 2.53-1.84l2.15-.5a4 4 0 0 0 3.09-4.24l-.2-2.2a4 4 0 0 1 .97-2.98l1.45-1.67a4 4 0 0 0 0-5.24l-1.45-1.67a4 4 0 0 1-.97-2.97l.2-2.2a4 4 0 0 0-3.09-4.25l-2.15-.5a4 4 0 0 1-2.53-1.84l-1.14-1.9a4 4 0 0 0-5-1.62l-2.03.87a4 4 0 0 1-3.12 0l-2.04-.87a4 4 0 0 0-4.99 1.62l-1.14 1.9a4 4 0 0 1-2.53 1.84l-2.15.5a4 4 0 0 0-3.09 4.24l.2 2.2a4 4 0 0 1-.97 2.98l-1.45 1.67a4 4 0 0 0 0 5.24l1.45 1.67a4 4 0 0 1 .97 2.97l-.2 2.2a4 4 0 0 0 3.09 4.25l2.15.5a4 4 0 0 1 2.53 1.84l1.14 1.9a4 4 0 0 0 5 1.62l2.03-.87zM152 207a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm6 2a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-11 1a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-6 0a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm3-5a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-8 8a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm3 6a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm0 6a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm4 7a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm5-2a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm5 4a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm4-6a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm6-4a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-4-3a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm4-3a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-5-4a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-24 6a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm16 5a5 5 0 1 0 0-10 5 5 0 0 0 0 10zm7-5a7 7 0 1 1-14 0 7 7 0 0 1 14 0zm86-29a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm19 9a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-14 5a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm-25 1a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm5 4a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm9 0a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm15 1a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm12-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm-11-14a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-19 0a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm6 5a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-25 15c0-.47.01-.94.03-1.4a5 5 0 0 1-1.7-8 3.99 3.99 0 0 1 1.88-5.18 5 5 0 0 1 3.4-6.22 3 3 0 0 1 1.46-1.05 5 5 0 0 1 7.76-3.27A30.86 30.86 0 0 1 246 184c6.79 0 13.06 2.18 18.17 5.88a5 5 0 0 1 7.76 3.27 3 3 0 0 1 1.47 1.05 5 5 0 0 1 3.4 6.22 4 4 0 0 1 1.87 5.18 4.98 4.98 0 0 1-1.7 8c.02.46.03.93.03 1.4v1h-62v-1zm.83-7.17a30.9 30.9 0 0 0-.62 3.57 3 3 0 0 1-.61-4.2c.37.28.78.49 1.23.63zm1.49-4.61c-.36.87-.68 1.76-.96 2.68a2 2 0 0 1-.21-3.71c.33.4.73.75 1.17 1.03zm2.32-4.54c-.54.86-1.03 1.76-1.49 2.68a3 3 0 0 1-.07-4.67 3 3 0 0 0 1.56 1.99zm1.14-1.7c.35-.5.72-.98 1.1-1.46a1 1 0 1 0-1.1 1.45zm5.34-5.77c-1.03.86-2 1.79-2.9 2.77a3 3 0 0 0-1.11-.77 3 3 0 0 1 4-2zm42.66 2.77c-.9-.98-1.87-1.9-2.9-2.77a3 3 0 0 1 4.01 2 3 3 0 0 0-1.1.77zm1.34 1.54c.38.48.75.96 1.1 1.45a1 1 0 1 0-1.1-1.45zm3.73 5.84c-.46-.92-.95-1.82-1.5-2.68a3 3 0 0 0 1.57-1.99 3 3 0 0 1-.07 4.67zm1.8 4.53c-.29-.9-.6-1.8-.97-2.67.44-.28.84-.63 1.17-1.03a2 2 0 0 1-.2 3.7zm1.14 5.51c-.14-1.21-.35-2.4-.62-3.57.45-.14.86-.35 1.23-.63a2.99 2.99 0 0 1-.6 4.2zM275 214a29 29 0 0 0-57.97 0h57.96zM72.33 198.12c-.21-.32-.34-.7-.34-1.12v-12h-2v12a4.01 4.01 0 0 0 7.09 2.54c.57-.69.91-1.57.91-2.54v-12h-2v12a1.99 1.99 0 0 1-2 2 2 2 0 0 1-1.66-.88zM75 176c.38 0 .74-.04 1.1-.12a4 4 0 0 0 6.19 2.4A13.94 13.94 0 0 1 84 185v24a6 6 0 0 1-6 6h-3v9a5 5 0 1 1-10 0v-9h-3a6 6 0 0 1-6-6v-24a14 14 0 0 1 14-14 5 5 0 0 0 5 5zm-17 15v12a1.99 1.99 0 0 0 1.22 1.84 2 2 0 0 0 2.44-.72c.21-.32.34-.7.34-1.12v-12h2v12a3.98 3.98 0 0 1-5.35 3.77 3.98 3.98 0 0 1-.65-.3V209a4 4 0 0 0 4 4h16a4 4 0 0 0 4-4v-24c.01-1.53-.23-2.88-.72-4.17-.43.1-.87.16-1.28.17a6 6 0 0 1-5.2-3 7 7 0 0 1-6.47-4.88A12 12 0 0 0 58 185v6zm9 24v9a3 3 0 1 0 6 0v-9h-6z'/%3E%3Cpath d='M-17 191a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm19 9a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2H3a1 1 0 0 1-1-1zm-14 5a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm-25 1a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm5 4a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm9 0a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm15 1a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm12-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2H4zm-11-14a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-19 0a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm6 5a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-25 15c0-.47.01-.94.03-1.4a5 5 0 0 1-1.7-8 3.99 3.99 0 0 1 1.88-5.18 5 5 0 0 1 3.4-6.22 3 3 0 0 1 1.46-1.05 5 5 0 0 1 7.76-3.27A30.86 30.86 0 0 1-14 184c6.79 0 13.06 2.18 18.17 5.88a5 5 0 0 1 7.76 3.27 3 3 0 0 1 1.47 1.05 5 5 0 0 1 3.4 6.22 4 4 0 0 1 1.87 5.18 4.98 4.98 0 0 1-1.7 8c.02.46.03.93.03 1.4v1h-62v-1zm.83-7.17a30.9 30.9 0 0 0-.62 3.57 3 3 0 0 1-.61-4.2c.37.28.78.49 1.23.63zm1.49-4.61c-.36.87-.68 1.76-.96 2.68a2 2 0 0 1-.21-3.71c.33.4.73.75 1.17 1.03zm2.32-4.54c-.54.86-1.03 1.76-1.49 2.68a3 3 0 0 1-.07-4.67 3 3 0 0 0 1.56 1.99zm1.14-1.7c.35-.5.72-.98 1.1-1.46a1 1 0 1 0-1.1 1.45zm5.34-5.77c-1.03.86-2 1.79-2.9 2.77a3 3 0 0 0-1.11-.77 3 3 0 0 1 4-2zm42.66 2.77c-.9-.98-1.87-1.9-2.9-2.77a3 3 0 0 1 4.01 2 3 3 0 0 0-1.1.77zm1.34 1.54c.38.48.75.96 1.1 1.45a1 1 0 1 0-1.1-1.45zm3.73 5.84c-.46-.92-.95-1.82-1.5-2.68a3 3 0 0 0 1.57-1.99 3 3 0 0 1-.07 4.67zm1.8 4.53c-.29-.9-.6-1.8-.97-2.67.44-.28.84-.63 1.17-1.03a2 2 0 0 1-.2 3.7zm1.14 5.51c-.14-1.21-.35-2.4-.62-3.57.45-.14.86-.35 1.23-.63a2.99 2.99 0 0 1-.6 4.2zM15 214a29 29 0 0 0-57.97 0h57.96z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
26 | }
27 | 


--------------------------------------------------------------------------------
/src/components/FAQ/FAQ.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import './FAQ.css'
 3 | 
 4 | const faqs = [
 5 |   {
 6 |     question: `Is this for people that have never used React?`,
 7 |     answer: `This course is for beginners to intermediate devs that are familiar with and have used React. I'll be creating a beginner React course shortly for those looking to learn React from scratch!`,
 8 |   },
 9 |   {
10 |     question: `Is there course support?`,
11 |     answer: `You can email me directly at any time and we also have a <a href="https://discord.gg/WVyUrcS">Discord community</a> where you gain exclusive channel access.`,
12 |   },
13 |   {
14 |     question: `Do these videos expire? Is there a monthly subscription?`,
15 |     answer: `Pay once and <strong class="font-bold">have access forever</strong>. Updates are free and you'll always get them.`,
16 |   },
17 |   {
18 |     question: `Can I use these apps in my portfolio?`,
19 |     answer: `Yes please! That's exactly what these are for. Learn React by building. Use the things you build as your portfolio on GitHub. Take it a step further and write articles on what you've learned to boost your resume.`,
20 |   },
21 |   {
22 |     question: `Does this course use React Hooks?`,
23 |     answer: `Yup! This course is made for best practices of React in 2020 and beyond. A great way to learn the nuances of hooks and how they help simplify our React apps.`,
24 |   },
25 |   {
26 |     question: `What other courses do you have?`,
27 |     answer: `All my courses will be found on my Courses site. <a class="text-blue-600 underline" href="https://learn.better.dev">learn.better.dev</a>.`,
28 |   },
29 |   {
30 |     question: `How do I login and view the course?`,
31 |     answer: `You can login at <a class="text-blue-600 underline" href="https://learn.better.dev">learn.better.dev</a>. Use the login button in the top right.`,
32 |   },
33 |   {
34 |     question: `Are there refunds?`,
35 |     answer: `Yup! I want to stand by the quality of these courses. If you don't feel they gave you value and were not up to par, I'm happy to provide a refund. Email me at <a class="text-blue-600 underline" href="mailto:chris@better.dev">chris@better.dev</a>.`,
36 |   },
37 |   {
38 |     question: `Is there a student discount?`,
39 |     answer: `Yup <strong class="font-bold">50% off</strong>! Email me at <a class="text-blue-600 underline" href="mailto:chris@better.dev">chris@better.dev</a> with your student id and I'll send you a discount code.`,
40 |   },
41 |   {
42 |     question: `Is there purchase parity for my country?`,
43 |     answer: `Yup! Email me at <a class="text-blue-600 underline" href="mailto:chris@better.dev">chris@better.dev</a> and I'll send you a purchase power parity code.`,
44 |   },
45 |   {
46 |     question: `Is there an affiliate program?`,
47 |     answer: `Yup! You get 50% of every sale that you bring in. You can sign up for a course and turn on affiliate mode from your dashboard at <a class="text-blue-600 underline" href="https://learn.better.dev">learn.better.dev</a>. Or you can email me at <a class="text-blue-600 underline" href="mailto:chris@better.dev">chris@better.dev</a>.`,
48 |   },
49 |   {
50 |     question: `I have more questions!`,
51 |     answer: `Drop me an email at <a class="text-blue-600 underline" href="mailto:chris@better.dev">chris@better.dev</a>. Let's chat.`,
52 |   },
53 | ]
54 | 
55 | export default function FAQ() {
56 |   return (
57 |     <div className="faq text-gray-300 py-16 px-8 lg:p-24">
58 |       <div className="container mx-auto">
59 |         <div className="text-center">
60 |           <h2 className="fugaz-one mb-1 text-5xl">FAQs</h2>
61 |           <h3 className="arial mb-16 text-xl text-gray-400">
62 |             (Frequently <span className="background-block">Answered</span>{' '}
63 |             Questions)
64 |           </h3>
65 |         </div>
66 |         <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
67 |           {faqs.map((faq, index) => (
68 |             <div key={index} className="bg-white rounded shadow-lg p-6 lg:p-12">
69 |               <h4 className="arial font-bold text-lg lg:text-xl mb-2 text-gray-700 leading-snug">
70 |                 {faq.question}
71 |               </h4>
72 | 
73 |               <p
74 |                 className="text-gray-700 leading-relaxed"
75 |                 dangerouslySetInnerHTML={{ __html: faq.answer }}
76 |               />
77 |             </div>
78 |           ))}
79 |         </div>
80 |       </div>
81 |     </div>
82 |   )
83 | }
84 | 


--------------------------------------------------------------------------------
/src/components/FloatingButton.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import styled from 'styled-components'
 3 | import { AnchorLink } from 'gatsby-plugin-anchor-links'
 4 | 
 5 | export default function FloatingButton({ isShowing, url }) {
 6 |   return (
 7 |     <SFloatingButton
 8 |       className={`${
 9 |         isShowing && 'dab-on-em'
10 |       } fixed right-0 top-0 mt-4 mr-4 z-10`}
11 |     >
12 |       <AnchorLink
13 |         to={url}
14 |         className="text-sm inline-block bg-yellow-400 hover:bg-yellow-300 text-yellow-900 shadow-xl rounded py-3 px-4 transition-colors"
15 |       >
16 |         Buy the Course
17 |       </AnchorLink>
18 |     </SFloatingButton>
19 |   )
20 | }
21 | 
22 | const SFloatingButton = styled.div`
23 |   transform: translateX(200%);
24 |   transition: 0.3s cubic-bezier(0.38, 0.38, 0, 1.61) all;
25 | 
26 |   &.dab-on-em {
27 |     transform: none;
28 |   }
29 | `
30 | 


--------------------------------------------------------------------------------
/src/components/FooterNewsletter.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import Newsletter from './newsletter'
 3 | import logo from '../images/logo.svg'
 4 | import styled from 'styled-components'
 5 | 
 6 | export default function FooterNewsletter() {
 7 |   return (
 8 |     <SFooterNewsletter className="bg-gray-900 text-gray-300 px-6 py-16 lg:p-24 pt-12 lg:pt-20">
 9 |       <div className="container mx-auto md:flex">
10 |         <div className="hidden md:block">
11 |           <img src={logo} className="logo" alt="Footer Logo" />
12 |         </div>
13 |         <div className="w-full flex flex-col justify-center lg:pr-20">
14 |           <p className="text-blue-300 mb-3">
15 |             Sign up to the newsletter and get <strong>1 free app</strong> and{' '}
16 |             <strong>5 free videos</strong>.
17 |           </p>
18 |           <Newsletter />
19 |         </div>
20 |       </div>
21 |     </SFooterNewsletter>
22 |   )
23 | }
24 | 
25 | const SFooterNewsletter = styled.div`
26 |   .logo {
27 |     width: 500px;
28 |     pointer-events: none;
29 |   }
30 | 
31 |   .logo g {
32 |     fill: red;
33 |   }
34 | 
35 |   @media (prefers-reduced-motion: no-preference) {
36 |     .logo {
37 |       animation: logo-spin infinite 20s linear;
38 |     }
39 |   }
40 | 
41 |   @keyframes logo-spin {
42 |     from {
43 |       transform: rotate(0deg);
44 |     }
45 |     to {
46 |       transform: rotate(360deg);
47 |     }
48 |   }
49 | `
50 | 


--------------------------------------------------------------------------------
/src/components/GoHomeButton.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import { Link } from 'gatsby'
 3 | 
 4 | export default function GoHomeButton() {
 5 |   return (
 6 |     <div className="absolute top-0 left-0 mt-2 ml-2">
 7 |       <Link
 8 |         to="/courses"
 9 |         className="text-xs bg-purple-700 text-purple-200 rounded shadow py-2 px-3 hover:bg-purple-600"
10 |       >
11 |         Other Courses
12 |       </Link>
13 |     </div>
14 |   )
15 | }
16 | 


--------------------------------------------------------------------------------
/src/components/HomeHero.js:
--------------------------------------------------------------------------------
  1 | import React from 'react'
  2 | import styled from 'styled-components'
  3 | import { AnchorLink } from 'gatsby-plugin-anchor-links'
  4 | // import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
  5 | import Walkthrough from './Walkthrough/Walkthrough'
  6 | import LoginButton from './LoginButton'
  7 | import Stripes from './Stripes'
  8 | 
  9 | export default function MainHero() {
 10 |   return (
 11 |     <SHomeHero className="px-8 pt-20 pb-16 lg:pt-48 lg:pb-48 relative">
 12 |       <LoginButton />
 13 | 
 14 |       <Stripes />
 15 | 
 16 |       {/* columns */}
 17 |       <div className="container mx-auto lg:flex relative z-10">
 18 |         <div className="lg:flex-grow">
 19 |           <h2 className="home-title relative text-2xl leading-none grid grid-cols-2 grid-rows-3">
 20 |             <span className="make fugaz-one text-4xl text-blue-200">Make</span>
 21 |             <span className="react text-white row-start-2 col-span-2 leading-none text-justify">
 22 |               React
 23 |             </span>
 24 |             <span className="apps fugaz-one block w-full text-right text-blue-200 text-4xl pr-12 row-start-3 col-start-2">
 25 |               Apps
 26 |             </span>
 27 |           </h2>
 28 | 
 29 |           <div className="mt-12">
 30 |             <p className="text-xl md:text-2xl mb-2 text-blue-100">
 31 |               Build real-world React projects
 32 |             </p>
 33 |             <p className="text-lg text-blue-200 mb-6">
 34 |               Learn React best practices and concepts that you can use on the
 35 |               job, in side projects, and in any React app.
 36 |             </p>
 37 | 
 38 |             <AnchorLink
 39 |               to="/#courses"
 40 |               className="block text-center text-lg bg-yellow-400 hover:bg-yellow-300 text-yellow-900 shadow-2xl rounded-lg p-5 cursor-pointer w-full xl:w-2/3 transition-colors duration-300 ease-in"
 41 |             >
 42 |               <span role="img" aria-label="Spock Hand" className="mr-1">
 43 |                 ⚛️
 44 |               </span>{' '}
 45 |               See the Courses
 46 |             </AnchorLink>
 47 |           </div>
 48 |         </div>
 49 |         <div className="flex items-center justify-center lg:flex-shrink lg:pl-20">
 50 |           <Walkthrough />
 51 |         </div>
 52 |       </div>
 53 | 
 54 |       {/* overlay thingy with reasons */}
 55 |       <div
 56 |         className="lg:absolute bottom-0 left-0 right-0 z-10 mx-8"
 57 |         style={{ transform: 'translateY(60%)' }}
 58 |       >
 59 |         <div className="container mx-auto grid grid-cols-2 md:grid-cols-4 text-center bg-gray-200 rounded-lg shadow gap-4 p-4">
 60 |           <div className="bg-gray-100 text-gray-600 p-4 rounded flex flex-col items-center justify-center">
 61 |             {/* <FontAwesomeIcon
 62 |               icon={['fad', 'atom']}
 63 |               size="2x"
 64 |               className="mt-1 mb-3"
 65 |               style={{
 66 |                 '--fa-primary-color': '#4b5ed4',
 67 |                 '--fa-secondary-color': '#19b9ca',
 68 |               }}
 69 |             /> */}
 70 |             <p className="m-0">Made w/ Modern React</p>
 71 |           </div>
 72 |           <div className="bg-gray-100 text-gray-600 p-4 rounded flex flex-col items-center justify-center">
 73 |             {/* <FontAwesomeIcon
 74 |               icon={['fad', 'field-hockey']}
 75 |               size="2x"
 76 |               className="mt-1 mb-3"
 77 |               style={{
 78 |                 '--fa-primary-color': '#764ea1',
 79 |                 '--fa-secondary-color': '#ff824b',
 80 |               }}
 81 |             /> */}
 82 |             <p className="m-0">Learn React Hooks</p>
 83 |           </div>
 84 |           <div className="bg-gray-100 text-gray-600 p-4 rounded flex flex-col items-center justify-center">
 85 |             {/* <FontAwesomeIcon
 86 |               icon={['fad', 'treasure-chest']}
 87 |               size="2x"
 88 |               className="mt-1 mb-3"
 89 |               style={{
 90 |                 '--fa-primary-color': '#4c5dd4',
 91 |                 '--fa-secondary-color': '#89b9d4',
 92 |               }}
 93 |             /> */}
 94 |             <p className="m-0">Projects for your Portfolio</p>
 95 |           </div>
 96 |           <div className="bg-gray-100 text-gray-600 p-4 rounded flex flex-col items-center justify-center">
 97 |             {/* <FontAwesomeIcon
 98 |               icon={['fad', 'film']}
 99 |               size="2x"
100 |               className="mt-1 mb-3"
101 |               style={{
102 |                 '--fa-primary-color': '#fe535b',
103 |                 '--fa-secondary-color': '#0c0710',
104 |               }}
105 |             /> */}
106 |             <p className="m-0">High Quality Videos</p>
107 |           </div>
108 |         </div>
109 |       </div>
110 |     </SHomeHero>
111 |   )
112 | }
113 | 
114 | /**
115 |  * Styles
116 |  */
117 | const SHomeHero = styled.section`
118 |   .home-title {
119 |     grid-template-rows: 50px 1fr 50px;
120 | 
121 |     .make {
122 |       transform: rotate(-0.02turn);
123 |     }
124 | 
125 |     .react {
126 |       font-size: 200px;
127 |       text-shadow: 5px 5px 0 rgb(10, 134, 254);
128 | 
129 |       @media (max-width: 1280px) {
130 |         font-size: 100px;
131 |       }
132 |     }
133 | 
134 |     .apps {
135 |       transform: rotate(-0.02turn);
136 |     }
137 |   }
138 | `
139 | 


--------------------------------------------------------------------------------
/src/components/LessonList/LessonList.css:
--------------------------------------------------------------------------------
 1 | .lesson-list {
 2 |   position: relative;
 3 |   background-color: transparent;
 4 | }
 5 | 
 6 | .lesson-list .container {
 7 |   position: relative;
 8 |   z-index: 1;
 9 | }
10 | 
11 | .lesson-list::before {
12 |   content: "";
13 |   position: absolute;
14 |   top: -50px;
15 |   left: 0;
16 |   width: 100%;
17 |   height: calc(100% + 100px);
18 |   clip-path: polygon(0% 0%, 100% 50px, 100% 100%, 0% calc(100% - 50px));
19 |   background-color: #ffffff;
20 |   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 28' width='56' height='28'%3E%3Cpath fill='%23eeeeee' fill-opacity='0.4' d='M56 26v2h-7.75c2.3-1.27 4.94-2 7.75-2zm-26 2a2 2 0 1 0-4 0h-4.09A25.98 25.98 0 0 0 0 16v-2c.67 0 1.34.02 2 .07V14a2 2 0 0 0-2-2v-2a4 4 0 0 1 3.98 3.6 28.09 28.09 0 0 1 2.8-3.86A8 8 0 0 0 0 6V4a9.99 9.99 0 0 1 8.17 4.23c.94-.95 1.96-1.83 3.03-2.63A13.98 13.98 0 0 0 0 0h7.75c2 1.1 3.73 2.63 5.1 4.45 1.12-.72 2.3-1.37 3.53-1.93A20.1 20.1 0 0 0 14.28 0h2.7c.45.56.88 1.14 1.29 1.74 1.3-.48 2.63-.87 4-1.15-.11-.2-.23-.4-.36-.59H26v.07a28.4 28.4 0 0 1 4 0V0h4.09l-.37.59c1.38.28 2.72.67 4.01 1.15.4-.6.84-1.18 1.3-1.74h2.69a20.1 20.1 0 0 0-2.1 2.52c1.23.56 2.41 1.2 3.54 1.93A16.08 16.08 0 0 1 48.25 0H56c-4.58 0-8.65 2.2-11.2 5.6 1.07.8 2.09 1.68 3.03 2.63A9.99 9.99 0 0 1 56 4v2a8 8 0 0 0-6.77 3.74c1.03 1.2 1.97 2.5 2.79 3.86A4 4 0 0 1 56 10v2a2 2 0 0 0-2 2.07 28.4 28.4 0 0 1 2-.07v2c-9.2 0-17.3 4.78-21.91 12H30zM7.75 28H0v-2c2.81 0 5.46.73 7.75 2zM56 20v2c-5.6 0-10.65 2.3-14.28 6h-2.7c4.04-4.89 10.15-8 16.98-8zm-39.03 8h-2.69C10.65 24.3 5.6 22 0 22v-2c6.83 0 12.94 3.11 16.97 8zm15.01-.4a28.09 28.09 0 0 1 2.8-3.86 8 8 0 0 0-13.55 0c1.03 1.2 1.97 2.5 2.79 3.86a4 4 0 0 1 7.96 0zm14.29-11.86c1.3-.48 2.63-.87 4-1.15a25.99 25.99 0 0 0-44.55 0c1.38.28 2.72.67 4.01 1.15a21.98 21.98 0 0 1 36.54 0zm-5.43 2.71c1.13-.72 2.3-1.37 3.54-1.93a19.98 19.98 0 0 0-32.76 0c1.23.56 2.41 1.2 3.54 1.93a15.98 15.98 0 0 1 25.68 0zm-4.67 3.78c.94-.95 1.96-1.83 3.03-2.63a13.98 13.98 0 0 0-22.4 0c1.07.8 2.09 1.68 3.03 2.63a9.99 9.99 0 0 1 16.34 0z'%3E%3C/path%3E%3C/svg%3E");
21 | }
22 | 


--------------------------------------------------------------------------------
/src/components/LessonList/LessonList.js:
--------------------------------------------------------------------------------
  1 | import React from 'react'
  2 | import { AnchorLink } from 'gatsby-plugin-anchor-links'
  3 | import './LessonList.css'
  4 | 
  5 | const gettingStartedSection = {
  6 |   sectionTitle: 'Getting Started',
  7 |   lessons: [
  8 |     {
  9 |       lessonTitle: 'Hello!',
 10 |       time: 1,
 11 |       previewLink:
 12 |         'https://learn.better.dev/courses/make-20-react-apps/249711-getting-started/748466-hello',
 13 |     },
 14 |     {
 15 |       lessonTitle: 'VS Code Setup',
 16 |       time: 20,
 17 |       previewLink:
 18 |         'https://learn.better.dev/courses/make-20-react-apps/249711-getting-started/746204-vs-code-setup',
 19 |     },
 20 |     { lessonTitle: 'Terminal Setup (npm vs yarn)', time: 6 },
 21 |     { lessonTitle: 'Starter and Final Files in GitHub', time: 5 },
 22 |   ],
 23 | }
 24 | 
 25 | const firstSection = [
 26 |   { ...gettingStartedSection },
 27 |   {
 28 |     sectionTitle: 'Pomodoro',
 29 |     demoLink: 'https://r36qd.codesandbox.io/',
 30 |     lessons: [
 31 |       {
 32 |         lessonTitle: '00 - Pomodoro [PREVIEW]',
 33 |         time: 2,
 34 |         previewLink:
 35 |           'https://learn.better.dev/courses/10-react-apps-series-a/348620-01-pomodoro/992082-00-pomodoro-preview',
 36 |       },
 37 |       { lessonTitle: '01 - Time and Start', time: 11 },
 38 |       { lessonTitle: '02 - Stop and Reset', time: 13 },
 39 |     ],
 40 |   },
 41 |   {
 42 |     sectionTitle: 'Markdown Editor',
 43 |     demoLink: 'https://391jg.codesandbox.io/',
 44 |     lessons: [
 45 |       {
 46 |         lessonTitle: '00 - Markdown Editor [PREVIEW]',
 47 |         time: 2,
 48 |         previewLink:
 49 |           'https://learn.better.dev/courses/10-react-apps-series-a/348621-02-markdown-editor/992079-00-markdown-editor-preview',
 50 |       },
 51 |       { lessonTitle: '01 - Markdown Editor', time: 15 },
 52 |     ],
 53 |   },
 54 |   {
 55 |     sectionTitle: 'Browser Tabs',
 56 |     demoLink: 'https://yyhfg.codesandbox.io/',
 57 |     lessons: [
 58 |       {
 59 |         lessonTitle: '00 - Browser Tabs [PREVIEW]',
 60 |         time: 2,
 61 |         previewLink:
 62 |           'https://learn.better.dev/courses/10-react-apps-series-a/348622-03-highlight-tabs/992072-00-browser-tabs-preview',
 63 |       },
 64 |       { lessonTitle: '01 - Tab Highlight', time: 20 },
 65 |       { lessonTitle: ' 02 - React Router', time: 17 },
 66 |       { lessonTitle: '03 - Refactoring', time: 20 },
 67 |     ],
 68 |   },
 69 |   {
 70 |     sectionTitle: 'Paper Rock Scissors',
 71 |     demoLink: 'https://njpw4.codesandbox.io/',
 72 |     lessons: [
 73 |       {
 74 |         lessonTitle: '00 - Paper Rock Scissors [PREVIEW]',
 75 |         time: 2,
 76 |         previewLink:
 77 |           'https://learn.better.dev/courses/10-react-apps-series-a/348623-04-paper-rock-scissors/992070-00-paper-rock-scissors-preview',
 78 |       },
 79 |       { lessonTitle: '01 - Intro + Handling Choices', time: 11 },
 80 |       { lessonTitle: '02 - Displaying Game State', time: 13 },
 81 |       { lessonTitle: '03 - Choosing Winner', time: 13 },
 82 |     ],
 83 |   },
 84 |   {
 85 |     sectionTitle: 'Moving Boxes and Zelda',
 86 |     demoLink: 'https://405hq.codesandbox.io/',
 87 |     lessons: [
 88 |       {
 89 |         lessonTitle: ' 00 - Moving Boxes and Link [PREVIEW]',
 90 |         time: 2,
 91 |         previewLink:
 92 |           'https://learn.better.dev/courses/10-react-apps-series-a/348624-05-moving-boxes-and-zelda/992093-00-moving-boxes-and-link-preview',
 93 |       },
 94 |       { lessonTitle: '01 - Setting Up Canvas and Box', time: 10 },
 95 |       { lessonTitle: '02 - Keyboard Arrows', time: 8 },
 96 |       { lessonTitle: '03 - Link Sprites', time: 7 },
 97 |       { lessonTitle: '04 - Custom Hook and Background', time: 5 },
 98 |     ],
 99 |   },
100 |   {
101 |     sectionTitle: 'Infinite Image Gallery',
102 |     demoLink: 'https://e9ucz.csb.app/',
103 |     lessons: [
104 |       {
105 |         lessonTitle: '00 - Infinite Image Gallery [PREVIEW]',
106 |         time: 2,
107 |         previewLink:
108 |           'https://learn.better.dev/courses/10-react-apps-series-a/348625-06-infinite-image-gallery/992060-00-infinite-image-gallery-preview',
109 |       },
110 |       { lessonTitle: '01 - Getting Images from Unsplash', time: 18 },
111 |       { lessonTitle: '02 - Infinite Scroll', time: 11 },
112 |       { lessonTitle: '03 - Searching Unsplash', time: 14 },
113 |       { lessonTitle: `04 - useEffect's 2nd Argument`, time: 7 },
114 |     ],
115 |   },
116 |   {
117 |     sectionTitle: 'Trivia App',
118 |     demoLink: 'https://qlb3o.csb.app/',
119 |     lessons: [
120 |       {
121 |         lessonTitle: '00 - Trivia [PREVIEW]',
122 |         time: 2,
123 |         previewLink:
124 |           'https://learn.better.dev/courses/10-react-apps-series-a/348626-07-trivia/992056-00-trivia-preview',
125 |       },
126 |       { lessonTitle: '01 - Getting and Displaying a Question', time: 16 },
127 |       { lessonTitle: '02 - Selecting a Category', time: 14 },
128 |       { lessonTitle: '03 - Handling Right and Wrong', time: 11 },
129 |       { lessonTitle: `04 - Scoreboard`, time: 8 },
130 |       { lessonTitle: `05 - useTrivia Custom React Hook`, time: 8 },
131 |     ],
132 |   },
133 |   {
134 |     sectionTitle: 'Authentication',
135 |     demoLink: undefined,
136 |     lessons: [
137 |       {
138 |         lessonTitle: '00 - Authentication [PREVIEW]',
139 |         time: 2,
140 |         previewLink:
141 |           'https://learn.better.dev/courses/10-react-apps-series-a/348627-08-authentication/992048-00-authentication-preview',
142 |       },
143 |       { lessonTitle: '01 - Setting up Auth0', time: 10 },
144 |       { lessonTitle: '02 - Starting the Auth0 SPA SDK', time: 7 },
145 |       { lessonTitle: '03 - Starting React Context', time: 7 },
146 |       { lessonTitle: `04 - Adding Auth0 to Context`, time: 17 },
147 |       { lessonTitle: `05 - PrivateRoute`, time: 8 },
148 |       { lessonTitle: `06 - Getting a Token`, time: 4 },
149 |     ],
150 |   },
151 |   {
152 |     sectionTitle: 'Web Speech and Timers',
153 |     demoLink: 'https://4jfqj.csb.app/',
154 |     lessons: [
155 |       {
156 |         lessonTitle: '00 - Web Speech [PREVIEW]',
157 |         time: 1,
158 |         previewLink:
159 |           'https://learn.better.dev/courses/10-react-apps-series-a/348628-09-web-speech-and-timers/992042-00-web-speech-and-timers-preview',
160 |       },
161 |       { lessonTitle: '01 - Creating Timer Forms', time: 11 },
162 |       { lessonTitle: '02 - Adding a Stopwatch', time: 9 },
163 |       { lessonTitle: '03 - Adding Speech', time: 10 },
164 |     ],
165 |   },
166 |   {
167 |     sectionTitle: 'Calendar Picker',
168 |     demoLink: 'https://d4vfr.csb.app/',
169 |     lessons: [
170 |       {
171 |         lessonTitle: '00 - Calendar Picker [PREVIEW]',
172 |         time: 2,
173 |         previewLink:
174 |           'https://learn.better.dev/courses/10-react-apps-series-a/348629-10-calendar-picker/992041-00-calendar-picker-preview',
175 |       },
176 |       { lessonTitle: '01 - Choosing a Date', time: 10 },
177 |       { lessonTitle: '02 - Styled Components', time: 13 },
178 |       { lessonTitle: '03 - Hovering Days', time: 8 },
179 |     ],
180 |   },
181 | ]
182 | 
183 | const secondSection = [
184 |   { ...gettingStartedSection },
185 |   {
186 |     sectionTitle: 'Animated Chat Box',
187 |     demoLink: 'https://9lrdz.csb.app/',
188 |     lessons: [
189 |       {
190 |         lessonTitle: '00 - Chat Box [PREVIEW]',
191 |         time: 1,
192 |         previewLink:
193 |           'https://learn.better.dev/courses/10-react-apps-series-b/365601-1-animated-chat-box/1041046-00-chat-box-preview',
194 |       },
195 |       { lessonTitle: '01 - Visualizing Messages', time: 8 },
196 |       { lessonTitle: '02 - Typing Indicator', time: 8 },
197 |       { lessonTitle: '03 - Adding Animations', time: 5 },
198 |     ],
199 |   },
200 |   {
201 |     sectionTitle: 'Multi-Step Form w/ Context',
202 |     demoLink: 'https://hbkbf.csb.app/',
203 |     lessons: [
204 |       {
205 |         lessonTitle: '00 - Multi-Step Form [PREVIEW]',
206 |         time: 2,
207 |         previewLink:
208 |           'https://learn.better.dev/courses/10-react-apps-series-b/365602-2-multi-step-form/1041044-00-multi-step-form-preview',
209 |       },
210 |       { lessonTitle: '01 - Multi-Step with Router', time: 11 },
211 |       { lessonTitle: '02 - Forms and Validation', time: 12 },
212 |       { lessonTitle: '03 - Storing State with React Context', time: 13 },
213 |       { lessonTitle: '04 - Animating Routes', time: 8 },
214 |       { lessonTitle: '05 - Disabling Links', time: 6 },
215 |     ],
216 |   },
217 |   {
218 |     sectionTitle: 'Memory Matching Game',
219 |     demoLink: 'https://0dsop.csb.app/',
220 |     lessons: [
221 |       {
222 |         lessonTitle: '00 - Memory Matching Game [PREVIEW]',
223 |         time: 1,
224 |         previewLink:
225 |           'https://learn.better.dev/courses/10-react-apps-series-b/365603-3-memory-matching-game/1041042-00-memory-matching-preview',
226 |       },
227 |       { lessonTitle: '01 - Displaying Pokemon', time: 8 },
228 |       { lessonTitle: '02 - Flipping Cards', time: 8 },
229 |       { lessonTitle: '03 - Handling Winning', time: 10 },
230 |     ],
231 |   },
232 |   {
233 |     sectionTitle: 'Drag and Drop Math Card',
234 |     demoLink: 'https://sj1bd.csb.app/',
235 |     lessons: [
236 |       {
237 |         lessonTitle: '00 - Drag and Drop Math Card [PREVIEW]',
238 |         time: 1,
239 |         previewLink:
240 |           'https://learn.better.dev/courses/make-20-react-apps/329060-14-drag-and-drop-math-card/938167-00-drag-and-drop-math-card-preview',
241 |       },
242 |       { lessonTitle: '01 - Handling Dragging', time: 11 },
243 |       { lessonTitle: '02 - Handling Dropping', time: 8 },
244 |       { lessonTitle: '03 - Storing Values in State', time: 10 },
245 |     ],
246 |   },
247 |   {
248 |     sectionTitle: 'Browser',
249 |     demoLink: 'https://e7ws4.csb.app/',
250 |     lessons: [
251 |       {
252 |         lessonTitle: '00 - Preview',
253 |         time: 1,
254 |         previewLink:
255 |           'https://learn.better.dev/courses/10-react-apps-series-b/365605-5-browser/1041032-00-browser-browser-preview',
256 |       },
257 |       { lessonTitle: '01 - Showing iframes', time: 7 },
258 |       { lessonTitle: '02 - Choosing and Adding', time: 6 },
259 |       { lessonTitle: '03 - Address Bar', time: 9 },
260 |       { lessonTitle: '04 - useReducer', time: 15 },
261 |       { lessonTitle: '05 - Closing Tabs', time: 14 },
262 |     ],
263 |   },
264 |   {
265 |     sectionTitle: 'Real-Time Search',
266 |     demoLink: 'https://707yr.csb.app/',
267 |     lessons: [
268 |       {
269 |         lessonTitle: '00 - Real-Time Search [PREVIEW]',
270 |         time: 2,
271 |         previewLink:
272 |           'https://learn.better.dev/courses/10-react-apps-series-b/365606-6-real-time-search/1041031-00-real-time-search-preview',
273 |       },
274 |       { lessonTitle: '01 - Algolia Setup', time: 10 },
275 |       { lessonTitle: '02 - React Algolia Components', time: 11 },
276 |     ],
277 |   },
278 |   {
279 |     sectionTitle: 'Charting the Weather',
280 |     demoLink: 'https://v2dmf.csb.app/',
281 |     lessons: [
282 |       {
283 |         lessonTitle: '00 - Charting the Weather [PREVIEW]',
284 |         time: 1,
285 |         previewLink:
286 |           'https://learn.better.dev/courses/10-react-apps-series-b/365607-7-charting-the-weather/1041029-00-weather-chart-preview',
287 |       },
288 |       { lessonTitle: '01 - High Level Strategy', time: 11 },
289 |       { lessonTitle: '02 - Geocoding Addresses', time: 15 },
290 |       { lessonTitle: '03 - Starting Charts', time: 13 },
291 |       { lessonTitle: '04 - Showing Weather Data', time: 11 },
292 |     ],
293 |   },
294 | ]
295 | 
296 | export default function LessonList({ whichCourse = 'a' }) {
297 |   const url =
298 |     whichCourse === 'a' ? '/10-react-apps-series-a' : '/10-react-apps-series-b'
299 | 
300 |   return (
301 |     <div className="lesson-list bg-white text-gray-800 py-32 px-6 lg:px-24 lg:pt-32 lg:pb-40">
302 |       <div className="container mx-auto">
303 |         <h2 className="fugaz-one text-2xl lg:text-4xl text-center mb-2">
304 |           Videos List
305 |         </h2>
306 |         <h3 className="arial text-center text-xl mb-10 text-gray-600">
307 |           {whichCourse === 'a'
308 |             ? '49 videos. 6+ hours of learning'
309 |             : '32 videos. 5+ hours of learning'}
310 |         </h3>
311 | 
312 |         {/* show the lists */}
313 |         {whichCourse === 'a' &&
314 |           firstSection.map((section, index) => (
315 |             <LessonSection
316 |               key={index}
317 |               url={url}
318 |               section={section}
319 |               index={index}
320 |               isLast={index + 1 === 10}
321 |             />
322 |           ))}
323 | 
324 |         {whichCourse === 'b' &&
325 |           secondSection.map((section, index) => (
326 |             <LessonSection
327 |               key={index}
328 |               url={url}
329 |               section={section}
330 |               index={index}
331 |               isLast={index + 1 === 10}
332 |             />
333 |           ))}
334 |       </div>
335 |     </div>
336 |   )
337 | }
338 | 
339 | function LessonSection({ section, index, isLast, url }) {
340 |   return (
341 |     <div className="bg-white text-gray-600 rounded-lg shadow mb-8 w-full lg:w-4/5 mx-auto leading-relaxed">
342 |       <div className="flex justify-between bg-gray-200 py-3 px-4 border rounded-t-lg">
343 |         {/* section title */}
344 |         <h4 className="fugaz-one text-gray-700 text-lg flex items-center">
345 |           {index !== 0 && !isLast && (
346 |             <span className="mr-1 text-gray-400">#{index}</span>
347 |           )}
348 |           {section.sectionTitle}
349 |         </h4>
350 | 
351 |         {/* demo link */}
352 |         {section.demoLink && (
353 |           <a
354 |             href={section.demoLink}
355 |             target="_blank"
356 |             rel="noopener noreferrer"
357 |             className="py-2 px-4 rounded bg-purple-200 hover:bg-purple-100 text-purple-500 text-sm md:text-base"
358 |           >
359 |             View Demo
360 |           </a>
361 |         )}
362 |       </div>
363 | 
364 |       {/* lesson list */}
365 |       {section.lessons.map((lesson, index) => (
366 |         <div
367 |           key={index}
368 |           className={`py-3 px-4 flex justify-between ${
369 |             index % 2 === 1 && 'bg-gray-100'
370 |           }`}
371 |         >
372 |           <div className="w-6/12 lg:w-5/12">{lesson.lessonTitle}</div>
373 |           <div className="lg:w-2/12 hidden lg:block text-right text-gray-500 pr-4">
374 |             {lesson.time} mins
375 |           </div>
376 |           <div className="w-6/12 lg:w-5/12 text-right">
377 |             {lesson.previewLink && (
378 |               <a
379 |                 href={lesson.previewLink}
380 |                 target="_blank"
381 |                 rel="noopener noreferrer"
382 |                 className="py-2 px-4 rounded shadow bg-blue-400 hover:bg-blue-300 text-blue-100 w-full text-xs md:text-sm"
383 |               >
384 |                 Watch
385 |               </a>
386 |             )}
387 |             {!lesson.previewLink && (
388 |               <AnchorLink
389 |                 to={`${url}#pricing`}
390 |                 className="py-2 px-4 rounded shadow bg-gray-400 hover:bg-gray-300 text-white w-full text-xs md:text-sm transition-colors"
391 |               >
392 |                 Get Access
393 |               </AnchorLink>
394 |             )}
395 |           </div>
396 |         </div>
397 |       ))}
398 |     </div>
399 |   )
400 | }
401 | 


--------------------------------------------------------------------------------
/src/components/LoginButton.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import PropTypes from 'prop-types'
 3 | 
 4 | export default function LoginButton({ color = 'blue' }) {
 5 |   const styles =
 6 |     color === 'blue'
 7 |       ? 'bg-blue-700 text-blue-200 hover:bg-blue-600'
 8 |       : 'bg-purple-700 text-purple-200 hover:bg-purple-600'
 9 | 
10 |   return (
11 |     <div className="absolute top-0 right-0 mt-2 mr-2">
12 |       <a
13 |         href="https://learn.better.dev/login"
14 |         className={`text-xs rounded shadow py-2 px-3 ${styles}`}
15 |       >
16 |         Login
17 |       </a>
18 |     </div>
19 |   )
20 | }
21 | 
22 | LoginButton.propTypes = {
23 |   color: PropTypes.string,
24 | }
25 | 


--------------------------------------------------------------------------------
/src/components/MainHero/MainHero.css:
--------------------------------------------------------------------------------
 1 | .main-title {
 2 |   width: 400px;
 3 | }
 4 | 
 5 | .main-title-number {
 6 |   font-size: 200px;
 7 |   font-variant-numeric: tabular-nums;
 8 | }
 9 | 
10 | @media (max-width: 480px) {
11 |   .main-title {
12 |     width: 320px !important;
13 |   }
14 | }
15 | 
16 | @media (min-width: 1280px) {
17 |   .main-title {
18 |     width: 400px;
19 |   }
20 |   .main-title-number {
21 |     font-size: 250px;
22 |   }
23 | }
24 | 


--------------------------------------------------------------------------------
/src/components/MainHero/MainHero.js:
--------------------------------------------------------------------------------
  1 | import React, { useState } from 'react'
  2 | import useInterval from '@use-it/interval'
  3 | // import Newsletter from "../newsletter"
  4 | import Walkthrough from '../Walkthrough/Walkthrough'
  5 | import { FaReact } from 'react-icons/fa'
  6 | // import "./MainHero.css"
  7 | 
  8 | function getRandomColor() {
  9 |   const letters = '0123456789ABCDEF'
 10 |   let color = '#'
 11 |   for (let i = 0; i < 6; i++) {
 12 |     color += letters[Math.floor(Math.random() * 16)]
 13 |   }
 14 |   return color
 15 | }
 16 | 
 17 | export default function MainHero() {
 18 |   const [count, setCount] = useState(0)
 19 | 
 20 |   useInterval(() => {
 21 |     if (count <= 19) setCount((count) => count + 1)
 22 |   }, 70)
 23 | 
 24 |   return (
 25 |     <section className="px-4 lg:px-0 pt-4 pb-16 lg:pt-20 lg:pb-40 relative">
 26 |       {/* react icons */}
 27 |       <ReactIcons count={count} />
 28 | 
 29 |       {/* columns */}
 30 |       <div className="container mx-auto lg:flex lg:px-8">
 31 |         <div className="lg:flex-grow">
 32 |           <h2
 33 |             className="main-title relative text-2xl leading-tight"
 34 |             style={{ width: '400px' }}
 35 |           >
 36 |             <span
 37 |               className="fugaz-one block text-4xl text-yellow-200 mr-3 absolute top-0"
 38 |               style={{
 39 |                 transform: 'rotate(-0.02turn)',
 40 |                 top: '25px',
 41 |               }}
 42 |             >
 43 |               Make
 44 |             </span>
 45 |             <span
 46 |               className="main-title-number block text-white"
 47 |               style={{
 48 |                 textShadow: `8px 8px 0 ${getRandomColor()}`,
 49 |               }}
 50 |             >
 51 |               {count}
 52 |             </span>
 53 |             <span
 54 |               className="fugaz-one block text-yellow-200 text-4xl ml-3 absolute bottom-0"
 55 |               style={{
 56 |                 transform: 'rotate(-0.02turn)',
 57 |                 right: '-30px',
 58 |               }}
 59 |             >
 60 |               React Apps
 61 |             </span>
 62 |           </h2>
 63 | 
 64 |           <div className="mt-16">
 65 |             <p className="md:text-3xl mb-1 text-blue-900">
 66 |               Build more than a to-do app.
 67 |             </p>
 68 |             <p className="md:text-xl text-blue-800 mb-6">
 69 |               Learn React best practices and concepts that you can use on the
 70 |               job, in side projects, and in any React app.
 71 |             </p>
 72 | 
 73 |             <a
 74 |               href="#pricing"
 75 |               className="flex items-center justify-center lg:text-xl bg-yellow-400 hover:bg-yellow-300 text-yellow-900 shadow-2xl rounded-lg p-6 cursor-pointer w-full xl:w-2/3 transition-colors"
 76 |             >
 77 |               <div>
 78 |                 <span role="img" aria-label="Spock Hand" className="mr-1">
 79 |                   ⚛️
 80 |                 </span>{' '}
 81 |                 Buy the Course
 82 |               </div>
 83 |             </a>
 84 | 
 85 |             {/* <p className="text-blue-800 mb-1 mt-12">
 86 |               Sign up to the newsletter and get <strong>1 free app</strong> and{" "}
 87 |               <strong>5 free videos</strong>.
 88 |             </p>
 89 |             <Newsletter /> */}
 90 |           </div>
 91 |         </div>
 92 |         <div className="flex items-center justify-center lg:flex-shrink lg:pl-20">
 93 |           <Walkthrough />
 94 |         </div>
 95 |       </div>
 96 |     </section>
 97 |   )
 98 | }
 99 | 
100 | function ReactIcons({ count }) {
101 |   return (
102 |     <div
103 |       className="fixed left-0 right-0 top-0 bottom-0 z-0 grid grid-cols-4 grid-cols-4 pointer-events-none"
104 |       style={{ zIndex: '-1' }}
105 |     >
106 |       {Array.apply(null, Array(20)).map((value, index) => (
107 |         <div
108 |           key={index}
109 |           className={`flex items-center justify-center p-4 ${
110 |             index > count ? 'opacity-0' : ''
111 |           }`}
112 |         >
113 |           <FaReact className="text-blue-700" />
114 |         </div>
115 |       ))}
116 |     </div>
117 |   )
118 | }
119 | 


--------------------------------------------------------------------------------
/src/components/Pricing/Pricing.css:
--------------------------------------------------------------------------------
1 | 
2 | 


--------------------------------------------------------------------------------
/src/components/Pricing/Pricing.js:
--------------------------------------------------------------------------------
  1 | import React, { useState } from 'react'
  2 | import styled from 'styled-components'
  3 | import { Dialog } from '@reach/dialog'
  4 | import { FaCheck } from 'react-icons/fa'
  5 | import '@reach/dialog/styles.css'
  6 | 
  7 | const wordsAreHard = {
  8 |   a: {
  9 |     title: '10 React Apps (Part 1)',
 10 |     url: 'https://learn.better.dev',
 11 |   },
 12 |   b: {
 13 |     title: '10 React Apps (Part 2)',
 14 |     url: 'https://learn.better.dev/10-react-apps-series-b',
 15 |   },
 16 | }
 17 | 
 18 | export default function Pricing({ whichCourse = 'a' }) {
 19 |   const [showDialog, setShowDialog] = useState(false)
 20 | 
 21 |   const open = () => setShowDialog(true)
 22 |   const close = () => setShowDialog(false)
 23 | 
 24 |   const { url } = wordsAreHard[whichCourse]
 25 | 
 26 |   const color = whichCourse === 'a' ? 'blue' : 'purple'
 27 |   const iconColors =
 28 |     whichCourse === 'a'
 29 |       ? {
 30 |           '--fa-primary-color': '#4b5ed4',
 31 |           '--fa-secondary-color': '#19b9ca',
 32 |         }
 33 |       : {
 34 |           '--fa-primary-color': '#91cef4',
 35 |           '--fa-secondary-color': '#ff9676',
 36 |         }
 37 | 
 38 |   return (
 39 |     <SPricing
 40 |       id="pricing"
 41 |       className="bg-green-600 text-gray-300 py-32 px-6 lg:px-24 lg:pb-40"
 42 |     >
 43 |       {showDialog && (
 44 |         <UpsellDialog isShowing={showDialog} close={close} url={url} />
 45 |       )}
 46 | 
 47 |       <div className="container mx-auto">
 48 |         {/* pricing box ==================================================== */}
 49 |         <div className="bg-white rounded-lg shadow-lg w-full md:w-4/5 xl:w-3/5 text-gray-900 mx-auto">
 50 |           {/* header */}
 51 |           <h3
 52 |             className={`fugaz-one w-full pt-6 pb-4 lg:pt-8 lg:pb-6 px-12 text-xl lg:text-4xl font-bold uppercase rounded-t-lg ${
 53 |               color === 'blue'
 54 |                 ? 'bg-blue-200 text-blue-500'
 55 |                 : 'bg-purple-200 text-purple-500'
 56 |             }`}
 57 |           >
 58 |             Start{' '}
 59 |             <strong
 60 |               className={`${
 61 |                 color === 'blue' ? 'text-blue-700' : 'text-purple-700'
 62 |               }`}
 63 |             >
 64 |               Creating React Apps
 65 |             </strong>
 66 |           </h3>
 67 | 
 68 |           <div className="py-10 px-12">
 69 |             {/* price info */}
 70 |             <div
 71 |               className={`flex items-center leading-none text-6xl ${
 72 |                 color === 'blue' ? 'text-blue-800' : 'text-purple-800'
 73 |               }`}
 74 |             >
 75 |               <div>
 76 |                 <span className="mr-1 opacity-50">$</span>
 77 |                 <span>47</span>
 78 |               </div>
 79 |             </div>
 80 |             <p className="mt-6 text-lg text-gray-600">
 81 |               All the React training to level up your skills.
 82 |             </p>
 83 |           </div>
 84 | 
 85 |           <div className="bg-gray-100 text-gray-700 py-10 px-12">
 86 |             {/* main info */}
 87 |             <p className="leading-loose mb-8 font-normal">
 88 |               <div className="flex items-center">
 89 |                 <FaCheck className="mr-3" style={iconColors} />
 90 |                 Get access to {whichCourse === 'a' ? '49 videos' : '32 videos'}
 91 |               </div>
 92 | 
 93 |               <div className="flex items-center">
 94 |                 <FaCheck className="mr-3" style={iconColors} />
 95 |                 6+ hours of learning
 96 |               </div>
 97 | 
 98 |               <div className="flex items-center">
 99 |                 <FaCheck className="mr-3" style={iconColors} />
100 |                 Source code for the apps
101 |               </div>
102 | 
103 |               <div className="flex items-center">
104 |                 <FaCheck className="mr-3" style={iconColors} />
105 |                 Access to exclusive Discord community for support
106 |               </div>
107 | 
108 |               <div className="flex items-center">
109 |                 <FaCheck className="mr-3" style={iconColors} />
110 |                 Use the code for your own projects
111 |               </div>
112 | 
113 |               <div className="flex items-center">
114 |                 <FaCheck className="mr-3" style={iconColors} />
115 |                 Unlimited updates
116 |               </div>
117 |             </p>
118 | 
119 |             <SCheckoutButton
120 |               onClick={open}
121 |               className="overflow-hidden flex items-center justify-between lg:text-2xl bg-yellow-400 text-yellow-700 shadow hover:shadow-lg rounded px-6 py-5 cursor-pointer w-full transition-all ease-in duration-150"
122 |             >
123 |               <span>
124 |                 Buy 10 React Apps{' '}
125 |                 {whichCourse === 'b' && (
126 |                   <strong className="text-yellow-800 capitalize">
127 |                     (Part 2)
128 |                   </strong>
129 |                 )}
130 |               </span>
131 |               <FaCheck className="opacity-75" />
132 |             </SCheckoutButton>
133 |           </div>
134 |         </div>
135 |       </div>
136 |     </SPricing>
137 |   )
138 | }
139 | 
140 | function UpsellDialog({ isShowing, url, close }) {
141 |   // usePodia()
142 | 
143 |   return (
144 |     <Dialog
145 |       className="z-50 p-10 rounded shadow-xl text-center w-5/6 lg:w-1/2"
146 |       isOpen={isShowing}
147 |       onDismiss={close}
148 |     >
149 |       <h2 className="arial text-2xl lg:text-4xl text-gray-700">
150 |         Get a 2nd Course for <strong className="text-gray-800">40% Off</strong>
151 |       </h2>
152 |       <p className="text-lg mb-10 text-gray-700">
153 |         Bundle two courses together and{' '}
154 |         <strong className="text-green-400">save</strong>!
155 |       </p>
156 | 
157 |       <div className="lg:w-4/5 mx-auto grid grid-cols-2 col-gap-1 text-gray-600 leading-none mb-10">
158 |         {/* part 1 */}
159 |         <div className="bg-blue-100 rounded-lg">
160 |           <img
161 |             src="https://scotch-res.cloudinary.com/image/upload/v1594571945/d2e337a4f6900f8d0798c596eb0607a8e0c2fbddb6a7ab7afcd60009c119d4c7_evfnlk.png"
162 |             alt="10 React Apps Part 1"
163 |             className="rounded-t-lg"
164 |           />
165 |           <h2 className="arial text-blue-600 p-4 leading-snug">
166 |             Make 10 React Apps <strong className="block">(Part 1)</strong>
167 |           </h2>
168 |         </div>
169 | 
170 |         {/* part 2 */}
171 |         <div className="bg-purple-100 rounded-lg">
172 |           <img
173 |             src="https://scotch-res.cloudinary.com/image/upload/v1594571945/d2e337a4f6900f8d0798c596eb0607a8e0c2fbddb6a7ab7afcd60009c119d4c7_1_nq11gx.png"
174 |             alt="10 React Apps Part 2"
175 |             className="rounded-t-lg"
176 |           />
177 |           <h2 className="arial text-purple-600 p-4 leading-snug">
178 |             Make 10 React Apps <strong className="block">(Part 2)</strong>
179 |           </h2>
180 |         </div>
181 |       </div>
182 | 
183 |       {/* purchase the bundle */}
184 |       <a
185 |         href="https://learn.better.dev/make-react-apps-bundle-a-and-b/buy"
186 |         className="text-green-100 bg-green-500 block xl:w-1/2 mx-auto py-3 px-6 mb-4 rounded shadow hover:shadow-xl text-xl lg:text-2xl transition duration-75 ease-in"
187 |       >
188 |         <span>
189 |           Buy Bundle{' '}
190 |           <span className="line-through ml-2 mr-1 opacity-75">$99</span>
191 |           <strong className="text-white">$79</strong>
192 |         </span>
193 |         <span className="block mt-1 opacity-50 text-xs">
194 |           30-day money back guarantee
195 |         </span>
196 |       </a>
197 | 
198 |       {/* purchase 1 */}
199 |       <a
200 |         href={`${url}/buy`}
201 |         className="text-center block text-gray-700 hover:text-gray-800 hover:underline"
202 |       >
203 |         No thanks - Purchase 1 Course
204 |       </a>
205 |     </Dialog>
206 |   )
207 | }
208 | 
209 | const SPricing = styled.div`
210 |   position: relative;
211 |   background-color: transparent;
212 | 
213 |   .container {
214 |     position: relative;
215 |     z-index: 1;
216 |   }
217 | 
218 |   &::before {
219 |     content: '';
220 |     position: absolute;
221 |     top: -50px;
222 |     left: 0;
223 |     width: 100%;
224 |     height: calc(100% + 100px);
225 |     clip-path: polygon(0% 0%, 100% 50px, 100% 100%, 0% calc(100% - 50px));
226 |     background-color: #38a169;
227 |     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='24' viewBox='0 0 88 24'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='autumn' fill='%2346ad76' fill-opacity='0.4'%3E%3Cpath d='M10 0l30 15 2 1V2.18A10 10 0 0 0 41.76 0H39.7a8 8 0 0 1 .3 2.18v10.58L14.47 0H10zm31.76 24a10 10 0 0 0-5.29-6.76L4 1 2 0v13.82a10 10 0 0 0 5.53 8.94L10 24h4.47l-6.05-3.02A8 8 0 0 1 4 13.82V3.24l31.58 15.78A8 8 0 0 1 39.7 24h2.06zM78 24l2.47-1.24A10 10 0 0 0 86 13.82V0l-2 1-32.47 16.24A10 10 0 0 0 46.24 24h2.06a8 8 0 0 1 4.12-4.98L84 3.24v10.58a8 8 0 0 1-4.42 7.16L73.53 24H78zm0-24L48 15l-2 1V2.18A10 10 0 0 1 46.24 0h2.06a8 8 0 0 0-.3 2.18v10.58L73.53 0H78z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
228 |   }
229 | `
230 | 
231 | const SCheckoutButton = styled.a`
232 |   svg {
233 |     transform: translateX(300px);
234 |     transition: 0.3s ease transform;
235 |   }
236 | 
237 |   &:hover {
238 |     svg {
239 |       transform: none;
240 |     }
241 |   }
242 | `
243 | 


--------------------------------------------------------------------------------
/src/components/Stripes.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import styled from 'styled-components'
 3 | 
 4 | export default function Stripes({
 5 |   bgColor = '#142a5b',
 6 |   primaryColor = '#553b9a',
 7 |   secondaryColor = '#5d71ff',
 8 | }) {
 9 |   return (
10 |     <SStripes
11 |       bgColor={bgColor}
12 |       primaryColor={primaryColor}
13 |       secondaryColor={secondaryColor}
14 |       className="w-full top-0 left-0 absolute grid grid-cols-7 grid-rows-5"
15 |     >
16 |       <span className="hidden lg:block"></span>
17 |       <span className="col-start-6 row-start-4 col-span-2"></span>
18 |       <span className="hidden lg:block col-span-2 col-start-6"></span>
19 |       <span className="col-start-5 row-start-3"></span>
20 |       <span className="row-start-4 row-span-2"></span>
21 |     </SStripes>
22 |   )
23 | }
24 | 
25 | const SStripes = styled.div`
26 |   z-index: -1;
27 |   height: 130%;
28 |   transform: skewY(-5deg);
29 |   transform-origin: 0;
30 |   background: ${({ bgColor }) => bgColor};
31 | 
32 |   span:first-child {
33 |     background: ${({ primaryColor }) => primaryColor};
34 |   }
35 | 
36 |   span:nth-child(2) {
37 |     background: ${({ secondaryColor }) => secondaryColor};
38 |   }
39 | 
40 |   span:nth-child(3) {
41 |     background: ${({ secondaryColor }) => secondaryColor};
42 |   }
43 | 
44 |   span:nth-child(4) {
45 |     background: ${({ primaryColor }) => primaryColor};
46 |   }
47 | 
48 |   span:nth-child(5) {
49 |     background: ${({ secondaryColor }) => secondaryColor};
50 |   }
51 | `
52 | 


--------------------------------------------------------------------------------
/src/components/Walkthrough/Walkthrough.css:
--------------------------------------------------------------------------------
 1 | .walkthrough {
 2 |   min-height: 544px;
 3 |   width: 100%;
 4 | }
 5 | 
 6 | @media screen and (min-width: 480px) {
 7 |   .walkthrough {
 8 |     min-width: 500px;
 9 |   }
10 | }
11 | 
12 | .loader {
13 |   @apply flex justify-between;
14 |   background: #63b4ed;
15 |   padding: 10px;
16 |   border-radius: 50px;
17 |   width: 70px;
18 |   margin-bottom: 8px;
19 |   position: relative;
20 | }
21 | 
22 | .loader div {
23 |   @apply block rounded-full;
24 |   height: 10px;
25 |   width: 10px;
26 |   background: #277ab6;
27 |   animation: loader 1s infinite;
28 | }
29 | 
30 | .loader div:not(:last-child) {
31 |   margin-right: 8px;
32 | }
33 | 
34 | .loader div:first-child {
35 |   animation-delay: 0.1s;
36 | }
37 | 
38 | .loader div:nth-child(2) {
39 |   animation-delay: 0.2s;
40 | }
41 | 
42 | .loader div:last-child {
43 |   animation-delay: 0.3s;
44 | }
45 | 
46 | @keyframes loader {
47 |   0%,
48 |   100% {
49 |     opacity: 1;
50 |     transform: scale(1);
51 |   }
52 |   50% {
53 |     opacity: 0.7;
54 |     transform: scale(0.8);
55 |   }
56 | }
57 | 
58 | .message {
59 |   grid-template-columns: 55px auto 55px;
60 | }
61 | 
62 | .message:last-child {
63 |   margin-bottom: 0;
64 | }
65 | 
66 | .message:nth-child(even) > div:first-child {
67 |   opacity: 0;
68 | }
69 | 
70 | .message:nth-child(odd) > div:last-child {
71 |   opacity: 0;
72 | }
73 | 


--------------------------------------------------------------------------------
/src/components/Walkthrough/Walkthrough.js:
--------------------------------------------------------------------------------
  1 | import React, { useState } from 'react'
  2 | import useInterval from '@use-it/interval'
  3 | import { useStaticQuery, graphql } from 'gatsby'
  4 | import Img from 'gatsby-image'
  5 | import { motion } from 'framer-motion'
  6 | import './Walkthrough.css'
  7 | 
  8 | const messages = [
  9 |   { text: 'How do I get better at React?' },
 10 |   { text: 'Just build something!' },
 11 |   { text: 'OK! What should I build?' },
 12 |   { text: 'Iono. Just Google it?' },
 13 |   { text: 'Oooh! This course looks cool!' },
 14 |   { text: 'Send me the link?' },
 15 |   { text: '<span class="underline">MakeReactApps.com</span>!' },
 16 | ]
 17 | 
 18 | function isEven(number) {
 19 |   return number % 2 === 0
 20 | }
 21 | 
 22 | export default function Walkthrough() {
 23 |   const [messageToShow, setMessageToShow] = useState(0)
 24 |   const data = useStaticQuery(graphql`
 25 |     query {
 26 |       chris: file(relativePath: { eq: "chris.png" }) {
 27 |         childImageSharp {
 28 |           fluid(maxWidth: 40) {
 29 |             ...GatsbyImageSharpFluid
 30 |           }
 31 |         }
 32 |       }
 33 |       kapehe: file(relativePath: { eq: "kapehe.png" }) {
 34 |         childImageSharp {
 35 |           fluid(maxWidth: 40) {
 36 |             ...GatsbyImageSharpFluid
 37 |           }
 38 |         }
 39 |       }
 40 |     }
 41 |   `)
 42 | 
 43 |   useInterval(() => {
 44 |     // if (messageToShow === messages.length - 1) return
 45 |     setMessageToShow((messageToShow) => messageToShow + 1)
 46 |   }, 2000)
 47 | 
 48 |   return (
 49 |     <div className="walkthrough bg-black rounded-lg shadow-lg mt-10 lg:mt-0 px-6 py-10">
 50 |       {messages.map((message, index) => {
 51 |         const even = isEven(index)
 52 | 
 53 |         // placeholder
 54 |         if (messageToShow + 1 === index)
 55 |           return <Loader key={index} even={even} />
 56 | 
 57 |         // we shouldnt show these yet
 58 |         if (index > messageToShow) return <div key={index} />
 59 | 
 60 |         return <Message key={index} data={data} message={message} even={even} />
 61 |       })}
 62 |     </div>
 63 |   )
 64 | }
 65 | 
 66 | function Loader({ even }) {
 67 |   return (
 68 |     <motion.div
 69 |       className="flex mb-3"
 70 |       initial={{ rotate: 10, scale: 0 }}
 71 |       animate={{ rotate: 0, scale: 1 }}
 72 |     >
 73 |       <div className="hidden md:block" style={{ width: '55px' }} />
 74 |       <div className={`loader ${even ? 'ml-3 mr-auto' : 'mr-3 ml-auto'}`}>
 75 |         <div />
 76 |         <div />
 77 |         <div />
 78 |       </div>
 79 |       <div className="hidden md:block" style={{ width: '55px' }} />
 80 |     </motion.div>
 81 |   )
 82 | }
 83 | 
 84 | function Message({ data, even, message }) {
 85 |   return (
 86 |     <motion.div
 87 |       className="message block md:grid mb-3"
 88 |       initial={{ rotate: -5, scale: 0 }}
 89 |       animate={{ rotate: 0, scale: 1 }}
 90 |     >
 91 |       <div className="hidden md:block">
 92 |         <Img
 93 |           style={{ width: '45px' }}
 94 |           fluid={data.kapehe.childImageSharp.fluid}
 95 |         />
 96 |       </div>
 97 |       <div
 98 |         className={`py-2 px-4 mx-3 rounded-lg flex items-center ${
 99 |           even
100 |             ? 'bg-blue-700 text-blue-100'
101 |             : 'bg-blue-900 text-blue-100 justify-end'
102 |         }`}
103 |         dangerouslySetInnerHTML={{ __html: message.text }}
104 |       />
105 |       <div className="hidden md:block">
106 |         <Img
107 |           style={{ width: '45px' }}
108 |           fluid={data.chris.childImageSharp.fluid}
109 |         />
110 |       </div>
111 |     </motion.div>
112 |   )
113 | }
114 | 


--------------------------------------------------------------------------------
/src/components/WhatWellBuild/WhatWellBuild.css:
--------------------------------------------------------------------------------
 1 | .what-well-build {
 2 |   position: relative;
 3 | }
 4 | 
 5 | .what-well-build .container {
 6 |   position: relative;
 7 |   z-index: 1;
 8 | }
 9 | 
10 | .what-well-build .background-block::before {
11 |   background: rgb(216, 71, 71);
12 | }
13 | 
14 | .number text {
15 |   stroke-width: 0.5px;
16 |   fill: #333;
17 |   stroke-dasharray: 1000;
18 |   stroke-dashoffset: 0;
19 | }
20 | 
21 | .number .number-colored {
22 |   stroke: #ffde40;
23 |   stroke-dashoffset: 1000;
24 | }
25 | 
26 | .number .number-gray {
27 |   stroke: #333;
28 | }
29 | 
30 | .app-container:hover .number .number-colored {
31 |   animation: dash 4s linear infinite;
32 | }
33 | 
34 | @keyframes dash {
35 |   from {
36 |     stroke-dashoffset: 1000;
37 |   }
38 | 
39 |   to {
40 |     stroke-dashoffset: 0;
41 |   }
42 | }
43 | 


--------------------------------------------------------------------------------
/src/components/WhatWellBuild/WhatWellBuild.js:
--------------------------------------------------------------------------------
  1 | import React from 'react'
  2 | import LazyLoad from 'react-lazyload'
  3 | import './WhatWellBuild.css'
  4 | 
  5 | export const seriesAApps = [
  6 |   {
  7 |     title: 'Pomodoro Timer',
  8 |     videoSrc:
  9 |       'https://scotch-res.cloudinary.com/video/upload/v1592352061/01_-_pomodoro_uwan1y.mp4',
 10 |     numberOfVideos: 3,
 11 |     timeToComplete: '26 minutes',
 12 |     demoLink: 'https://r36qd.codesandbox.io/',
 13 |     previewLink:
 14 |       'https://learn.better.dev/courses/10-react-apps-series-a/348620-01-pomodoro/992082-00-pomodoro-preview',
 15 |   },
 16 |   {
 17 |     title: 'Markdown Editor',
 18 |     videoSrc:
 19 |       'https://scotch-res.cloudinary.com/video/upload/v1592352061/02_-_markdown_editor_sqfqzz.mp4',
 20 |     numberOfVideos: 2,
 21 |     timeToComplete: '17 minutes',
 22 |     demoLink: 'https://391jg.codesandbox.io/',
 23 |     previewLink:
 24 |       'https://learn.better.dev/courses/10-react-apps-series-a/348621-02-markdown-editor/992079-00-markdown-editor-preview',
 25 |   },
 26 |   {
 27 |     title: 'Browser Tabs and Routing',
 28 |     videoSrc:
 29 |       'https://scotch-res.cloudinary.com/video/upload/v1592352063/03_-_browser_tabs_rshfqe.mp4',
 30 |     numberOfVideos: 4,
 31 |     timeToComplete: '43 minutes',
 32 |     demoLink: 'https://yyhfg.codesandbox.io/',
 33 |     previewLink:
 34 |       'https://learn.better.dev/courses/10-react-apps-series-a/348622-03-highlight-tabs/992072-00-browser-tabs-preview',
 35 |   },
 36 |   {
 37 |     title: 'Paper Rock Scissors',
 38 |     videoSrc:
 39 |       'https://scotch-res.cloudinary.com/video/upload/v1592352061/04_-_rock_paper_scissors_oupoes.mp4',
 40 |     numberOfVideos: 4,
 41 |     timeToComplete: '39 minutes',
 42 |     demoLink: 'https://njpw4.codesandbox.io/',
 43 |     previewLink:
 44 |       'https://learn.better.dev/courses/10-react-apps-series-a/348623-04-paper-rock-scissors/992070-00-paper-rock-scissors-preview',
 45 |   },
 46 |   {
 47 |     title: 'Moving Link Across a <canvas>',
 48 |     videoSrc:
 49 |       'https://scotch-res.cloudinary.com/video/upload/v1592352072/05_-_link_moving_rb1qtu.mp4',
 50 |     numberOfVideos: 5,
 51 |     timeToComplete: '32 minutes',
 52 |     demoLink: 'https://405hq.codesandbox.io/',
 53 |     previewLink:
 54 |       'https://learn.better.dev/courses/10-react-apps-series-a/348624-05-moving-boxes-and-zelda/992093-00-moving-boxes-and-link-preview',
 55 |   },
 56 |   {
 57 |     title: 'Infinite Image Gallery',
 58 |     videoSrc:
 59 |       'https://scotch-res.cloudinary.com/video/upload/v1592352070/06_-_image_gallery_pzqqa6.mp4',
 60 |     numberOfVideos: 5,
 61 |     timeToComplete: '52 minutes',
 62 |     demoLink: 'https://e9ucz.csb.app/',
 63 |     previewLink:
 64 |       'https://learn.better.dev/courses/10-react-apps-series-a/348625-06-infinite-image-gallery/992060-00-infinite-image-gallery-preview',
 65 |   },
 66 |   {
 67 |     title: 'Trivia Game',
 68 |     videoSrc:
 69 |       'https://scotch-res.cloudinary.com/video/upload/v1592352066/07_-_trivia_s5dp85.mp4',
 70 |     numberOfVideos: 6,
 71 |     timeToComplete: '57 minutes',
 72 |     demoLink: 'https://qlb3o.csb.app/',
 73 |     previewLink:
 74 |       'https://learn.better.dev/courses/10-react-apps-series-a/348626-07-trivia/992056-00-trivia-preview',
 75 |   },
 76 |   {
 77 |     title: 'Authentication',
 78 |     videoSrc:
 79 |       'https://scotch-res.cloudinary.com/video/upload/v1592352072/16_-_authentication_tm16s4.mp4',
 80 |     numberOfVideos: 7,
 81 |     timeToComplete: '54 minutes',
 82 |     demoLink: undefined, // auth doesnt work in codesandbox :shrug:
 83 |     previewLink:
 84 |       'https://learn.better.dev/courses/10-react-apps-series-a/348627-08-authentication/992048-00-authentication-preview',
 85 |   },
 86 |   {
 87 |     title: 'Web Speech and Timers',
 88 |     videoSrc:
 89 |       'https://scotch-res.cloudinary.com/video/upload/v1592352066/09_-_speech_soat2u.mp4',
 90 |     numberOfVideos: 4,
 91 |     timeToComplete: '30 minutes',
 92 |     demoLink: 'https://4jfqj.csb.app/',
 93 |     previewLink:
 94 |       'https://learn.better.dev/courses/10-react-apps-series-a/348628-09-web-speech-and-timers/992042-00-web-speech-and-timers-preview',
 95 |   },
 96 |   {
 97 |     title: 'Calendar Picker',
 98 |     videoSrc:
 99 |       'https://scotch-res.cloudinary.com/video/upload/v1592352063/10_-_calendar-picker_oeeacl.mp4',
100 |     numberOfVideos: 4,
101 |     timeToComplete: '33 minutes',
102 |     demoLink: 'https://d4vfr.csb.app/',
103 |     previewLink:
104 |       'https://learn.better.dev/courses/10-react-apps-series-a/348629-10-calendar-picker/992041-00-calendar-picker-preview',
105 |   },
106 | ]
107 | 
108 | export const seriesBApps = [
109 |   {
110 |     title: 'Chat Box',
111 |     videoSrc:
112 |       'https://scotch-res.cloudinary.com/video/upload/v1592352069/11-chat-box_gdmldg.mp4',
113 |     numberOfVideos: 4,
114 |     timeToComplete: '22 minutes',
115 |     demoLink: 'https://9lrdz.csb.app/',
116 |     previewLink:
117 |       'https://learn.better.dev/courses/10-react-apps-series-b/365601-1-animated-chat-box/1041046-00-chat-box-preview',
118 |   },
119 |   {
120 |     title: 'Multi-Step Form',
121 |     videoSrc:
122 |       'https://scotch-res.cloudinary.com/video/upload/v1592352064/12-multi-step-form_upxoym.mp4',
123 |     numberOfVideos: 6,
124 |     timeToComplete: '52 minutes',
125 |     demoLink: 'https://hbkbf.csb.app/',
126 |     previewLink:
127 |       'https://learn.better.dev/courses/10-react-apps-series-b/365602-2-multi-step-form/1041044-00-multi-step-form-preview',
128 |   },
129 |   {
130 |     title: 'Memory Matching Game',
131 |     videoSrc:
132 |       'https://scotch-res.cloudinary.com/video/upload/v1592352066/13-memory-matching_cvgqvl.mp4',
133 |     numberOfVideos: 4,
134 |     timeToComplete: '27 minutes',
135 |     demoLink: 'https://0dsop.csb.app/',
136 |     previewLink:
137 |       'https://learn.better.dev/courses/10-react-apps-series-b/365603-3-memory-matching-game/1041042-00-memory-matching-preview',
138 |   },
139 |   {
140 |     title: 'Drag and Drop Math Card',
141 |     videoSrc:
142 |       'https://scotch-res.cloudinary.com/video/upload/v1592352062/08-math-cards_ybj27c.mp4',
143 |     numberOfVideos: 4,
144 |     timeToComplete: '30 minutes',
145 |     demoLink: 'https://sj1bd.csb.app/',
146 |     previewLink:
147 |       'https://learn.better.dev/courses/10-react-apps-series-b/365604-4-drag-and-drop-math-card/1041039-00-drag-and-drop-math-card-preview',
148 |   },
149 |   {
150 |     title: 'Browser',
151 |     videoSrc:
152 |       'https://scotch-res.cloudinary.com/video/upload/v1592352067/14-browser_bnbowp.mp4',
153 |     numberOfVideos: 6,
154 |     timeToComplete: '53 minutes',
155 |     demoLink: 'https://e7ws4.csb.app/',
156 |     previewLink:
157 |       'https://learn.better.dev/courses/10-react-apps-series-b/365605-5-browser/1041032-00-browser-browser-preview',
158 |   },
159 |   {
160 |     title: 'Real-Time Search',
161 |     videoSrc:
162 |       'https://scotch-res.cloudinary.com/video/upload/v1592352067/14-browser_bnbowp.mp4',
163 |     numberOfVideos: 3,
164 |     timeToComplete: '24 minutes',
165 |     demoLink: 'https://707yr.csb.app/',
166 |     previewLink:
167 |       'https://learn.better.dev/courses/10-react-apps-series-b/365606-6-real-time-search/1041031-00-real-time-search-preview',
168 |   },
169 |   {
170 |     title: 'Charting the Weather',
171 |     videoSrc:
172 |       'https://scotch-res.cloudinary.com/video/upload/v1592352067/14-browser_bnbowp.mp4',
173 |     numberOfVideos: 5,
174 |     timeToComplete: '53 minutes',
175 |     demoLink: 'https://v2dmf.csb.app/',
176 |     previewLink:
177 |       'https://learn.better.dev/courses/10-react-apps-series-b/365607-7-charting-the-weather/1041029-00-weather-chart-preview',
178 |   },
179 | ]
180 | 
181 | export default function WhatWellBuild({ whichCourse = 'a' }) {
182 |   return (
183 |     <div
184 |       id="apps"
185 |       className={`what-well-build text-gray-200 px-10 lg:px-20 py-32 lg:py-48 ${
186 |         whichCourse === 'a' ? 'bg-blue-900' : 'bg-purple-900'
187 |       }`}
188 |     >
189 |       <div className="container mx-auto flex flex-col">
190 |         {/* header */}
191 |         <h2 className="fugaz-one text-4xl lg:text-5xl mr-6 lg:mb-16 text-center">
192 |           The Apps We&apos;ll Build
193 |         </h2>
194 | 
195 |         {/* list of apps */}
196 |         <div
197 |           className="grid grid-cols-1 lg:grid-cols-2 row-gap-4 lg:row-gap-12 col-gap-16"
198 |           style={{ display: whichCourse === 'a' ? 'grid' : 'none' }}
199 |         >
200 |           {seriesAApps.map((app, index) => (
201 |             <div key={index}>
202 |               <App app={app} number={index + 1} isLast={index + 1 === 10} />
203 |             </div>
204 |           ))}
205 |         </div>
206 | 
207 |         {/* show set b */}
208 |         <div
209 |           className="grid grid-cols-1 lg:grid-cols-2 gap-10"
210 |           style={{ display: whichCourse === 'b' ? 'grid' : 'none' }}
211 |         >
212 |           {seriesBApps.map((app, index) => (
213 |             <div key={index}>
214 |               <App app={app} number={index + 1} isLast={index + 1 === 10} />
215 |             </div>
216 |           ))}
217 |         </div>
218 |       </div>
219 |     </div>
220 |   )
221 | }
222 | 
223 | /**
224 |  * Each individual app
225 |  */
226 | function App({ app, number }) {
227 |   return (
228 |     <div className="app-container pt-8 lg:pt-6 relative">
229 |       {/* number */}
230 |       <Number number={number} />
231 | 
232 |       {/* video */}
233 |       <div className="relative">
234 |         <Video url={app.videoSrc} />
235 | 
236 |         {/* icons */}
237 |         <div className="absolute hidden lg:flex left-0 bottom-0 mb-2 ml-2 text-xs">
238 |           <div className="mr-2 inline-block py-2 px-3 bg-black bg-opacity-75 rounded text-gray-100">
239 |             <span className="mr-2" role="img" aria-label="Videos">
240 |               🎬
241 |             </span>
242 |             <span>
243 |               {app.numberOfVideos}{' '}
244 |               {app.numberOfVideos === 1 ? 'video' : 'videos'}
245 |             </span>
246 |           </div>
247 |           <div className="inline-block py-2 px-3 bg-black bg-opacity-75 rounded text-gray-100">
248 |             <span className="mr-2" role="img" aria-label="Hours">
249 |               🎤
250 |             </span>
251 |             <span>{app.timeToComplete}</span>
252 |           </div>
253 |         </div>
254 | 
255 |         {/* action buttons (preview + demo) */}
256 |         <div className="absolute right-0 bottom-0 mb-2 mr-2 flex">
257 |           {/* preview button */}
258 |           <a
259 |             href={app.previewLink}
260 |             rel="noopener noreferrer"
261 |             target="_blank"
262 |             className="bg-orange-800 hover:bg-orange-700 text-orange-300 leading-none py-2 px-4 rounded shadow text-center mr-2"
263 |           >
264 |             Preview
265 |           </a>
266 |           {/* demo button */}
267 |           <a
268 |             href={app.demoLink}
269 |             rel="noopener noreferrer"
270 |             target="_blank"
271 |             className="bg-teal-800 hover:bg-teal-700 text-teal-300 leading-none py-2 px-4 rounded shadow text-center"
272 |           >
273 |             Demo
274 |           </a>
275 |         </div>
276 |       </div>
277 | 
278 |       {/* content */}
279 |       <div className="mt-3 w-full">
280 |         <h2 className="fugaz-one text-2xl mb-2 text-gray-200">{app.title}</h2>
281 |         {/* <p className="text-gray-400 text-xl mb-6">
282 |           This is a super cool thing where you learn useReducer().
283 |         </p> */}
284 |       </div>
285 |     </div>
286 |   )
287 | }
288 | 
289 | function Number({ number }) {
290 |   return (
291 |     <div
292 |       className="number-container hidden md:block absolute top-0 left-0 pointer-events-none w-20 z-20"
293 |       style={{ top: '-100px', left: '-30px' }}
294 |     >
295 |       <svg
296 |         className="number fugaz-one"
297 |         viewBox="0 0 100 40"
298 |         style={{ fontSize: '20px', height: '250px' }}
299 |       >
300 |         <text className="number-gray" x="0" y="30">
301 |           {number}
302 |         </text>
303 |         <text className="number-colored" x="0" y="30">
304 |           {number}
305 |         </text>
306 |       </svg>
307 |     </div>
308 |   )
309 | }
310 | 
311 | function Video({ url }) {
312 |   // optimization thanks to cloudinary
313 |   const optimizedVideoUrl = url
314 |     .replace('/upload/', '/upload/w_800,fl_animated,f_auto,q_auto/')
315 |     .replace('.mp4', '.gif')
316 | 
317 |   return (
318 |     <LazyLoad height={300} once>
319 |       <img
320 |         className="app-video rounded-lg shadow-lg md:mx-auto lg:mr-12 xl:mb-0 w-full"
321 |         lazy="true"
322 |         src={optimizedVideoUrl}
323 |       />
324 |     </LazyLoad>
325 |   )
326 | }
327 | 


--------------------------------------------------------------------------------
/src/components/WhatYoullLearn/WhatYoullLearn.js:
--------------------------------------------------------------------------------
1 | import React from "react"
2 | 
3 | export default function WhatYoullLearn() {
4 |   return <div>learn list</div>
5 | }
6 | 


--------------------------------------------------------------------------------
/src/components/WhoAmI/WhoAmI.css:
--------------------------------------------------------------------------------
 1 | .who-am-i {
 2 |   position: relative;
 3 |   background-color: transparent;
 4 | }
 5 | 
 6 | .who-am-i .container {
 7 |   position: relative;
 8 |   z-index: 1;
 9 | }
10 | 
11 | .who-am-i::before {
12 |   content: "";
13 |   position: absolute;
14 |   top: -50px;
15 |   left: 0;
16 |   width: 100%;
17 |   height: calc(100% + 100px);
18 |   clip-path: polygon(0% 0%, 100% 50px, 100% 100%, 0% calc(100% - 50px));
19 |   background-color: #7658ce;
20 |   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='600' viewBox='0 0 600 600'%3E%3Cpath fill='%23967ce4' fill-opacity='0.4' d='M600 325.1v-1.17c-6.5 3.83-13.06 7.64-14.68 8.64-10.6 6.56-18.57 12.56-24.68 19.09-5.58 5.95-12.44 10.06-22.42 14.15-1.45.6-2.96 1.2-4.83 1.9l-4.75 1.82c-9.78 3.75-14.8 6.27-18.98 10.1-4.23 3.88-9.65 6.6-16.77 8.84-1.95.6-3.99 1.17-6.47 1.8l-6.14 1.53c-5.29 1.35-8.3 2.37-10.54 3.78-3.08 1.92-6.63 3.26-12.74 5.03a384.1 384.1 0 0 1-4.82 1.36c-2.04.58-3.6 1.04-5.17 1.52a110.03 110.03 0 0 0-11.2 4.05c-2.7 1.15-5.5 3.93-8.78 8.4a157.68 157.68 0 0 0-6.15 9.2c-5.75 9.07-7.58 11.74-10.24 14.51a50.97 50.97 0 0 1-4.6 4.22c-2.33 1.9-10.39 7.54-11.81 8.74a14.68 14.68 0 0 0-3.67 4.15c-1.24 2.3-1.9 4.57-2.78 8.87-2.17 10.61-3.52 14.81-8.2 22.1-4.07 6.33-6.8 9.88-9.83 12.99-.47.48-.95.96-1.5 1.48l-3.75 3.56c-1.67 1.6-3.18 3.12-4.86 4.9a42.44 42.44 0 0 0-9.89 16.94c-2.5 8.13-2.72 15.47-1.76 27.22.47 5.82.51 6.36.51 8.18 0 10.51.12 17.53.63 25.78.24 4.05.56 7.8.97 11.22h.9c-1.13-9.58-1.5-21.83-1.5-37 0-1.86-.04-2.4-.52-8.26-.94-11.63-.72-18.87 1.73-26.85a41.44 41.44 0 0 1 9.65-16.55c1.67-1.76 3.18-3.27 4.83-4.85.63-.6 3.13-2.96 3.75-3.57a71.6 71.6 0 0 0 1.52-1.5c3.09-3.16 5.86-6.76 9.96-13.15 4.77-7.42 6.15-11.71 8.34-22.44.86-4.21 1.5-6.4 2.68-8.6.68-1.25 1.79-2.48 3.43-3.86 1.38-1.15 9.43-6.8 11.8-8.72 1.71-1.4 3.26-2.81 4.7-4.3 2.72-2.85 4.56-5.54 10.36-14.67a156.9 156.9 0 0 1 6.1-9.15c3.2-4.33 5.9-7.01 8.37-8.07 3.5-1.5 7.06-2.77 11.1-4.02a233.84 233.84 0 0 1 7.6-2.2l2.38-.67c6.19-1.79 9.81-3.16 12.98-5.15 2.14-1.33 5.08-2.33 10.27-3.65l6.14-1.53c2.5-.63 4.55-1.2 6.52-1.82 7.24-2.27 12.79-5.06 17.15-9.05 4.05-3.72 9-6.2 18.66-9.9l4.75-1.82c1.87-.72 3.39-1.31 4.85-1.91 10.1-4.15 17.07-8.32 22.76-14.4 6.05-6.45 13.95-12.4 24.49-18.92 1.56-.96 7.82-4.6 14.15-8.33v-64.58c-4 8.15-8.52 14.85-12.7 17.9-2.51 1.82-5.38 4.02-9.04 6.92a1063.87 1063.87 0 0 0-6.23 4.98l-1.27 1.02a2309.25 2309.25 0 0 1-4.87 3.9c-7.55 6-12.9 10.05-17.61 13.19-3.1 2.06-3.86 2.78-8.06 7.13-5.84 6.07-11.72 8.62-29.15 10.95-11.3 1.5-20.04 4.91-30.75 11.07-1.65.94-7.27 4.27-6.97 4.1-2.7 1.58-4.69 2.69-6.64 3.66-5.63 2.8-10.47 4.17-15.71 4.17-17.13 0-41.44 11.51-51.63 22.83-12.05 13.4-31.42 27.7-45.25 31.16-7.4 1.85-11.85 7.05-14.04 14.69-1.26 4.4-1.58 8.28-1.58 13.82 0 .82.01.98.24 3.63.45 5.18.35 8.72-.77 13.26-1.53 6.2-4.89 12.6-10.59 19.43-13.87 16.65-22.88 46.58-22.88 71.68 0 2.39.02 4.26.06 8.75.12 10.8.1 15.8-.22 21.95-.56 11.18-2.09 20.73-5 29.3h-1.05c2.94-8.56 4.49-18.12 5.05-29.35.31-6.13.34-11.1.22-21.9-.04-4.48-.06-6.36-.06-8.75 0-25.32 9.07-55.47 23.12-72.32 5.6-6.72 8.88-12.99 10.38-19.03 1.09-4.4 1.18-7.85.74-12.93-.23-2.7-.24-2.86-.24-3.72 0-5.62.32-9.57 1.62-14.1 2.28-7.95 6.97-13.44 14.76-15.39 13.6-3.4 32.82-17.59 44.75-30.84C409 360.14 433.58 348.5 451 348.5c5.07 0 9.77-1.33 15.26-4.07 1.93-.96 3.9-2.05 6.58-3.62-.3.18 5.33-3.16 6.98-4.11 10.82-6.21 19.66-9.67 31.11-11.2 17.23-2.3 22.9-4.75 28.57-10.64 4.25-4.41 5.04-5.16 8.22-7.28 4.68-3.11 10.01-7.14 17.55-13.14a1113.33 1113.33 0 0 0 4.86-3.89l1.28-1.02a4668.54 4668.54 0 0 1 6.23-4.98c3.67-2.9 6.55-5.12 9.07-6.95 4.37-3.19 9.16-10.56 13.29-19.4v66.9zm0-116.23c-.62.01-1.27.06-1.95.13-6.13.63-13.83 3.45-21.83 7.45-3.64 1.82-8.46 2.67-14.17 2.71-4.7.04-9.72-.47-14.73-1.33-1.7-.3-3.26-.61-4.67-.93a31.55 31.55 0 0 0-3.55-.57 273.4 273.4 0 0 0-16.66-.88c-10.42-.16-17.2.74-17.97 2.73-.38.97.6 2.55 3.03 4.87 1.01.97 2.22 2.03 4.04 3.55a1746.07 1746.07 0 0 0 4.79 4.02c1.39 1.2 3.1 1.92 5.5 2.5.7.16.86.2 2.64.54 3.53.7 5.03 1.25 6.15 2.63 1.41 1.76 1.4 4.54-.15 8.88-2.44 6.83-5.72 10.05-10.19 10.33-3.63.23-7.6-1.29-14.52-5.06-4.53-2.47-6.82-7.3-8.32-15.26-.17-.87-.32-1.78-.5-2.86l-.43-2.76c-1.05-6.58-1.9-9.2-3.73-10.11-.81-.4-1.59-.74-2.36-1-2.27-.77-4.6-1.02-8.1-.92-2.29.07-14.7 1-13.77.93-20.55 1.37-28.8 5.05-37.09 14.99a133.07 133.07 0 0 0-4.25 5.44l-2.3 3.09-2.51 3.32c-4.1 5.36-7.06 8.48-10.39 11.12-.65.52-1.33 1.04-2.13 1.62l-4.11 2.94a106.8 106.8 0 0 0-5.16 3.99c-4.55 3.74-9.74 8.6-16.25 15.38-8.25 8.58-11.78 13.54-11.7 15.95.07 1.65 1.64 2.11 6.79 2.38 1.61.09 2.15.12 2.98.2 2.95.24 5.09.73 6.81 1.68 7.48 4.15 11.63 7.26 13.95 11.58 3.3 6.15.8 12.88-8.89 20.26-8.28 6.3-11.1 10.37-11.31 14.96-.06 1.17 0 1.93.26 4.43.69 6.47.25 10.65-2.8 17.42a44.23 44.23 0 0 1-4.16 7.53c-2.82 3.97-5.47 5.74-10.6 7.69-.43.16-3.34 1.23-4.27 1.59-1.8.68-3.38 1.36-5.01 2.14-4.18 2-8.4 4.6-13.1 8.24-8.44 6.51-13.23 14.56-15.98 25.06-1.1 4.2-1.55 6.81-2.8 15.21-1.26 8.6-2.17 12.64-4.08 16.55-2.1 4.28-11.93 26.59-12.97 28.88a382.7 382.7 0 0 1-6.37 13.41c-4.07 8.11-7.61 14.07-10.73 17.81-5.38 6.46-8.98 14.37-13.77 28.42a810.14 810.14 0 0 0-1.89 5.6c-1.8 5.35-2.96 8.6-4.26 11.85-6.13 15.32-25.43 26.31-46.46 26.31-11.2 0-20.58-2.74-31.02-8.55-5.6-3.13-4.55-2.42-22.26-14.54-14.33-9.8-17.7-10.73-20.47-6.9-.37.5-1.81 2.74-1.83 2.77a52.24 52.24 0 0 1-4.94 5.9c-.73.79-5.52 5.87-6.97 7.45-2.38 2.6-4.3 4.81-5.98 6.93a45.6 45.6 0 0 0-5.08 7.66c-1.29 2.57-1.9 5.25-2.66 10.6a997.6 997.6 0 0 1-.46 3.18h-1l.47-3.32c.77-5.45 1.4-8.2 2.75-10.9a46.54 46.54 0 0 1 5.2-7.84c1.7-2.14 3.63-4.38 6.03-6.98 1.45-1.59 6.24-6.68 6.96-7.46a51.58 51.58 0 0 0 4.84-5.78s1.47-2.26 1.86-2.8c3.25-4.5 7.08-3.44 21.84 6.67 17.67 12.08 16.62 11.38 22.19 14.48 10.3 5.73 19.5 8.43 30.53 8.43 20.65 0 39.57-10.77 45.54-25.69a219.7 219.7 0 0 0 4.24-11.8 6752.32 6752.32 0 0 0 1.88-5.6c4.83-14.16 8.47-22.14 13.96-28.73 3.05-3.66 6.56-9.57 10.6-17.61 1.97-3.93 4.04-8.31 6.35-13.38 1.03-2.28 10.88-24.61 12.98-28.91 1.85-3.79 2.75-7.76 4-16.25 1.24-8.44 1.7-11.07 2.81-15.32 2.8-10.7 7.71-18.94 16.33-25.6a73.18 73.18 0 0 1 13.29-8.35c1.66-.8 3.27-1.48 5.08-2.18.94-.36 3.86-1.43 4.28-1.59 4.95-1.88 7.44-3.55 10.14-7.33 1.35-1.9 2.68-4.3 4.06-7.37 2.97-6.58 3.39-10.59 2.72-16.9a27.13 27.13 0 0 1-.27-4.58c.22-4.94 3.21-9.24 11.7-15.7 9.33-7.11 11.66-13.34 8.62-19-2.2-4.09-6.25-7.12-13.55-11.17-1.57-.88-3.6-1.33-6.42-1.57-.8-.07-1.34-.1-2.95-.19-5.77-.3-7.63-.85-7.72-3.34-.1-2.81 3.5-7.87 11.97-16.69 6.53-6.8 11.75-11.69 16.33-15.45 1.79-1.47 3.42-2.72 5.2-4.03l4.12-2.94c.79-.58 1.46-1.08 2.1-1.59 3.26-2.6 6.16-5.65 10.21-10.94a383.2 383.2 0 0 0 2.5-3.32l2.31-3.09c1.8-2.39 3.04-4 4.29-5.48 8.47-10.17 16.98-13.96 37.27-15.3-.44.02 12-.9 14.32-.98 3.62-.1 6.05.16 8.46.98.8.27 1.62.62 2.47 1.04 2.27 1.14 3.17 3.87 4.27 10.85l.44 2.76c.17 1.07.33 1.97.5 2.83 1.44 7.69 3.62 12.29 7.8 14.57 6.76 3.68 10.6 5.15 13.99 4.94 4-.25 6.99-3.17 9.3-9.67 1.45-4.04 1.46-6.49.32-7.92-.9-1.12-2.28-1.62-5.57-2.27a55.8 55.8 0 0 1-2.67-.55c-2.54-.6-4.39-1.4-5.93-2.71a252.63 252.63 0 0 0-4.78-4.01 84.35 84.35 0 0 1-4.08-3.6c-2.73-2.6-3.86-4.43-3.28-5.95 1.02-2.64 7.82-3.54 18.93-3.37a230.56 230.56 0 0 1 16.73.88c2.76.39 3.2.49 3.68.6 1.4.3 2.95.62 4.62.91a82.9 82.9 0 0 0 14.56 1.32c5.56-.04 10.24-.86 13.73-2.6 8.1-4.05 15.89-6.9 22.17-7.56.7-.07 1.4-.11 2.05-.13v1zm0-100.94v1.5c-8.62 16.05-17.27 29.55-23.65 35.92-3.19 3.2-7.62 4.9-13.54 5.56-4.45.48-8.28.4-19.18-.2-9.91-.55-15.32-.44-20.52.78a84.05 84.05 0 0 1-15 2.11l-2.25.14c-12.49.75-19.37 1.78-32.72 5.74-4.5 1.33-9.27 2.49-14.3 3.48a246.27 246.27 0 0 1-32.6 3.97c-7.56.45-13.21.57-20.24.57-5.4 0-11.9 1.61-18 5.18-8.3 4.87-15.06 12.87-19.53 24.5a68.57 68.57 0 0 1-4.56 9.8c-3.6 6.2-6.92 8.99-13.38 12.18l-4.03 1.96a64.48 64.48 0 0 0-15.16 10.25c-8.2 7.33-13.72 16.63-22.54 35.6l-2.08 4.49c-7.3 15.7-11.5 23.3-17.35 29.87-7.7 8.66-20.25 14.42-40.31 20.08-4.37 1.23-19.04 5.08-19.24 5.13-6.92 1.87-11.68 3.34-15.63 4.92-10.55 4.22-18.71 10.52-36.38 26.52l-1.7 1.54c-8.58 7.76-13.41 11.9-18.81 15.88-3.95 2.9-8 5.67-12.97 8.91-2.06 1.34-10.3 6.6-12.33 7.94-11.52 7.5-18.53 13.04-24.62 20.08a62.01 62.01 0 0 0-6.44 8.85c-4.13 6.91-6.27 13.15-9.2 25.11l-1.54 6.26c-.6 2.45-1.15 4.54-1.72 6.58-2.97 10.7-6.9 17.36-14.78 26.91L69.6 491a148.51 148.51 0 0 0-4.19 5.3 23.9 23.9 0 0 0-3.44 6.28c-1.16 3.23-1.52 5.9-1.87 11.94-.58 10.05-1.42 15.04-4.63 22.67-1.57 3.72-5.66 14.02-6.41 15.8a73.46 73.46 0 0 1-3.57 7.4c-2.88 5.14-6.71 10.12-13.12 16.95-5.96 6.36-8.87 10.9-10.61 16a56.88 56.88 0 0 0-1.38 4.82l-.46 1.84h-1.03l.52-2.08c.52-2.09.92-3.49 1.4-4.9 1.8-5.25 4.78-9.9 10.84-16.36 6.35-6.78 10.13-11.7 12.97-16.77a72.5 72.5 0 0 0 3.52-7.29c.75-1.76 4.84-12.06 6.4-15.8 3.17-7.5 3.99-12.4 4.56-22.33.35-6.14.72-8.88 1.93-12.23a24.9 24.9 0 0 1 3.58-6.54c1.27-1.7 2.6-3.37 4.22-5.34l4.11-4.95c7.8-9.46 11.66-16 14.59-26.54.56-2.04 1.1-4.12 1.71-6.56l1.53-6.26c2.96-12.04 5.13-18.36 9.32-25.39 1.84-3.08 4-6.05 6.54-8.99 6.17-7.12 13.24-12.7 24.83-20.26 2.05-1.33 10.28-6.6 12.33-7.94 4.96-3.22 9-5.98 12.92-8.87 5.37-3.95 10.19-8.08 18.74-15.82l1.7-1.54c17.76-16.09 25.98-22.43 36.67-26.7 4-1.6 8.8-3.09 15.75-4.96.21-.06 14.87-3.9 19.22-5.13 19.9-5.61 32.32-11.31 39.85-19.78 5.76-6.48 9.93-14.02 17.18-29.64l2.09-4.5c8.87-19.07 14.44-28.46 22.77-35.9a65.48 65.48 0 0 1 15.38-10.4l4.04-1.97c6.3-3.1 9.47-5.77 12.96-11.77a67.6 67.6 0 0 0 4.48-9.67c4.56-11.84 11.47-20.02 19.97-25 6.25-3.66 12.93-5.32 18.5-5.32 7.01 0 12.65-.12 20.17-.57a245.3 245.3 0 0 0 32.47-3.96c5-.98 9.75-2.13 14.22-3.45 13.43-3.98 20.38-5.02 32.94-5.78l2.24-.14c5.76-.37 9.8-.9 14.85-2.09 5.31-1.25 10.79-1.35 22.6-.7 9.04.5 12.84.58 17.21.1 5.71-.62 9.94-2.26 12.95-5.26 6.44-6.45 15.3-20.37 24.35-36.72zm0 450.21c-1.28-4.6-2.2-10.55-3.33-20.25l-.24-2.04-.23-2.03c-1.82-15.7-3.07-21.98-5.55-24.47-2.46-2.46-3.04-5.03-2.52-8.64.1-.6.18-1.1.39-2.15.69-3.54.77-5.04.08-6.84-.91-2.38-3.31-4.41-7.79-6.26-5.08-2.09-6.52-4.84-4.89-8.44.66-1.45 1.79-3.02 3.52-5.01 1.04-1.2 5.48-5.96 5.08-5.53 6.15-6.7 8.98-11.34 8.98-16.48a15.2 15.2 0 0 1 6.5-12.89v1.26a14.17 14.17 0 0 0-5.5 11.63c0 5.47-2.93 10.29-9.24 17.16.38-.42-4.04 4.33-5.07 5.5-1.67 1.93-2.75 3.43-3.36 4.77-1.37 3.04-.23 5.22 4.36 7.1 4.71 1.95 7.32 4.16 8.34 6.83.78 2.04.7 3.67-.03 7.4-.2 1.03-.3 1.51-.38 2.09-.48 3.33.03 5.59 2.23 7.8 2.74 2.74 3.98 8.96 5.84 25.06l.24 2.03.23 2.04c.82 7.01 1.53 12.06 2.34 16.03v4.33zm0-62.16c-1.4-3.13-4.43-9.9-4.95-11.17-1.02-2.53-1.25-3.8-.91-5.18.2-.84 2.05-4.68 2.32-5.33a70.79 70.79 0 0 0 3.54-11.2v3.99a62.82 62.82 0 0 1-2.62 7.6c-.31.75-2.09 4.46-2.27 5.18-.28 1.12-.08 2.22.87 4.57.41 1.02 2.5 5.7 4.02 9.09v2.45zm0-85.09c-1.65 1.66-3.66 2.9-6.4 4.13-.25.1-13.97 5.47-20.4 8.43-9.35 4.32-16.7 5.9-23.03 5.25-5.08-.53-9.02-2.25-14.77-5.92l-3.2-2.07a77.4 77.4 0 0 0-5.44-3.27c-4.05-2.18-3.25-5.8 1.47-10.47 3.71-3.68 9.6-7.93 18.73-13.8l4.46-2.82c17.95-11.33 18.22-11.5 22.27-14.74 11.25-9 19.69-14.02 26.31-15.1v1.02c-6.37 1.1-14.62 6-25.69 14.86-4.1 3.28-4.34 3.44-22.36 14.8a652.4 652.4 0 0 0-4.45 2.83c-9.07 5.83-14.92 10.05-18.57 13.66-4.31 4.28-4.95 7.13-1.7 8.88 1.7.91 3.29 1.88 5.5 3.3l3.2 2.08c5.64 3.59 9.45 5.25 14.34 5.76 6.13.64 13.32-.9 22.52-5.15 6.46-2.98 20.18-8.35 20.4-8.44 3.04-1.37 5.1-2.71 6.81-4.69v1.47zm0-41.37v1c-6.56.26-12.11 3.13-19.71 9.08l-4.63 3.68a51.87 51.87 0 0 1-4.4 3.14c-.82.52-5.51 3.33-6.22 3.76-3.31 2-6.15 3.8-8.87 5.6a112.61 112.61 0 0 0-8.16 5.92c-4.61 3.72-7.4 6.9-7.97 9.35-.63 2.67 1.48 4.53 7.05 5.46 10.7 1.78 20.92-.05 30.45-4.65a61.96 61.96 0 0 0 17.1-12.2 41.8 41.8 0 0 0 5.36-7.42v1.92a38.94 38.94 0 0 1-4.64 6.19 62.95 62.95 0 0 1-17.39 12.41c-9.7 4.68-20.13 6.55-31.05 4.73-6.06-1-8.65-3.29-7.85-6.67.64-2.74 3.53-6.05 8.31-9.9 2.35-1.9 5.1-3.88 8.24-5.97 2.73-1.82 5.58-3.61 8.9-5.62.72-.44 5.4-3.24 6.22-3.75 1.26-.8 2.6-1.76 4.3-3.09.8-.62 3.9-3.1 4.63-3.67 7.77-6.1 13.49-9.04 20.33-9.3zm0-154.6v1c-1.75-.24-4.3.23-7.82 1.55-10.01 3.75-13.8 5.07-19.15 6.76-1.78.56-2.63.83-3.87 1.24-1.48.5-3.16.76-6.74 1.16a1550.34 1550.34 0 0 0-2.64.3c-7.8.94-11.28 2.47-11.28 6.07 0 4.45 2.89 13.18 7.96 25.81a57.34 57.34 0 0 1 2.33 7.6 258.32 258.32 0 0 1 .84 3.46c1.86 7.62 3.17 10.71 5.56 11.67 2.21.88 4.7.6 7.47-.72 3.48-1.69 7.22-4.94 11.2-9.47 1.52-1.7 2.97-3.49 4.59-5.57l3.16-4.1c2.59-3.23 6.07-12.21 8.39-20.23v3.45c-2.29 7.2-5.27 14.5-7.61 17.41-.44.55-2.67 3.46-3.15 4.09-1.63 2.1-3.1 3.9-4.62 5.62-4.08 4.61-7.9 7.94-11.53 9.7-2.99 1.44-5.77 1.75-8.28.74-2.84-1.13-4.2-4.34-6.15-12.35a2097.48 2097.48 0 0 1-.84-3.46c-.8-3.2-1.47-5.45-2.28-7.46-5.14-12.8-8.04-21.55-8.04-26.19 0-4.37 3.84-6.06 12.16-7.07a160.9 160.9 0 0 1 2.65-.3c3.5-.39 5.15-.64 6.53-1.1 1.26-.42 2.1-.7 3.88-1.26 5.34-1.68 9.11-3 19.1-6.74 3.53-1.32 6.22-1.84 8.18-1.61zM0 292c10.13-11.31 18.13-23.2 23.07-35.39 3.3-8.14 6.09-16.12 10.81-30.55l1.59-4.84c6.53-19.94 10.11-29.82 14.77-39.56 6.07-12.72 12.55-21.18 20.27-25.54 6.66-3.76 10.2-7.86 12.22-13.15a46.6 46.6 0 0 0 1.86-6.58c1.23-5.2 2.05-7.59 3.93-10.36 2.45-3.62 6.27-6.53 12.1-8.96 15.78-6.58 16.73-7.04 18.05-9.01.65-.98.83-2.15.74-4.51-.03-.73-.23-3.82-.24-4A93.8 93.8 0 0 1 119 94c0-10.04.18-11.37 2.37-13.15.52-.42 1.13-.8 2.07-1.3.27-.14 2.18-1.12 2.84-1.48a68.4 68.4 0 0 0 9.12-5.87c2.06-1.54 2.64-2.14 8.01-7.93 3.78-4.09 6.21-6.36 8.96-8.12 3.64-2.33 7.2-3.12 10.9-2.11 4.4 1.2 10.81 2 18.78 2.46 6.9.4 12.9.5 21.95.5 4.87 0 8.97.47 15.4 1.57 7.77 1.33 9.3 1.54 12.38 1.54 4.05 0 7.43-.88 10.68-2.95 5.06-3.22 8.11-4.67 11.2-5.2 3.62-.64 4.77-.46 16.55 2.06 17.26 3.7 30.85 1.36 41.06-9.7 5.1-5.53 5.48-8.9 3.48-14.8-.83-2.42-1.03-3.1-1.17-4.3-.29-2.52.5-4.71 2.71-6.93 2.65-2.65 4.72-9.17 6.22-18.29h2.03c-1.56 9.71-3.77 16.65-6.83 19.7-1.79 1.8-2.36 3.39-2.14 5.28.11 1 .3 1.63 1.07 3.9 2.22 6.53 1.76 10.66-3.9 16.8-10.77 11.66-25.07 14.13-42.95 10.3-11.42-2.45-12.55-2.62-15.78-2.06-2.77.48-5.62 1.84-10.47 4.92a20.93 20.93 0 0 1-11.76 3.27c-3.25 0-4.81-.22-12.73-1.57C212.74 59.46 208.73 59 204 59c-9.1 0-15.11-.1-22.07-.5-8.09-.47-14.62-1.29-19.2-2.54-5.62-1.53-10.17 1.38-17.85 9.66-5.5 5.94-6.08 6.53-8.28 8.18a70.38 70.38 0 0 1-9.38 6.03c-.68.37-2.58 1.35-2.84 1.49-.84.44-1.35.76-1.75 1.08C121.16 83.6 121 84.8 121 94c0 1.85.06 3.54.17 5.44 0 .17.2 3.28.24 4.03.1 2.75-.13 4.29-1.08 5.71-1.67 2.5-2.27 2.8-18.95 9.74-5.48 2.29-8.99 4.96-11.2 8.24-1.71 2.51-2.47 4.73-3.64 9.7-.83 3.5-1.21 4.92-1.94 6.83-2.18 5.73-6.05 10.19-13.1 14.18-7.3 4.12-13.55 12.28-19.46 24.66-4.6 9.64-8.17 19.46-14.67 39.32l-1.58 4.84c-4.75 14.47-7.54 22.48-10.86 30.69-5.28 13.01-13.95 25.65-24.93 37.6v-2.97zm0 78v-.5l1-.01c6.32 0 7.47 5.2 4.6 13.36a60.36 60.36 0 0 1-5.6 11.3v-1.92a57.76 57.76 0 0 0 4.65-9.72c2.69-7.6 1.71-12.02-3.65-12.02-.34 0-.67 0-1 .02v-46.59a340.96 340.96 0 0 0 13.71-8.34c13.66-9.46 29.79-37.6 29.79-53.59 0-18.1 21.57-72.64 32.23-79.42 12.71-8.09 32.24-27.96 35.8-37.75 1.93-5.3 5.5-7.27 14.42-9.37 6.15-1.44 8.64-2.42 10.67-4.79 1.5-1.74 2.72-4.79 4.33-10.3.23-.78 1.9-6.68 2.43-8.46 3.62-12.08 7.3-18.49 13.47-20.39 2.5-.76 3.03-.98 9.74-3.7 7.49-3.03 11.97-4.43 17.12-4.92 6.75-.65 13.13.75 19.55 4.67 5.43 3.32 12.19 4.72 20.17 4.56 6.03-.12 12.2-1.07 19.83-2.8 1.82-.4 7.38-1.74 8.26-1.94 2.69-.6 4.34-.89 5.48-.89 4.97 0 8.93-.05 14.2-.27 7.9-.32 15.56-.92 22.75-1.88 8.5-1.14 15.9-2.73 21.88-4.82 18.9-6.62 32.64-18.3 33.67-27.59.29-2.56.4-2.96 2.79-11.11 2.33-7.95 3.21-12.93 2.72-18.23-.2-2.24-.69-4.38-1.48-6.42-1.5-3.92-2.63-9.4-3.43-16.18h.9c.77 6.47 1.89 11.72 3.47 15.82a24.93 24.93 0 0 1 1.54 6.69c.5 5.46-.4 10.54-2.77 18.6-2.36 8.06-2.47 8.47-2.74 10.95-1.09 9.75-15.1 21.68-34.33 28.41-6.06 2.12-13.52 3.72-22.09 4.87-7.22.96-14.92 1.57-22.83 1.89-5.3.21-9.27.27-14.25.27-1.04 0-2.64.27-5.26.87-.87.2-6.43 1.53-8.26 1.94-7.68 1.73-13.92 2.7-20.03 2.82-8.15.17-15.1-1.27-20.71-4.7-6.23-3.81-12.4-5.16-18.93-4.54-5.04.48-9.44 1.86-16.84 4.86-6.75 2.74-7.29 2.95-9.82 3.73-5.73 1.76-9.28 7.96-12.81 19.72-.53 1.77-2.2 7.66-2.43 8.46-1.66 5.65-2.91 8.78-4.53 10.67-2.22 2.58-4.84 3.62-12.01 5.3-7.8 1.83-11.13 3.66-12.9 8.54-3.65 10.04-23.32 30.06-36.2 38.25C65.94 190 44.5 244.2 44.5 262c0 16.34-16.3 44.78-30.22 54.41-2.14 1.48-8.24 5.12-14.28 8.68v-1.16 46.09zm0-173.7v-1.11c7.42-3.82 14.55-10.23 21.84-18.98 3.8-4.56 14.21-18.78 15.79-20.55 1.8-2.04 4.06-3.96 7.42-6.45 1.08-.8 4.92-3.57 5.49-3.99 9.36-6.85 14-11.96 15.98-19.36.8-2.98 1.54-6.78 2.46-12.3.23-1.44 2-12.46 2.56-15.79 2.87-16.77 5.73-26.79 10.07-32.1C92.46 52.43 101.5 38.13 101.5 33c0-2.54.34-3.35 6.05-15.71.68-1.49 1.25-2.74 1.77-3.93 2.5-5.75 3.9-10.04 4.14-13.36h1c-.23 3.48-1.66 7.87-4.23 13.76-.52 1.2-1.09 2.45-1.78 3.95-5.54 12.01-5.95 12.99-5.95 15.29 0 5.47-9.09 19.84-20.11 33.31-4.2 5.12-7.03 15.06-9.86 31.64-.57 3.33-2.33 14.33-2.57 15.78-.92 5.56-1.67 9.38-2.48 12.4-2.05 7.68-6.82 12.93-16.35 19.91l-5.49 3.98c-3.3 2.45-5.51 4.34-7.27 6.31-1.53 1.73-11.94 15.93-15.76 20.53-7.52 9.02-14.88 15.6-22.61 19.46zm0 361.83v-4.33c.48 2.36 1 4.35 1.6 6.15 2 6.03 4.6 8.26 8.19 6.59C28.76 557.69 43.5 542.4 43.5 527c0-16.2 6.37-31.99 17.1-46.3 1.88-2.5 3.66-4.4 5.53-6 .73-.62 1.45-1.18 2.3-1.8l2-1.43c3.68-2.68 5.32-5.28 7.08-12.59.75-3.07 1.38-5.02 4.2-13.26l.63-1.88c3.24-9.58 4.56-14.97 4.17-18.65-.48-4.43-3.8-5.23-11.3-1.64a81.12 81.12 0 0 1-9.15 3.7c-13.89 4.67-26.96 5.8-42.66 5.42l-1.95-.05-1.45-.02a39.8 39.8 0 0 0-15.05 2.96A21.81 21.81 0 0 0 0 438.37v-1.26a23.55 23.55 0 0 1 4.55-2.57 40.77 40.77 0 0 1 16.92-3.02l1.95.05c15.6.38 28.57-.75 42.32-5.37a80.12 80.12 0 0 0 9.04-3.65c8.04-3.84 12.16-2.85 12.72 2.43.42 3.89-.92 9.34-4.21 19.08l-.64 1.88c-2.8 8.2-3.43 10.15-4.16 13.18-1.82 7.52-3.59 10.34-7.47 13.16l-2 1.43c-.84.6-1.54 1.15-2.25 1.75a35.45 35.45 0 0 0-5.37 5.84c-10.61 14.15-16.9 29.74-16.9 45.7 0 15.88-15 31.45-34.29 40.45-4.3 2.01-7.39-.66-9.56-7.18-.23-.68-.44-1.39-.65-2.13zm0-62.16v-2.45l1.46 3.27c2.1 4.8 3.46 10.33 4.26 16.77.66 5.3.84 9.3 1.04 18.5.2 9.32.5 12.75 1.63 15.05 1.28 2.6 3.67 2.35 8.29-1.5 17.14-14.3 21.82-22.9 21.82-38.62 0-7.17 1.1-12.39 3.7-17.68 2.27-4.67 3.65-6.62 13.4-19.62a69.8 69.8 0 0 1 7.6-8.79 44.76 44.76 0 0 1 3.54-3.06c.38-.3.64-.52.89-.74a10.47 10.47 0 0 0 2.63-3.32 35.78 35.78 0 0 0 2.26-5.94l.37-1.2.36-1.15c.29-.91.48-1.55.66-2.16.45-1.53.74-2.68.91-3.66.38-2.2.12-3.49-.85-4.15-2.35-1.61-9.28-.24-23.8 4.94-9.54 3.4-16.12 4.17-27.85 4.26-7.71.06-10.43.4-13.25 2.12-3.48 2.12-5.84 6.4-7.58 14.26-.5 2.2-.99 4.19-1.49 5.98v-3.98l.51-2.22c1.8-8.1 4.28-12.6 8.04-14.9 3.04-1.85 5.86-2.2 13.77-2.26 11.61-.09 18.1-.84 27.51-4.2 14.93-5.32 21.95-6.71 24.7-4.83 1.38.94 1.71 2.6 1.28 5.15a33.69 33.69 0 0 1-.94 3.78l-.66 2.17-.36 1.15-.37 1.2a36.64 36.64 0 0 1-2.33 6.1c-.8 1.53-1.61 2.52-2.86 3.61l-.92.77-1.02.83c-.9.74-1.65 1.4-2.47 2.18a68.84 68.84 0 0 0-7.48 8.66c-9.7 12.93-11.07 14.87-13.31 19.46-2.52 5.15-3.59 10.22-3.59 17.24 0 16.04-4.82 24.91-22.18 39.38-5.04 4.2-8.18 4.55-9.83 1.18-1.22-2.5-1.52-5.94-1.73-15.47-.2-9.16-.38-13.15-1.03-18.4-.79-6.34-2.12-11.8-4.19-16.49L0 495.98zM379.27 0h1.04l1.5 5.26c3.28 11.56 4.89 19.33 5.26 27.8.49 11.01-1.52 21.26-6.63 31.17-7.8 15.13-20.47 26.5-36.22 34.1-12.38 5.96-26.12 9.17-36.22 9.17-6.84 0-17.24 1.38-37.27 4.62l-2.27.37c-24.5 3.99-31.65 5-37.46 5-3.49 0-4.08-.08-19.54-2.8-3.56-.64-6.32-1.1-9-1.5-20.23-2.96-31-1.2-31.96 7.86-.1.85-.18 1.72-.29 2.81l-.27 2.73c-1.1 10.9-2.02 15.73-4.31 19.96-2.9 5.34-7.77 7.95-15.63 7.95-10.2 0-12.92.6-15.5 3.17.52-.51-5.03 5.85-8.16 8.7-2.75 2.5-14.32 12.55-15.77 13.83a341.27 341.27 0 0 0-6.54 5.92c-6.97 6.49-11.81 11.76-14.6 16.15-5.92 9.3-10.48 18.04-11.69 24.08-1.66 8.3 3.67 9.54 19.02 1.21a626.23 626.23 0 0 1 44.54-21.9c3.5-1.56 14.04-6.2 15.68-6.95 5.05-2.25 8.3-3.8 10.78-5.15l1.95-1.07 2.18-1.18c1.76-.94 3.38-1.76 5-2.55 18.1-8.72 34.48-10.46 50.33-1.2 22.89 13.34 38.28 37.02 38.28 56.44 0 19.12-.73 25.13-5.18 33.2a45.32 45.32 0 0 1-4.94 7.12c-6.47 7.77-11.81 16.2-12.76 21.27-1.2 6.34 4.69 7.03 20.17-.05 13.31-6.08 22.4-14.95 28.5-26.32a80.51 80.51 0 0 0 6.1-15.13c.9-2.98 3.17-11.65 3.41-12.48a29.02 29.02 0 0 1 1.75-4.83c7.47-14.93 21.09-30.5 36.25-37.24 7.61-3.38 13-9.65 19.4-20.79.84-1.48 4.26-7.64 5.14-9.17 3.52-6.1 6.22-9.7 9.37-11.98 10.15-7.4 28.7-11.1 50.29-11.1 7.52 0 16.54-1.24 27.51-3.58a420.1 420.1 0 0 0 14.96-3.52c-1.3.33 15.54-3.98 19.42-4.89 14.15-3.33 41.07-5.01 64.11-5.01 17.36 0 27.82-9.23 38.53-38.67 6.62-18.21 6.62-26.37 2.69-34.35l-1.18-2.37A13.36 13.36 0 0 1 587.5 58c0-4.03 0-4.01 2.5-24.56.46-3.73.8-6.74 1.12-9.64.9-8.45 1.38-15.2 1.38-20.8 0-.94-.02-1.94-.04-3h1c.03 1.06.04 2.06.04 3 0 5.65-.48 12.43-1.39 20.9-.3 2.91-.66 5.93-1.11 9.66-2.5 20.45-2.5 20.47-2.5 24.44 0 1.97.45 3.57 1.45 5.68.24.51 1.16 2.35 1.17 2.36 4.06 8.24 4.06 16.68-2.65 35.13-10.84 29.8-21.63 39.33-39.47 39.33-22.96 0-49.83 1.68-63.89 4.99-3.86.9-20.69 5.2-19.4 4.88a421.05 421.05 0 0 1-14.99 3.53c-11.04 2.35-20.11 3.6-27.72 3.6-21.4 0-39.76 3.67-49.7 10.9-3 2.19-5.64 5.7-9.1 11.68-.87 1.52-4.29 7.68-5.14 9.17-6.49 11.3-12 17.71-19.86 21.2-14.9 6.63-28.38 22.03-35.75 36.77a28.17 28.17 0 0 0-1.69 4.67c-.23.8-2.5 9.49-3.4 12.5a81.48 81.48 0 0 1-6.19 15.3c-6.2 11.56-15.44 20.58-28.96 26.76-16.1 7.36-23 6.55-21.58-1.04 1-5.29 6.4-13.83 12.99-21.73a44.33 44.33 0 0 0 4.82-6.96c4.35-7.88 5.06-13.77 5.06-32.72 0-19.04-15.19-42.4-37.72-55.55-15.57-9.08-31.62-7.38-49.45 1.21a132.9 132.9 0 0 0-7.14 3.71l-1.95 1.07a158.83 158.83 0 0 1-10.85 5.19c-1.65.74-12.18 5.38-15.69 6.95a625.25 625.25 0 0 0-44.46 21.86c-15.95 8.66-22.37 7.16-20.48-2.29 1.24-6.2 5.83-15.02 11.82-24.42 2.85-4.48 7.74-9.8 14.77-16.34 1.98-1.85 4.12-3.79 6.56-5.94 1.46-1.29 13.02-11.33 15.75-13.82 3.09-2.8 8.6-9.14 8.14-8.67 2.82-2.82 5.75-3.46 16.2-3.46 7.5 0 12.04-2.43 14.75-7.42 2.2-4.07 3.11-8.84 4.2-19.59l.26-2.73.3-2.81c.56-5.42 4.47-8.5 11.23-9.6 5.44-.88 12.51-.51 21.86.86 2.7.4 5.47.86 9.04 1.49 15.33 2.7 15.96 2.8 19.36 2.8 5.73 0 12.9-1.03 37.3-5l2.27-.36c20.1-3.26 30.52-4.64 37.43-4.64 9.95 0 23.54-3.18 35.78-9.08 15.57-7.5 28.09-18.73 35.78-33.65 5.02-9.75 7-19.82 6.51-30.67-.37-8.37-1.96-16.08-5.23-27.57L379.27 0zm13.68 0h1.02c.78 3.9 1.92 8.7 3.51 14.88 3.63 14.05 3.06 27.03-.75 38.77a61 61 0 0 1-11.35 20.68 138.36 138.36 0 0 1-19.32 18.77c-11.32 9.02-23.36 15.49-35.95 18.39a258.63 258.63 0 0 1-22.57 4.07c-3.17.44-6.36.85-10.3 1.32l-9.39 1.12c-11.53 1.41-17.45 2.55-21.64 4.46-9.28 4.21-28.35 6.04-49.21 6.04-1.37 0-2.8-.12-4.3-.35-2.62-.41-5-1.03-9.14-2.29-7.34-2.21-9.63-2.75-12.63-2.56-3.9.23-6.63 2.29-8.47 6.89-1.86 4.66-2.42 7.53-3.34 14.98-1.1 8.98-2.87 12.12-9.97 14.3a40.12 40.12 0 0 0-6.8 2.66c-.63.33-1.16.64-1.76 1.02l-1.34.86c-1.9 1.14-3.86 1.49-9.25 1.49-3.2 0-8.83-.55-9.51-.39-1.22.28-.75-.14-7.14 6.24-1.5 1.5-3.49 3.18-6.32 5.37-1.52 1.18-7.16 5.43-7.94 6.03-4.96 3.78-8.33 6.6-11.06 9.38-4.88 4.98-6.85 9.15-5.56 12.7 1.34 3.67 4.07 4.42 8.9 2.82a55.72 55.72 0 0 0 7.77-3.48c1.5-.77 7.78-4.13 9.37-4.96a116.8 116.8 0 0 1 12.31-5.68 162.2 162.2 0 0 0 11.04-4.84c2.04-.97 10.74-5.16 13-6.22 4.41-2.1 8.1-3.78 11.65-5.29 17.14-7.3 29.32-9.9 37.67-6.65l5.43 2.1c2.3.88 4.17 1.62 6.02 2.38a150.9 150.9 0 0 1 13.07 6c18.34 9.63 30.35 22.13 34.79 39.87 6.96 27.85 3.6 45.53-8.08 62.4-3.97 5.75-3.52 9.2.06 8.97 4.14-.28 10.21-4.95 15.11-12.52 3.1-4.8 5.1-10.45 8.05-21.53l1.69-6.35c.66-2.47 1.24-4.52 1.83-6.5 4.93-16.56 11-27.28 21.56-34.76 7.15-5.06 23.73-15.5 25.48-16.75 6.74-4.81 10.53-9.44 14.34-18 7.74-17.44 21.09-24.34 44.47-24.34 9.36 0 17.91-1.13 29.53-3.49a624.86 624.86 0 0 0 6.2-1.28c2.4-.5 4.07-.84 5.66-1.13 4.03-.74 7.04-1.1 9.61-1.1 4.44 0 9.39-1 31.39-5.99l2.95-.66c16.34-3.67 25.64-5.35 31.66-5.35 1.54 0 2.4.01 6.4.1 7.8.15 12.27.13 17.33-.2 16.41-1.06 26.73-5.36 29.8-14.56a87.1 87.1 0 0 1 3.55-8.83c-.15.31 2.29-4.96 2.9-6.38 5.38-12.3 5.57-21.92-1.44-39.44a86.4 86.4 0 0 1-5.26-20.72c-1.61-11.98-1.38-23.14.1-40.35l.2-2.12h1l-.2 2.2c-1.48 17.15-1.7 28.24-.11 40.14a85.4 85.4 0 0 0 5.2 20.47c7.1 17.78 6.91 27.67 1.43 40.22-.62 1.43-3.06 6.72-2.91 6.4a86.17 86.17 0 0 0-3.52 8.73c-3.23 9.72-13.9 14.15-30.68 15.24-5.1.33-9.58.35-17.42.2-3.98-.09-4.84-.1-6.37-.1-5.91 0-15.18 1.67-31.44 5.32l-2.95.67c-22.16 5.02-27.05 6.01-31.61 6.01-2.5 0-5.45.36-9.43 1.09-1.58.29-3.25.62-5.64 1.11a4894.21 4894.21 0 0 0-6.2 1.29c-11.68 2.37-20.3 3.51-29.73 3.51-23.02 0-36 6.71-43.53 23.66-3.9 8.8-7.82 13.58-14.7 18.5-1.78 1.27-18.36 11.7-25.48 16.75-10.34 7.32-16.3 17.87-21.19 34.23-.58 1.96-1.15 4-1.82 6.47l-1.69 6.35c-2.98 11.18-5 16.9-8.17 21.81-5.05 7.81-11.37 12.68-15.89 12.98-4.7.31-5.3-4.23-.94-10.53 11.52-16.64 14.82-34.03 7.92-61.6-4.35-17.42-16.16-29.72-34.27-39.22-4-2.1-8.2-4-12.99-5.97-1.84-.75-3.7-1.49-6-2.38l-5.43-2.08c-8.03-3.12-20.02-.58-36.92 6.63-3.52 1.5-7.21 3.19-11.61 5.27l-13 6.22c-4.71 2.22-8.16 3.75-11.11 4.88a115.87 115.87 0 0 0-12.21 5.63c-1.58.83-7.86 4.18-9.37 4.96a56.55 56.55 0 0 1-7.9 3.54c-5.3 1.75-8.62.85-10.17-3.43-1.46-4.02.66-8.5 5.8-13.74 2.75-2.82 6.16-5.66 11.15-9.48.79-.6 6.43-4.85 7.94-6.02a66.96 66.96 0 0 0 6.23-5.28c6.74-6.74 6.1-6.16 7.61-6.51.87-.2 6.69.36 9.74.36 5.22 0 7.03-.32 8.74-1.35l1.31-.84c.62-.4 1.18-.72 1.84-1.07a41.07 41.07 0 0 1 6.96-2.72c6.64-2.04 8.22-4.84 9.28-13.47.93-7.53 1.5-10.47 3.4-15.24 1.99-4.95 5.04-7.26 9.34-7.51 3.17-.2 5.5.35 12.97 2.6a63.54 63.54 0 0 0 9.02 2.26c1.45.22 2.83.34 4.14.34 20.71 0 39.7-1.82 48.8-5.96 4.32-1.96 10.29-3.1 21.93-4.53l9.4-1.12c3.92-.48 7.11-.88 10.27-1.32 8.16-1.14 15.4-2.43 22.49-4.06 12.42-2.86 24.33-9.26 35.55-18.2a137.4 137.4 0 0 0 19.18-18.64 60.02 60.02 0 0 0 11.15-20.32c3.76-11.57 4.32-24.36.75-38.23A284.86 284.86 0 0 1 392.95 0zM506.7 0h1.26c-.5.66-.9 1.18-1.17 1.51-3.95 4.96-6.9 7.92-9.82 9.57A10.02 10.02 0 0 1 492 12.5c-2.38 0-4.24.67-6.71 2.21l-2.65 1.71c-4.38 2.8-8.01 4.08-13.64 4.08-5.6 0-9.99-1.26-16.08-4.05a202.63 202.63 0 0 1-2.3-1.06l-2.18-.98c-1.6-.7-2.92-1.17-4.17-1.48a13.42 13.42 0 0 0-3.27-.43c-2.3 0-4.3-.68-11-3.37l-1.56-.62c-5-1.97-8.1-2.82-10.52-2.66-2.93.2-4.42 2.03-4.42 6.15 0 20.76-5.21 50.42-12.15 57.35-7.58 7.59-26.55 23.7-34.06 29.06-13.16 9.4-31.17 20.2-44.11 25.06a106.87 106.87 0 0 1-13.32 4.03c-3.28.78-6.6 1.43-11.25 2.24-.53.1-8.8 1.5-11.5 1.99-4.86.87-9.3 1.74-14 2.76-20.62 4.48-25.07 5.01-38.11 5.01-2.49 0-2.9-.07-14.05-2-2.42-.42-4.31-.73-6.15-1-8.11-1.19-13.83-1.36-17.64-.2-4.54 1.4-5.93 4.65-3.7 10.52 2.02 5.28 4.84 8.61 8.84 10.74 3.26 1.74 6.75 2.6 13.82 3.71 9.42 1.48 10.94 1.75 15.5 2.92a78.2 78.2 0 0 1 18.62 7.37c8.3 4.58 14.58 11.5 19.98 20.89 2.73 4.73 9.46 19.33 10.54 21.19 3.4 5.85 6.26 6.63 10.89 2 4.95-4.94 10.35-8.37 21.13-14.06.47-.25 2.06-1.1 2.12-1.12 7.98-4.21 11.92-6.51 15.87-9.54 5.11-3.9 8.66-8.1 10.77-13.11 8.52-20.24 20.75-33.31 32.46-33.31l5.5.03c10.53.08 17.35.02 24.9-.31 13.66-.62 23.78-2.09 29.39-4.67 5.85-2.7 13.42-5.49 24.18-9.02 3.46-1.14 6.29-2.05 12.7-4.1 7.7-2.45 11.08-3.54 15.17-4.9a1059.43 1059.43 0 0 1 11.33-3.72c3.67-1.2 5.96-2 8.03-2.78a59.88 59.88 0 0 0 6.66-2.94c1.87-.98 3.76-2.1 5.86-3.5 3.48-2.33 6.15-3.13 12.04-4.13l1.15-.2c5.71-1.01 9-2.3 12.76-5.63 7.82-6.96 8.58-23.18 3.84-44.52-1.7-7.67-2.1-19.28-1.57-35.47A837.22 837.22 0 0 1 546.76 0h1l-.15 3.06c-.32 6.42-.53 11.02-.68 15.62-.51 16.1-.12 27.65 1.56 35.21 4.82 21.68 4.04 38.2-4.16 45.48-3.91 3.48-7.37 4.84-13.24 5.87l-1.16.2c-5.76.99-8.32 1.75-11.65 3.98a63.73 63.73 0 0 1-5.96 3.56 60.86 60.86 0 0 1-6.77 2.99c-2.09.79-4.39 1.58-8.07 2.79a5398.31 5398.31 0 0 1-11.32 3.71c-4.1 1.37-7.48 2.46-15.18 4.92-6.42 2.04-9.24 2.95-12.7 4.08-10.73 3.53-18.27 6.3-24.07 8.98-5.76 2.66-15.97 4.14-29.77 4.77-7.56.33-14.4.39-24.95.31l-5.49-.03c-11.19 0-23.16 12.79-31.54 32.7-2.19 5.19-5.84 9.52-11.08 13.52-4.02 3.07-7.99 5.39-16.01 9.62l-2.12 1.12c-10.7 5.65-16.04 9.04-20.9 13.9-5.14 5.14-8.75 4.15-12.45-2.22-1.12-1.92-7.85-16.5-10.54-21.2-5.33-9.24-11.48-16.02-19.6-20.5a77.2 77.2 0 0 0-18.4-7.28c-4.5-1.17-6.02-1.43-15.4-2.9-7.17-1.12-10.74-2-14.13-3.81-4.22-2.25-7.2-5.77-9.3-11.27-2.43-6.39-.78-10.26 4.34-11.83 4-1.22 9.82-1.05 18.08.17 1.84.27 3.74.58 6.17 1 11.02 1.9 11.48 1.98 13.88 1.98 12.96 0 17.35-.52 37.9-4.99 4.71-1.02 9.16-1.9 14.03-2.77 2.71-.48 10.98-1.9 11.5-1.98 4.64-.81 7.95-1.46 11.2-2.23 4.55-1.07 8.76-2.34 13.2-4 12.83-4.81 30.79-15.59 43.88-24.94 7.47-5.33 26.4-21.4 33.94-28.94C407.3 61.98 412.5 32.49 412.5 12c0-4.61 1.86-6.9 5.35-7.15 2.63-.18 5.8.7 10.96 2.73l1.56.62c6.53 2.62 8.53 3.3 10.63 3.3 1.14 0 2.3.16 3.5.46 1.32.33 2.68.82 4.34 1.53a90.97 90.97 0 0 1 3.34 1.52l1.15.54c5.98 2.73 10.23 3.95 15.67 3.95 5.41 0 8.87-1.21 13.1-3.92.2-.13 2.1-1.38 2.66-1.72 2.62-1.63 4.64-2.36 7.24-2.36 1.47 0 2.94-.43 4.47-1.3 2.78-1.56 5.67-4.45 9.54-9.31l.7-.89zM324.54 600h-2.03c.49-2.96.91-6.2 1.28-9.66.44-4.1.76-8.25.98-12.21.08-1.39.14-2.65-.35-7.29-.47-1.94-.93-4.14-1.36-6.54-2.01-11.26-2.66-22.9-1.14-33.78a60.76 60.76 0 0 1 5.18-17.95 70.78 70.78 0 0 1 12.6-18.22c3.38-3.6 5.53-5.5 11.83-10.79 4.5-3.78 6.35-5.56 7.52-7.5.64-1.07.95-2.06.95-3.06 0-1.75 0-1.74-.75-9.23-.36-3.7-.57-6.3-.68-8.96-.5-12.1 1.62-19.6 8.11-21.76 15.9-5.3 25.89-12.1 33.45-25.54C409.6 390.65 425.85 376 436 376c12.36 0 20-1.96 29.41-8.8 6.76-4.92 9.5-6.6 12.47-7.46 2.22-.64 3.8-.74 9.12-.74 1.86 0 3.53-.83 5.57-2.62 1.08-.96 5.11-5.12 5.6-5.6 6.04-5.85 11.98-8.78 20.83-8.78 2.45 0 4.54.04 7.32.12 7.51.23 8.87.17 11.27-.7 3.03-1.1 5.53-3.03 14.75-11.17 8-7.06 10.72-8.92 22.87-16.47 1.44-.9 2.59-1.63 3.69-2.37a69.45 69.45 0 0 0 9.46-7.5c4.12-3.88 8.02-7.85 11.64-11.9v2.98a201.58 201.58 0 0 1-10.27 10.38c-3.18 3-6.2 5.35-9.72 7.7-1.12.76-2.28 1.5-3.75 2.4-12.05 7.5-14.71 9.32-22.6 16.28-9.46 8.35-12.01 10.32-15.39 11.55-2.74 1-4.19 1.06-12.01.82-2.76-.08-4.83-.12-7.26-.12-8.27 0-13.75 2.7-19.43 8.22-.44.43-4.52 4.64-5.68 5.66-2.37 2.09-4.46 3.12-6.89 3.12-5.1 0-6.6.1-8.56.66-2.67.78-5.29 2.37-11.85 7.15-9.8 7.13-17.85 9.19-30.59 9.19-9.22 0-24.96 14.2-34.13 30.49-7.84 13.94-18.24 21.02-34.55 26.46-5.31 1.77-7.21 8.51-6.75 19.78.1 2.6.31 5.19.68 8.84.75 7.62.75 7.58.75 9.43 0 1.38-.42 2.73-1.24 4.09-1.33 2.2-3.26 4.07-7.94 8-6.25 5.24-8.36 7.12-11.67 10.63a68.8 68.8 0 0 0-12.25 17.71 58.8 58.8 0 0 0-5 17.36c-1.49 10.66-.85 22.09 1.13 33.15.43 2.37.88 4.53 1.33 6.44.16.66.3 1.25.6 4.06a249.3 249.3 0 0 1-1.17 16.12c-.37 3.37-.78 6.53-1.25 9.44zm-13.4 0h-1.05l.12-.28c3.07-7.16 4.29-11.83 4.29-18.72 0-3.57-.07-4.93-.76-15.65-.77-12.04-1-19.64-.55-28.3.58-11.5 2.4-22.1 5.81-32.16 1.3-3.8 2.8-7.5 4.55-11.1 3.46-7.14 6.83-12.39 10.42-16.6a59.02 59.02 0 0 1 4.35-4.56c.43-.4 3-2.8 3.67-3.45 5.72-5.6 7.51-11.52 7.51-29.18 0-18.84 2.9-23.77 15.82-28.24 1.09-.37 1.92-.67 2.77-.98a51.3 51.3 0 0 0 6.1-2.7c4.95-2.6 9.64-6.22 14.44-11.42 25.5-27.63 37.15-35.16 56.37-35.16 8.28 0 14.54-1.95 22-6.3 1.78-1.03 13.82-8.82 18.16-11.27 2.83-1.59 5.66-3.03 8.63-4.39 7.92-3.6 13.97-4.45 26.6-4.8 7.53-.2 10.7-.49 14.26-1.58 4.55-1.4 8.06-4 10.93-8.43 2.2-3.41 6.85-7.08 14.66-12.06 1.61-1.03 3.27-2.05 5.65-3.5 9.53-5.85 11.56-7.13 14.81-9.57 5.34-4 9.3-8.37 13.68-14.77a204.2 204.2 0 0 0 5.62-8.75v1.9c-1.97 3.17-3.4 5.38-4.8 7.42-4.42 6.48-8.46 10.92-13.9 15-3.29 2.46-5.32 3.75-14.89 9.61a375.06 375.06 0 0 0-5.63 3.5c-7.7 4.9-12.26 8.52-14.36 11.76-3 4.63-6.7 7.39-11.48 8.85-3.68 1.12-6.9 1.42-14.53 1.63-12.5.34-18.44 1.18-26.2 4.7a111.08 111.08 0 0 0-8.56 4.35c-4.3 2.43-16.34 10.22-18.15 11.27-7.6 4.43-14.03 6.43-22.5 6.43-18.87 0-30.3 7.4-55.63 34.84-4.88 5.28-9.67 8.97-14.7 11.62-2 1.05-4 1.92-6.23 2.75-.86.32-1.7.62-5.37 1.87-5.08 1.76-7.44 3.25-9.28 6.37-2.23 3.78-3.29 9.94-3.29 20.05 0 17.9-1.87 24.07-7.8 29.89-.69.67-3.27 3.06-3.69 3.46a58.04 58.04 0 0 0-4.28 4.49c-3.53 4.14-6.86 9.32-10.28 16.38a95.19 95.19 0 0 0-4.5 10.99c-3.38 9.97-5.18 20.48-5.76 31.9-.44 8.6-.22 16.17.55 28.17.69 10.76.76 12.12.76 15.72 0 6.35-1.02 10.87-4.35 19zm25.08 0h-1c-.04-4.73.06-9.39.28-15.02.26-6.41-.4-11.79-2.53-24.37l-.31-1.86c-2.12-12.55-2.76-19.35-1.97-26.47 1.03-9.25 4.75-16.68 12-22.67 22.04-18.2 29.81-30.18 29.81-44.61 0-2.6-.3-4.81-.98-8.17-.97-4.79-1.1-5.68-.97-7.57.2-2.56 1.27-4.7 3.56-6.72 2.67-2.35 7.05-4.6 13.72-7.01 9.72-3.5 15.52-9.18 24.3-21.57l1.78-2.5c4.48-6.33 7.1-9.63 10.43-12.78 4.31-4.07 8.98-6.77 14.54-8.17 13.3-3.32 20.37-5.47 25.34-7.64a49.5 49.5 0 0 0 5.28-2.7c1.1-.65 1.75-1.04 4.24-2.6 2.7-1.68 5.22-2.08 11.38-2.28 5.44-.18 7.9-.43 10.97-1.41a21.47 21.47 0 0 0 9.54-6.22c4.87-5.3 10.03-7.61 17.79-8.9 1.07-.18 1.88-.3 3.86-.58 6.9-.97 9.94-1.69 13.48-3.62 4.5-2.45 6.79-4.44 23.46-19.68l3.14-2.85c9.65-8.71 16.12-13.83 21.42-16.48 4.25-2.12 7.6-4.69 11.22-8.6v1.45c-3.42 3.57-6.69 6-10.78 8.05-5.18 2.59-11.61 7.67-21.2 16.32l-3.12 2.85c-16.8 15.35-19.05 17.3-23.66 19.82-3.68 2-6.8 2.75-13.82 3.73-1.97.28-2.78.4-3.84.57-7.56 1.26-12.52 3.48-17.21 8.6a22.47 22.47 0 0 1-9.97 6.5c-3.2 1-5.72 1.27-11.25 1.45-5.98.2-8.39.57-10.89 2.13a144 144 0 0 1-4.25 2.61 50.48 50.48 0 0 1-5.39 2.75c-5.04 2.2-12.15 4.37-25.5 7.7-9.74 2.44-15.26 7.65-24.4 20.56l-1.77 2.5c-8.9 12.54-14.82 18.34-24.78 21.93-6.57 2.36-10.85 4.57-13.4 6.82-2.1 1.86-3.05 3.74-3.22 6.04-.13 1.76 0 2.63.95 7.3.7 3.42 1 5.7 1 8.37 0 14.79-7.93 27-30.18 45.39-7.03 5.8-10.64 13-11.64 22-.78 7-.14 13.73 1.96 26.2l.32 1.85c2.15 12.65 2.8 18.07 2.54 24.58-.22 5.57-.32 10.2-.28 14.98zM95.9 600h-2.04c.68-3.82 1.14-8.8 1.61-15.98.2-3.11.27-4.06.39-5.6 1.3-17.54 4.04-27.14 11.5-33.2 4.65-3.77 7.22-8.92 8.67-16 .51-2.52.7-3.87 1.33-9.17.66-5.5 1.16-8.06 2.24-10.36 1.45-3.09 3.82-4.69 7.39-4.69 14.28 0 38.48 9.12 53.6 20.2 8.66 6.35 21.26 13.32 31.74 17.11 13.03 4.71 21.89 4.41 24.75-1.73 1.7-3.64 1.92-4.11 2.65-5.77 2.93-6.67 4.69-12.2 5.25-17.5.23-2.17.24-4.23.02-6.2-.32-2.75-1.42-4.55-4.08-7.35l-1.32-1.37a30.59 30.59 0 0 1-2.41-2.79 30.37 30.37 0 0 1-2.5-4.07l-1.13-2.14c-1.62-3.1-2.68-4.6-4.12-5.56-5.26-3.5-14.8-5.5-28.55-6.83a272.42 272.42 0 0 0-9.04-.71l-2.18-.17c-9.57-.73-15.12-1.56-19.06-3.2C156.57 471.07 136 450.5 136 440c0-5.34 1.74-9.53 5.47-14.13 1.98-2.44 11.12-11.71 12.79-13.54 4.52-4.97 10.16-9.54 17.68-14.66 2.8-1.9 14.78-9.6 17.49-11.49a50.54 50.54 0 0 0 6.34-5.43c1.53-1.5 6.96-7.13 7.12-7.3 7.18-7.3 12.7-11.56 19.74-14.38 3.36-1.34 8.13-2.79 17.45-5.38a9577.18 9577.18 0 0 1 11.78-3.28 602.6 602.6 0 0 0 12.67-3.7c20.4-6.24 34-12.08 40.79-18.44 8.74-8.2 11.78-13.84 15.73-26.02 2.02-6.22 3.09-9.04 5.07-12.72 9.54-17.71 28.71-39.37 43.5-45.45C383.77 238.25 389 232.34 389 226c0-2.89 2.73-8.4 6.83-13.73 4.76-6.2 10.65-11.36 16.75-14.18 12.5-5.77 33.5-10.09 47.42-10.09 5.32 0 9.83-1.5 16.42-4.89 9.2-4.71 10.1-5.11 13.58-5.11 10.42 0 32.06-2.55 45.76-5.97l3.88-.98 3.47-.89c2.6-.66 4.33-1.08 5.93-1.43 3.9-.86 6.76-1.23 9.58-1.17 2.74.06 5.47.52 8.67 1.48 4.56 1.37 13.71-.9 22.87-5.68a68.07 68.07 0 0 0 9.84-6.2v2.4c-11.09 8.14-25.76 13.66-33.29 11.4a29.72 29.72 0 0 0-8.13-1.4c-2.63-.05-5.36.3-9.11 1.12a238 238 0 0 0-9.33 2.3l-3.9.99C522.38 177.43 500.58 180 490 180c-2.99 0-3.91.4-12.67 4.89-6.85 3.51-11.61 5.11-17.33 5.11-13.65 0-34.35 4.26-46.58 9.9-5.78 2.67-11.42 7.62-16 13.58-3.85 5.02-6.42 10.2-6.42 12.52 0 7.27-5.8 13.82-20.62 19.92-14.27 5.88-33.16 27.21-42.5 44.55-1.9 3.55-2.95 6.28-4.93 12.4-4.05 12.47-7.23 18.39-16.27 26.86-7.08 6.64-20.87 12.57-41.57 18.89a604.52 604.52 0 0 1-12.7 3.71 1495.1 1495.1 0 0 1-11.8 3.28c-9.24 2.58-13.97 4.01-17.24 5.32-6.73 2.69-12.05 6.8-19.05 13.92-.15.15-5.6 5.8-7.15 7.32a52.4 52.4 0 0 1-6.6 5.65c-2.74 1.92-14.75 9.63-17.5 11.5-7.4 5.04-12.94 9.52-17.33 14.35-1.72 1.9-10.8 11.11-12.71 13.46-3.47 4.26-5.03 8.03-5.03 12.87 0 9.5 20 29.5 33.38 35.08 3.67 1.53 9.1 2.34 18.45 3.05a586.23 586.23 0 0 0 4.34.32c3.24.23 5.07.37 6.93.55 14.08 1.37 23.82 3.4 29.45 7.17 1.82 1.2 3.02 2.91 4.8 6.29l1.11 2.13a28.55 28.55 0 0 0 2.34 3.81c.62.83 1.3 1.6 2.26 2.61.23.24 1.1 1.16 1.32 1.37 2.93 3.09 4.24 5.23 4.61 8.5.24 2.12.23 4.33-.01 6.64-.59 5.55-2.4 11.25-5.41 18.1-.74 1.67-.96 2.15-2.66 5.8-3.49 7.47-13.33 7.8-27.25 2.77-10.67-3.86-23.43-10.92-32.25-17.38C164.62 515.96 140.82 507 127 507c-5 0-6.4 3.02-7.64 13.29a99.03 99.03 0 0 1-1.36 9.33c-1.53 7.5-4.3 13.04-9.37 17.16-6.87 5.58-9.5 14.78-10.77 31.8-.11 1.52-.18 2.47-.38 5.57-.46 7.01-.91 11.99-1.57 15.85zm8.05 0h-1.02c.29-1.41.58-2.94.9-4.59l1.05-5.62c2.5-13.3 4.2-19.92 6.68-24.05 1.7-2.84 3.68-5.5 8.05-11.03 8.21-10.36 10.88-14.55 10.88-18.71l-.02-1.69c-.02-1.78-.02-2.7.02-3.77.21-5.05 1.47-8.2 4.64-9.4 3.92-1.5 10.39.44 20.12 6.43 9.56 5.88 17.53 10.7 25.91 15.66 1.31.78 14.27 8.41 17.67 10.45a714.21 714.21 0 0 1 6.42 3.9c13.82 8.5 38.94 5.05 46.3-7.83 3.6-6.28 4.54-8.52 7.78-17.32a82.3 82.3 0 0 1 1.18-3.07 42.27 42.27 0 0 1 4.06-7.64c9.33-13.98 14.92-26.1 14.92-36.72 0-3.66.75-6.62 3.36-14.85.52-1.64.83-2.66 1.15-3.73 3.64-12.23 3.04-19.12-4.29-24a23.1 23.1 0 0 0-9.98-3.78c-7.2-.93-14.49 1.17-23.91 5.88-1.55.78-6.64 3.44-7.6 3.93a62.6 62.6 0 0 0-4.14 2.3l-4.4 2.66c-11.62 6.92-20.4 9.18-32.81 6.08-3.32-.84-6.24-1.4-13.1-2.64-13.25-2.39-18.7-3.75-23.33-6.46-6.23-3.67-7.46-9.02-2.88-16.65A93.1 93.1 0 0 1 172 415.42a157 157 0 0 1 8.32-7.66c-.07.05 6.16-5.3 7.82-6.77a85.12 85.12 0 0 0 6.5-6.33c7.7-8.46 12.78-13.36 20.08-18.57 9.94-7.1 21.4-12.36 35.18-15.58 37.03-8.64 51-12.7 58.83-17.93 8.6-5.73 21.3-24.77 36.84-54.81 5.22-10.1 12.27-18.4 21.13-25.71 5.13-4.24 9.56-7.25 17.55-12.23 7.42-4.62 9.62-6.14 11.38-8.16a21.15 21.15 0 0 0 2.95-4.87c.61-1.3 2.87-6.47 3-6.77 1.36-3 2.56-5.4 3.95-7.73 6.53-10.97 16.03-18 31.4-20.8 12.73-2.3 19.85-2.7 29.68-2.3 3.25.13 4.13.16 5.6.14 5.15-.07 9.71-1.04 16.61-3.8 20.74-8.3 38.75-12.04 59.19-12.04 3.05 0 6.03.15 10.48.48l2.09.16c12.45.96 18.08.96 25.34-.63a49.65 49.65 0 0 0 14.09-5.45v1.15a50.52 50.52 0 0 1-13.88 5.28c-7.38 1.61-13.08 1.61-25.63.65l-2.08-.16c-4.43-.33-7.39-.48-10.41-.48-20.3 0-38.2 3.72-58.81 11.96-7.01 2.8-11.7 3.8-16.97 3.88-1.5.02-2.39-.01-5.66-.14-9.76-.4-16.8-.01-29.47 2.3-15.06 2.73-24.32 9.58-30.71 20.31a72.8 72.8 0 0 0-3.9 7.63c-.12.28-2.39 5.47-3.01 6.79a22 22 0 0 1-3.1 5.1c-1.86 2.13-4.07 3.66-11.6 8.35-7.95 4.96-12.35 7.95-17.44 12.15-8.76 7.23-15.73 15.43-20.89 25.4-15.61 30.2-28.36 49.32-37.16 55.19-7.98 5.32-21.97 9.39-59.17 18.07-13.65 3.18-24.98 8.39-34.82 15.42-7.22 5.16-12.27 10.01-19.92 18.43a86.07 86.07 0 0 1-6.57 6.4c-1.67 1.48-7.91 6.83-7.84 6.77-3.27 2.84-5.8 5.16-8.26 7.62a92.1 92.1 0 0 0-14.27 18.13c-4.3 7.16-3.22 11.89 2.53 15.26 4.47 2.63 9.88 3.99 23.24 6.39a185.7 185.7 0 0 1 12.92 2.6c12.11 3.03 20.64.84 32.06-5.96l4.4-2.65c1.66-1 2.96-1.73 4.2-2.35.95-.48 6.04-3.14 7.6-3.92 9.59-4.8 17.04-6.94 24.49-5.98a24.1 24.1 0 0 1 10.4 3.93c7.82 5.21 8.45 12.52 4.7 25.13-.32 1.07-.64 2.1-1.16 3.74-2.57 8.12-3.31 11.04-3.31 14.55 0 10.88-5.66 23.14-15.08 37.28a41.28 41.28 0 0 0-3.97 7.46c-.37.9-.73 1.82-1.18 3.04-3.25 8.85-4.21 11.13-7.84 17.47-7.67 13.42-33.43 16.95-47.7 8.18a578.4 578.4 0 0 0-6.4-3.89c-3.4-2.04-16.36-9.67-17.67-10.45-8.38-4.97-16.36-9.78-25.92-15.66-9.5-5.85-15.7-7.7-19.24-6.36-2.68 1.02-3.8 3.82-4 8.51a61.12 61.12 0 0 0-.02 3.72l.02 1.7c0 4.5-2.69 8.73-11.52 19.87-3.92 4.95-5.87 7.59-7.55 10.39-2.39 3.97-4.08 10.56-6.56 23.72l-1.05 5.62-.86 4.4zm10.5 0h-1c.03-.34.04-.68.04-1 0-12.39 8.48-33.57 19.16-43.37a26.18 26.18 0 0 0 3.67-4.17 35.8 35.8 0 0 0 2.88-4.9c.36-.72 1.75-3.66 2.1-4.36 3.22-6.29 6.84-6.54 16.97.39 1.34.9 6.07 4.16 6.4 4.38 2.62 1.8 4.67 3.2 6.7 4.56 5.03 3.39 9.37 6.2 13.51 8.7 14.33 8.67 25.49 13.27 34.11 13.27 16.86 0 32.71-5.95 39.6-14.8 1.59-2.04 3.2-5.17 5.06-9.63.8-1.92 1.64-4.06 2.67-6.8l2.74-7.33c4.66-12.44 7.76-19.06 11.56-23.27 7.9-8.79 14.87-36 14.87-52.67 0-1.9.17-3.11 1.02-8.27.37-2.2.58-3.6.74-5.07.63-5.51.21-9.46-1.68-12.39-4.6-7.1-19.7-9.23-38.46-4.78a100.57 100.57 0 0 0-18.94 6.3c-5.17 2.37-17.11 9.74-16.5 9.4-6.72 3.64-12.97 4.15-24.8 1.3-29.55-7.14-30.43-8.62-15.26-26.81 17.44-20.93 47.12-46.18 56.38-46.18 9.92 0 53.84-11.98 65.78-17.95 9.46-4.73 24.32-21.18 36.82-37.85.71-.95 13.5-21.6 19.2-29.6 9.35-13.13 18.22-22.55 26.95-27.53 7.29-4.17 13.16-10.28 18.8-18.73 1.93-2.9 10.52-17.65 12.73-20.41 1.54-1.93 3-3.21 4.52-3.89 14.07-6.25 24.22-9.04 39.2-9.04h29c4.05 0 7.36-.4 22.93-2.5l4.3-.57c9.92-1.3 16.57-1.93 21.77-1.93 1.66 0 2.95.01 6.03.04 18.61.19 28.55-.48 44.86-4.03 3.1-.67 6.13-1.78 9.11-3.31v1.12a37.96 37.96 0 0 1-8.9 3.17c-16.4 3.56-26.4 4.24-45.08 4.05-3.08-.03-4.36-.04-6.02-.04-5.15 0-11.76.63-21.64 1.92l-4.3.58c-15.64 2.11-18.94 2.5-23.06 2.5h-29c-14.81 0-24.84 2.75-38.8 8.96-1.34.6-2.69 1.78-4.14 3.6-2.16 2.68-10.72 17.39-12.68 20.33-5.72 8.57-11.7 14.8-19.13 19.04-8.57 4.9-17.36 14.23-26.63 27.24-5.68 7.97-18.47 28.64-19.22 29.63-12.6 16.8-27.52 33.32-37.18 38.15-12.06 6.03-56.14 18.05-66.22 18.05-8.82 0-38.39 25.15-55.62 45.82-14.6 17.52-14.19 18.21 14.74 25.2 11.6 2.8 17.6 2.3 24.09-1.2-.67.35 11.31-7.03 16.56-9.44 5.41-2.48 11.6-4.59 19.11-6.37 19.13-4.53 34.65-2.35 39.54 5.22 2.05 3.17 2.48 7.32 1.84 13.04a96.34 96.34 0 0 1-.75 5.13c-.84 5.08-1.01 6.29-1.01 8.1 0 16.9-7.03 44.33-15.13 53.33-3.68 4.09-6.76 10.65-11.37 22.96-.35.93-2.2 5.94-2.73 7.33-1.04 2.76-1.88 4.9-2.68 6.84-1.9 4.53-3.55 7.73-5.2 9.85-7.1 9.13-23.25 15.19-40.39 15.19-8.86 0-20.15-4.65-34.63-13.42-4.15-2.51-8.5-5.32-13.55-8.72a861.54 861.54 0 0 1-6.71-4.56l-6.4-4.39c-9.68-6.63-12.61-6.42-15.5-.75-.35.68-1.74 3.62-2.1 4.35a36.77 36.77 0 0 1-2.96 5.03c-1.12 1.57-2.37 3-3.81 4.33-10.47 9.6-18.84 30.51-18.84 42.63l-.03 1zm-29.65 0h-1.1c1.17-2.52 1.79-5.2 1.79-8 0-20 4.83-42.04 12.15-49.35 5.17-5.18 7.77-8.38 9.9-12.74 2.64-5.41 3.95-12 3.95-20.91 0-6.82 1.14-11.59 3.37-15.07 1.74-2.7 3.6-4.21 8.91-7.52a31.64 31.64 0 0 0 3.9-2.79c4.61-3.96 6.58-6.2 7.72-9.41 1.43-4.02.93-9.04-1.86-16.02a68.98 68.98 0 0 0-3.99-8.07l-.93-1.7a75.47 75.47 0 0 1-2.64-5c-5.16-10.71-3.77-18.9 7.68-29.78a204 204 0 0 1 26.81-21.55c3.96-2.69 16.8-10.8 19.24-12.5 1.99-1.4 4.33-3.3 7.77-6.3-.02 0 7.23-6.39 9.47-8.3 4.97-4.26 9.09-7.5 13.05-10.15 4.72-3.15 8.97-5.28 12.87-6.32 12.78-3.41 15.6-4.18 21.77-5.97 12.55-3.64 21.96-6.9 28.14-10a45.47 45.47 0 0 1 7.47-2.79c8.66-2.66 12.02-4.1 16.97-8.1 6.78-5.46 13.07-14.25 19.33-27.87 15.97-34.77 19.08-39.39 32.15-49.19 3.14-2.36 6.37-4.1 11.43-6.4l2.33-1.04c11.93-5.35 16.87-8.93 21.1-17.38 1.88-3.77 2.48-6.29 3.37-12.27.78-5.19 1.48-7.56 3.53-10.25 2.57-3.4 7.03-6.27 14.36-9.01 3.37-1.26 7.36-2.5 12.05-3.73 16.33-4.3 25.28-5.36 39.6-5.81 6.9-.22 9.5-.56 12.66-2 1.19-.54 2.36-1.23 3.58-2.11 3.7-2.7 8.14-4.54 13.24-5.67 5.71-1.27 10.69-1.54 18.7-1.45l2.35.02c2.82 0 6.8-1 19.7-4.69 10.83-3.08 15.95-4.31 19.3-4.31.82 0 1.9.13 3.55.41l5.01.9c9.82 1.68 17.44 1.89 25.15-.21 7.98-2.18 14.8-6.77 20.29-14.24V147c-5.47 7.04-12.21 11.42-20.03 13.55-7.88 2.15-15.63 1.94-25.58.23l-5-.9c-1.6-.26-2.64-.39-3.39-.39-3.2 0-8.32 1.22-19.74 4.48-12.35 3.53-16.3 4.52-19.26 4.52l-2.36-.02c-7.94-.1-12.85.17-18.47 1.42-4.97 1.11-9.3 2.9-12.88 5.5a21.4 21.4 0 0 1-3.75 2.22c-3.32 1.5-6 1.87-13.04 2.09-14.25.44-23.13 1.5-39.37 5.77a125.56 125.56 0 0 0-11.95 3.7c-7.17 2.7-11.49 5.46-13.93 8.68-1.9 2.52-2.58 4.76-3.33 9.8-.9 6.08-1.53 8.68-3.47 12.56a30.6 30.6 0 0 1-9.66 11.45c-3.12 2.26-5.95 3.73-11.93 6.4l-2.31 1.04c-5.01 2.27-8.18 3.99-11.25 6.29-12.9 9.68-15.93 14.17-31.85 48.8-6.31 13.76-12.7 22.68-19.6 28.25-5.08 4.1-8.53 5.57-17.3 8.27a44.64 44.64 0 0 0-7.33 2.73c-6.24 3.12-15.7 6.4-28.3 10.06a867.4 867.4 0 0 1-21.8 5.97c-3.77 1.01-7.93 3.1-12.56 6.19a137.35 137.35 0 0 0-12.95 10.07c-2.24 1.92-9.48 8.3-9.48 8.3a98.2 98.2 0 0 1-7.84 6.37c-2.46 1.72-15.32 9.83-19.26 12.5a203 203 0 0 0-26.69 21.45c-11.13 10.58-12.43 18.3-7.47 28.63a74.52 74.52 0 0 0 2.62 4.95l.94 1.7a69.84 69.84 0 0 1 4.03 8.17c2.88 7.2 3.4 12.46 1.89 16.73-1.22 3.43-3.28 5.77-8.02 9.84-1.14.97-2.32 1.8-5.3 3.67-3.92 2.45-5.69 3.89-7.31 6.42-2.13 3.3-3.22 7.89-3.22 14.53 0 9.05-1.34 15.79-4.05 21.34-2.19 4.49-4.85 7.77-10.1 13.01-7.07 7.07-11.85 28.9-11.85 48.65 0 2.8-.58 5.48-1.7 8zm282.54 0h-1.01l-1.1-5.8c-3.08-16.26-4.05-26.2-2.74-37.26.7-5.8.77-9.68.55-15.3-.18-4.45-.17-5.68.19-7.63.78-4.3 3.44-8.53 10.39-16.34 9.07-10.2 12.26-15.41 19.8-30.15 1.35-2.64 2.33-4.47 3.38-6.3.9-1.58 1.82-3.06 2.77-4.5 3.14-4.7 7.03-8.42 16.84-16.81 11.22-9.6 15.5-13.86 18.13-19.13.7-1.4 1.3-2.8 1.93-4.4a206 206 0 0 0 1.49-4.05c3.63-9.94 8.01-13.93 22.9-17.81 4.99-1.3 20.55-5.13 21.38-5.34 16.19-4.1 25.33-7.36 33.48-12.6 5.86-3.77 5.84-3.76 27.66-16.53l2.6-1.52c10.23-6 17.1-10.2 22.73-13.95a149.3 149.3 0 0 0 8.8-6.3 723.7 723.7 0 0 0 6.37-5.08A87.74 87.74 0 0 1 600 342.95v1.12a85.76 85.76 0 0 0-15.49 9.9c.18-.14-4.76 3.84-6.38 5.1a150.3 150.3 0 0 1-8.85 6.35c-5.65 3.76-12.53 7.96-22.78 13.97l-2.6 1.53c-21.8 12.75-21.78 12.74-27.63 16.5-8.27 5.32-17.49 8.61-33.78 12.73-.83.21-16.39 4.04-21.36 5.33-8.03 2.1-13.15 4.5-16.45 7.5-2.66 2.42-4 4.86-5.77 9.7l-1.5 4.07a51.12 51.12 0 0 1-1.96 4.47c-2.72 5.45-7.04 9.75-18.38 19.45-9.73 8.32-13.6 12.02-16.65 16.6a77.18 77.18 0 0 0-2.74 4.45c-1.05 1.81-2.01 3.63-3.35 6.25-7.58 14.81-10.82 20.08-19.96 30.36-6.83 7.7-9.4 11.78-10.15 15.86-.34 1.85-.34 3.04-.17 7.4.22 5.68.14 9.6-.55 15.47-1.3 10.92-.34 20.79 2.73 36.95l1.12 5.99zm-76.59 0h-2.1l1.39-4.3c1.04-3.3 1.93-6.78 2.68-10.4 2.65-12.73 3.27-23.63 3.27-41.3 0-5.71-1.86-9.75-4.13-9.75-2.94 0-6.96 5.61-10.93 17.08C271.14 579.68 258.3 593 238 593c-22.42 0-29.26-1.35-48.42-10.09a87.69 87.69 0 0 1-9.42-5.04c-2.95-1.8-12.78-8.57-14.84-9.72-4.2-2.36-7-2.71-9.72-.99-.63.4-1.26.91-1.9 1.55a57.69 57.69 0 0 1-4.31 3.86 147.88 147.88 0 0 1-3.06 2.44l-1 .8C137.01 582.43 134 587.18 134 597c0 1.02-.02 2.01-.07 3h-2c.05-.99.07-1.98.07-3 0-10.52 3.33-15.78 12.09-22.76a265.61 265.61 0 0 1 2-1.6c.83-.64 1.43-1.13 2.03-1.61a55.76 55.76 0 0 0 4.17-3.74c.74-.73 1.48-1.34 2.24-1.82 3.47-2.2 7-1.75 11.77.93 2.15 1.21 12.03 8 14.9 9.76a85.7 85.7 0 0 0 9.22 4.93C209.29 589.7 215.85 591 238 591c19.25 0 31.49-12.7 41.06-40.33 4.24-12.25 8.66-18.42 12.81-18.42 3.8 0 6.13 5.06 6.13 11.75 0 17.8-.63 28.8-3.3 41.7-.77 3.7-1.68 7.23-2.75 10.6-.4 1.3-.8 2.53-1.19 3.7zm-149.25 0l.5-.94a160.1 160.1 0 0 0 6.53-13.26c2.73-6.29 5.78-9.64 9.24-10.52 3.74-.95 7.15.74 12.56 5.13 5.43 4.4 6.07 4.86 7.73 5.1 1.6.22 4.28 1.14 8.86 2.95 1.3.5 10.78 4.35 13.85 5.55 3.07 1.2 5.85 2.25 8.49 3.18 3.1 1.1 5.98 2.04 8.65 2.81h-3.45c-1.76-.56-3.6-1.18-5.54-1.87a281.2 281.2 0 0 1-8.51-3.19c-3.08-1.2-12.57-5.04-13.86-5.55-4.5-1.78-7.15-2.68-8.63-2.9-1.94-.27-2.53-.7-8.22-5.3-5.17-4.2-8.36-5.78-11.69-4.94-3.1.78-5.94 3.92-8.56 9.95a161 161 0 0 1-6.82 13.8h-1.13zm112.89 0a30.34 30.34 0 0 0 11.27-6.27c1.55-1.36 3.32-3.46 5.34-6.29 1.05-1.46 2.15-3.1 3.41-5.04a349.73 349.73 0 0 0 2.5-3.9l.47-.75.93-1.47a89.17 89.17 0 0 1 3.25-4.86c1.05-1.43 1.82-2.23 2.44-2.46 1.02-.37 1.49.48 1.49 2.04l.01 2.11c.05 6.91-.08 11.32-.7 16.33a48.4 48.4 0 0 1-2.38 10.56h-1.07a46.47 46.47 0 0 0 2.45-10.68c.62-4.96.75-9.33.7-16.2l-.01-2.12c0-.97-.08-1.12-.15-1.1-.36.14-1.05.85-1.97 2.1a88.44 88.44 0 0 0-3.22 4.82l-.92 1.46-.48.75a1268.1 1268.1 0 0 1-2.5 3.92c-1.26 1.95-2.38 3.6-3.44 5.08-2.06 2.88-3.87 5.04-5.5 6.45a30.87 30.87 0 0 1-8.94 5.52h-2.98zm-183.72 0H69.3c3.37-3.43 5.19-8.33 5.19-15 0-18.6-.04-17.35 1.02-20.77.6-1.93 1.5-3.74 3.27-6.63.42-.7 4.92-7.8 6.78-10.86 3.04-4.97 11.04-16.5 12.21-18.56 3.48-6.08 4.72-12.06 4.72-24.18 0-7.85 2.5-14.2 8.1-23.44l2.84-4.63a72.67 72.67 0 0 0 2.49-4.4c1.62-3.15 2.48-5.78 2.62-8.28.2-3.78-1.3-7.29-4.9-10.9-5.13-5.12-8.6-5.43-11.2-1.85-2.12 2.92-3.48 7.74-5.06 16.47-.2 1.03-.82 4.6-.82 4.57-.83 4.67-1.4 7.33-2.1 9.6-1.35 4.42-3.7 7.61-8.36 12.26l-3.26 3.2c-6.38 6.39-9.68 11.51-11.36 19.5l-1.16 5.52c-.87 4.1-1.56 7.04-2.33 9.94-3.67 13.74-9.65 25.97-22.59 44.72-7.68 11.14-11.05 18.87-10.92 23.72h-1c-.12-5.16 3.35-13.05 11.1-24.28 12.87-18.67 18.8-30.8 22.44-44.42.77-2.88 1.45-5.8 2.32-9.89l1.16-5.51c1.73-8.22 5.13-13.5 11.64-20 .63-.64 2.84-2.8 3.25-3.21 4.57-4.54 6.82-7.62 8.12-11.84a81.58 81.58 0 0 0 2.07-9.48l.81-4.57c1.62-8.9 3-13.8 5.24-16.89 3-4.15 7.2-3.78 12.71 1.74 3.8 3.8 5.42 7.58 5.2 11.66-.15 2.66-1.05 5.41-2.73 8.68a73.6 73.6 0 0 1-2.52 4.46l-2.84 4.63c-5.52 9.1-7.96 15.3-7.96 22.92 0 12.28-1.28 18.43-4.85 24.68-1.2 2.1-9.21 13.65-12.22 18.58-1.87 3.06-6.37 10.18-6.78 10.86-1.73 2.82-2.6 4.57-3.17 6.4-1.02 3.28-.98 2.1-.98 20.48 0 6.52-1.7 11.44-4.82 15zM310.09 0h1.06c-.37.9-.77 1.83-1.2 2.82-3.9 9.06-5.45 15.15-5.45 25.18 0 7.64-2.1 11.6-6.64 13.05-3.46 1.1-5.72.98-17.57-.43-11.55-1.36-19.17-1.58-28.16-.14-6.24 2.49-25.91 7.02-32.13 7.02-11.15 0-36.76-2.88-54.12-7.01a22.08 22.08 0 0 0-16.95 2.48c-4.05 2.33-7.09 5.03-13.9 11.97-6.28 6.39-9.53 9.23-13.8 11.5-7.09 3.79-11.22 7.65-13.4 12.27-1.82 3.85-2.33 7.84-2.33 15.29 0 4.4-2.65 6.69-9.45 9.74.1-.05-2.97 1.31-3.84 1.71-8.78 4.06-12.71 8.29-12.71 16.55 0 12.52-4.86 19.22-17.34 27.96l-4.56 3.14c-1.9 1.3-3.3 2.3-4.67 3.3-.92.68-1.79 1.34-2.62 2-7.16 5.62-11 14.54-15.56 33.28-.63 2.57-3.3 14-4.07 17.14a350.44 350.44 0 0 1-5.2 19.33c-1.37 4.5-4.5 15.07-4.96 16.53-1.05 3.4-1.64 4.94-2.46 6.32-.82 1.4-6.85 9.08-12.64 18.27L0 277.98v-1.9l4.58-7.35a270.8 270.8 0 0 1 12.61-18.23c-.3.5 1.35-2.8 2.38-6.12.45-1.44 3.58-12.01 4.95-16.53 1.83-6.03 3.44-12.09 5.19-19.27.76-3.13 3.44-14.56 4.06-17.14 4.62-18.95 8.52-28.02 15.92-33.83.84-.67 1.72-1.33 2.65-2.01 1.38-1.02 2.8-2.01 4.7-3.32l4.54-3.14C73.83 140.57 78.5 134.13 78.5 122c0-8.74 4.2-13.26 13.29-17.45.88-.41 3.96-1.77 3.85-1.73 6.46-2.9 8.86-4.97 8.86-8.82 0-7.6.53-11.7 2.42-15.71 2.29-4.84 6.57-8.85 13.84-12.73 4.15-2.21 7.35-5 14.15-11.93 6.28-6.4 9.36-9.13 13.52-11.53a23.07 23.07 0 0 1 17.69-2.59c17.27 4.12 42.8 6.99 53.88 6.99 6.1 0 25.73-4.53 31.92-7 9.12-1.46 16.83-1.25 28.49.13 11.63 1.38 13.9 1.5 17.15.47 4.06-1.3 5.94-4.85 5.94-12.1 0-10.1 1.56-16.3 6.6-28zm25.12 0h1c.05 5.62.26 11.48.65 19.4.47 9.7.64 14.57.64 21.6 0 9.81-4.68 17.46-13.1 23.16-6.53 4.43-14.94 7.46-24.33 9.33-3.74.54-9.42.56-22.68.23-6.74-.17-9.35-.22-12.39-.22-2.77 0-4.97.43-7.63 1.36-.88.3-4.55 1.74-5.58 2.11-6.55 2.35-13.59 3.53-24.79 3.53-8.1 0-13.58-1.38-22.46-4.9l-3.18-1.25c-12.55-4.87-21.27-5.15-37.18 1.12-11.15 4.39-18.13 9.2-22.28 14.81-3.15 4.26-4.33 7.8-5.94 15.8-1.22 6.09-1.93 8.74-3.5 12.13-1.65 3.53-3.97 5.81-7.07 7.22-2.33 1.07-4.35 1.5-9.32 2.19-9.04 1.27-12.77 3.09-15.61 9.58-3.71 8.48-7.72 13.87-14.22 19.76-2.4 2.18-13.14 11.02-15.91 13.42-8.2 7.1-13.85 17.37-18.7 31.97a258.81 258.81 0 0 0-3.27 10.7c-.01.05-2.26 7.97-2.88 10.1-8.49 28.85-17.88 52.95-26.13 61.2-2.8 2.8-5.06 5.64-10.4 12.96-3.4 4.68-6.23 8.25-8.95 11.1v-1.55c2.74-2.98 5.73-6.82 9.48-11.97 4.03-5.52 6.32-8.4 9.17-11.24 8.07-8.08 17.44-32.14 25.87-60.8.62-2.1 2.86-10.03 2.88-10.08 1.21-4.24 2.21-7.53 3.28-10.74 4.9-14.75 10.63-25.16 19-32.4 2.78-2.42 13.5-11.25 15.89-13.4 6.4-5.8 10.32-11.09 13.97-19.43 1.68-3.83 4.05-6.31 7.2-7.86 2.4-1.17 4.64-1.67 9.53-2.36 4.54-.63 6.5-1.05 8.7-2.06 2.89-1.31 5.03-3.42 6.58-6.73 1.53-3.3 2.23-5.9 3.43-11.9 1.64-8.14 2.85-11.79 6.11-16.2 4.28-5.79 11.41-10.7 22.73-15.16 16.15-6.36 25.13-6.07 37.9-1.11l3.19 1.26c8.77 3.47 14.13 4.82 22.09 4.82 11.09 0 18.02-1.16 24.46-3.47 1-.36 4.68-1.8 5.58-2.11A22.5 22.5 0 0 1 265 72.5c3.05 0 5.67.05 14.07.26 11.53.29 17.2.27 20.83-.25 9.25-1.85 17.54-4.83 23.94-9.17C332 57.8 336.5 50.46 336.5 41c0-7-.17-11.86-.7-22.7-.35-7.26-.55-12.83-.59-18.3zM93.87 0h2.04c-.7 4-1.61 6.82-3.03 9.47-2.33 4.38-2.85 5.75-5.26 13.03a40.46 40.46 0 0 1-1.94 5.03c-2.24 4.66-5.92 8.8-13.07 14.26-8.01 6.13-14.27 16.55-20.03 31.55-2.4 6.23-8.75 25.63-9.64 28.01-2.69 7.16-6.56 12.7-15.63 23.68l-2.68 3.24c-6.02 7.34-9.35 12.07-11.72 17.15-2.3 4.94-7.12 9.9-12.91 14.15v-2.4c5.14-3.94 9.1-8.3 11.1-12.6 2.46-5.27 5.87-10.1 11.98-17.56l2.68-3.26c8.94-10.8 12.72-16.22 15.3-23.1.88-2.33 7.24-21.74 9.65-28.03 5.89-15.31 12.3-26 20.68-32.41 6.92-5.3 10.4-9.2 12.48-13.55.65-1.35 1.16-2.7 1.85-4.79 2.45-7.4 3-8.83 5.4-13.34A27.68 27.68 0 0 0 93.87 0zm9.07 0h1.02c-1.66 8.3-2.91 12.67-4.54 15.26a59.14 59.14 0 0 0-4.1 8.21c-1.27 3-2.44 6.2-3.5 9.4-.38 1.12-.7 2.16-2.41 5.39a251.48 251.48 0 0 0-12.81 13.3c-3.48 3.96-5.95 7.27-7.15 9.66-.95 1.9-2.06 5.99-3.61 12.97-.64 2.9-3.65 17.15-4.51 21.07-3.63 16.45-6.63 26.69-9.9 32-7.66 12.45-10.64 15.71-37.08 41.1A69.78 69.78 0 0 1 0 179.21v-1.15a69.39 69.39 0 0 0 13.65-10.42c26.4-25.33 29.32-28.55 36.92-40.9 3.2-5.18 6.18-15.37 9.78-31.7.86-3.91 3.87-18.16 4.51-21.06 1.57-7.09 2.7-11.2 3.7-13.2 1.24-2.5 3.76-5.86 7.29-9.89.9-1.03 1.86-2.1 2.86-3.18 2.4-2.6 4.96-5.22 7.53-7.76.9-.88 1.73-1.7 3.37-3.4a129.02 129.02 0 0 1 4.78-13.46 60.07 60.07 0 0 1 4.19-8.35c1.52-2.44 2.74-6.71 4.36-14.74zM83.71 0h1.1c-2.09 4.74-6.03 8.92-11.42 12.3-7.2 4.52-16.5 7.2-24.39 7.2-8.9 0-11.8 7-11.74 21.52 0 1.7.04 3.17.12 5.99.1 3.3.12 4.45.12 5.99 0 5.73-.76 11.3-2.01 16.5a66.67 66.67 0 0 1-2.15 6.97 2597.76 2597.76 0 0 1-7 15.86A4270.8 4270.8 0 0 1 6.44 136.2 54.64 54.64 0 0 1 0 147v-1.65a54.87 54.87 0 0 0 5.55-9.57A4269.82 4269.82 0 0 0 30.7 79.97c.53-1.2.99-2.23 2.44-5.9A69.23 69.23 0 0 0 36.5 53c0-1.52-.03-2.66-.12-5.95-.08-2.83-.12-4.31-.12-6.01-.03-6.79.53-11.62 2.07-15.34 1.94-4.68 5.39-7.19 10.67-7.19 7.7 0 16.81-2.63 23.86-7.05C77.93 8.27 81.66 4.38 83.7 0zm282.63 0h1.01c1.86 10.02 2.18 12.67 2.32 18.3a123.43 123.43 0 0 1 .37 27.83c-.96 8.78-3.1 16.01-6.63 21.15-11.34 16.5-39.8 29.22-66.41 29.22-5.09 0-10.47.28-16.31.83a413.8 413.8 0 0 0-24.37 3.16c-21.56 3.26-27.66 4.01-36.32 4.01-6.92 0-12.2-1.05-21.69-3.9l-2.78-.83c-1.39-.41-2.54-.74-3.65-1.02-8-2.05-14.22-2.04-21.7.72a16.32 16.32 0 0 0-9.17 8.18c-1.6 3.05-2.5 6.06-4.02 12.83-1.5 6.64-2.34 9.52-3.99 12.64a16.16 16.16 0 0 1-9.85 8.36 104.8 104.8 0 0 0-9.5 3.42c-6.55 2.8-10.1 5.57-13.8 10.47-1.33 1.75-1.03 1.3-5.43 7.9-1.98 2.97-4.66 5.8-8.48 9.14-2.01 1.76-10.71 8.83-12.88 10.7-7.37 6.35-12.58 12.14-16.63 19.14-4.22 7.3-7.8 18.3-11.28 33.26-.87 3.73-1.72 7.64-2.64 12.14l-1.18 5.8-1.09 5.45c-1.8 8.96-2.77 13.28-3.77 16.26-6.8 20.44-17.26 42.16-27.13 51.2-5.11 4.7-8.1 7.07-11.1 8.86-.9.54-1.84 1.04-2.92 1.57-.44.22-9.6 4.4-14.1 6.66l-1.22.62v-1.13l.78-.39c4.52-2.26 13.67-6.44 14.1-6.65a41.19 41.19 0 0 0 2.84-1.54c2.94-1.75 5.88-4.09 10.94-8.73 9.71-8.9 20.1-30.51 26.87-50.79.97-2.92 1.94-7.22 3.73-16.13l1.1-5.46a490.5 490.5 0 0 1 3.82-17.96c3.5-15.06 7.1-26.14 11.39-33.54 4.11-7.11 9.4-12.98 16.83-19.4 2.19-1.88 10.88-8.95 12.88-10.7 3.77-3.28 6.39-6.05 8.3-8.93 4.43-6.64 4.12-6.18 5.47-7.96 3.8-5.03 7.5-7.91 14.21-10.78 2.61-1.12 5.74-2.24 9.59-3.46a15.17 15.17 0 0 0 9.27-7.86c1.59-3.02 2.42-5.85 4.03-12.99 1.41-6.27 2.32-9.33 3.98-12.48a17.31 17.31 0 0 1 9.7-8.66c7.7-2.83 14.1-2.84 22.3-.75 1.12.29 2.28.61 3.68 1.03l3.73 1.11c8.47 2.54 13.66 3.58 20.46 3.58 8.59 0 14.67-.75 36.18-4a414.64 414.64 0 0 1 24.41-3.17c5.88-.54 11.29-.83 16.41-.83 26.3 0 54.45-12.58 65.59-28.78 3.42-4.98 5.5-12.06 6.46-20.7.84-7.74.73-16.02.02-23.9a136.2 136.2 0 0 0-.57-5.12c0-4.47-.3-6.94-2.16-17zM18.88 0h1.03C18 7.57 17.15 10.18 14.46 16.2c-1.95 4.37-2.67 9.19-2.42 14.89.2 4.33.71 7.7 2.28 16.13 1.09 5.88 1.57 8.77 1.94 12.2.96 8.9.24 16.08-2.8 22.79A463.4 463.4 0 0 1 0 109.43v-2.12a465 465 0 0 0 12.54-25.52c2.97-6.52 3.67-13.53 2.72-22.27-.36-3.4-.84-6.26-1.93-12.12-1.57-8.47-2.1-11.88-2.29-16.27-.26-5.84.48-10.81 2.5-15.33 2.64-5.9 3.48-8.47 5.34-15.8zm280.47 0a70.78 70.78 0 0 1-4.91 11.24c-2.56 4.7-4.01 8.45-4.86 11.98l-.4 1.8-.28 1.45a5.28 5.28 0 0 1-.74 2.07c-.74 1.03-1.93 1.28-5.13 1.25.92 0-9.85-.29-15.03-.29-10.2 0-18.45.82-29.46 2.56-16.87 2.66-17.73 2.77-23.66 2.52a42.57 42.57 0 0 1-8-1.09c-17.7-4.16-46.18-5.86-54.72-3.01-2.72.9-5.88 2.8-9.52 5.59a112.37 112.37 0 0 0-6.54 5.48c-1.4 1.25-9.17 8.5-10.78 9.84-1.45 1.2-8.18 7.42-8.85 8.02a114.65 114.65 0 0 1-4.55 3.9c-4.99 4.03-8.9 6.2-11.92 6.2-3.52.05-4.32 0-5.14-.4-1.13-.56-1.5-1.72-1.13-3.57.74-3.63 4.47-10.84 12.84-24.8 5.69-9.48 9.42-18 11.78-26.2 1.45-5.04 1.94-7.4 2.97-14.54h1.01c-1.05 7.3-1.54 9.7-3.01 14.82-2.39 8.28-6.16 16.89-11.9 26.44-8.3 13.84-12 21.01-12.7 24.48-.3 1.45-.08 2.14.59 2.47.6.3 1.35.35 3.48.3 3.92 0 7.69-2.1 12.5-5.98 1.4-1.13 2.87-2.39 4.51-3.86.66-.59 7.41-6.83 8.88-8.05 1.59-1.33 9.34-8.55 10.75-9.82 2.4-2.15 4.55-3.96 6.6-5.53 3.72-2.85 6.97-4.8 9.81-5.74 8.76-2.92 37.41-1.22 55.27 2.99 2.57.6 5.14.95 7.81 1.06 5.84.25 6.7.14 23.47-2.51 11.05-1.75 19.36-2.57 29.6-2.57 5.2 0 15.99.3 15.05.29 2.87.03 3.84-.17 4.3-.83.23-.32.4-.8.58-1.7l.28-1.43.4-1.85c.88-3.6 2.36-7.44 4.96-12.22 1.87-3.43 3.44-7 4.73-10.76h1.06zm-8.59 0c-5.91 17.94-9.55 22-19.76 22-4.5 0-10.22.32-28.69 1.5l-1.53.1c-15.6.99-23.47 1.4-28.78 1.4-5.35 0-13.24-.96-28.86-3.28l-1.54-.23C163.18 18.75 157.47 18 153 18c-4.45 0-7.3 1.01-10.96 3.34-.1.06-1.8 1.17-2.3 1.47-2.43 1.5-4.32 2.19-6.74 2.19-2.8 0-4.11-1.46-4.11-4.22 0-1.04.16-2.29.5-4.1.16-.82.9-4.4 1.07-5.32.8-4.11 1.3-7.68 1.47-11.36h2c-.17 3.82-.68 7.5-1.5 11.75-.19.94-.92 4.5-1.07 5.31a21.04 21.04 0 0 0-.47 3.72c0 1.7.46 2.22 2.11 2.22 1.99 0 3.55-.57 5.7-1.9.47-.28 2.15-1.37 2.26-1.44C144.92 17.14 148.12 16 153 16c4.62 0 10.3.74 28.9 3.51l1.53.23C198.93 22.04 206.8 23 212 23c5.25 0 13.11-.41 28.65-1.4l1.54-.1C260.73 20.32 266.43 20 271 20c8.95 0 12.15-3.4 17.66-20h2.1zM141.51 0h1.13c-2.06 3.86-2.63 5.1-2.77 6.19-.15 1.12.42 1.64 2.32 1.96 1.8.3 3.85.35 10.81.35 6.02 0 13 .56 21.35 1.62 3.95.5 8.03 1.1 13.13 1.89 24 3.7 22.5 3.49 26.83 3.49 24.02 0 51.83-2.24 60.45-6.94 2.88-1.57 5.05-4.49 6.6-8.56h1.07c-1.64 4.47-3.98 7.69-7.2 9.44-8.83 4.82-36.67 7.06-60.92 7.06-4.41 0-2.84.22-26.98-3.5-5.1-.8-9.17-1.38-13.1-1.88-8.31-1.06-15.26-1.62-21.23-1.62-7.04 0-9.1-.05-10.97-.37-2.38-.4-3.38-1.32-3.15-3.07.16-1.22.69-2.41 2.63-6.06zm76.4 0c5.69 1.64 10.37 2.5 14.09 2.5 9.59 0 16.7-.71 22.4-2.5h2.98C251.12 2.53 243.2 3.5 232 3.5c-4.5 0-10.32-1.21-17.53-3.5h3.45zM70.69 0c-2.87 3.27-6.95 5.39-12.02 6.53-3.98.89-7.5 1.08-12.92 1A97.24 97.24 0 0 0 44 7.5c-5.37 0-8.86-1.24-10.1-4.97A8.6 8.6 0 0 1 33.5 0h.99c.02.82.14 1.56.36 2.22C35.91 5.39 39.02 6.5 44 6.5l1.76.02c5.35.09 8.8-.1 12.69-.97C62.95 4.54 66.63 2.74 69.3 0h1.37zM0 207.87c7.31-.16 11.5 3.33 11.5 11.13 0 11.41-5.05 28.35-11.5 41.5v-2.3c5.93-12.72 10.5-28.47 10.5-39.2 0-7.18-3.7-10.3-10.5-10.13v-1zm0 7.05c1.23.14 2.18.58 2.87 1.31 1.4 1.48 1.6 3.72 1.16 7.58l-.16 1.3A28.93 28.93 0 0 0 3.5 229c0 3.2-1.48 9.52-3.5 15.9v-3.45c1.49-5.13 2.5-9.87 2.5-12.45 0-.98.08-1.75.37-4.02l.16-1.29c.42-3.56.24-5.59-.88-6.77-.5-.53-1.21-.87-2.15-1v-1zM0 410.9v-1.47a21.67 21.67 0 0 0 2.97-4.7c1.32-2.7 2.68-6.28 4.56-11.89 7.85-23.55 7.83-26.6.25-30.4-2.25-1.12-4.8-1.43-7.78-.91v-1.02a13.1 13.1 0 0 1 8.22 1.04c8.24 4.12 8.26 7.6.25 31.6-1.88 5.66-3.25 9.27-4.6 12.02A20.82 20.82 0 0 1 0 410.9zM33.64 452c1.68 0 3.04-.23 8.34-1.31l2.38-.47c8.26-1.57 12.72-1.3 14.53 2.33 1.38 2.75-.47 5.86-4.75 9.68a75.6 75.6 0 0 1-5.08 4.07c-.94.7-4.89 3.59-5.79 4.27-1.86 1.4-2.97 2.37-3.47 3.03a19.08 19.08 0 0 0-2.89 5.5c.07-.2-4.02 13.65-6.96 22.22-2.7 7.85-5.56 10.72-8.82 8.59-2.11-1.4-3.66-4.24-6.6-11.03-1.98-4.62-2.5-5.76-3.4-7.4-4.55-8.18-3.9-23.9-.05-32.87a9.6 9.6 0 0 1 6.98-5.96c2.59-.66 4.86-.75 11.78-.67l3.8.02zm0 2c-1.13 0-2.09 0-3.82-.02-12.07-.13-14.83.57-16.9 5.41-3.63 8.47-4.26 23.55-.05 31.12.96 1.73 1.48 2.88 3.5 7.58 2.72 6.3 4.24 9.08 5.86 10.14 1.64 1.08 3.5-.8 5.82-7.55a682.9 682.9 0 0 0 6.97-22.24 21.03 21.03 0 0 1 3.18-6.04c.65-.87 1.85-1.9 3.86-3.43.92-.7 4.87-3.57 5.8-4.27 2.02-1.5 3.6-2.77 4.95-3.97 3.63-3.23 5.09-5.7 4.3-7.28-1.21-2.42-5.07-2.65-12.38-1.27l-2.35.47c-5.49 1.11-6.86 1.35-8.74 1.35zm345.63 146c-3.45-12.26-3.77-14.13-3.77-19 0-3.33-.13-6.27-.43-11.34-.63-10.33-.65-13.5.26-17.07 1.21-4.74 4.21-7.1 9.67-7.1h26c4.08 0 5.19 1.85 5.93 7.11.1.79.13.97.19 1.32.84 5.35 2.8 7.58 8.88 7.58 3.64 0 5.54.4 6.43 1.37.76.83.76 1.44.36 3.93-.85 5.26.5 8.85 7.5 13.8 6.32 4.45 11.63 5.36 16.55 3.37 3.8-1.54 6.73-4.16 11.92-10l1.1-1.23 1.09-1.23a75.6 75.6 0 0 1 2.7-2.86 35.81 35.81 0 0 1 9.57-6.73c1.52-.76 1.72-.86 5.66-2.63 6.1-2.73 9.01-4.5 11.74-7.62 2.63-3 4.67-4.85 6.7-6.04 3.18-1.85 5.46-2.13 13.68-2.13 5.98 0 10.56-4.32 18-14.99l2.82-4.03c1.06-1.5 1.94-2.7 2.79-3.79 7.87-10.12 19.38-10.4 30.74.96 5.54 5.53 10.17 19.43 13.64 38.51 2.5 13.75 4.18 29.46 4.47 39.84h-1c-.3-10.32-1.96-25.97-4.45-39.66-3.43-18.87-8.02-32.65-13.36-37.99-10.95-10.95-21.76-10.68-29.26-1.04-.83 1.07-1.7 2.26-2.75 3.75l-2.81 4.02c-7.65 10.95-12.38 15.42-18.83 15.42-8.04 0-10.21.26-13.17 2-1.92 1.12-3.9 2.9-6.45 5.83-2.86 3.26-5.87 5.09-12.09 7.88a103.35 103.35 0 0 0-5.62 2.6 34.84 34.84 0 0 0-9.32 6.54 74.67 74.67 0 0 0-3.75 4.05l-1.1 1.24c-5.28 5.95-8.29 8.64-12.28 10.25-5.26 2.13-10.92 1.17-17.5-3.48-7.33-5.17-8.82-9.15-7.92-14.77.34-2.12.34-2.6-.1-3.1-.64-.69-2.34-1.04-5.7-1.04-6.63 0-8.96-2.63-9.87-8.42l-.2-1.34c-.67-4.82-1.53-6.24-4.93-6.24h-26c-5 0-7.6 2.04-8.7 6.34-.88 3.43-.85 6.57-.23 16.76a177 177 0 0 1 .43 11.4c0 4.78.32 6.63 3.81 19h-1.04zm13.68 0c-1.31-6.58-1.61-10.71-1.36-14.84.04-.7.1-1.44.18-2.38l.23-2.56c.34-3.81.5-6.97.5-11.22 0-4.94 1.46-7.76 4.21-8.42 2.38-.58 5.56.54 9.2 3 6.64 4.52 13.99 13.07 16.55 19.23 4.77 11.44 14.12 15.69 33.54 15.69 8.6 0 14.32-2.35 20.67-7.88 1.45-1.26 15.06-15 21-20 7.21-6.07 11.77-7.59 20.62-8.32 5.52-.45 7.98-.9 11.44-2.36 4.58-1.95 9.36-5.48 14.9-11.29 7.43-7.76 13.25-8.92 17.47-4.3 3.32 3.63 5.46 10.58 6.82 20.24.73 5.17.94 7.74 1.58 17.38.25 3.75.17 5.32-.92 18.03h-1c1.09-12.7 1.17-14.28.92-17.97-.64-9.6-.85-12.16-1.57-17.3-1.33-9.47-3.43-16.27-6.56-19.7-3.76-4.11-8.93-3.08-16 4.32-5.65 5.9-10.54 9.5-15.25 11.5-3.58 1.53-6.13 1.99-11.6 2.44-8.8.72-13.17 2.18-20.2 8.1-5.9 4.96-19.5 18.7-21 19.99-6.52 5.68-12.47 8.12-21.32 8.12-19.78 0-29.5-4.42-34.46-16.3-2.49-5.97-9.71-14.38-16.2-18.79-3.42-2.32-6.36-3.35-8.4-2.86-2.2.53-3.44 2.92-3.44 7.45 0 4.28-.16 7.47-.5 11.31l-.23 2.56c-.09.93-.14 1.65-.19 2.35-.24 4.08.06 8.18 1.39 14.78h-1.02zm113.75 0c2.52-3.26 8.93-11.79 10.9-14.3 5.48-6.98 13.05-12.38 19.4-13.94 7.01-1.71 11.5 1.45 11.5 9.24 0 4.02-.04 5.16-.74 19h-1c.7-13.85.74-15 .74-19 0-7.12-3.86-9.83-10.26-8.26-6.11 1.5-13.5 6.77-18.85 13.57-1.86 2.36-7.65 10.07-10.43 13.69h-1.26zm-9.86-338.96c3.44 2.71 7 5.1 11.44 7.75 1.06.64 8.42 4.9 10.35 6.1 11.27 7 15 13.35 12.35 25.33-1.45 6.52-4.53 11.1-9.39 14.44-3.83 2.63-8.07 4.26-16.08 6.56-11.97 3.45-13.68 3.99-18.82 6.28a60.18 60.18 0 0 0-7.81 4.18c-11.11 7.07-19.1 7.7-27.96 3.28-3.56-1.77-17.2-11-17.2-11.01a101.77 101.77 0 0 0-5.2-3.07c-16.04-8.83-34.27-24.16-34.52-31.85-.11-3.46 1.99-6.57 6.28-10.26 1.03-.9 2.18-1.81 3.68-2.95.72-.55 3.38-2.56 3.94-3 4.47-3.4 7.18-5.79 9.32-8.45 11.12-13.82 26.55-28.68 34.36-32.28 12.06-5.54 19.84-5.77 27.37.12 3.25 2.54 5.65 6.54 8.58 13.35.29.65 2.3 5.45 2.88 6.74 1.62 3.65 2.9 5.8 4.24 6.94.72.6 1.45 1.2 2.2 1.8zm-3.49-.28c-1.63-1.39-3.03-3.74-4.77-7.65-.58-1.3-2.6-6.12-2.88-6.76-2.81-6.5-5.08-10.3-7.98-12.56-6.83-5.35-13.85-5.15-25.3.12-7.45 3.42-22.7 18.12-33.64 31.72-2.27 2.82-5.08 5.3-9.67 8.79l-3.94 2.98a79.98 79.98 0 0 0-3.59 2.88c-3.87 3.33-5.67 6-5.58 8.69.21 6.64 18.14 21.72 33.48 30.15 1.76.97 3.5 2 5.3 3.13.12.08 13.61 9.22 17.03 10.92 8.22 4.1 15.46 3.52 26-3.18a62.17 62.17 0 0 1 8.07-4.31c5.25-2.35 7-2.9 19.08-6.38 7.8-2.24 11.9-3.82 15.5-6.3 4.44-3.04 7.23-7.18 8.56-13.22 2.44-11.02-.83-16.6-11.45-23.2-1.9-1.18-9.23-5.42-10.32-6.08-4.5-2.69-8.13-5.12-11.64-7.9-.77-.6-1.52-1.21-2.26-1.84zM87.72 241.6c4.3-2.98 7.88-5 12.14-6.95.84-.4 1.73-.78 2.78-1.24l4.37-1.88a164.3 164.3 0 0 0 17.74-8.96 320.67 320.67 0 0 1 27.87-14.5c4.22-1.95 21.89-9.84 21.17-9.52 19.17-8.62 28.1-6.93 49.5 8.05 7.91 5.54 13.24 13.25 16.45 22.66 3.02 8.83 3.76 16.51 3.76 27.75 0 8.32-.66 12.95-3.68 18.97-4.18 8.36-12.3 16.14-25.58 23.47-24.45 13.49-38.83 27.55-52.83 47.84-8.83 12.8-47.76 44.21-65.16 54.15C75.04 413.55 48.89 423.5 31 423.5c-10.05 0-14.67-4.78-14.76-13.37-.07-6.32 2.06-13.73 6.3-24.32 2.95-7.37 2.02-12.9-2.16-22.29-3.19-7.17-3.88-9.14-3.88-12.52 0-3.35 1.87-6.9 5.52-11.07 2.61-3 3.5-3.83 11.9-11.5 5.09-4.66 8.08-7.6 10.7-10.75 9.46-11.36 12.62-19.47 17.9-44.78 3.12-15.05 6.63-20.28 15.12-25.25.8-.47 3.95-2.25 4.7-2.68a76.66 76.66 0 0 0 5.38-3.38zm.56.82a77.63 77.63 0 0 1-5.44 3.43l-4.7 2.67c-8.23 4.82-11.57 9.81-14.65 24.6-5.3 25.45-8.51 33.7-18.1 45.21-2.66 3.19-5.68 6.16-10.8 10.84-8.36 7.64-9.24 8.48-11.82 11.42-3.5 4.01-5.27 7.36-5.27 10.42 0 3.18.68 5.1 3.8 12.12 4.27 9.6 5.24 15.37 2.16 23.07-4.18 10.47-6.29 17.78-6.22 23.93.08 8.06 4.26 12.38 13.76 12.38 17.67 0 43.68-9.9 64.75-21.93 17.28-9.88 56.1-41.2 64.84-53.85 14.08-20.42 28.57-34.59 53.17-48.16 13.12-7.23 21.09-14.87 25.17-23.03 2.92-5.86 3.57-10.35 3.57-18.53 0-11.13-.74-18.73-3.7-27.43-3.15-9.22-8.36-16.75-16.09-22.16-21.13-14.8-29.7-16.42-48.5-7.95.7-.32-16.96 7.56-21.17 9.5-1.7.8-3.3 1.55-4.86 2.3a319.68 319.68 0 0 0-22.93 12.17 165.3 165.3 0 0 1-17.85 9.01l-4.37 1.88c-1.04.45-1.92.84-2.76 1.23a74.56 74.56 0 0 0-11.99 6.86zm-7.6 12.2c7.7-6.25 12.3-8.17 23.68-11.27 6.12-1.67 9.12-2.95 12.31-5.72 3.8-3.3 7.47-4.52 15.86-6.1 2.75-.52 3.67-.7 5.06-1.02 5.48-1.24 9.48-2.93 13.1-5.89 10.42-8.53 25.4-14.11 36.31-14.11 5.33 0 16.77 7.58 25.74 17.16 10.73 11.46 15.96 23.27 12.73 32.5-3.18 9.1-11.39 18.57-23.03 27.86-8.44 6.73-18.36 13-25.22 16.43-3.72 1.86-6.59 4.88-9.77 9.99-.69 1.1-11.1 20.25-16.03 27.83-5.62 8.65-15.4 17.36-30.23 27.96a552.58 552.58 0 0 1-9.2 6.42c-.13.09-6.81 4.65-8.6 5.89-6.47 4.46-10.35 7.35-13.05 9.83-11.64 10.67-37.14 15.54-43.7 8.98-1.96-1.96-2.2-4.06-1.95-10.52.37-9.42-.5-14.5-4.95-20.51a34.09 34.09 0 0 0-7.04-6.92c-3.93-2.95-6.07-6.11-6.56-9.49-.97-6.61 3.87-13.06 14.17-21.69 1.58-1.32 6.67-5.44 7.09-5.78a48.03 48.03 0 0 0 5.23-4.77c4.1-4.63 5.85-9.55 7.8-20.07a501.52 501.52 0 0 0 .8-4.37c.33-1.87.6-3.3.88-4.73.74-3.78 1.5-7.18 2.4-10.63 1-3.78 1.38-5.5 2.36-10.37.6-3.02.93-4.21 1.56-5.47 1.22-2.45 1.27-2.5 12.25-11.42zm.64.78c-10.77 8.74-10.88 8.84-12 11.08-.58 1.16-.88 2.3-1.47 5.22-.98 4.89-1.36 6.63-2.37 10.44-.9 3.43-1.65 6.8-2.39 10.56a339.79 339.79 0 0 0-1.29 6.95l-.39 2.15c-1.98 10.68-3.77 15.74-8.04 20.54a48.77 48.77 0 0 1-5.34 4.88c-.42.34-5.5 4.47-7.07 5.78-10.04 8.4-14.72 14.65-13.83 20.78.45 3.1 2.44 6.03 6.17 8.83 3 2.25 5.39 4.62 7.24 7.12 4.63 6.24 5.52 11.52 5.15 21.15-.25 6.14-.01 8.1 1.66 9.78 6.1 6.1 31.02 1.33 42.31-9.02 2.75-2.52 6.66-5.43 13.16-9.92l8.6-5.89c3.63-2.48 6.45-4.44 9.19-6.4 14.73-10.54 24.44-19.18 29.97-27.7 4.9-7.54 15.31-26.68 16.02-27.8 3.27-5.26 6.26-8.41 10.18-10.37 6.79-3.4 16.65-9.63 25.03-16.32 11.52-9.18 19.61-18.53 22.72-27.4 3.07-8.78-2.02-20.27-12.52-31.49-8.8-9.4-20.04-16.84-25.01-16.84-10.67 0-25.43 5.5-35.68 13.89-3.76 3.07-7.9 4.81-13.5 6.09-1.41.32-2.35.5-5.11 1.02-8.21 1.55-11.76 2.73-15.38 5.88-3.34 2.9-6.45 4.22-12.7 5.92-11.26 3.07-15.75 4.94-23.31 11.09zM212 251.85c0 7.56-.6 10.92-2.6 14.3-1.1 1.84-7.66 10.05-8.6 11.3-5.96 7.94-9.33 10.28-17.26 13.76-1.34.58-2.2 1-3.03 1.5-.55.33-1.2.66-2 1.02-.71.33-4.46 1.9-5.52 2.39-6.05 2.78-8.99 5.8-8.99 10.73 0 10.97-18.95 36.12-34.51 44.87-8.18 4.6-21.3 9.36-32.78 11.86-13.33 2.9-22.49 2.48-24.62-2.32-1.32-2.97-4.4-4.26-11.98-5.81l-.6-.12c-4.84-.99-6.94-1.55-9.03-2.64-2.92-1.5-4.48-3.7-4.48-6.84 0-2.74 1.08-5.77 3.25-9.67.85-1.53 1.82-3.13 3.23-5.35-.16.25 2.83-4.4 3.67-5.76 6.69-10.7 9.85-18.5 9.85-27.22 0-18.41 11.22-33.37 27.5-42.86 5.22-3.05 9.23-3.31 15.2-2.12 5.04 1 6.05.9 7.43-1.52 4.5-7.85 7.04-9.5 15.87-9.5 3.93 0 6.97-.98 10.47-3.16 1.56-.97 8.67-6.17 10.99-7.68 9.2-5.98 11.34-7 25.2-11.95 6.95-2.48 15.18 1.28 22.33 9.12 6.55 7.19 11.01 16.61 11.01 23.67zm-2 0c0-6.5-4.25-15.48-10.49-22.32-6.67-7.32-14.16-10.74-20.17-8.59-13.73 4.9-15.73 5.85-24.8 11.75-2.24 1.46-9.37 6.68-11.01 7.7-3.8 2.36-7.2 3.46-11.53 3.46-8.08 0-9.98 1.23-14.13 8.5-1.1 1.91-2.51 2.88-4.35 3.09-1.3.14-1.9.05-5.22-.61-5.53-1.1-9.07-.88-13.8 1.88-15.72 9.17-26.5 23.55-26.5 41.14 0 9.2-3.28 17.29-10.15 28.28l-3.68 5.77c-1.39 2.19-2.35 3.77-3.17 5.25-2.02 3.63-3 6.38-3 8.7 0 4.19 2.87 5.67 11.9 7.52l.61.12c8.27 1.7 11.7 3.13 13.4 6.95 3.17 7.14 36 0 54.6-10.46 14.98-8.43 33.49-32.99 33.49-43.13 0-5.9 3.47-9.48 10.16-12.55 1.1-.5 4.85-2.08 5.52-2.38.74-.34 1.32-.64 1.8-.93.92-.55 1.85-1 3.25-1.62 7.65-3.35 10.75-5.5 16.47-13.12 1.02-1.36 7.47-9.42 8.47-11.11 1.79-3.01 2.33-6.06 2.33-13.3zm-37.18-22.4c.15-.1 2.4-1.51 2.95-1.84.96-.57 1.7-.94 2.43-1.17 2.57-.83 5.06-.1 11.04 3.12 14.86 8 19.43 22.87 9.18 38.71-4.04 6.24-9.37 9-18.72 11.11-.85.2-1.2.27-3.13.68-6.04 1.29-8.78 2.08-11.6 3.65-3.63 2.02-6.09 4.98-7.5 9.44-7.87 24.93-19.72 43.34-36.28 50.31-16.45 6.93-21.13 8.53-27.98 8.89-4.94.25-9.8-.65-15.4-2.89a44.45 44.45 0 0 1-5.64-2.6c-4.02-2.33-5.14-4.74-4.5-9.31.3-2.13 3.77-15.53 4.84-20.65.63-3.05 1.19-6.14 1.75-9.69a464.04 464.04 0 0 0 1.35-8.9c1.42-9.41 2.5-14.27 4.49-18.65 2.46-5.43 6.13-9.03 11.72-11.13 6.59-2.47 10.54-3.1 18.03-3.53 4.75-.27 6.68-.64 9-2.05.61-.37 1.22-.81 1.82-1.33a30.61 30.61 0 0 0 3.37-3.4c.59-.69 2.38-2.9 2.63-3.19 3.36-4 6.3-5.53 12.33-5.53 3.94 0 5.9-.92 8.18-3.36-.17.18 2.75-3.14 3.85-4.22a30.95 30.95 0 0 1 6.79-5c1.5-.83 3.15-1.62 4.99-2.38a64.92 64.92 0 0 0 10.01-5.1zm-14.52 8.34a29.95 29.95 0 0 0-6.57 4.84 116.68 116.68 0 0 0-3.82 4.2c-2.46 2.63-4.68 3.67-8.91 3.67-5.72 0-8.39 1.39-11.57 5.17-.23.28-2.03 2.5-2.63 3.2a31.6 31.6 0 0 1-3.47 3.51c-.65.55-1.3 1.03-1.96 1.43-2.5 1.51-4.55 1.9-9.47 2.19-7.39.42-11.25 1.04-17.72 3.47-5.34 2-8.82 5.4-11.17 10.6-1.93 4.27-3 9.07-4.41 18.39l-.65 4.34-.7 4.57c-.57 3.56-1.12 6.67-1.76 9.73-1.08 5.18-4.54 18.53-4.83 20.59-.59 4.17.35 6.18 4.01 8.3 1.35.77 3.1 1.58 5.52 2.55 5.46 2.18 10.18 3.05 14.97 2.8 6.69-.34 11.32-1.93 27.65-8.8 16.21-6.83 27.92-25.01 35.71-49.7 1.49-4.7 4.12-7.86 7.97-10 2.93-1.63 5.74-2.45 11.87-3.76 1.92-.4 2.28-.49 3.12-.68 9.12-2.06 14.24-4.7 18.1-10.67 9.92-15.34 5.55-29.55-8.82-37.29-5.75-3.1-8.03-3.76-10.25-3.05-.65.2-1.33.54-2.23 1.08-.55.32-2.77 1.72-2.93 1.82a65.91 65.91 0 0 1-10.16 5.17c-1.8.75-3.42 1.52-4.89 2.33zm-42.39 32.72c16.15-2.87 26.36-.97 32.47 6.16 5.08 5.93 1.13 21.42-5.93 35.55-4.79 9.58-10.6 16.21-23.16 25.19-14.15 10.1-35.5 12.2-40.71 3.85-1.86-2.97-2.1-8.14-1.06-15.73.78-5.68 1.86-10.71 4.73-22.98l.12-.51c1.59-6.8 2.37-10.31 3.14-14.14 1.45-7.25 3.74-11.47 7.26-13.74 2.81-1.8 5.53-2.28 12.33-2.62 5.33-.27 7.56-.46 10.81-1.03zm.18.98c-3.3.59-5.56.78-10.94 1.05-6.62.33-9.23.78-11.84 2.46-3.25 2.1-5.42 6.09-6.82 13.1-.77 3.84-1.56 7.35-3.15 14.17l-.12.5c-2.86 12.24-3.93 17.26-4.7 22.9-1.03 7.36-.79 12.36.9 15.07 4.82 7.7 25.54 5.67 39.29-4.15 12.43-8.88 18.13-15.39 22.84-24.81 6.86-13.72 10.75-29 6.07-34.45-5.84-6.81-15.7-8.65-31.53-5.84zM132 276.5c7.12 0 10.66 3.08 11.25 8.7.42 4.02-.43 8.14-2.77 15.94-2.56 8.52-18.36 25.38-27.2 31.28-7.01 4.67-20.02 5.67-26.57.99-3.99-2.85-3.53-12.08.02-26.46.68-2.75 1.47-5.65 2.37-8.76a412.6 412.6 0 0 1 3.05-10.14l.37-1.2c1.48-4.8 5.1-7.75 10.73-9.27 4.4-1.2 9.54-1.5 17.48-1.33l3.89.1c3.87.11 5.42.15 7.38.15zm0 1c-1.97 0-3.53-.04-7.41-.15l-3.88-.1c-7.85-.17-12.92.13-17.2 1.3-5.32 1.43-8.67 4.16-10.03 8.6a1277.83 1277.83 0 0 1-1.6 5.21c-.68 2.2-1.27 4.17-1.82 6.1-.9 3.1-1.68 5.99-2.36 8.73-3.43 13.88-3.87 22.93-.4 25.4 6.17 4.42 18.73 3.45 25.42-1 8.66-5.78 24.33-22.49 26.8-30.73 2.3-7.67 3.14-11.71 2.73-15.56-.53-5.1-3.64-7.8-10.25-7.8zm-17.79 7a31.3 31.3 0 0 1 8.57 1.4c5.42 1.78 8.72 5.03 8.72 10.1 0 9.59-9.51 17.2-22.34 21.47-9.82 3.28-13.62-1.79-11.66-16.54.84-6.28 3.82-10.67 8.24-13.46a20.38 20.38 0 0 1 8.47-2.97zm-.6 1.08a19.39 19.39 0 0 0-7.34 2.73c-4.18 2.64-6.98 6.78-7.77 12.76-1.89 14.11 1.36 18.45 10.34 15.46C121.3 312.37 130.5 305 130.5 296c0-4.56-2.98-7.5-8.03-9.15a28.05 28.05 0 0 0-8.2-1.35c-.13 0-.35.03-.66.08zm80.87-23.45c-2.72 9.8-14.93 9.86-26.72 3.3-10.17-5.64-13.8-17.98-5-22.87a66.53 66.53 0 0 0 4.48-2.7l2.03-1.3a50.15 50.15 0 0 1 3.92-2.3c4.73-2.43 8.82-2.8 14-.72 9.16 3.66 10.98 13.33 7.3 26.6zm-20.83-24.98a49.26 49.26 0 0 0-3.84 2.25l-2.03 1.3c-.84.53-1.5.95-2.16 1.35-.82.5-1.6.96-2.38 1.39-7.94 4.4-4.59 15.8 5 21.12 11.31 6.29 22.8 6.23 25.28-2.7 3.57-12.83 1.85-21.97-6.7-25.4-4.9-1.95-8.69-1.62-13.17.7zm17.85 12.15c0 5.7-2.44 9-6.64 9.96-3.3.76-7.56-.05-11.08-1.81l-1.89-.94c-.67-.34-1.18-.62-1.63-.88-4.07-2.38-4.13-4.97.34-10.93 6.8-9.06 20.9-7.16 20.9 4.6zm-1 0c0-5.3-2.87-8.55-7.32-9.16-4.23-.57-8.99 1.44-11.78 5.16-4.15 5.54-4.1 7.44-.64 9.47.44.25.93.51 1.59.85l1.87.93c3.34 1.67 7.36 2.44 10.42 1.74 3.73-.86 5.86-3.74 5.86-9zM387 530.3c0-12.8 2.44-16.74 18.48-29.77a56.8 56.8 0 0 1 7.61-5.2c2.6-1.5 5.33-2.82 8.5-4.18 1.24-.53 2.48-1.05 4.1-1.7l3.92-1.57c9.4-3.83 13.74-6.7 16.62-12.05 1.2-2.22 2.21-4.4 3.23-6.83a148.57 148.57 0 0 0 1.54-3.84l.3-.74.56-1.44c3.2-8.02 6.05-12.08 12.7-16.5a35.26 35.26 0 0 0 4.96-4 46.36 46.36 0 0 0 3.88-4.29c.27-.34 2.55-3.2 3.2-3.98 3.48-4.15 6.51-5.9 11.51-5.9 3.08 0 5.62-.63 9.57-2.1 5.42-2.02 6.53-2.34 8.96-2.2 2.53.13 4.85 1.26 7.18 3.59 1.3 1.3 5.55 5.83 6.52 6.78 5.06 5 9.44 6.92 17.77 6.92a197.5 197.5 0 0 1 12.08.45c15.93.87 21.94.57 25.28-2.21 6.91-5.77 11.64-2.73 11.64 7.76 0 10.73-8.6 20-19 20-4.8 0-8.32 1.43-9.34 3.67-1.12 2.48.68 6.15 5.98 10.57 13.6 11.33 11.24 20.76-7.64 20.76a21.91 21.91 0 0 0-14.6 5.24c-3.28 2.71-5.8 5.86-9.85 11.82l-1.52 2.25c-3.1 4.57-5.01 7.1-7.32 9.4-6.21 6.21-9.3 7.64-13.05 6.89l-1-.23a10.82 10.82 0 0 0-2.66-.37c-1.6 0-2.41.67-8.18 6.22-4.85 4.67-8.07 6.78-11.82 6.78-1.33 0-3.46 1.15-6.45 3.45-1.27.98-2.68 2.14-4.5 3.7l-4.92 4.29a181.11 181.11 0 0 1-4.54 3.82c-9.33 7.56-15.63 10.2-20.21 6.52-2.7-2.15-4.14-4.51-4.63-7.26-.37-2.04-.26-3.63.29-7.3.87-5.85.65-8.42-1.83-11.6-2.32-2.98-2.96-3.22-3.77-2.39-.25.26-1.35 1.63-1.61 1.94-2.21 2.5-4.85 3.57-9 2.82-4.6-.84-5.57-4.11-4.72-10.09l.24-1.56c.6-3.66.68-4.93.25-5.8-.44-.86-1.9-.94-5.23.4l-.74.29c-13.78 5.54-15.26 6.09-19.43 6.67-6.03.84-9.31-1.6-9.31-7.9zm2 0c0 5 2.14 6.6 7.04 5.92 3.91-.55 5.43-1.1 18.95-6.55l.75-.3c4.17-1.66 6.7-1.54 7.76.58.71 1.43.62 2.76-.06 7l-.24 1.53c-.72 5.04-.06 7.27 3.09 7.84 3.43.62 5.38-.17 7.15-2.18.2-.23 1.34-1.66 1.68-2 1.9-1.96 3.82-1.25 6.78 2.55 2.9 3.74 3.17 6.77 2.22 13.12-1 6.75-.52 9.4 3.62 12.71 3.49 2.8 9.1.45 17.7-6.51 1.35-1.1 2.75-2.28 4.49-3.78l4.93-4.3c1.84-1.58 3.27-2.76 4.58-3.77 3.34-2.56 5.74-3.86 7.67-3.86 3.04 0 5.95-1.9 10.43-6.22l2.46-2.39c.94-.89 1.67-1.56 2.37-2.13 1.81-1.49 3.3-2.26 4.74-2.26 1.03 0 1.81.13 3.1.42.7.16.71.17.96.21 2.96.6 5.45-.55 11.23-6.33 2.2-2.2 4.06-4.65 7.09-9.11l1.52-2.25c4.15-6.11 6.76-9.37 10.22-12.24a23.9 23.9 0 0 1 15.88-5.7c16.87 0 18.62-7.01 6.36-17.23-5.9-4.92-8.12-9.41-6.52-12.93 1.42-3.12 5.67-4.84 11.16-4.84 9.25 0 17-8.34 17-18 0-8.94-2.88-10.79-8.36-6.23-3.94 3.28-9.98 3.59-26.67 2.68l-1.02-.06c-5.09-.27-7.99-.39-10.95-.39-8.88 0-13.76-2.14-19.18-7.5-1-.98-5.26-5.53-6.53-6.79-1.99-1.99-3.86-2.9-5.87-3-2.03-.12-3.06.18-8.15 2.07-4.15 1.55-6.9 2.22-10.27 2.22-4.33 0-6.84 1.46-9.98 5.2-.63.74-2.89 3.6-3.18 3.95a48.29 48.29 0 0 1-4.04 4.46 37.26 37.26 0 0 1-5.24 4.23c-6.26 4.17-8.9 7.91-11.95 15.58l-.57 1.43-.28.74a531.5 531.5 0 0 1-1.56 3.88 77.49 77.49 0 0 1-3.32 7c-3.16 5.88-7.82 8.97-17.63 12.96l-3.92 1.58c-1.6.64-2.84 1.15-4.05 1.67a79.2 79.2 0 0 0-8.3 4.08 54.8 54.8 0 0 0-7.35 5.02C391.12 514.78 389 518.21 389 530.31zm133.22-79.76c3.06 1.53 6.54 2.02 10.68 1.7 2.53-.2 4.91-.62 8.8-1.49 5.36-1.19 6.33-1.38 8.33-1.54 2.78-.23 4.82.17 6.29 1.4 1.58 1.31 1.96 2.72 1.26 4.22-.66 1.38-1.05 1.74-5.05 5.07-3.53 2.93-5.03 4.83-5.03 7.09 0 7.3 1.29 10.02 7.83 15.62 3.86 3.3 5.93 6.84 5.28 9.62-.75 3.25-4.96 5.02-12.61 5.02-7.18 0-12.7 4.61-20.03 14.68-.5.7-3.96 5.57-4.94 6.87a38.89 38.89 0 0 1-4.72 5.5c-1.06.98-2.09 1.7-3.1 2.15-2.85 1.26-5.05 1.57-9.83 1.74-7.66.27-10.87 1.45-14.98 7.1-1.58 2.17-3.11 4-4.68 5.6a42.87 42.87 0 0 1-8.65 6.69c-.15.08-10.69 6.19-14.8 8.83-3.76 2.42-6.45 2.04-8.22-.77-1.28-2.03-1.9-4.54-2.87-10.35-.84-5.08-1.27-7.08-2.06-8.93-.97-2.3-2.21-3.24-4.02-2.88-6.2 1.24-8.95 1.39-10.98.2-2.37-1.4-3.13-4.62-2.62-10.73.16-1.96-1.04-2.87-3.76-3.04-2.24-.13-4.9.2-9.94 1.12l-.69.12c-7.97 1.45-10.72 1.72-12.72.73-2.91-1.43-1.6-5.27 4.23-12.21 5.48-6.53 10.6-10.81 15.76-13.53 3.74-1.97 5.94-2.65 12.16-4.1 7.29-1.72 10.4-3.51 14.04-9.31 2.96-4.75 10.74-18.62 12.14-20.84 3.59-5.67 6.8-9.1 11.05-11.34 2.6-1.38 4.72-2.82 9.17-6.07l1.38-1.01c7.85-5.72 12.3-7.98 17.68-7.98 4.22 0 6.49 1.36 9.13 4.77.34.43 1.67 2.22 2 2.67.85 1.09 1.6 1.98 2.45 2.83a24.29 24.29 0 0 0 6.64 4.78zm-.44.9c-2.8-1.4-5-3.03-6.92-4.97-.87-.9-1.65-1.81-2.51-2.93-.35-.46-1.68-2.25-2.01-2.67-2.47-3.18-4.46-4.38-8.34-4.38-5.09 0-9.4 2.2-17.09 7.78l-1.38 1.01c-4.49 3.29-6.63 4.74-9.3 6.15-4.06 2.15-7.16 5.45-10.66 11-1.39 2.19-9.16 16.05-12.15 20.82-3.79 6.07-7.13 7.98-14.66 9.75-6.13 1.45-8.27 2.1-11.92 4.02-5.04 2.66-10.05 6.86-15.46 13.3-5.43 6.46-6.53 9.69-4.55 10.66 1.7.84 4.48.57 12.1-.81l.7-.13c5.12-.93 7.82-1.27 10.17-1.12 3.21.2 4.92 1.48 4.7 4.11-.48 5.76.2 8.64 2.13 9.78 1.73 1.02 4.34.88 10.27-.31 2.35-.47 4 .78 5.14 3.47.83 1.95 1.27 4 2.07 8.8l.06.36c.94 5.65 1.55 8.11 2.72 9.98 1.46 2.3 3.52 2.6 6.84.46 4.14-2.66 14.69-8.77 14.81-8.85a41.9 41.9 0 0 0 8.46-6.54 47.89 47.89 0 0 0 4.6-5.48c4.32-5.95 7.81-7.23 15.74-7.5 4.66-.17 6.76-.47 9.46-1.67.9-.4 1.85-1.06 2.84-1.96a38.03 38.03 0 0 0 4.6-5.36c.96-1.3 4.4-6.16 4.93-6.87 7.5-10.31 13.22-15.09 20.83-15.09 7.24 0 11.02-1.6 11.64-4.24.54-2.32-1.36-5.55-4.97-8.64-6.75-5.79-8.17-8.79-8.17-16.38 0-2.67 1.64-4.74 5.39-7.86 3.8-3.17 4.23-3.56 4.78-4.73.5-1.06.25-1.99-.99-3.03-2.23-1.85-4.72-1.65-13.76.36-3.93.87-6.35 1.3-8.94 1.5-4.3.34-7.97-.18-11.2-1.8zm-28-3.9c5.65-2.82 8.96-2.2 12.9 1.37.56.5 2.6 2.47 3.02 2.87 4.2 3.89 8.07 5.71 14.3 5.71 11.37 0 14 1.41 16.1 8.09.26.83 1.35 4.6 1.66 5.62.8 2.63 1.64 5.03 2.7 7.6 2.13 5.17 2.64 8.32 1.72 10.24-.77 1.61-2.1 2.18-5.37 2.79-2.32.43-2.8.53-3.85.85-1.85.58-3.35 1.4-4.6 2.66-1 1-2.02 2.13-3.31 3.66-.6.71-2.91 3.5-3.46 4.14-7.2 8.54-12.43 12.35-19.59 12.35-3.76 0-6.95 1.28-10.59 4-1.84 1.37-11.62 10.31-15.22 13.06a73.09 73.09 0 0 1-8.95 5.88c-4.58 2.54-7.35 3.22-8.98 2.23-1.32-.8-1.65-2.07-1.94-5.5a52.53 52.53 0 0 0-.16-1.81c-.54-4.73-2.24-6.86-7.16-6.86-7.11 0-8.85-1.23-9.73-5.41-.96-4.61-2.1-6.7-6.55-9.67-3.97-2.65-4.31-5.42-1.52-8.22 2-2 4.63-3.5 11.35-6.87 6.61-3.3 9.2-4.8 11.1-6.68a39.09 39.09 0 0 0 5.3-6.48c.98-1.5 1.83-3.04 2.88-5.13l2.12-4.3c.91-1.83 1.72-3.37 2.61-4.98 5.74-10.32 10.37-14.78 23.22-21.2zm-22.34 21.7c-.89 1.59-1.69 3.12-2.6 4.94l-2.11 4.3a52.9 52.9 0 0 1-2.94 5.23 40.08 40.08 0 0 1-5.44 6.63c-2 2-4.62 3.51-11.35 6.87-6.6 3.3-9.2 4.8-11.1 6.69-2.33 2.34-2.08 4.37 1.38 6.67 4.7 3.14 5.96 5.46 6.97 10.3.78 3.7 2.09 4.62 8.75 4.62 5.5 0 7.57 2.57 8.15 7.75.06.5.09.82.17 1.84.25 3.06.55 4.17 1.46 4.72 1.2.74 3.69.13 7.98-2.25a72.09 72.09 0 0 0 8.82-5.8c3.55-2.7 13.34-11.65 15.24-13.07 3.79-2.83 7.18-4.19 11.18-4.19 6.77 0 11.8-3.67 18.83-12l3.45-4.13a60.07 60.07 0 0 1 3.37-3.72 11.72 11.72 0 0 1 5.01-2.91c1.1-.34 1.6-.45 3.97-.89 2.95-.55 4.07-1.02 4.65-2.23.76-1.59.28-4.5-1.74-9.43a84.46 84.46 0 0 1-2.74-7.69c-.31-1.03-1.4-4.8-1.66-5.61-1.95-6.2-4.16-7.39-15.14-7.39-6.5 0-10.61-1.93-14.98-5.98-.44-.4-2.46-2.37-3.01-2.86-3.65-3.3-6.52-3.85-11.79-1.21-12.67 6.33-17.15 10.65-22.78 20.8zm55.86 11.93c-2.98 6.45-16.78 15.26-26.74 15.26-5.33 0-7.56-2.98-7.11-7.86.32-3.48 2.1-7.91 3.93-10.61l1.52-2.32a44.95 44.95 0 0 1 1.88-2.7c3.66-4.8 7.85-7.45 13.62-7.45 9.06 0 15.75 9.52 12.9 15.68zm-.9-.42c2.52-5.47-3.65-14.26-12-14.26-5.4 0-9.33 2.48-12.82 7.06-.6.8-1.17 1.6-1.85 2.64 0 0-1.2 1.87-1.52 2.33-1.74 2.57-3.46 6.85-3.77 10.14-.4 4.33 1.43 6.77 6.12 6.77 9.57 0 23.02-8.58 25.83-14.68zm-69.67 20.74c2.08.18 4.44.81 5.88 1.8 2.12 1.47 2.2 3.6-.26 6.05-5.14 5.15-12.85 4.34-12.85-1.35 0-4.66 3.14-6.84 7.23-6.5zm-.09 1c-3.56-.3-6.14 1.5-6.14 5.5 0 4.58 6.53 5.26 11.15.65 2.03-2.04 1.98-3.43.4-4.52-1.27-.88-3.48-1.47-5.4-1.63zm29.59-225.95c4.64 2.35 17.27 8.24 19.39 9.43a24.14 24.14 0 0 1 7.05 5.64 45.03 45.03 0 0 1 3.75 5.2c2.4 3.78.04 7.66-6.2 11.63-4.97 3.16-12.18 6.3-21.95 9.82-4.84 1.74-19.63 6.68-21.1 7.2-6.59 2.33-14.85.1-25.14-5.86-3.93-2.27-8-5-12.94-8.54-2.23-1.61-9.5-6.99-10.7-7.85a81.21 81.21 0 0 0-8.63-5.7c-4.82-2.6-4.45-6.64.17-12.13 3.27-3.88 4.17-4.67 18.1-16.33a230.2 230.2 0 0 0 8.89-7.74 95.2 95.2 0 0 0 4.72-4.66c5.08-5.43 9.8-6.49 14.97-3.92 2.24 1.1 4.53 2.85 7.43 5.52 1.48 1.37 6.94 6.72 7.98 7.7 5.2 4.91 9.46 8.2 14.2 10.6zm-.46.9c-4.85-2.45-9.18-5.79-14.44-10.76-1.05-1-6.5-6.34-7.97-7.69-2.83-2.61-5.06-4.3-7.2-5.37-4.75-2.36-9-1.4-13.8 3.71a96.18 96.18 0 0 1-4.76 4.71c-2.48 2.3-5.16 4.62-8.92 7.77-13.86 11.6-14.77 12.4-17.98 16.21-4.28 5.08-4.58 8.4-.46 10.61 2.23 1.2 4.9 2.99 8.74 5.77 1.2.87 8.47 6.24 10.7 7.85a154.8 154.8 0 0 0 12.85 8.49c10.06 5.82 18.07 7.98 24.3 5.78 1.48-.52 16.27-5.47 21.1-7.2 9.7-3.5 16.86-6.61 21.75-9.72 5.84-3.71 7.9-7.1 5.9-10.26a44.09 44.09 0 0 0-3.67-5.08 23.16 23.16 0 0 0-6.78-5.42c-2.08-1.16-14.68-7.05-19.36-9.4zm-38.83 8.05c3.11-.37 5.7-.13 8.4.7 2.15.66 2.74.93 8.64 3.77 4.75 2.29 8.39 3.86 13.19 5.56 8.38 2.97 11.32 6.23 8.83 9.76-2.08 2.94-8.04 5.92-17.84 9.18-8.45 2.82-15.48 2.35-21.43-.9-4.65-2.55-8.33-6.5-12.15-12.3-2.9-4.41-2.73-8.2.16-11.06 2.48-2.45 6.87-4.07 12.2-4.7zm.12 1c-5.13.6-9.33 2.16-11.62 4.42-2.53 2.5-2.68 5.77-.02 9.8 3.73 5.68 7.3 9.51 11.8 11.97 5.7 3.11 12.43 3.57 20.62.84 9.59-3.2 15.44-6.12 17.34-8.82 1.94-2.75-.5-5.45-8.35-8.24-4.84-1.72-8.5-3.3-13.28-5.6-5.84-2.81-6.42-3.07-8.5-3.71a18.42 18.42 0 0 0-8-.66zM202.5 500.38c0 4.78-1.45 7.56-4.43 8.93-2.29 1.05-4.55 1.23-10.79 1.2l-1.78-.01c-9.19 0-17-7.65-17-15.5 0-7.59 10.6-10.51 19.74-5.44 2.78 1.55 4.21 1.94 8.57 2.75 4.44.83 5.69 2.27 5.69 8.07zm-1 0c0-5.3-.9-6.34-4.88-7.08-4.45-.83-5.96-1.25-8.86-2.86-8.57-4.76-18.26-2.1-18.26 4.56 0 7.3 7.36 14.5 16 14.5h1.79c6.06.04 8.26-.14 10.36-1.1 2.6-1.2 3.85-3.6 3.85-8.02zm33.33-117.85c3.71-1.31 8.7-2.7 16.1-4.55 2.58-.65 16.53-4.04 20.56-5.05 19.59-4.93 31.55-8.9 38.23-13.35 14.93-9.95 36.87-33.88 43.83-47.8 2.25-4.5 4.65-6.38 7.68-6.25 1.26.06 2.61.45 4.32 1.2a50.81 50.81 0 0 1 3.54 1.7l1.26.63c4.78 2.34 8.38 3.44 12.65 3.44 7.2 0 10.01 3.07 8.35 7.91-1.4 4.06-5.92 8.91-11.1 12.02-8.3 4.98-11.75 17.3-11.75 33.57 0 3.59-1.37 6.28-3.98 8.36-1.98 1.58-4.2 2.6-8.47 4.16l-1.02.37c-4.85 1.75-6.98 2.77-8.68 4.46-5.09 5.1-12.54 7.15-20.35 7.15-1.38 0-2.47.92-3.99 3.1-.29.41-1.32 1.95-1.47 2.18-2.68 3.92-4.93 5.72-8.54 5.72-7.84 0-10.74.93-21.76 6.94-5.18 2.82-8.8 3.58-14.66 3.68-.26 0-.47 0-.92.02-4.82.06-7.12.3-10.51 1.34a73.43 73.43 0 0 0-8.89 3.56c-2.17 1-10.53 5.01-10.23 4.87-7.79 3.7-13.32 5.98-18.9 7.57-12.41 3.55-18.58 2.24-27.42-4.07-2.58-1.85-2.72-4.43-.83-7.62 1.45-2.45 3.9-5.09 8.08-8.97l1.78-1.64c3.92-3.6 4.48-4.11 5.9-5.53 2.32-2.32 3.12-3.5 5.48-7.63 1.93-3.36 3.37-5.11 6.27-7.06 2.3-1.54 5.34-2.98 9.44-4.43zm.34.94c-4.03 1.42-7 2.83-9.22 4.32-2.75 1.85-4.1 3.49-5.96 6.73-2.4 4.2-3.24 5.44-5.64 7.83-1.43 1.44-2 1.96-5.94 5.57l-1.77 1.63c-4.1 3.82-6.52 6.41-7.9 8.75-1.65 2.79-1.54 4.8.55 6.3 8.6 6.14 14.46 7.38 26.57 3.92 5.5-1.57 11-3.84 18.74-7.51-.3.14 8.06-3.88 10.24-4.88a74.3 74.3 0 0 1 9.01-3.6c3.51-1.09 5.89-1.33 10.8-1.4h.91c5.72-.1 9.18-.83 14.2-3.57 11.16-6.08 14.2-7.06 22.24-7.06 3.19 0 5.2-1.6 7.71-5.28l1.48-2.2c1.7-2.43 3-3.52 4.81-3.52 7.57 0 14.78-2 19.65-6.85 1.83-1.84 4.04-2.9 9.04-4.7l1.02-.37c8.6-3.13 11.79-5.67 11.79-11.58 0-16.6 3.53-29.2 12.24-34.43 5-3 9.35-7.67 10.66-11.48 1.42-4.13-.83-6.59-7.4-6.59-4.45 0-8.19-1.14-13.09-3.54-7.52-3.67-6.78-3.34-8.72-3.43-2.58-.1-4.65 1.52-6.74 5.7-7.04 14.07-29.1 38.14-44.17 48.19-6.81 4.54-18.84 8.52-38.55 13.48-4.03 1.02-17.98 4.4-20.56 5.05-7.37 1.84-12.33 3.23-16 4.52zM252 387.5c2.08 0 4-.2 7.25-.69 5.22-.77 6.64-.9 8.46-.5 2.52.56 3.79 2.35 3.79 5.69 0 4.05-2.27 7.29-6.62 10.11-3.24 2.1-6.53 3.53-14.15 6.4l-.27.1-2.28.86c-3.04 1.16-5.27 2.52-9.33 5.43l-.8.57c-8.19 5.88-13.35 8.03-23.05 8.03-4.98 0-6.88-2.03-5.75-5.62.87-2.81 3.58-6.56 7.8-11.13 1.26-1.37 2.64-2.8 4.15-4.3 3.17-3.14 11.25-10.61 11.45-10.8.46-.47.93-.89 1.4-1.26 3.38-2.71 5.77-3.08 14.18-2.93 1.65.03 2.63.04 3.77.04zm0 1c-1.15 0-2.13-.01-3.79-.04-8.18-.14-10.4.2-13.54 2.71-.44.35-.88.74-1.32 1.18-.2.21-8.3 7.69-11.45 10.82a134.6 134.6 0 0 0-4.12 4.26c-4.12 4.47-6.76 8.12-7.58 10.75-.9 2.88.45 4.32 4.8 4.32 9.46 0 14.44-2.07 22.46-7.84l.8-.57c4.13-2.96 6.42-4.36 9.56-5.56l2.3-.86.25-.1c7.55-2.84 10.8-4.25 13.97-6.3 4.08-2.65 6.16-5.6 6.16-9.27 0-2.89-.97-4.26-3-4.7-1.65-.37-3.05-.25-8.1.5-3.3.5-5.26.7-7.4.7zm112.47-45.34c-1.88 5.44-1.98 6.76-.98 12.76 1.18 7.06-1.38 16.58-5.49 16.58a16.89 16.89 0 0 0-1.51.07l-.64.04c-2.86.18-4.83.17-6.94-.17-6.55-1.06-10.41-5.14-10.41-13.44 0-13.9 2.14-19.69 8.13-26.33a21.9 21.9 0 0 0 2.52-3.75c.59-1.03 2.78-5.13 2.72-5.01 4.44-8.14 7.71-11.53 12.25-10.4 1.17.3 2.2.77 3.58 1.59l1.39.84a20 20 0 0 0 3.1 1.6c.7.27 1.8.32 4.75.26l.72-.01c3.16-.05 4.78.08 5.83.66 1.61.89 1.2 2.56-1.14 4.9a215.9 215.9 0 0 1-3.86 3.76c-10.6 10.1-12.75 12.4-14.02 16.05zm-.94-.32c1.34-3.9 3.46-6.17 14.27-16.46 1.55-1.47 2.73-2.62 3.85-3.73 1.94-1.95 2.17-2.88 1.35-3.33-.82-.45-2.37-.58-5.32-.53l-.72.01c-3.14.06-4.26.02-5.14-.34-1.06-.41-1.97-.9-3.25-1.67l-1.38-.83a12.1 12.1 0 0 0-3.31-1.47c-3.88-.97-6.92 2.17-11.13 9.9.07-.13-2.14 3.98-2.73 5.02a22.71 22.71 0 0 1-2.65 3.92c-5.81 6.47-7.87 12-7.87 25.67 0 7.79 3.48 11.47 9.57 12.45 2.01.33 3.92.34 6.71.16a371.33 371.33 0 0 0 1.23-.07c.42-.03.73-.04.99-.04 3.2 0 5.6-8.9 4.5-15.42-1.02-6.16-.91-7.64 1.03-13.24zm-9.26 12.42c.58.52 2.5 1.9 2.55 1.93 1.96 1.57 2.04 3.31.01 6.36-3.74 5.64-8.83 3.09-8.83-4.55 0-3.81.51-5.67 2.07-6.02 1.18-.26 2 .3 4.2 2.28zm-1.34 1.48c-1.5-1.35-2.23-1.85-2.43-1.8-.17.03-.5 1.23-.5 4.06 0 5.87 2.67 7.21 5.17 3.45 1.5-2.26 1.47-2.84.4-3.7.03.03-1.95-1.4-2.64-2zm222.9-130.19c2.2-1.1 3.67-1.66 5.88-2.36l.28-.09a48.92 48.92 0 0 0 8.79-3.55c4.17-2.08 6.35-1.88 6.96.84.44 2 .2 4.01-1.25 12.7-2.27 13.62-9.16 26.14-21.17 36.3-4.3 3.63-7.41 4.39-9.75 2.44-1.88-1.57-3.1-4.57-4.61-10.48-.3-1.15-1.43-5.83-1.72-6.96a114.18 114.18 0 0 0-2.71-9.22c-2.4-6.82-3.03-10.78-2.1-12.94.77-1.83 2.08-2.24 5.6-2.45 1.49-.09 2.09-.14 2.97-.28l1.95-.33c.72-.12 1.22-.2 1.68-.29 1.1-.2 1.92-.38 2.71-.6 1.7-.49 3.42-1.2 6.49-2.73zm.44.9c-3.11 1.54-4.88 2.29-6.65 2.79-.84.23-1.69.42-2.81.63a108.77 108.77 0 0 1-3.81.63c-.77.13-1.39.19-2.92.28-3.13.18-4.17.51-4.74 1.85-.78 1.84-.2 5.62 2.13 12.2a115.12 115.12 0 0 1 2.74 9.31l1.72 6.96c1.46 5.7 2.62 8.58 4.28 9.96 1.87 1.56 4.49.93 8.47-2.44 11.82-10 18.6-22.3 20.83-35.7 1.4-8.45 1.65-10.51 1.25-12.31-.41-1.87-1.86-2-5.54-.16a49.87 49.87 0 0 1-8.93 3.6l-.28.1a35.4 35.4 0 0 0-5.74 2.3zm-4.5 6.58c1.37-.32 2.5-.75 3.9-1.42.35-.18 2.57-1.31 3.32-1.67 1.5-.71 2.97-1.31 4.7-1.89 2.7-.9 4.64-.77 5.88.4.98.94 1.34 2.26 1.41 4.18.02.4.02.7.02 1.37 0 5.63-4.63 16.88-11.34 22.75-4.34 3.8-7.31 4.67-9.92 2.52-2.06-1.7-3.5-4.65-6.67-12.91-1.86-4.83-2.05-8.1-.68-10.2 1.12-1.7 2.9-2.36 5.83-2.7l1.26-.12c1.19-.12 1.75-.19 2.3-.31zm-2.1 2.3l-1.22.12c-2.4.27-3.7.76-4.39 1.81-.93 1.43-.78 4.1.87 8.38 3.02 7.84 4.41 10.71 6.08 12.09 1.63 1.34 3.64.75 7.33-2.48C584.6 250.77 589 240.08 589 235c0-.64 0-.93-.02-1.29-.05-1.44-.3-2.33-.79-2.8-.6-.57-1.8-.65-3.87.04a37.95 37.95 0 0 0-4.47 1.8c-.72.34-2.93 1.47-3.32 1.66a19.54 19.54 0 0 1-4.3 1.56c-.66.16-1.28.24-2.56.36zm-227.73-88.98c-1.59 4.3-3.54 7.25-7.14 11.4l-2.6 2.97a67.02 67.02 0 0 0-2.63 3.23 46.4 46.4 0 0 0-4.68 7.5c-2.85 5.7-7.14 10.18-12.85 13.89-4.25 2.76-8.25 4.62-15.67 7.59-11.01 4.4-16.43 1.26-27.22-16.4-2.86-4.69-8.8-8.63-17.98-12.66-3-1.33-12.88-5.24-14.43-5.92-4.96-2.18-7.04-3.72-6.42-5.85.67-2.32 5.3-4.05 15.48-6.08 16.63-3.32 26.93-3.82 39.93-3.02 7.9.49 9.67.5 12.74-.26 1.99-.48 3.92-1.3 6-2.6l2.79-1.71c9.86-6.14 12.94-7.96 17.3-9.9 6.03-2.71 10.57-3.32 13.94-1.4 7.2 4.12 7.68 7.7 3.44 19.22zm-1.88-.7c3.95-10.7 3.6-13.26-2.56-16.78-2.66-1.52-6.62-.99-12.12 1.48-4.24 1.9-7.3 3.7-17.07 9.77l-2.79 1.73a22.6 22.6 0 0 1-6.57 2.84c-3.36.81-5.22.8-13.34.3-12.84-.78-22.97-.29-39.41 3-4.9.97-8.45 1.88-10.79 2.75-2.03.76-3.04 1.45-3.17 1.91-.16.57 1.48 1.79 5.3 3.46 1.5.67 11.39 4.58 14.44 5.93 9.52 4.19 15.74 8.3 18.87 13.44 10.35 16.93 14.87 19.56 24.78 15.6 7.3-2.93 11.21-4.75 15.33-7.42 5.42-3.53 9.47-7.75 12.15-13.1 1.44-2.9 3.02-5.4 4.86-7.82a68.95 68.95 0 0 1 2.72-3.33l2.6-2.97c3.46-3.99 5.28-6.75 6.77-10.79zm-6.64-.39c-7.94 12.8-18.53 21.75-33.3 25.23-7.82 1.83-12.47-.79-13.12-5.93-.55-4.45 2.29-9.06 6-9.06 3.02 0 5.6-1.68 15.38-9.16 1.47-1.12 2.57-1.96 3.66-2.74 4.4-3.2 7.77-5.17 10.82-6.08 5.57-1.67 9.33-2.15 11.35-1.22 2.5 1.14 2.22 4.13-.79 8.96zm-.84-.52c2.72-4.4 2.94-6.74 1.21-7.53-1.71-.79-5.32-.33-10.65 1.27-2.9.87-6.2 2.79-10.51 5.92-1.08.79-2.18 1.62-3.65 2.74-10.08 7.72-12.62 9.36-15.98 9.36-3.02 0-5.5 4.02-5 7.94.56 4.5 4.62 6.78 11.89 5.07 14.48-3.4 24.86-12.18 32.69-24.77zM461.17 33.53c13.88 4.96 20.75 4.96 31.62.01 3.02-1.37 5.47-2.94 11-6.82 5.57-3.92 8.05-5.51 11.14-6.92 4.14-1.88 7.78-2.38 11.22-1.28 3.92 1.26 6.2 12.3 6.78 28.45.5 14.2-.52 28.93-2.46 34.2-1.82 4.93-5.86 8.17-11.51 10.02A41.7 41.7 0 0 1 506 93.01c-5.79 0-9 2.4-12.2 7.64-.37.59-1.55 2.6-1.71 2.87-1.75 2.9-3.05 4.33-4.93 4.95-.94.32-2.07.83-3.87 1.74l-2.43 1.23c-1.03.53-1.87.94-2.7 1.34-6.43 3.1-11.73 4.72-17.16 4.72-5.71 0-10.04 2.09-14.02 5.92-1.16 1.11-4.2 4.53-4.63 4.94-2.54 2.44-5.93 4.24-10.85 6.1-1.4.52-5.98 2.13-6.25 2.22l-2.06.78c-.89.36-1.78.63-2.7.81-5.55 1.14-11.14-.54-17.98-4.42-1.27-.73-5.13-3.06-5.76-3.42-2.05-1.16-4.12-1.53-9.09-1.9l-1.73-.15c-4.78-.4-7.68-1.14-10.22-2.97-5-3.61-6.77-7.76-5.65-12.33 1.33-5.42 6.5-11.02 14.85-17.28a169.2 169.2 0 0 1 6.5-4.61c-.33.23 4.33-2.92 5.3-3.6 2.73-1.91 4.8-3.9 12.75-12.04l1.09-1.1c3.49-3.56 5.89-5.89 8.12-7.83 2.9-2.5 4.72-5.95 7.5-13.05l.63-1.61c2.7-6.92 4.28-10 6.87-12.33 1.42-1.28 6.68-6.54 7.93-7.5 3.98-3 8.01-2.73 19.57 1.4zm-.34.94c-11.26-4.02-15-4.28-18.62-1.53-1.19.9-6.4 6.11-7.88 7.43-2.42 2.18-3.96 5.19-6.6 11.95l-.63 1.61c-2.83 7.26-4.72 10.8-7.77 13.45a141.85 141.85 0 0 0-9.16 8.87c-8.02 8.2-10.08 10.2-12.88 12.16-.99.69-5.65 3.84-5.31 3.6-2.5 1.71-4.52 3.13-6.47 4.59-8.17 6.13-13.23 11.6-14.48 16.72-1.02 4.15.58 7.9 5.26 11.27 2.36 1.7 5.11 2.4 9.72 2.8l1.73.13c5.12.4 7.28.78 9.5 2.05.65.36 4.5 2.7 5.76 3.4 6.66 3.78 12.04 5.4 17.29 4.32.86-.17 1.7-.42 2.52-.75a67 67 0 0 1 2.1-.8c.28-.1 4.86-1.7 6.24-2.22 4.8-1.8 8.08-3.56 10.5-5.88.4-.38 3.44-3.8 4.63-4.94 4.16-4 8.72-6.2 14.72-6.2 5.25 0 10.42-1.59 16.73-4.62.82-.4 1.65-.8 2.68-1.33.12-.06 1.93-.99 2.43-1.23 1.84-.93 3-1.46 4-1.8 1.6-.52 2.76-1.82 4.39-4.52l1.7-2.88c3.39-5.5 6.87-8.11 13.07-8.11 4.45 0 8.73-.49 12.64-1.77 5.4-1.76 9.2-4.8 10.9-9.41 1.87-5.11 2.9-19.75 2.39-33.83-.56-15.53-2.81-26.48-6.08-27.52-3.18-1.02-6.57-.55-10.5 1.23-3.02 1.37-5.47 2.94-11 6.83-5.57 3.92-8.05 5.5-11.14 6.92-11.13 5.05-18.26 5.05-32.38.01zM475 55c5.38 0 7.55-.21 9.72-.96 1.26-.43 9.95-4.8 14.88-6.96 1.9-.82 3.56-2.44 6.6-6.04 2.56-3.04 3.19-3.75 4.4-4.84 3.7-3.35 7.07-3.28 10.22 1.23 6.23 8.9 5.61 15.94.07 27.02a71.26 71.26 0 0 0-2.5 5.48c-.32.8-1 2.7-1.09 2.9-.17.45-.34.81-.54 1.17-.63 1.14-1.56 2.21-4.05 4.7-2.4 2.4-5.16 3.27-11.68 4.33-1.81.3-2.2.36-3 .51-6.02 1.1-9.6 2.69-12.24 6.07-3.57 4.59-7.9 7.48-14.98 10.74-.55.24-1.1.5-1.8.8l-1.78.8a60.08 60.08 0 0 0-7.7 3.9c-2.57 1.6-4.79 2.35-9.42 3.46-8.58 2.06-12.28 3.76-17.37 9.36-5.12 5.64-10.17 7.64-16.63 6.7-5.36-.79-10.63-3.01-23.56-9.48-6.3-3.15-6.43-7.78-1.5-13.56 3.38-3.94 3.52-4.06 19.4-16.44 8.12-6.33 12.97-10.57 16.63-14.88 2.53-2.98 4.2-5.73 4.96-8.3 5.5-18.3 12.5-21.98 22.78-15.56 1.95 1.22 6.61 4.55 7.18 4.9 3.36 2.15 6.52 2.95 13 2.95zm0 2c-6.84 0-10.37-.89-14.08-3.26-.63-.4-5.27-3.71-7.16-4.9-9.05-5.65-14.66-2.7-19.8 14.45-.86 2.87-2.67 5.85-5.35 9.01-3.78 4.45-8.7 8.75-16.94 15.17-15.66 12.21-15.86 12.38-19.1 16.16-4.17 4.9-4.09 8 .88 10.48 12.71 6.35 17.89 8.54 22.94 9.28 5.78.84 10.18-.9 14.87-6.06 5.42-5.96 9.45-7.82 18.38-9.96 4.43-1.07 6.5-1.76 8.83-3.22a61.7 61.7 0 0 1 7.94-4.02l1.78-.8 1.78-.8c6.82-3.13 10.91-5.87 14.24-10.14 3-3.87 7-5.64 13.46-6.82.83-.15 1.21-.21 3.04-.51 6.1-1 8.6-1.78 10.58-3.77 2.36-2.36 3.21-3.34 3.72-4.26.15-.27.29-.56.44-.94.06-.15.75-2.06 1.09-2.9.64-1.6 1.45-3.4 2.57-5.64 5.24-10.49 5.8-16.8.07-24.98-2.4-3.44-4.37-3.48-7.24-.89-1.11 1-1.73 1.7-4.22 4.65-3.24 3.85-5.04 5.59-7.32 6.59-4.82 2.1-13.62 6.53-15.03 7.01-2.44.84-4.79 1.07-10.37 1.07zm-12.7 8.6c5.47 3.9 10.34 3.72 18.23.88 5.39-1.94 5.92-2.1 7.7-2.1 2.5-.01 4.21 1.36 5.24 4.46 1.66 4.98-2.32 8.52-12.3 12.68-2.7 1.13-16.25 6.18-20 7.73-7.86 3.24-13.93 6.42-18.87 10.15-13.02 9.84-18.36 11.93-23.71 9.68a24.67 24.67 0 0 1-3.62-1.98l-1.99-1.28a90.4 90.4 0 0 0-2.24-1.4c-3.33-2-2.82-4.28.85-7.34 1.35-1.13 10.66-7.61 13.53-9.91 7.1-5.69 11.91-11.47 14.41-18.34 3.07-8.45 4.89-12.1 6.8-13.39 1.73-1.16 3.36-.53 6.18 1.9.63.56 3.4 3.08 4.11 3.7 1.93 1.7 3.71 3.15 5.67 4.55zm-.6.8c-1.98-1.42-3.79-2.88-5.74-4.6-.73-.64-3.48-3.16-4.1-3.7-2.5-2.16-3.75-2.65-4.97-1.83-1.66 1.11-3.44 4.7-6.42 12.9-2.57 7.07-7.5 12.99-14.72 18.78-2.91 2.33-12.21 8.8-13.52 9.9-3.22 2.68-3.56 4.17-.97 5.72l2.26 1.4 1.99 1.28c1.47.93 2.48 1.5 3.47 1.91 4.9 2.07 9.96.07 22.72-9.56 5.02-3.79 11.15-7 19.1-10.28 3.76-1.55 17.3-6.6 20-7.72 9.5-3.97 13.14-7.2 11.73-11.44-.9-2.71-2.25-3.8-4.3-3.79-1.6 0-2.15.17-7.36 2.05-8.17 2.94-13.34 3.14-19.16-1.01z'%3E%3C/path%3E%3C/svg%3E");
21 | }
22 | 


--------------------------------------------------------------------------------
/src/components/WhoAmI/WhoAmI.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import './WhoAmI.css'
 3 | 
 4 | export default function WhoAmI() {
 5 |   return (
 6 |     <div className="who-am-i text-gray-300 px-4 py-16 lg:py-24 lg:pb-32">
 7 |       <div className="container mx-auto">
 8 |         <div className="lg:w-4/5 mx-auto bg-gray-900 rounded-lg shadow-lg px-8 lg:px-16 py-12 lg:py-16 lg:text-lg leading-relaxed lg:flex">
 9 |           <div className="flex-shrink mr-8 mb-8 lg:mb-0">
10 |             <img
11 |               src="https://scotch-res.cloudinary.com/image/upload/q_auto/v1594056697/gytymTwZ_400x400_qu49vx.jpg"
12 |               className="rounded shadow mb-2 w-48 lg:w-64"
13 |               alt="Chris Avatar"
14 |             />
15 |             <a
16 |               href="https://twitter.com/chris__sev"
17 |               className="mb-2 text-center block bg-blue-700 rounded py-2 px-4 text-blue-200 hover:text-blue-100 hover:bg-blue-600 text-xs"
18 |             >
19 |               Follow @chris__sev
20 |             </a>
21 |           </div>
22 |           <div>
23 |             <h2 className="fugaz-one text-2xl lg:text-4xl mb-4">
24 |               Meet Chris Sev
25 |             </h2>
26 |             <p className="mb-6">
27 |               Chris Sev is the founder of{' '}
28 |               <a
29 |                 className="underline text-blue-200 hover:text-blue-300"
30 |                 href="https://scotch.io"
31 |               >
32 |                 scotch.io
33 |               </a>
34 |               , a popular web dev tutorial site. Scotch reaches 3M+ readers
35 |               monthly and $30,000/mo in revenue.
36 |             </p>
37 | 
38 |             <p className="mb-6">
39 |               Scotch.io was successfully acquired by{' '}
40 |               <a
41 |                 className="underline text-blue-200 hover:text-blue-300"
42 |                 href="https://www.digitalocean.com/"
43 |               >
44 |                 DigitalOcean
45 |               </a>{' '}
46 |               in 2019. Chris now focuses on helping others code so they can
47 |               build/sell their own businesses.
48 |             </p>
49 | 
50 |             <p>
51 |               He's a{' '}
52 |               <a
53 |                 className="underline text-blue-200 hover:text-blue-300"
54 |                 href="https://developers.google.com/community/experts/directory/profile/profile-chris_sevilleja"
55 |               >
56 |                 Google Developer Expert
57 |               </a>{' '}
58 |               in Web Technologies and fights to keep coding simple and
59 |               practical.
60 |             </p>
61 |           </div>
62 |         </div>
63 |       </div>
64 |     </div>
65 |   )
66 | }
67 | 


--------------------------------------------------------------------------------
/src/components/fontawesome.js:
--------------------------------------------------------------------------------
 1 | import { library } from '@fortawesome/fontawesome-svg-core'
 2 | import { faReact } from '@fortawesome/free-brands-svg-icons'
 3 | import {
 4 |   faAtom,
 5 |   faFieldHockey,
 6 |   faTreasureChest,
 7 |   faFilm,
 8 |   faCameraHome,
 9 |   faWatch,
10 |   faPlus,
11 |   faEquals,
12 |   faArrowRight,
13 |   faCheck,
14 | } from '@fortawesome/pro-duotone-svg-icons'
15 | 
16 | library.add(
17 |   faReact,
18 |   faAtom,
19 |   faFieldHockey,
20 |   faTreasureChest,
21 |   faFilm,
22 |   faCameraHome,
23 |   faWatch,
24 |   faPlus,
25 |   faEquals,
26 |   faArrowRight,
27 |   faCheck
28 | )
29 | 


--------------------------------------------------------------------------------
/src/components/footer.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | 
 3 | export default function Footer() {
 4 |   return (
 5 |     <div className="bg-blue-900 text-blue-200 text-center text-xs p-5">
 6 |       <div className="container mx-auto lg:flex justify-between">
 7 |         <div className="mb-3 lg:mb-0">
 8 |           <a
 9 |             href="https://github.com/chris-on-code/make-react-apps-site"
10 |             className="hover:text-blue-100 text-blue-300"
11 |           >
12 |             View the <span className="underline">GitHub Repo</span> and see how
13 |             I built this site.
14 |           </a>
15 |         </div>
16 |         <div>
17 |           <a
18 |             href="https://www.podia.com/?via=chris-on-code"
19 |             className="underline hover:text-blue-100 text-blue-300 mr-2"
20 |           >
21 |             Powered by Podia
22 |           </a>
23 |           CodeRight © CopyWrong ©{' '}
24 |           <a
25 |             href="https://twitter.com/chris__sev"
26 |             className="underline hover:text-blue-100 text-blue-300"
27 |           >
28 |             Chris Sev
29 |           </a>{' '}
30 |           1756
31 |         </div>
32 |       </div>
33 |     </div>
34 |   )
35 | }
36 | 


--------------------------------------------------------------------------------
/src/components/header.js:
--------------------------------------------------------------------------------
 1 | import React from "react"
 2 | 
 3 | export default function Header() {
 4 |   return (
 5 |     <header className="text-right flex justify-end items-center pt-5 px-2 text-blue-900 text-xs">
 6 |       <div className="mr-4">
 7 |         By{" "}
 8 |         <a
 9 |           href="https://twitter.com/chris__sev"
10 |           className="text-blue-700 hover:text-blue-100 hover:underline"
11 |         >
12 |           @chris__sev
13 |         </a>
14 |         , the creator of{" "}
15 |         <a
16 |           href="https://scotch.io"
17 |           className="text-blue-700 hover:text-blue-100 hover:underline"
18 |         >
19 |           Scotch.io
20 |         </a>
21 |       </div>
22 |       {/* <a href="https://learn.better.dev/">Purchase</a> */}
23 |       <div className="bg-blue-300 text-blue-600 py-1 px-1 rounded-md flex items-center">
24 |         <span className="pl-2">Already purchased?</span>
25 |         <a
26 |           href="https://learn.better.dev/login"
27 |           className="ml-3 bg-blue-700 text-blue-200 rounded shadow py-2 px-3 hover:bg-blue-600"
28 |         >
29 |           Login
30 |         </a>
31 |       </div>
32 |     </header>
33 |   )
34 | }
35 | 


--------------------------------------------------------------------------------
/src/components/image.js:
--------------------------------------------------------------------------------
 1 | import React from "react"
 2 | import { useStaticQuery, graphql } from "gatsby"
 3 | import Img from "gatsby-image"
 4 | 
 5 | /*
 6 |  * This component is built using `gatsby-image` to automatically serve optimized
 7 |  * images with lazy loading and reduced file sizes. The image is loaded using a
 8 |  * `useStaticQuery`, which allows us to load the image from directly within this
 9 |  * component, rather than having to pass the image data down from pages.
10 |  *
11 |  * For more information, see the docs:
12 |  * - `gatsby-image`: https://gatsby.dev/gatsby-image
13 |  * - `useStaticQuery`: https://www.gatsbyjs.org/docs/use-static-query/
14 |  */
15 | 
16 | const Image = () => {
17 |   const data = useStaticQuery(graphql`
18 |     query {
19 |       placeholderImage: file(relativePath: { eq: "gatsby-astronaut.png" }) {
20 |         childImageSharp {
21 |           fluid(maxWidth: 300) {
22 |             ...GatsbyImageSharpFluid
23 |           }
24 |         }
25 |       }
26 |     }
27 |   `)
28 | 
29 |   return <Img fluid={data.placeholderImage.childImageSharp.fluid} />
30 | }
31 | 
32 | export default Image
33 | 


--------------------------------------------------------------------------------
/src/components/layout.css:
--------------------------------------------------------------------------------
 1 | @tailwind base;
 2 | @tailwind components;
 3 | @tailwind utilities;
 4 | 
 5 | h1,
 6 | h2,
 7 | h3,
 8 | h4,
 9 | h5,
10 | h6 {
11 |   font-family: 'Russo One';
12 | }
13 | 
14 | .orbitron {
15 |   font-family: 'Orbitron';
16 | }
17 | 
18 | .russo {
19 |   font-family: 'Russo One';
20 | }
21 | 
22 | .fugaz-one {
23 |   font-family: 'Fugaz One';
24 | }
25 | 
26 | .arial {
27 |   font-family: Arial, Helvetica, sans-serif;
28 | }
29 | 
30 | strong {
31 |   font-weight: 700;
32 | }
33 | 
34 | .background-block {
35 |   position: relative;
36 | }
37 | 
38 | .background-block::before {
39 |   display: inline-block;
40 |   position: absolute;
41 |   content: '';
42 |   z-index: -1;
43 |   margin-top: 2px;
44 |   margin-left: 10px;
45 |   background: #daeeff;
46 |   height: 20px;
47 |   width: 92%;
48 |   top: 5px;
49 |   left: -3px;
50 | }
51 | 
52 | [data-reach-dialog-overlay] {
53 |   z-index: 10;
54 | }
55 | 


--------------------------------------------------------------------------------
/src/components/layout.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import PropTypes from 'prop-types'
 3 | import './layout.css'
 4 | 
 5 | export default function Layout({ children }) {
 6 |   return (
 7 |     <div>
 8 |       <div className="overflow-x-hidden">
 9 |         <main>{children}</main>
10 |       </div>
11 |     </div>
12 |   )
13 | }
14 | 
15 | Layout.propTypes = {
16 |   children: PropTypes.node.isRequired,
17 | }
18 | 


--------------------------------------------------------------------------------
/src/components/newsletter.js:
--------------------------------------------------------------------------------
 1 | import React from "react"
 2 | 
 3 | export default function Newsletter() {
 4 |   return (
 5 |     <form
 6 |       action="https://app.convertkit.com/forms/1361833/subscriptions"
 7 |       method="post"
 8 |       className="flex w-full shadow"
 9 |     >
10 |       <input
11 |         name="email_address"
12 |         placeholder="Email"
13 |         required
14 |         type="email"
15 |         className="gradient-border px-4 py-3 xl:text-lg bg-gray-300 rounded-l-lg w-full"
16 |       />
17 |       <input
18 |         type="submit"
19 |         value="Get 1 Free App"
20 |         className="xl:text-lg w-auto bg-blue-700 text-blue-200 rounded-r-lg px-4 py-3 xl:px-10 cursor-pointer hover:bg-blue-600"
21 |       />
22 |     </form>
23 |   )
24 | }
25 | 


--------------------------------------------------------------------------------
/src/components/seo.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * SEO component that queries for data with
 3 |  *  Gatsby's useStaticQuery React hook
 4 |  *
 5 |  * See: https://www.gatsbyjs.org/docs/use-static-query/
 6 |  */
 7 | 
 8 | import React from "react"
 9 | import PropTypes from "prop-types"
10 | import Helmet from "react-helmet"
11 | import { useStaticQuery, graphql } from "gatsby"
12 | 
13 | function SEO({ description, lang, meta, title }) {
14 |   const { site } = useStaticQuery(
15 |     graphql`
16 |       query {
17 |         site {
18 |           siteMetadata {
19 |             title
20 |             description
21 |             author
22 |           }
23 |         }
24 |       }
25 |     `
26 |   )
27 | 
28 |   const metaDescription = description || site.siteMetadata.description
29 | 
30 |   return (
31 |     <Helmet
32 |       htmlAttributes={{
33 |         lang,
34 |       }}
35 |       title={title}
36 |       titleTemplate={`%s ⚛️`}
37 |       meta={[
38 |         {
39 |           name: `description`,
40 |           content: metaDescription,
41 |         },
42 |         {
43 |           property: `og:title`,
44 |           content: title,
45 |         },
46 |         {
47 |           property: `og:description`,
48 |           content: metaDescription,
49 |         },
50 |         {
51 |           property: `og:type`,
52 |           content: `website`,
53 |         },
54 |         {
55 |           name: `twitter:card`,
56 |           content: `summary`,
57 |         },
58 |         {
59 |           name: `twitter:creator`,
60 |           content: site.siteMetadata.author,
61 |         },
62 |         {
63 |           name: `twitter:title`,
64 |           content: title,
65 |         },
66 |         {
67 |           name: `twitter:description`,
68 |           content: metaDescription,
69 |         },
70 |       ].concat(meta)}
71 |     />
72 |   )
73 | }
74 | 
75 | SEO.defaultProps = {
76 |   lang: `en`,
77 |   meta: [],
78 |   description: ``,
79 | }
80 | 
81 | SEO.propTypes = {
82 |   description: PropTypes.string,
83 |   lang: PropTypes.string,
84 |   meta: PropTypes.arrayOf(PropTypes.object),
85 |   title: PropTypes.string.isRequired,
86 | }
87 | 
88 | export default SEO
89 | 


--------------------------------------------------------------------------------
/src/components/usePodia.js:
--------------------------------------------------------------------------------
 1 | import { useEffect } from 'react'
 2 | 
 3 | /**
 4 |  * Podia hosts my courses.
 5 |  * I love their platform because its everything under 1 roof and SUPER affordable compared to the competitors.
 6 |  * Here's a referral code if you want to try them out:
 7 |  * https://www.podia.com/?via=chris-on-code
 8 |  */
 9 | 
10 | export default function usePodia() {
11 |   useEffect(() => {
12 |     if (document.getElementById('podia-scrippp')) return
13 | 
14 |     const script = document.createElement('script')
15 |     script.id = 'podia-scrippp'
16 |     script.src = 'https://cdn.podia.com/embeds.js'
17 |     script.async = true
18 |     document.body.appendChild(script)
19 | 
20 |     return () => {
21 |       script.parentNode.removeChild(script)
22 | 
23 |       const podiaScript = document.getElementById('podia-embed-script')
24 |       podiaScript.parentNode.removeChild(podiaScript)
25 |     }
26 |   }, [])
27 | }
28 | 


--------------------------------------------------------------------------------
/src/html.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import PropTypes from 'prop-types'
 3 | export default function HTML(props) {
 4 |   return (
 5 |     <html {...props.htmlAttributes}>
 6 |       <head>
 7 |         <meta charSet="utf-8" />
 8 |         <meta httpEquiv="x-ua-compatible" content="ie=edge" />
 9 |         <meta
10 |           name="viewport"
11 |           content="width=device-width, initial-scale=1, shrink-to-fit=no"
12 |         />
13 |         {props.headComponents}
14 | 
15 |         {/* fathom */}
16 |         <script
17 |           src="https://wildcat.codesalt.io/script.js"
18 |           data-spa="auto"
19 |           data-site="SYKMYUND"
20 |           defer
21 |         ></script>
22 |       </head>
23 |       <body {...props.bodyAttributes}>
24 |         {props.preBodyComponents}
25 |         <div
26 |           key={`body`}
27 |           id="___gatsby"
28 |           dangerouslySetInnerHTML={{ __html: props.body }}
29 |         />
30 |         {props.postBodyComponents}
31 |       </body>
32 |     </html>
33 |   )
34 | }
35 | 
36 | HTML.propTypes = {
37 |   htmlAttributes: PropTypes.object,
38 |   headComponents: PropTypes.array,
39 |   bodyAttributes: PropTypes.object,
40 |   preBodyComponents: PropTypes.array,
41 |   body: PropTypes.string,
42 |   postBodyComponents: PropTypes.array,
43 | }
44 | 


--------------------------------------------------------------------------------
/src/images/chris.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chris-sev/make-react-apps-site/4eacff88aa18071019f4832f6d24718e2b3a25d8/src/images/chris.png


--------------------------------------------------------------------------------
/src/images/dab.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chris-sev/make-react-apps-site/4eacff88aa18071019f4832f6d24718e2b3a25d8/src/images/dab.png


--------------------------------------------------------------------------------
/src/images/favicon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chris-sev/make-react-apps-site/4eacff88aa18071019f4832f6d24718e2b3a25d8/src/images/favicon.png


--------------------------------------------------------------------------------
/src/images/kapehe.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chris-sev/make-react-apps-site/4eacff88aa18071019f4832f6d24718e2b3a25d8/src/images/kapehe.png


--------------------------------------------------------------------------------
/src/images/logo.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 841.9 595.3">
2 |     <g fill="#e53e3e">
3 |         <path d="M666.3 296.5c0-32.5-40.7-63.3-103.1-82.4 14.4-63.6 8-114.2-20.2-130.4-6.5-3.8-14.1-5.6-22.4-5.6v22.3c4.6 0 8.3.9 11.4 2.6 13.6 7.8 19.5 37.5 14.9 75.7-1.1 9.4-2.9 19.3-5.1 29.4-19.6-4.8-41-8.5-63.5-10.9-13.5-18.5-27.5-35.3-41.6-50 32.6-30.3 63.2-46.9 84-46.9V78c-27.5 0-63.5 19.6-99.9 53.6-36.4-33.8-72.4-53.2-99.9-53.2v22.3c20.7 0 51.4 16.5 84 46.6-14 14.7-28 31.4-41.3 49.9-22.6 2.4-44 6.1-63.6 11-2.3-10-4-19.7-5.2-29-4.7-38.2 1.1-67.9 14.6-75.8 3-1.8 6.9-2.6 11.5-2.6V78.5c-8.4 0-16 1.8-22.6 5.6-28.1 16.2-34.4 66.7-19.9 130.1-62.2 19.2-102.7 49.9-102.7 82.3 0 32.5 40.7 63.3 103.1 82.4-14.4 63.6-8 114.2 20.2 130.4 6.5 3.8 14.1 5.6 22.5 5.6 27.5 0 63.5-19.6 99.9-53.6 36.4 33.8 72.4 53.2 99.9 53.2 8.4 0 16-1.8 22.6-5.6 28.1-16.2 34.4-66.7 19.9-130.1 62-19.1 102.5-49.9 102.5-82.3zm-130.2-66.7c-3.7 12.9-8.3 26.2-13.5 39.5-4.1-8-8.4-16-13.1-24-4.6-8-9.5-15.8-14.4-23.4 14.2 2.1 27.9 4.7 41 7.9zm-45.8 106.5c-7.8 13.5-15.8 26.3-24.1 38.2-14.9 1.3-30 2-45.2 2-15.1 0-30.2-.7-45-1.9-8.3-11.9-16.4-24.6-24.2-38-7.6-13.1-14.5-26.4-20.8-39.8 6.2-13.4 13.2-26.8 20.7-39.9 7.8-13.5 15.8-26.3 24.1-38.2 14.9-1.3 30-2 45.2-2 15.1 0 30.2.7 45 1.9 8.3 11.9 16.4 24.6 24.2 38 7.6 13.1 14.5 26.4 20.8 39.8-6.3 13.4-13.2 26.8-20.7 39.9zm32.3-13c5.4 13.4 10 26.8 13.8 39.8-13.1 3.2-26.9 5.9-41.2 8 4.9-7.7 9.8-15.6 14.4-23.7 4.6-8 8.9-16.1 13-24.1zM421.2 430c-9.3-9.6-18.6-20.3-27.8-32 9 .4 18.2.7 27.5.7 9.4 0 18.7-.2 27.8-.7-9 11.7-18.3 22.4-27.5 32zm-74.4-58.9c-14.2-2.1-27.9-4.7-41-7.9 3.7-12.9 8.3-26.2 13.5-39.5 4.1 8 8.4 16 13.1 24 4.7 8 9.5 15.8 14.4 23.4zM420.7 163c9.3 9.6 18.6 20.3 27.8 32-9-.4-18.2-.7-27.5-.7-9.4 0-18.7.2-27.8.7 9-11.7 18.3-22.4 27.5-32zm-74 58.9c-4.9 7.7-9.8 15.6-14.4 23.7-4.6 8-8.9 16-13 24-5.4-13.4-10-26.8-13.8-39.8 13.1-3.1 26.9-5.8 41.2-7.9zm-90.5 125.2c-35.4-15.1-58.3-34.9-58.3-50.6 0-15.7 22.9-35.6 58.3-50.6 8.6-3.7 18-7 27.7-10.1 5.7 19.6 13.2 40 22.5 60.9-9.2 20.8-16.6 41.1-22.2 60.6-9.9-3.1-19.3-6.5-28-10.2zM310 490c-13.6-7.8-19.5-37.5-14.9-75.7 1.1-9.4 2.9-19.3 5.1-29.4 19.6 4.8 41 8.5 63.5 10.9 13.5 18.5 27.5 35.3 41.6 50-32.6 30.3-63.2 46.9-84 46.9-4.5-.1-8.3-1-11.3-2.7zm237.2-76.2c4.7 38.2-1.1 67.9-14.6 75.8-3 1.8-6.9 2.6-11.5 2.6-20.7 0-51.4-16.5-84-46.6 14-14.7 28-31.4 41.3-49.9 22.6-2.4 44-6.1 63.6-11 2.3 10.1 4.1 19.8 5.2 29.1zm38.5-66.7c-8.6 3.7-18 7-27.7 10.1-5.7-19.6-13.2-40-22.5-60.9 9.2-20.8 16.6-41.1 22.2-60.6 9.9 3.1 19.3 6.5 28.1 10.2 35.4 15.1 58.3 34.9 58.3 50.6-.1 15.7-23 35.6-58.4 50.6zM320.8 78.4z"/>
4 |         <circle cx="420.9" cy="296.5" r="45.7"/>
5 |         <path d="M520.5 78.1z"/>
6 |     </g>
7 | </svg>
8 | 


--------------------------------------------------------------------------------
/src/pages/10-react-apps-series-b.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import { useInView } from 'react-intersection-observer'
 3 | import AppsHero from '../components/AppsHero'
 4 | import WhatWellBuild from '../components/WhatWellBuild/WhatWellBuild'
 5 | import WhoAmI from '../components/WhoAmI/WhoAmI'
 6 | import Pricing from '../components/Pricing/Pricing'
 7 | import LessonList from '../components/LessonList/LessonList'
 8 | import Footer from '../components/footer'
 9 | // import Bundle from '../components/Bundle'
10 | import FAQ from '../components/FAQ/FAQ'
11 | import FloatingButton from '../components/FloatingButton'
12 | import SEO from '../components/seo'
13 | 
14 | export default function ReactApps() {
15 |   const [topRef, topInView] = useInView()
16 |   const showFloatingButton = !topInView
17 | 
18 |   return (
19 |     <>
20 |       <SEO title="Make 10 React Apps - Practical React Learning" />
21 | 
22 |       <FloatingButton
23 |         isShowing={showFloatingButton}
24 |         url="/10-react-apps-series-b#pricing"
25 |       />
26 | 
27 |       <div ref={topRef}>
28 |         <AppsHero whichCourse="b" />
29 |       </div>
30 | 
31 |       <WhatWellBuild whichCourse="b" />
32 |       <Pricing whichCourse="b" />
33 |       <LessonList whichCourse="b" />
34 |       <WhoAmI />
35 |       <FAQ />
36 |       {/* <Bundle /> */}
37 |       <Footer />
38 |     </>
39 |   )
40 | }
41 | 


--------------------------------------------------------------------------------
/src/pages/404.js:
--------------------------------------------------------------------------------
 1 | import React from "react"
 2 | 
 3 | import Layout from "../components/layout"
 4 | import SEO from "../components/seo"
 5 | 
 6 | const NotFoundPage = () => (
 7 |   <Layout>
 8 |     <SEO title="404: Not found" />
 9 |     <h1>NOT FOUND</h1>
10 |     <p>You just hit a route that doesn&#39;t exist... the sadness.</p>
11 |   </Layout>
12 | )
13 | 
14 | export default NotFoundPage
15 | 


--------------------------------------------------------------------------------
/src/pages/courses.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import Layout from '../components/layout'
 3 | import Courses from '../components/Courses/Courses'
 4 | // import FooterNewsletter from '../components/FooterNewsletter'
 5 | import WhoAmI from '../components/WhoAmI/WhoAmI'
 6 | import Footer from '../components/footer'
 7 | import HomeHero from '../components/HomeHero'
 8 | import SEO from '../components/seo'
 9 | import Bundle from '../components/Bundle'
10 | 
11 | export default function IndexPage() {
12 |   return (
13 |     <Layout>
14 |       <SEO title="Make React Apps - Practical React Learning" />
15 |       <HomeHero />
16 |       <Courses />
17 |       <WhoAmI />
18 |       {/* <FooterNewsletter /> */}
19 |       <Bundle />
20 |       <Footer />
21 |     </Layout>
22 |   )
23 | }
24 | 


--------------------------------------------------------------------------------
/src/pages/free-app.js:
--------------------------------------------------------------------------------
  1 | import React from "react"
  2 | import SEO from "../components/seo"
  3 | import Layout from "../components/layout"
  4 | 
  5 | export default function Confirmed() {
  6 |   return (
  7 |     <Layout showHeader={false}>
  8 |       <SEO title="Confirmed" />
  9 |       <div className="thanks flex min-h-screen w-full items-center justify-center text-left text-gray-600 leading-normal text-lg p-10">
 10 |         <div className="bg-white p-12 rounded-lg shadow-lg w-full lg:w-1/2">
 11 |           <a href="https://twitter.com/chris__sev">
 12 |             <img
 13 |               src="https://i.imgur.com/9HKkggh.png"
 14 |               className="mb-6"
 15 |               alt="Chris on Code"
 16 |             />
 17 |           </a>
 18 |           <h2 className="fugaz-one text-2xl lg:text-3xl text-gray-700 mb-2">
 19 |             You're Confirmed!
 20 |           </h2>
 21 |           <p className="mb-8">
 22 |             Here's your{" "}
 23 |             <strong className="text-purple-600">free app and videos</strong>.
 24 |           </p>
 25 | 
 26 |           <ul className="leading-loose">
 27 |             <li>
 28 |               <a
 29 |                 href="https://learn.better.dev/courses/make-20-react-apps/249711-getting-started/746204-vs-code-setup"
 30 |                 target="_blank"
 31 |                 rel="noopener noreferrer"
 32 |                 className="hover:underline text-blue-500 hover:text-blue-700"
 33 |               >
 34 |                 <span role="img" aria-label="thingy">
 35 |                   🤖
 36 |                 </span>{" "}
 37 |                 My VS Code Setup
 38 |               </a>
 39 |             </li>
 40 |             <li>
 41 |               <a
 42 |                 href="https://learn.better.dev/courses/make-20-react-apps/249711-getting-started/748437-terminal-setup-npm-vs-yarn"
 43 |                 target="_blank"
 44 |                 rel="noopener noreferrer"
 45 |                 className="hover:underline text-blue-500 hover:text-blue-700"
 46 |               >
 47 |                 <span role="img" aria-label="thingy">
 48 |                   🤖
 49 |                 </span>{" "}
 50 |                 Terminal Setup (npm vs yarn)
 51 |               </a>
 52 |             </li>
 53 |             <li>
 54 |               <a
 55 |                 href="https://learn.better.dev/courses/make-20-react-apps/249106-pomodoro/748623-00-pomodoro-preview"
 56 |                 target="_blank"
 57 |                 rel="noopener noreferrer"
 58 |                 className="hover:underline text-blue-500 hover:text-blue-700"
 59 |               >
 60 |                 <span role="img" aria-label="thingy">
 61 |                   ⚛️
 62 |                 </span>{" "}
 63 |                 Pomodoro App: <strong>What We'll Build</strong>
 64 |               </a>
 65 |             </li>
 66 |             <li>
 67 |               <a
 68 |                 href="https://learn.better.dev/courses/make-20-react-apps/249106-pomodoro/717359-01-time-and-start"
 69 |                 target="_blank"
 70 |                 rel="noopener noreferrer"
 71 |                 className="hover:underline text-blue-500 hover:text-blue-700"
 72 |               >
 73 |                 <span role="img" aria-label="thingy">
 74 |                   ⚛️
 75 |                 </span>{" "}
 76 |                 Pomodoro App: <strong>Time and Start</strong>
 77 |               </a>
 78 |             </li>
 79 |             <li>
 80 |               <a
 81 |                 href="https://learn.better.dev/courses/make-20-react-apps/249106-pomodoro/717360-02-stop-and-reset"
 82 |                 target="_blank"
 83 |                 rel="noopener noreferrer"
 84 |                 className="hover:underline text-blue-500 hover:text-blue-700"
 85 |               >
 86 |                 <span role="img" aria-label="thingy">
 87 |                   ⚛️
 88 |                 </span>{" "}
 89 |                 Pomodoro App: <strong>Stop and Reset</strong>
 90 |               </a>
 91 |             </li>
 92 |             <li>
 93 |               <a
 94 |                 href="https://learn.better.dev/courses/make-20-react-apps/249106-pomodoro/783754-03-restarting-the-timer-fix"
 95 |                 target="_blank"
 96 |                 rel="noopener noreferrer"
 97 |                 className="hover:underline text-blue-500 hover:text-blue-700"
 98 |               >
 99 |                 <span role="img" aria-label="thingy">
100 |                   ⚛️
101 |                 </span>{" "}
102 |                 Pomodoro App: <strong>Restarting the Timer [FIX]</strong>
103 |               </a>
104 |             </li>
105 |           </ul>
106 | 
107 |           <p className="mt-8">
108 |             Say hey on{" "}
109 |             <a
110 |               href="https://twitter.com/chris__sev"
111 |               className="text-blue-600 hover:text-blue-700 hover:underline"
112 |             >
113 |               Twitter
114 |             </a>
115 |             !
116 |           </p>
117 |         </div>
118 |       </div>
119 |     </Layout>
120 |   )
121 | }
122 | 


--------------------------------------------------------------------------------
/src/pages/index.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import { useInView } from 'react-intersection-observer'
 3 | import AppsHero from '../components/AppsHero'
 4 | import WhatWellBuild from '../components/WhatWellBuild/WhatWellBuild'
 5 | import WhoAmI from '../components/WhoAmI/WhoAmI'
 6 | import Pricing from '../components/Pricing/Pricing'
 7 | import LessonList from '../components/LessonList/LessonList'
 8 | import Footer from '../components/footer'
 9 | // import Bundle from '../components/Bundle'
10 | import FAQ from '../components/FAQ/FAQ'
11 | import FloatingButton from '../components/FloatingButton'
12 | import SEO from '../components/seo'
13 | 
14 | export default function ReactApps() {
15 |   const [topRef, topInView] = useInView()
16 |   const showFloatingButton = !topInView
17 | 
18 |   return (
19 |     <>
20 |       <SEO title="Make 10 React Apps - Practical React Learning" />
21 | 
22 |       <FloatingButton
23 |         isShowing={showFloatingButton}
24 |         url="/#pricing"
25 |       />
26 | 
27 |       <div ref={topRef}>
28 |         <AppsHero />
29 |       </div>
30 | 
31 |       <WhatWellBuild />
32 |       <Pricing />
33 |       <LessonList />
34 |       <WhoAmI />
35 |       <FAQ />
36 |       {/* <Bundle /> */}
37 |       <Footer />
38 |     </>
39 |   )
40 | }
41 | 


--------------------------------------------------------------------------------
/src/pages/thank-you.js:
--------------------------------------------------------------------------------
 1 | import React from "react"
 2 | import styled from "styled-components"
 3 | import SEO from "../components/seo"
 4 | import Layout from "../components/layout"
 5 | 
 6 | export default function ThankYou() {
 7 |   return (
 8 |     <Layout showHeader={false}>
 9 |       <SEO title="Thanks" />
10 | 
11 |       <SThanks className="thanks flex min-h-screen w-full items-center justify-center text-left text-gray-600 leading-normal text-lg p-10">
12 |         <div className="bg-white p-12 rounded-lg shadow-lg w-full lg:w-1/2">
13 |           <a href="https://twitter.com/chris__sev">
14 |             <img
15 |               src="https://i.imgur.com/9HKkggh.png"
16 |               className="mb-6"
17 |               alt="Chris on Code"
18 |             />
19 |           </a>
20 |           <h2 className="fugaz-one text-2xl lg:text-3xl text-gray-700 mb-4">
21 |             Thanks! Now check your email.
22 |           </h2>
23 |           <p className="mb-1">
24 |             You should get a confirmation email soon with your{" "}
25 |             <strong className="text-purple-600">free app videos</strong>.
26 |           </p>
27 |           <p>
28 |             Open it up and{" "}
29 |             <strong className="text-purple-600">confirm your email</strong> so
30 |             we can keep you up to date.
31 |           </p>
32 |         </div>
33 |       </SThanks>
34 |     </Layout>
35 |   )
36 | }
37 | 
38 | const SThanks = styled.div`
39 |   background-color: #eaeaea;
40 |   background-image: url("data:image/svg+xml,%3Csvg width='52' height='26' viewBox='0 0 52 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23bbbbbb' fill-opacity='0.4'%3E%3Cpath d='M10 10c0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6h2c0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4v2c-3.314 0-6-2.686-6-6 0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6zm25.464-1.95l8.486 8.486-1.414 1.414-8.486-8.486 1.414-1.414z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
41 | `
42 | 


--------------------------------------------------------------------------------
/tailwind.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |   purge: ["./src/**/*.js"],
3 |   theme: {
4 |     extend: {},
5 |   },
6 |   variants: {},
7 |   plugins: [],
8 | }
9 | 


--------------------------------------------------------------------------------