add json func

~/CSS/README.md

@@ -0,0 +1,6 @@
+# CSS
+
+- [`@font-face`](font-face.css) - пример добавления шрифта из файла
+- [Pixel Art](pixel-art.css) - настройки для рендера Pixel Art на `canvas`
+- [Список без точек](ul-remove-bullets.css) - убираем точки (bullet) в списках
+- [BG Image cover](back-image-cover.css) - Фоновое изображение по центру

~/CSS/back-image-cover.css

@@ -0,0 +1,8 @@
+body{
+  margin: 0px;
+  height: 100vh;
+  background-image: url('../img/landing.jpg');
+  background-size: cover;
+  background-position: center center;
+  background-repeat: no-repeat;
+}

~/CSS/font-face.css

@@ -0,0 +1,8 @@
+@font-face {
+	font-family: 'MyWebFont';
+	src: url('webfont.eot'); /* IE9 Compat Modes */
+	src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+	url('webfont.woff') format('woff'), /* Modern Browsers */
+	url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
+	url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
+}

~/CSS/pixel-art.css

@@ -0,0 +1,7 @@
+canvas {
+	image-rendering: crisp-edges;
+	image-rendering: pixelated;
+}
+
+/* JavaScript */
+/* context.imageSmoothingEnabled = false; */

~/CSS/ul-remove-bullets.css

@@ -0,0 +1,3 @@
+ul {
+	list-style-type: none;
+}