Migrate blog's content to the main website codebase. Use layout from …

…the blog. Merge configs

.eslintrc.json

@@ -23,17 +23,14 @@
     }
   },
   "rules": {
-    "max-len": [
-      "error",
-      { "code": 80, "ignoreTemplateLiterals": true, "ignoreUrls": true }
-    ],
     "@typescript-eslint/interface-name-prefix": [
       "error",
       { "prefixWithI": "always" }
     ],
     "no-tabs": "error",
+    "react/prop-types": "off", // Props should be described as TS types
+    "@typescript-eslint/explicit-function-return-type": "off",
     // TODO: remove after rewriting code to TS
-    "@typescript-eslint/explicit-function-return-type": "warn",
     "@typescript-eslint/no-var-requires": "warn"
   }
 }

.gitignore

@@ -54,13 +54,15 @@ typings/
 # dotenv environment variables file
 .env
 
-# Next.js build output
-.idea
+# Editors & logs
 *.log
+.idea
+.vscode
 
 # Mac finder artifacts
 .DS_Store
 
 # Gatsby cache
 .cache
 public
+tmp

.prettierignore

@@ -0,0 +1,2 @@
+.cache/
+public/

.prettierrc

@@ -1,7 +1,9 @@
-semi: false
-singleQuote: true
-trailingComma: none
-printWidth: 80
-tabWidth: 2
-useTabs: false
-proseWrap: "always"
+{
+  "semi": false,
+  "singleQuote": true,
+  "trailingComma": "none",
+  "printWidth": 80,
+  "tabWidth": 2,
+  "useTabs": false,
+  "proseWrap": "always"
+}

.restyled.yaml

@@ -4,5 +4,8 @@ restylers:
     include:
       - './*.{js,md}'
       - 'pages/**/*.js'
-      - 'content/docs/**/*.{js,md}'
+      - 'content/**/*.{js,md}'
       - 'src/**/*.js'
+  - name: stylelint
+    include:
+      - 'src/**/*.css'

.stylelintrc

@@ -0,0 +1,18 @@
+{
+  "extends": "stylelint-config-standard",
+  "rules": {
+    "no-descending-specificity": null,
+    "no-duplicate-selectors": null,
+    "declaration-colon-newline-after": null,
+    "value-list-comma-newline-after": null,
+    "property-no-unknown": [ true, {
+      "ignoreProperties": ["composes"]
+    } ],
+    "selector-pseudo-class-no-unknown": [ true, {
+      "ignorePseudoClasses": ["global"]
+    } ],
+    "at-rule-no-unknown": [true, {
+      "ignoreAtRules": ["mixin"]
+    }]
+  },
+}

config/postcss/media.js

@@ -0,0 +1,20 @@
+/* tslint:disable object-literal-sort-keys */
+
+const screens = {
+  giant: 1200,
+  desktop: 1005,
+  tablet: 768,
+  phablet: 572,
+  phone: 376
+}
+
+module.exports = {
+  customMedia: {
+    '--xxs-scr': `(max-width: ${screens.phone}px)`,
+    '--xs-scr': `(max-width: ${screens.phablet}px)`,
+    '--sm-scr': `(max-width: ${screens.tablet}px)`,
+    '--md-scr': `(max-width: ${screens.desktop - 1}px)`,
+    '--lg-scr': `(min-width: ${screens.desktop}px)`,
+    '--xl-scr': `(min-width: ${screens.giant}px)`
+  }
+}

config/postcss/mixins.js

@@ -0,0 +1,91 @@
+/* tslint:disable object-literal-sort-keys */
+
+const focus = {
+  '&:focus': {
+    color: 'var(--color-orange)',
+    outline: 'none'
+  }
+}
+
+const active = {
+  '&:active': {
+    position: 'relative',
+    top: '1px',
+    left: '1px'
+  }
+}
+
+const hover = {
+  '&:hover': {
+    opacity: 0.7
+  }
+}
+
+module.exports = {
+  mixins: {
+    'h1-desktop': {
+      'font-weight': '500',
+      'font-size': '40px',
+      'line-height': '60px'
+    },
+    'h1-mobile': {
+      'font-weight': '500',
+      'font-size': '30px',
+      'line-height': '40px'
+    },
+    'h2-desktop': {
+      'font-weight': '500',
+      'font-size': '30px',
+      'line-height': '40px'
+    },
+    'h2-mobile': {
+      'font-weight': '500',
+      'font-size': '25px',
+      'line-height': '35px'
+    },
+    'h3-desktop': {
+      'font-weight': '500',
+      'font-size': '24px',
+      'line-height': '34px'
+    },
+    'h3-mobile': {
+      'font-weight': '500',
+      'font-size': '20px',
+      'line-height': '30px'
+    },
+    'text-desktop': {
+      'font-size': '24px',
+      'line-height': '34px'
+    },
+    'text-mobile': {
+      'font-size': '20px',
+      'line-height': '30px'
+    },
+    'text-diminished': {
+      'font-size': '20px',
+      'line-height': '30px'
+    },
+    'text-secondary': {
+      'font-size': '16px',
+      'line-height': '24px'
+    },
+    'button-big': {
+      'font-size': '20px',
+      'line-height': '30px'
+    },
+    'button-small': {
+      'font-size': '16px',
+      'line-height': '25px'
+    },
+    link: {
+      'text-decoration': 'none',
+      color: 'var(--color-blue)',
+      ...hover,
+      ...focus,
+      ...active
+    },
+    hover,
+    focus,
+    active
+  }
+}

content/authors/dmitry_petrov.md

@@ -0,0 +1,9 @@
+---
+path: ../authors/dmitry_petrov.md
+name: Dmitry Petrov
+avatar: ../../static/uploads/avatars/dmitry_petrov.png
+---
+
+Creator of [http://dvc.org](http://dvc.org) — Git for ML. Ex-Data Scientist
+[http://twitter.com/Microsoft](@Microsoft). PhD in CS. Making jokes with a
+serious face.

content/authors/elle_obrien.md

@@ -0,0 +1,7 @@
+---
+path: ../authors/elle_obrien.md
+name: Elle O'Brien
+avatar: ../../static/uploads/avatars/elle_obrien.jpg
+---
+
+Data scientist at [http://dvc.org](http://dvc.org)

content/authors/george_vyshnya.md

@@ -0,0 +1,9 @@
+---
+path: ../authors/george_vyshnya.md
+name: George Vyshnya
+avatar: ../../static/uploads/avatars/george_vyshnya.jpeg
+---
+
+Seasoned Data Scientist / Software Developer with blended experience in software
+development, IT, DevOps, PM and C-level roles. CTO at
+[http://sbc-group.pl](http://sbc-group.pl)

content/authors/marija_ilic.md

@@ -0,0 +1,7 @@
+---
+path: ../authors/marija_ilic.md
+name: Marija Ilić
+avatar: ../../static/uploads/avatars/marija_ilic.png
+---
+
+Data scientist at Njuškalo, Croatia.

content/authors/svetlana_grinchenko.md

@@ -0,0 +1,7 @@
+---
+path: ../authors/svetlana_grinchenko.md
+name: Svetlana Grinchenko
+avatar: ../../static/uploads/avatars/svetlana_grinchenko.jpeg
+---
+
+Head of developer relations at [http://dvc.org](http://dvc.org)