diff --git a/package.json b/package.json index 8830b2ef..289cfb04 100644 --- a/package.json +++ b/package.json @@ -90,7 +90,6 @@ "babel-preset-env": "^1.6.0", "babel-preset-jest": "^23.2.0", "babel-preset-react": "^6.24.1", - "css-loader": "^2.0.1", "eslint": "^4", "eslint-config-airbnb": "^17.0.0", "eslint-import-resolver-babel-module": "^4.0.0", @@ -103,7 +102,6 @@ "file-loader": "1.1.11", "flow-bin": "0.72.0", "jest": "^23.4.2", - "style-loader": "^0.23.1", "stylelint": "^8.0.0", "stylelint-config-standard": "^18.2.0", "stylelint-config-styled-components": "^0.1.1", diff --git a/src/support/styles/fonts.css b/public/fonts/fonts.css similarity index 62% rename from src/support/styles/fonts.css rename to public/fonts/fonts.css index 7a0b8470..d159c626 100644 --- a/src/support/styles/fonts.css +++ b/public/fonts/fonts.css @@ -2,7 +2,7 @@ font-family: 'Roboto Mono'; font-style: normal; font-display: swap; - src: url('/fonts/roboto/RobotoMono.woff2') format('woff2'), /* Super Modern Browsers */ + src: url('./roboto/RobotoMono.woff2') format('woff2'), /* Super Modern Browsers */ } /* cyrillic-ext */ @@ -12,7 +12,7 @@ font-style: normal; font-display: swap; font-weight: 300; - src: local('Roboto Light'), local('Roboto-Light'), url('/fonts/roboto/regular/RobotoLightCyrillicExt.woff2') format('woff2'); + src: local('Roboto Light'), local('Roboto-Light'), url('./roboto/regular/RobotoLightCyrillicExt.woff2') format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @@ -22,7 +22,7 @@ font-style: normal; font-display: swap; font-weight: 300; - src: local('Roboto Light'), local('Roboto-Light'), url('/fonts/roboto/regular/RobotoLightCyrillic.woff2') format('woff2'); + src: local('Roboto Light'), local('Roboto-Light'), url('./roboto/regular/RobotoLightCyrillic.woff2') format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @@ -32,7 +32,7 @@ font-style: normal; font-display: swap; font-weight: 300; - src: local('Roboto Light'), local('Roboto-Light'), url('/fonts/roboto/regular/RobotoLightGreekExt.woff2') format('woff2'); + src: local('Roboto Light'), local('Roboto-Light'), url('./roboto/regular/RobotoLightGreekExt.woff2') format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @@ -42,7 +42,7 @@ font-style: normal; font-display: swap; font-weight: 300; - src: local('Roboto Light'), local('Roboto-Light'), url('/fonts/roboto/regular/RobotoLightGreek.woff2') format('woff2'); + src: local('Roboto Light'), local('Roboto-Light'), url('./roboto/regular/RobotoLightGreek.woff2') format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @@ -52,7 +52,7 @@ font-style: normal; font-display: swap; font-weight: 300; - src: local('Roboto Light'), local('Roboto-Light'), url('/fonts/roboto/regular/RobotoLightVietnamese.woff2') format('woff2'); + src: local('Roboto Light'), local('Roboto-Light'), url('./roboto/regular/RobotoLightVietnamese.woff2') format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @@ -62,7 +62,7 @@ font-style: normal; font-display: swap; font-weight: 300; - src: local('Roboto Light'), local('Roboto-Light'), url('/fonts/roboto/regular/RobotoLightLatinExt.woff2') format('woff2'); + src: local('Roboto Light'), local('Roboto-Light'), url('./roboto/regular/RobotoLightLatinExt.woff2') format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @@ -72,7 +72,7 @@ font-style: normal; font-display: swap; font-weight: 300; - src: local('Roboto Light'), local('Roboto-Light'), url('/fonts/roboto/regular/RobotoLightLatin.woff2') format('woff2'); + src: local('Roboto Light'), local('Roboto-Light'), url('./roboto/regular/RobotoLightLatin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @@ -82,7 +82,7 @@ font-style: normal; font-display: swap; font-weight: 400; - src: local('Roboto'), local('Roboto-Regular'), url('/fonts/roboto/regular/RobotoCyrillicExt.woff2') format('woff2'); + src: local('Roboto'), local('Roboto-Regular'), url('./roboto/regular/RobotoCyrillicExt.woff2') format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @@ -92,7 +92,7 @@ font-style: normal; font-display: swap; font-weight: 400; - src: local('Roboto'), local('Roboto-Regular'), url('/fonts/roboto/regular/RobotoCyrillic.woff2') format('woff2'); + src: local('Roboto'), local('Roboto-Regular'), url('./roboto/regular/RobotoCyrillic.woff2') format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @@ -102,7 +102,7 @@ font-style: normal; font-display: swap; font-weight: 400; - src: local('Roboto'), local('Roboto-Regular'), url('/fonts/roboto/regular/RobotoGreekExt.woff2') format('woff2'); + src: local('Roboto'), local('Roboto-Regular'), url('./roboto/regular/RobotoGreekExt.woff2') format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @@ -112,7 +112,7 @@ font-style: normal; font-display: swap; font-weight: 400; - src: local('Roboto'), local('Roboto-Regular'), url('/fonts/roboto/regular/RobotoGreek.woff2') format('woff2'); + src: local('Roboto'), local('Roboto-Regular'), url('./roboto/regular/RobotoGreek.woff2') format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @@ -122,7 +122,7 @@ font-style: normal; font-display: swap; font-weight: 400; - src: local('Roboto'), local('Roboto-Regular'), url('/fonts/roboto/regular/RobotoVietnamese.woff2') format('woff2'); + src: local('Roboto'), local('Roboto-Regular'), url('./roboto/regular/RobotoVietnamese.woff2') format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @@ -132,7 +132,7 @@ font-style: normal; font-display: swap; font-weight: 400; - src: local('Roboto'), local('Roboto-Regular'), url('/fonts/roboto/regular/RobotoLatinExt.woff2') format('woff2'); + src: local('Roboto'), local('Roboto-Regular'), url('./roboto/regular/RobotoLatinExt.woff2') format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @@ -142,7 +142,7 @@ font-style: normal; font-display: swap; font-weight: 400; - src: local('Roboto'), local('Roboto-Regular'), url('/fonts/roboto/regular/RobotoLatin.woff2') format('woff2'); + src: local('Roboto'), local('Roboto-Regular'), url('./roboto/regular/RobotoLatin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @@ -152,7 +152,7 @@ font-style: normal; font-display: swap; font-weight: 500; - src: local('Roboto Medium'), local('Roboto-Medium'), url('/fonts/roboto/regular/RobotoMediumCyrillicExt.woff2') format('woff2'); + src: local('Roboto Medium'), local('Roboto-Medium'), url('./roboto/regular/RobotoMediumCyrillicExt.woff2') format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @@ -162,7 +162,7 @@ font-style: normal; font-display: swap; font-weight: 500; - src: local('Roboto Medium'), local('Roboto-Medium'), url('/fonts/roboto/regular/RobotoMediumCyrillic.woff2') format('woff2'); + src: local('Roboto Medium'), local('Roboto-Medium'), url('./roboto/regular/RobotoMediumCyrillic.woff2') format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @@ -172,7 +172,7 @@ font-style: normal; font-display: swap; font-weight: 500; - src: local('Roboto Medium'), local('Roboto-Medium'), url('/fonts/roboto/regular/RobotoMediumGreekExt.woff2') format('woff2'); + src: local('Roboto Medium'), local('Roboto-Medium'), url('./roboto/regular/RobotoMediumGreekExt.woff2') format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @@ -182,7 +182,7 @@ font-style: normal; font-display: swap; font-weight: 500; - src: local('Roboto Medium'), local('Roboto-Medium'), url('/fonts/roboto/regular/RobotoMediumGreek.woff2') format('woff2'); + src: local('Roboto Medium'), local('Roboto-Medium'), url('./roboto/regular/RobotoMediumGreek.woff2') format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @@ -192,7 +192,7 @@ font-style: normal; font-display: swap; font-weight: 500; - src: local('Roboto Medium'), local('Roboto-Medium'), url('/fonts/roboto/regular/RobotoMediumVietnamese.woff2') format('woff2'); + src: local('Roboto Medium'), local('Roboto-Medium'), url('./roboto/regular/RobotoMediumVietnamese.woff2') format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @@ -202,7 +202,7 @@ font-style: normal; font-display: swap; font-weight: 500; - src: local('Roboto Medium'), local('Roboto-Medium'), url('/fonts/roboto/regular/RobotoMediumLatinExt.woff2') format('woff2'); + src: local('Roboto Medium'), local('Roboto-Medium'), url('./roboto/regular/RobotoMediumLatinExt.woff2') format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @@ -212,7 +212,7 @@ font-style: normal; font-display: swap; font-weight: 500; - src: local('Roboto Medium'), local('Roboto-Medium'), url('/fonts/roboto/regular/RobotoMediumLatin.woff2') format('woff2'); + src: local('Roboto Medium'), local('Roboto-Medium'), url('./roboto/regular/RobotoMediumLatin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @@ -222,7 +222,7 @@ font-style: normal; font-display: swap; font-weight: 700; - src: local('Roboto Bold'), local('Roboto-Bold'), url('/fonts/roboto/regular/RobotoBoldCyrillicExt.woff2') format('woff2'); + src: local('Roboto Bold'), local('Roboto-Bold'), url('./roboto/regular/RobotoBoldCyrillicExt.woff2') format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @@ -232,7 +232,7 @@ font-style: normal; font-display: swap; font-weight: 700; - src: local('Roboto Bold'), local('Roboto-Bold'), url('/fonts/roboto/regular/RobotoBoldCyrillic.woff2') format('woff2'); + src: local('Roboto Bold'), local('Roboto-Bold'), url('./roboto/regular/RobotoBoldCyrillic.woff2') format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @@ -242,7 +242,7 @@ font-style: normal; font-display: swap; font-weight: 700; - src: local('Roboto Bold'), local('Roboto-Bold'), url('/fonts/roboto/regular/RobotoBoldGreekExt.woff2') format('woff2'); + src: local('Roboto Bold'), local('Roboto-Bold'), url('./roboto/regular/RobotoBoldGreekExt.woff2') format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @@ -252,7 +252,7 @@ font-style: normal; font-display: swap; font-weight: 700; - src: local('Roboto Bold'), local('Roboto-Bold'), url('/fonts/roboto/regular/RobotoBoldGreek.woff2') format('woff2'); + src: local('Roboto Bold'), local('Roboto-Bold'), url('./roboto/regular/RobotoBoldGreek.woff2') format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @@ -262,7 +262,7 @@ font-style: normal; font-display: swap; font-weight: 700; - src: local('Roboto Bold'), local('Roboto-Bold'), url('/fonts/roboto/regular/RobotoBoldVietnamese.woff2') format('woff2'); + src: local('Roboto Bold'), local('Roboto-Bold'), url('./roboto/regular/RobotoBoldVietnamese.woff2') format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @@ -272,7 +272,7 @@ font-style: normal; font-display: swap; font-weight: 700; - src: local('Roboto Bold'), local('Roboto-Bold'), url('/fonts/roboto/regular/RobotoBoldLatinExt.woff2') format('woff2'); + src: local('Roboto Bold'), local('Roboto-Bold'), url('./roboto/regular/RobotoBoldLatinExt.woff2') format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @@ -282,6 +282,6 @@ font-style: normal; font-display: swap; font-weight: 700; - src: local('Roboto Bold'), local('Roboto-Bold'), url('/fonts/roboto/regular/RobotoBoldLatin.woff2') format('woff2'); + src: local('Roboto Bold'), local('Roboto-Bold'), url('./roboto/regular/RobotoBoldLatin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } \ No newline at end of file diff --git a/src/index.html b/src/index.html index d4763335..2e39f71d 100644 --- a/src/index.html +++ b/src/index.html @@ -10,9 +10,9 @@ +
@@ -23,11 +23,11 @@Please choose one of the supported browsers