nk_jtb 0.0.1 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (130) hide show
  1. package/.editorconfig +9 -31
  2. package/index.html +16 -230
  3. package/main.js +4 -0
  4. package/package.json +26 -30
  5. package/{assets → public}/images/favicon.ico +0 -0
  6. package/{assets/images/nk → public/images}/hero-lg.jpg +0 -0
  7. package/{assets/images/nk → public/images}/hero-md.jpg +0 -0
  8. package/{assets/images/nk → public/images}/hero-sm.jpg +0 -0
  9. package/{assets/images/nk → public/images}/hero-xl.jpg +0 -0
  10. package/{assets → public}/images/logo-alt.svg +0 -0
  11. package/public/images/logo.png +0 -0
  12. package/{assets → public}/images/logo.svg +25 -25
  13. package/{assets → public}/images/naykel-400.png +0 -0
  14. package/{assets/images/naykel-600-alt.png → public/images/naykel-600.png} +0 -0
  15. package/public/images/painting.jpg +0 -0
  16. package/public/naykel-ui-SVG-sprite.svg +1 -0
  17. package/public/nk.svg +5 -0
  18. package/readme.md +13 -19
  19. package/scss/_nk.scss +104 -0
  20. package/scss/base/_base.scss +373 -270
  21. package/scss/base/_content_gap.scss +18 -0
  22. package/scss/base/_root.scss +8 -0
  23. package/scss/base/_vars_all.scss +5 -0
  24. package/scss/base/_vars_base.scss +92 -100
  25. package/scss/base/_vars_class_names.scss +7 -0
  26. package/scss/base/_vars_colors.scss +38 -103
  27. package/scss/base/_vars_components.scss +80 -0
  28. package/scss/base/_vars_utility_maps.scss +53 -0
  29. package/scss/components/_accordion.scss +38 -57
  30. package/scss/components/_box.scss +61 -128
  31. package/scss/components/_button.scss +60 -160
  32. package/scss/components/_dropdown.scss +46 -0
  33. package/scss/components/_hero.scss +34 -0
  34. package/scss/components/_icon.scss +33 -47
  35. package/scss/components/_menu.scss +32 -0
  36. package/scss/components/_navbar.scss +36 -69
  37. package/scss/components/_other.scss +44 -0
  38. package/scss/components/_sidebar.scss +12 -0
  39. package/scss/forms/_control.scss +20 -27
  40. package/scss/forms/_file.scss +21 -55
  41. package/scss/forms/_form.scss +115 -95
  42. package/scss/forms/_index.scss +2 -0
  43. package/scss/functions/_helpers.scss +42 -0
  44. package/scss/functions/_setTextColor.scss +12 -0
  45. package/scss/jtb.scss +45 -0
  46. package/scss/layout/{_grid.scss → _grid_old.scss} +88 -95
  47. package/scss/mixins/_colorSchemeSimple.scss +12 -0
  48. package/scss/{functions/_createColorShades.scss → mixins/_colorShades.scss} +4 -8
  49. package/scss/mixins/_createState.scss +17 -0
  50. package/scss/mixins/_makeColorSchemeAdvanced.scss +58 -0
  51. package/scss/mixins/_makeCssPropertyMixins.scss +28 -0
  52. package/scss/mixins/_makeResponsivePositionUtilities.scss +59 -0
  53. package/scss/mixins/_media.scss +98 -91
  54. package/scss/mixins/_positionUtilityClasses.scss +56 -0
  55. package/scss/utilities/_border.scss +111 -91
  56. package/scss/utilities/{_visibility.scss → _display.scss} +127 -161
  57. package/scss/utilities/_flex.scss +155 -115
  58. package/scss/utilities/_general.scss +143 -0
  59. package/scss/utilities/_grid.scss +194 -0
  60. package/scss/utilities/_position.scss +100 -98
  61. package/scss/utilities/_sizes.scss +126 -64
  62. package/scss/utilities/_spacing.scss +176 -165
  63. package/scss/utilities/_state.scss +30 -0
  64. package/scss/utilities/_text.scss +160 -123
  65. package/scss/utilities/_themes.scss +95 -0
  66. package/tests.html +252 -0
  67. package/assets/images/logo-28.svg +0 -25
  68. package/assets/images/naykel-600.png +0 -0
  69. package/assets/images/nk/banner1920-001.jpg +0 -0
  70. package/assets/images/samples/sample001-0600-(16x9).jpg +0 -0
  71. package/assets/images/samples/sample002-0600-(16x9).jpg +0 -0
  72. package/assets/images/samples/sample003-0600-(16x9).jpg +0 -0
  73. package/assets/svg/content/back.svg +0 -1
  74. package/assets/svg/content/cart.svg +0 -1
  75. package/assets/svg/content/close.svg +0 -1
  76. package/assets/svg/content/document-add.svg +0 -1
  77. package/assets/svg/content/document-preview.svg +0 -1
  78. package/assets/svg/content/download.svg +0 -1
  79. package/assets/svg/content/enter.svg +0 -1
  80. package/assets/svg/content/exit.svg +0 -1
  81. package/assets/svg/content/forward.svg +0 -1
  82. package/assets/svg/content/menu-open.svg +0 -1
  83. package/assets/svg/content/menu.svg +0 -1
  84. package/assets/svg/content/save.svg +0 -1
  85. package/assets/svg/content/search.svg +0 -1
  86. package/assets/svg/content/trash-outline.svg +0 -1
  87. package/assets/svg/content/trash.svg +0 -1
  88. package/assets/svg/content/upload.svg +0 -1
  89. package/assets/svg/content/user-circle-outline.svg +0 -1
  90. package/assets/svg/content/user-circle.svg +0 -1
  91. package/assets/svg/extra/building.svg +0 -1
  92. package/assets/svg/extra/certificate.svg +0 -3
  93. package/assets/svg/extra/id-badge.svg +0 -1
  94. package/assets/svg/notifications/info.svg +0 -1
  95. package/assets/svg/notifications/question-outline.svg +0 -13
  96. package/assets/svg/notifications/question.svg +0 -12
  97. package/assets/svg/notifications/warning-triangle.svg +0 -13
  98. package/assets/svg/notifications/warning.svg +0 -10
  99. package/assets/svg/shapes/check.svg +0 -1
  100. package/assets/svg/shapes/heart-o.svg +0 -1
  101. package/assets/svg/shapes/heart.svg +0 -1
  102. package/assets/svg/shapes/minus.svg +0 -1
  103. package/assets/svg/shapes/plus.svg +0 -1
  104. package/assets/svg/shapes/star-half-empty.svg +0 -1
  105. package/assets/svg/shapes/star-half.svg +0 -1
  106. package/assets/svg/shapes/star-o.svg +0 -1
  107. package/assets/svg/shapes/star.svg +0 -1
  108. package/dist/bundle.js +0 -498
  109. package/dist/css/nk_jtb.css +0 -2295
  110. package/dist/index.html +0 -230
  111. package/examples/visibility.html +0 -122
  112. package/js/app.js +0 -0
  113. package/postcss.config.js +0 -5
  114. package/scss/_custom.scss +0 -0
  115. package/scss/_custom_vars.scss +0 -20
  116. package/scss/_main.scss +0 -83
  117. package/scss/base/_base_ext.scss +0 -13
  118. package/scss/base/_functions.scss +0 -51
  119. package/scss/components/_nav.scss +0 -61
  120. package/scss/extra/_code.scss +0 -98
  121. package/scss/forms/all.scss +0 -9
  122. package/scss/layout/_container.scss +0 -39
  123. package/scss/layout/_hero.scss +0 -76
  124. package/scss/mixins/_sizes.scss +0 -8
  125. package/scss/mixins/_state.scss +0 -15
  126. package/scss/nk_jtb.scss +0 -78
  127. package/scss/utilities/_color.scss +0 -29
  128. package/scss/utilities/_dropdown.scss +0 -26
  129. package/scss/utilities/_other.scss +0 -37
  130. package/webpack.config.js +0 -43
package/.editorconfig CHANGED
@@ -1,31 +1,9 @@
1
- root = true
2
-
3
- [*]
4
- charset = utf-8
5
- end_of_line = lf
6
- insert_final_newline = true
7
- indent_style = space
8
- indent_size = 4
9
- trim_trailing_whitespace = true
10
-
11
- [*.php]
12
- indent_size = 4
13
-
14
- [*.vue]
15
- indent_size = 2
16
-
17
- [*.json]
18
- indent_size = 4
19
-
20
- [*.blade.php]
21
- indent_size = 4
22
-
23
- [*.scss.php]
24
- indent_size = 4
25
-
26
- [*.md]
27
- indent_size = 4
28
- trim_trailing_whitespace = false
29
-
30
- [*.yml]
31
- indent_size = 2
1
+ root = true
2
+
3
+ [*]
4
+ charset = utf-8
5
+ end_of_line = lf
6
+ insert_final_newline = true
7
+ indent_style = space
8
+ indent_size = 4
9
+ trim_trailing_whitespace = true
package/index.html CHANGED
@@ -1,230 +1,16 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
-
4
- <head>
5
- <meta charset="UTF-8">
6
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
8
- <link rel="icon" href="./assets/images/favicon.ico">
9
- <script src="//cdn.jsdelivr.net/gh/highlightjs/cdn-release@10.1.2/build/highlight.min.js"></script>
10
- <script>hljs.initHighlightingOnLoad();</script>
11
- <title>NAYKEL Just The Basic's</title>
12
- </head>
13
-
14
- <body>
15
- <div class="nk-docs container">
16
- ** Each colour in the buttons map has different types (outline, ..) <br>
17
- has custom map
18
-
19
- <div class="danger">add <code>buttons</code> container</div>
20
-
21
- <!-- Introduction -->
22
- <section>
23
- <h1>Buttons</h1>
24
- <p class="lead">Out of the box buttons are inline and require minimal mark-up for maximum flexibility.</p>
25
-
26
- <h2 id="buttons-things-to-know">Things To Know</h2>
27
- <ul>
28
- <li>
29
- The <code>.btn</code> class and modifiers can be can be used on:
30
- <ul>
31
- <li> <code>&lt;a&gt;</code> anchor links </li>
32
- <li> <code>&lt;button&gt;</code> form buttons </li>
33
- <li> <code>&lt;input type="submit"&gt;</code> submit inputs </li>
34
- <li> <code>&lt;input type="reset"&gt;</code> reset inputs </li>
35
- </ul>
36
- </li>
37
- <li>Buttons use <code>em</code> for padding so the dimensions are relative to the buttons <code>font-size</code>.</li>
38
- <li>The <code>&lt;button&gt;</code>, <code>&lt;input type="submit"&gt;</code> and <code>&lt;input type="reset"&gt;</code> elements default to the base <code>.btn</code> class styling, this means they can can be used out-of-the-box without any additional classes. <br>
39
- <button>Button</button>
40
- <input type="submit" value="Submit">
41
- <input type="reset" value="Reset">
42
- </li>
43
- </ul>
44
- </section>
45
-
46
- <span>here</span><span>here</span><span>here</span>
47
- <hr class="my-lg">
48
-
49
- <section>
50
- <div class="row">
51
- <div class="col">
52
- <a class="btn">Anchor</a>
53
- <button class="btn">Button</button>
54
- <input class="btn" type="submit" value="Submit input">
55
- <input class="btn" type="reset" value="Reset input">
56
- </div>
57
- <div class="col">
58
- <pre><code class="html">&lt;a class=&quot;btn&quot;&gt; &lt;/a&gt;
59
- &lt;button class=&quot;btn&quot;&gt; &lt;/ &gt;
60
- &lt;input class=&quot;btn&quot; type=&quot;submit&quot; value=&quot;Submit input&quot;&gt;
61
- &lt;input class=&quot;btn&quot; type=&quot;reset&quot; value=&quot;Reset input&quot;&gt;</code></pre>
62
- </div>
63
- </div>
64
- </section>
65
-
66
- <hr class="my-lg">
67
- <!-- button Styles -->
68
- <section>
69
- <h2 id="button-styles">Button Styles</h2>
70
- <p>Button styles can be added with a single class
71
- <br> <strong class="txt-blue">Note:</strong> can add additional styles to <code>$custom-buttons-map</code>
72
- </p>
73
- <div>
74
- <button class="btn">.btn</button>
75
- <button class="btn-primary">.btn-primary</button>
76
- <button class="btn-secondary">.btn-secondary</button>
77
- <button class="btn-success">.btn-success</button>
78
- <button class="btn-danger">.btn-danger</button>
79
- <button class="btn-info">.btn-info</button>
80
- </div>
81
- <div class="mt">
82
- <a href="#" class="btn suprise">.btn .suprise</a>
83
- <a href="#" class="btn-primary outline">.btn-primary .outline</a>
84
- <a href="#" class="btn-secondary outline">.btn-secondary .outline</a>
85
- <a href="#" class="btn-success outline">.btn-success .outline</a>
86
- <a href="#" class="btn-danger outline">.btn-danger .outline</a>
87
- <a href="#" class="btn-info outline">.btn-info .outline</a>
88
- </div>
89
- <h2 id="button-disabled">Disable</h2>
90
- <p>Add the <code>disabled</code> Boolean HTML attribute, which prevents the user from interacting with the button. Alternatively you can add the <code>disabled</code> class.</p>
91
-
92
- <div class="bx info-light"><strong>TIP:</strong> The <code>disabled</code> class is not tied to a control and is handy way to dull down any element!</div>
93
-
94
- <div class="mt">
95
- <button disabled>disabled</button>
96
- <button disabled class="btn">.btn</button>
97
- <button disabled class="btn-primary">.btn-primary</button>
98
- <button disabled class="btn-secondary">.btn-secondary</button>
99
- <button disabled class="btn-success">.btn-success</button>
100
- <button disabled class="btn-danger">.btn-danger</button>
101
- <button disabled class="btn-info">.btn-info</button>
102
- </div>
103
-
104
- </section>
105
-
106
- <hr class="my-lg">
107
-
108
- <!-- button sizes -->
109
- <section>
110
- <h2 id="button-sizes">Button Sizes</h2>
111
- <p>Add <code>.sm</code>, <code>.md</code> or <code>.lg</code> modifier classes to change the size.</p>
112
-
113
- <div class="mt">
114
- <input type="text" class="dilb sm" placeholder="Small">
115
- <a href="" class="btn sm">SMALL</a>
116
- </div>
117
- <div class="mt">
118
- <input type="text" placeholder="Normal">
119
- <a href="" class="btn">NORMAL</a>
120
- </div>
121
- <div class="mt">
122
- <input type="text" class="md" placeholder="Medium">
123
- <a href="" class="btn md">MEDIUM</a>
124
- </div>
125
- <div class="mt">
126
- <input type="text" class="lg" placeholder="Large">
127
- <a href="" class="btn lg">LARGE</a>
128
- </div>
129
- </section>
130
-
131
- <!-- button sizes -->
132
- <section>
133
- <h2 id="button-sizes">Button Icons</h2>
134
- <div class="bx info-light">
135
- <p>The icon size is linked to the button font size</p>
136
- </div>
137
-
138
- <div class="mt">
139
- <a href="" class="btn sm">
140
- <svg class="icon">
141
- <use xlink:href="/svg/nk_icon-defs.svg#icon-save"></use>
142
- </svg>
143
- <span>SMALL</span>
144
- </a>
145
- </div>
146
- <div class="mt">
147
- <a href="" class="btn">
148
- <svg class="icon">
149
- <use xlink:href="/svg/nk_icon-defs.svg#icon-save"></use>
150
- </svg>
151
- <span>NORMAL</span>
152
- </a>
153
- </div>
154
- <div class="mt">
155
- <a href="" class="btn md">
156
- <svg class="icon">
157
- <use xlink:href="/svg/nk_icon-defs.svg#icon-save"></use>
158
- </svg>
159
- <span>MEDIUM</span>
160
- </a>
161
- </div>
162
- <div class="mt">
163
- <a href="" class="btn lg">
164
- <svg class="icon">
165
- <use xlink:href="/svg/nk_icon-defs.svg#icon-save"></use>
166
- </svg>
167
- <span>LARGE</span>
168
- </a>
169
- </div>
170
- </section>
171
-
172
- <hr class="lg">
173
-
174
- <section>
175
- <h2 id="button-tips"># Tips and Tricks</h2>
176
- <p>Here are some tips and tricks for ways you can style buttons using utility classes. These utility classes are not specific to buttons.</p>
177
-
178
- <h3 id="button-tips-fullwidth"># Stretch Button to Parent Container</h3>
179
- <p>Add the <code>.fullwidth</code> modifier to 'stretch' the button to the width of it's parent container.</p>
180
- <div class="row mm">
181
- <div class="col-md-50 bx">
182
- <div class="btn fullwidth">btn fullwidth</div>
183
- <pre class="html py-sm"><code>&lt;div class=&quot;btn fullwidth&quot;&gt; ... &lt;/div&gt;</code></pre>
184
- </div>
185
- </div>
186
- <!-- -->
187
- <h3 id="button-tips-distribute"># Distribute Buttons</h3>
188
- <p>There are several ways to distribute buttons across the width of the parent container using <em>flex utility classes</em>.</p>
189
-
190
- <p>To evenly distribute buttons across the width of their parent container wrap the buttons in a <code>.flex</code> container and add the <code>.col</code> class to each button.</p>
191
-
192
- <p class="txt-red">These methods are only a guide to demonstrate distribute the buttons using flex utilities, additional classes or styles may be required to get the exact look you want.</p>
193
-
194
- <div class="row">
195
- <div class="col-md-50">
196
- <div class="flex bx">
197
- <div class="col">
198
- <div class="btn fullwidth">Distributed Button</div>
199
- </div>
200
- <div class="col">
201
- <div class="btn fullwidth">Distributed Button</div>
202
- </div>
203
- </div>
204
- </div>
205
- <div class="col-md-50">
206
- <div class="flex bx">
207
- <div class="col npx">
208
- <div class="btn fullwidth">Distributed Button</div>
209
- </div>
210
- <div class="col npx">
211
- <div class="btn fullwidth">Distributed Button</div>
212
- </div>
213
- </div>
214
- </div>
215
- </div>
216
- <!-- -->
217
-
218
- </section>
219
-
220
- <br>
221
- <br>
222
- <br>
223
-
224
- </div>
225
-
226
-
227
-
228
- </body>
229
-
230
- </html>
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+
4
+ <head>
5
+ <meta charset="UTF-8" />
6
+ <link rel="icon" type="image/svg+xml" href="/nk.svg" />
7
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
8
+ <title>NayKel JTB</title>
9
+ </head>
10
+
11
+ <body>
12
+ <div id="app" class="pxy-5"></div>
13
+ <script type="module" src="/main.js"></script>
14
+ </body>
15
+
16
+ </html>
package/main.js ADDED
@@ -0,0 +1,4 @@
1
+ import './scss/jtb.scss'
2
+
3
+ document.querySelector('#app').innerHTML = `Hello`
4
+
package/package.json CHANGED
@@ -1,30 +1,26 @@
1
- {
2
- "name": "nk_jtb",
3
- "description": "JTB (Just The Basics) utility based framework based on flex-box.",
4
- "version": "0.0.1",
5
- "main": "index.js",
6
- "scripts": {
7
- "watch": "webpack --watch --mode=development",
8
- "build": "set NODE_ENV=development&&webpack --progress",
9
- "build-sass": "node-sass --output-style expanded --source-map true scss/nk_jtb.scss css/app.css",
10
- "build-reset": "node-sass --output-style expanded scss/reset.scss css/reset.css",
11
- "serve": "webpack-dev-server --open"
12
- },
13
- "keywords": [],
14
- "author": "",
15
- "license": "ISC",
16
- "devDependencies": {
17
- "autoprefixer": "^9.8.6",
18
- "clean-webpack-plugin": "^2.0.2",
19
- "css-loader": "^2.1.1",
20
- "html-webpack-plugin": "^3.2.0",
21
- "mini-css-extract-plugin": "^0.6.0",
22
- "node-sass": "^4.14.1",
23
- "postcss-loader": "^3.0.0",
24
- "sass-loader": "^7.3.1",
25
- "style-loader": "^0.23.1",
26
- "webpack": "^4.46.0",
27
- "webpack-cli": "^3.3.12",
28
- "webpack-dev-server": "^3.11.2"
29
- }
30
- }
1
+ {
2
+ "name": "nk_jtb",
3
+ "description": "Yet another utility based framework.",
4
+ "version": "0.2.0",
5
+ "repository": {
6
+ "type": "git",
7
+ "url": "https://github.com/naykel76/nk_jtb.git"
8
+ },
9
+ "private": false,
10
+ "type": "module",
11
+ "scripts": {
12
+ "watch": "sass --watch --no-source-map ./scss/jtb.scss:dist/css/jtb.css",
13
+ "border": "sass --watch --no-source-map ./scss/utilities/_border.scss:dist/css/border.css",
14
+ "flex": "sass --watch --no-source-map ./scss/utilities/_flex.scss:dist/css/flex.css",
15
+ "grid": "sass --watch --no-source-map ./scss/utilities/_grid.scss:dist/css/grid.css",
16
+ "spacing": "sass --watch --no-source-map ./scss/utilities/_spacing.scss:dist/css/spacing.css",
17
+ "themes": "sass --watch --no-source-map ./scss/utilities/_themes.scss:dist/css/themes.css",
18
+ "dev": "vite",
19
+ "build": "vite build",
20
+ "preview": "vite preview"
21
+ },
22
+ "devDependencies": {
23
+ "sass": "^1.54.0",
24
+ "vite": "^3.0.0"
25
+ }
26
+ }
package/{assets → public}/images/favicon.ico RENAMED
File without changes
package/{assets/images/nk → public/images}/hero-lg.jpg RENAMED
File without changes
package/{assets/images/nk → public/images}/hero-md.jpg RENAMED
File without changes
package/{assets/images/nk → public/images}/hero-sm.jpg RENAMED
File without changes
package/{assets/images/nk → public/images}/hero-xl.jpg RENAMED
File without changes
package/{assets → public}/images/logo-alt.svg RENAMED
File without changes
package/public/images/logo.png ADDED
Binary file
package/{assets → public}/images/logo.svg RENAMED
@@ -1,25 +1,25 @@
1
- <?xml version="1.0" encoding="utf-8"?>
2
- <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
- <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4
- <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
5
- viewBox="0 0 257.14 74" xml:space="preserve">
6
- <g>
7
- <polyline fill="#D72638" points="145.914,42.262 140.211,48.402 140.211,63.604 129.244,63.604 129.244,10.394 140.211,10.394
8
- 140.211,34.514 145.037,27.9 158.6,10.394 172.095,10.394 153.193,34.039 172.641,63.604 159.59,63.604 145.914,42.262 "/>
9
- <polyline fill="#D72638" points="206.746,40.545 185.688,40.545 185.688,54.797 210.4,54.797 210.4,63.604 174.72,63.604
10
- 174.72,10.394 210.332,10.394 210.332,19.276 185.688,19.276 185.688,31.956 206.746,31.956 206.746,40.545 "/>
11
- <polyline fill="#D72638" points="223.452,54.797 246.742,54.797 246.742,63.604 212.484,63.604 212.484,10.394 223.452,10.394
12
- 223.452,54.797 "/>
13
- <polyline fill="#13365B" points="104.095,34.366 115.171,10.394 127.163,10.394 109.687,44.311 109.687,63.604 98.536,63.604
14
- 98.536,44.311 81.061,10.394 93.09,10.394 104.095,34.366 "/>
15
- <polygon fill="none" points="63.648,43.761 76.958,43.761 70.268,23.842 "/>
16
- <path fill="#13365B" d="M75.348,10.394H65.185L45.369,63.604h11.662l3.657-10.963h19.229l3.693,10.963h11.662L75.348,10.394z
17
- M63.648,43.761l6.619-19.919l6.69,19.919H63.648z"/>
18
- <path fill="#D72638" d="M248.82,74c4.59,0,8.318-3.726,8.318-8.316l0,0V8.316c0-4.593-3.729-8.316-8.318-8.316l0,0H103.208
19
- l24.959,8.316h118.575c1.147,0,2.078,0.931,2.078,2.078l0,0v26.604v26.605c0,1.147-0.931,2.08-2.078,2.08l0,0h-87.379L134.404,74
20
- H248.82z"/>
21
- <path fill="#13365B" d="M43.288,63.604H32.32L10.97,28.594v35.009c0,1.147,0.932,2.08,2.079,2.08l0,0h146.314L134.404,74H8.321
22
- c-4.593,0-8.319-3.726-8.319-8.316l0,0v-55.29H10.97l21.388,35.083V8.316c0-4.593,3.729-8.316,8.32-8.316l0,0h62.53l24.959,8.316
23
- H45.369c-1.147,0-2.081,0.931-2.081,2.078l0,0V63.604z"/>
24
- </g>
25
- </svg>
1
+ <?xml version="1.0" encoding="utf-8"?>
2
+ <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
+ <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4
+ <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
5
+ viewBox="0 0 257.14 74" xml:space="preserve">
6
+ <g>
7
+ <polyline fill="#D72638" points="145.914,42.262 140.211,48.402 140.211,63.604 129.244,63.604 129.244,10.394 140.211,10.394
8
+ 140.211,34.514 145.037,27.9 158.6,10.394 172.095,10.394 153.193,34.039 172.641,63.604 159.59,63.604 145.914,42.262 "/>
9
+ <polyline fill="#D72638" points="206.746,40.545 185.688,40.545 185.688,54.797 210.4,54.797 210.4,63.604 174.72,63.604
10
+ 174.72,10.394 210.332,10.394 210.332,19.276 185.688,19.276 185.688,31.956 206.746,31.956 206.746,40.545 "/>
11
+ <polyline fill="#D72638" points="223.452,54.797 246.742,54.797 246.742,63.604 212.484,63.604 212.484,10.394 223.452,10.394
12
+ 223.452,54.797 "/>
13
+ <polyline fill="#13365B" points="104.095,34.366 115.171,10.394 127.163,10.394 109.687,44.311 109.687,63.604 98.536,63.604
14
+ 98.536,44.311 81.061,10.394 93.09,10.394 104.095,34.366 "/>
15
+ <polygon fill="none" points="63.648,43.761 76.958,43.761 70.268,23.842 "/>
16
+ <path fill="#13365B" d="M75.348,10.394H65.185L45.369,63.604h11.662l3.657-10.963h19.229l3.693,10.963h11.662L75.348,10.394z
17
+ M63.648,43.761l6.619-19.919l6.69,19.919H63.648z"/>
18
+ <path fill="#D72638" d="M248.82,74c4.59,0,8.318-3.726,8.318-8.316l0,0V8.316c0-4.593-3.729-8.316-8.318-8.316l0,0H103.208
19
+ l24.959,8.316h118.575c1.147,0,2.078,0.931,2.078,2.078l0,0v26.604v26.605c0,1.147-0.931,2.08-2.078,2.08l0,0h-87.379L134.404,74
20
+ H248.82z"/>
21
+ <path fill="#13365B" d="M43.288,63.604H32.32L10.97,28.594v35.009c0,1.147,0.932,2.08,2.079,2.08l0,0h146.314L134.404,74H8.321
22
+ c-4.593,0-8.319-3.726-8.319-8.316l0,0v-55.29H10.97l21.388,35.083V8.316c0-4.593,3.729-8.316,8.32-8.316l0,0h62.53l24.959,8.316
23
+ H45.369c-1.147,0-2.081,0.931-2.081,2.078l0,0V63.604z"/>
24
+ </g>
25
+ </svg>
package/{assets → public}/images/naykel-400.png RENAMED
File without changes
package/public/images/painting.jpg ADDED
Binary file