diff --git a/mix-manifest.json b/mix-manifest.json index e225f85..2c6b553 100644 --- a/mix-manifest.json +++ b/mix-manifest.json @@ -2,5 +2,15 @@ "/public/js/spritemap.js": "/public/js/spritemap.js", "/public/js/index.js": "/public/js/index.js", "/public/js/critical.js": "/public/js/critical.js", - "/public/css/index.css": "/public/css/index.css" + "/public/css/index.css": "/public/css/index.css", + "/public/css/demo.html": "/public/css/demo.html", + "/public/css/IBMPlexMono-Bold.eot": "/public/css/IBMPlexMono-Bold.eot", + "/public/css/IBMPlexMono-Bold.ttf": "/public/css/IBMPlexMono-Bold.ttf", + "/public/css/IBMPlexMono-Bold.woff": "/public/css/IBMPlexMono-Bold.woff", + "/public/css/IBMPlexMono-Bold.woff2": "/public/css/IBMPlexMono-Bold.woff2", + "/public/css/IBMPlexMono.eot": "/public/css/IBMPlexMono.eot", + "/public/css/IBMPlexMono.ttf": "/public/css/IBMPlexMono.ttf", + "/public/css/IBMPlexMono.woff": "/public/css/IBMPlexMono.woff", + "/public/css/IBMPlexMono.woff2": "/public/css/IBMPlexMono.woff2", + "/public/css/stylesheet.css": "/public/css/stylesheet.css" } diff --git a/public/css/IBMPlexMono-Bold.eot b/public/css/IBMPlexMono-Bold.eot new file mode 100644 index 0000000..964922d Binary files /dev/null and b/public/css/IBMPlexMono-Bold.eot differ diff --git a/public/css/IBMPlexMono-Bold.ttf b/public/css/IBMPlexMono-Bold.ttf new file mode 100644 index 0000000..b509e00 Binary files /dev/null and b/public/css/IBMPlexMono-Bold.ttf differ diff --git a/public/css/IBMPlexMono-Bold.woff b/public/css/IBMPlexMono-Bold.woff new file mode 100644 index 0000000..d310614 Binary files /dev/null and b/public/css/IBMPlexMono-Bold.woff differ diff --git a/public/css/IBMPlexMono-Bold.woff2 b/public/css/IBMPlexMono-Bold.woff2 new file mode 100644 index 0000000..c093628 Binary files /dev/null and b/public/css/IBMPlexMono-Bold.woff2 differ diff --git a/public/css/IBMPlexMono.eot b/public/css/IBMPlexMono.eot new file mode 100644 index 0000000..edcc7fe Binary files /dev/null and b/public/css/IBMPlexMono.eot differ diff --git a/public/css/IBMPlexMono.ttf b/public/css/IBMPlexMono.ttf new file mode 100644 index 0000000..47a085c Binary files /dev/null and b/public/css/IBMPlexMono.ttf differ diff --git a/public/css/IBMPlexMono.woff b/public/css/IBMPlexMono.woff new file mode 100644 index 0000000..6127906 Binary files /dev/null and b/public/css/IBMPlexMono.woff differ diff --git a/public/css/IBMPlexMono.woff2 b/public/css/IBMPlexMono.woff2 new file mode 100644 index 0000000..6c6feb4 Binary files /dev/null and b/public/css/IBMPlexMono.woff2 differ diff --git a/public/css/demo.html b/public/css/demo.html new file mode 100644 index 0000000..a31b5f0 --- /dev/null +++ b/public/css/demo.html @@ -0,0 +1,233 @@ + + + + + + + + + Transfonter demo + + + + +
+
+

IBM Plex Mono

+ 
.your-style {
+    font-family: 'IBM Plex Mono';
+    font-weight: normal;
+    font-style: normal;
+}
+
+

+ abcdefghijklmnopqrstuvwxyz
+ABCDEFGHIJKLMNOPQRSTUVWXYZ
+ 0123456789.:,;()*!?'@#<>$%&^+-=~ +

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+
+
+
+

IBM Plex Mono Bold

+ 
.your-style {
+    font-family: 'IBM Plex Mono';
+    font-weight: bold;
+    font-style: normal;
+}
+
+

+ abcdefghijklmnopqrstuvwxyz
+ABCDEFGHIJKLMNOPQRSTUVWXYZ
+ 0123456789.:,;()*!?'@#<>$%&^+-=~ +

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+
+
+
+ + \ No newline at end of file diff --git a/public/css/index.css b/public/css/index.css index 3a45469..6fbd025 100644 --- a/public/css/index.css +++ b/public/css/index.css @@ -14910,3 +14910,8 @@ input[type=checkbox].field-choice:checked ~ .field-switch:after { height: 100%; background-color: blue; } + +.app-header .logo { + font-size: 1.3rem; + fill: white; +} diff --git a/public/css/stylesheet.css b/public/css/stylesheet.css new file mode 100644 index 0000000..623c13c --- /dev/null +++ b/public/css/stylesheet.css @@ -0,0 +1,24 @@ +@font-face { + font-family: 'IBM Plex Mono'; + src: url('IBMPlexMono.eot'); + src: url('IBMPlexMono.eot?#iefix') format('embedded-opentype'), + url('IBMPlexMono.woff2') format('woff2'), + url('IBMPlexMono.woff') format('woff'), + url('IBMPlexMono.ttf') format('truetype'); + font-weight: normal; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: 'IBM Plex Mono'; + src: url('IBMPlexMono-Bold.eot'); + src: url('IBMPlexMono-Bold.eot?#iefix') format('embedded-opentype'), + url('IBMPlexMono-Bold.woff2') format('woff2'), + url('IBMPlexMono-Bold.woff') format('woff'), + url('IBMPlexMono-Bold.ttf') format('truetype'); + font-weight: bold; + font-style: normal; + font-display: swap; +} + diff --git a/public/fonts/IBMPlexMono-Bold.eot b/public/fonts/IBMPlexMono-Bold.eot new file mode 100644 index 0000000..964922d Binary files /dev/null and b/public/fonts/IBMPlexMono-Bold.eot differ diff --git a/public/fonts/IBMPlexMono-Bold.ttf b/public/fonts/IBMPlexMono-Bold.ttf new file mode 100644 index 0000000..b509e00 Binary files /dev/null and b/public/fonts/IBMPlexMono-Bold.ttf differ diff --git a/public/fonts/IBMPlexMono-Bold.woff b/public/fonts/IBMPlexMono-Bold.woff new file mode 100644 index 0000000..d310614 Binary files /dev/null and b/public/fonts/IBMPlexMono-Bold.woff differ diff --git a/public/fonts/IBMPlexMono-Bold.woff2 b/public/fonts/IBMPlexMono-Bold.woff2 new file mode 100644 index 0000000..c093628 Binary files /dev/null and b/public/fonts/IBMPlexMono-Bold.woff2 differ diff --git a/public/fonts/IBMPlexMono.eot b/public/fonts/IBMPlexMono.eot new file mode 100644 index 0000000..edcc7fe Binary files /dev/null and b/public/fonts/IBMPlexMono.eot differ diff --git a/public/fonts/IBMPlexMono.ttf b/public/fonts/IBMPlexMono.ttf new file mode 100644 index 0000000..47a085c Binary files /dev/null and b/public/fonts/IBMPlexMono.ttf differ diff --git a/public/fonts/IBMPlexMono.woff b/public/fonts/IBMPlexMono.woff new file mode 100644 index 0000000..6127906 Binary files /dev/null and b/public/fonts/IBMPlexMono.woff differ diff --git a/public/fonts/IBMPlexMono.woff2 b/public/fonts/IBMPlexMono.woff2 new file mode 100644 index 0000000..6c6feb4 Binary files /dev/null and b/public/fonts/IBMPlexMono.woff2 differ diff --git a/public/fonts/demo.html b/public/fonts/demo.html new file mode 100644 index 0000000..a31b5f0 --- /dev/null +++ b/public/fonts/demo.html @@ -0,0 +1,233 @@ + + + + + + + + + Transfonter demo + + + + +
+
+

IBM Plex Mono

+ 
.your-style {
+    font-family: 'IBM Plex Mono';
+    font-weight: normal;
+    font-style: normal;
+}
+
+

+ abcdefghijklmnopqrstuvwxyz
+ABCDEFGHIJKLMNOPQRSTUVWXYZ
+ 0123456789.:,;()*!?'@#<>$%&^+-=~ +

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+
+
+
+

IBM Plex Mono Bold

+ 
.your-style {
+    font-family: 'IBM Plex Mono';
+    font-weight: bold;
+    font-style: normal;
+}
+
+

+ abcdefghijklmnopqrstuvwxyz
+ABCDEFGHIJKLMNOPQRSTUVWXYZ
+ 0123456789.:,;()*!?'@#<>$%&^+-=~ +

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+
+
+
+ + \ No newline at end of file diff --git a/public/fonts/stylesheet.css b/public/fonts/stylesheet.css new file mode 100644 index 0000000..623c13c --- /dev/null +++ b/public/fonts/stylesheet.css @@ -0,0 +1,24 @@ +@font-face { + font-family: 'IBM Plex Mono'; + src: url('IBMPlexMono.eot'); + src: url('IBMPlexMono.eot?#iefix') format('embedded-opentype'), + url('IBMPlexMono.woff2') format('woff2'), + url('IBMPlexMono.woff') format('woff'), + url('IBMPlexMono.ttf') format('truetype'); + font-weight: normal; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: 'IBM Plex Mono'; + src: url('IBMPlexMono-Bold.eot'); + src: url('IBMPlexMono-Bold.eot?#iefix') format('embedded-opentype'), + url('IBMPlexMono-Bold.woff2') format('woff2'), + url('IBMPlexMono-Bold.woff') format('woff'), + url('IBMPlexMono-Bold.ttf') format('truetype'); + font-weight: bold; + font-style: normal; + font-display: swap; +} + diff --git a/public/symbol-defs.svg b/public/symbol-defs.svg index 0ddad87..ef1fcd5 100644 --- a/public/symbol-defs.svg +++ b/public/symbol-defs.svg @@ -1 +1 @@ -addarchivearrow-downarrow-left-downarrow-left-uparrow-leftarrow-right-downarrow-right-uparrow-rightarrow-upattachmentbackspacebanbar-chart-altbar-chartboardboldbookbookmarkcalendarcallcameracaret-downcaret-leftcaret-rightcaret-upcheckcheckbox-checkedcheckboxchevron-double-downchevron-double-leftchevron-double-rightchevron-double-upchevron-downchevron-leftchevron-rightchevron-upcircle-addcircle-arrow-downcircle-arrow-leftcircle-arrow-rightcircle-arrow-upcircle-checkcircle-errorcircle-helpcircle-informationcircle-removecircle-warningcircleclipboard-checkclipboard-listclipboardclockclosecloud-downloadcloud-uploadcloudcloudycommentcompasscomputercopycredit-carddatabasedelete-altdeletedocument-adddocument-checkdocument-downloaddocument-emptydocument-removedocumentdownloaddragdropedit-alteditemailenterexpandexportexternal-linkeye-offeyefavoritefilter-1filter-altfilterflagfogfolder-addfolder-checkfolder-downloadfolder-removefoldergridhearthomeimageinboxitaliclaptoplayerslayoutlink-altlinklistlocationlocklog-inlog-outmapmegaphonemenumessage-altmessageminimizemobilemoonnextnotification-offnotificationoptions-horizontaloptions-verticalpausepenpercentagepinplaypreviousprintrainrefreshremovereorder-altreorderrepeatsavesearchselectsendsettingsshareshopping-cart-addshopping-cartshufflesnowsnowflakesortspeakersstopstormstrikethroughsunsunrise-altsunrisesunsetswitchtabletablettagtemperaturetextthree-rowstwo-columnstwo-rowsunderlineundounlockuser-adduser-checkuser-removeuserusersvolume-offvolume-upwarningwebcamwindwindowzoom-inzoom-out \ No newline at end of file +addarchivearrow-downarrow-left-downarrow-left-uparrow-leftarrow-right-downarrow-right-uparrow-rightarrow-upattachmentbackspacebanbar-chart-altbar-chartboardboldbookbookmarkcalendarcallcameracaret-downcaret-leftcaret-rightcaret-upcheckcheckbox-checkedcheckboxchevron-double-downchevron-double-leftchevron-double-rightchevron-double-upchevron-downchevron-leftchevron-rightchevron-upcircle-addcircle-arrow-downcircle-arrow-leftcircle-arrow-rightcircle-arrow-upcircle-checkcircle-errorcircle-helpcircle-informationcircle-removecircle-warningcircleclipboard-checkclipboard-listclipboardclockclosecloud-downloadcloud-uploadcloudcloudycommentcompasscomputercopycredit-carddatabasedelete-altdeletedocument-adddocument-checkdocument-downloaddocument-emptydocument-removedocumentdownloaddragdropedit-alteditemailenterexpandexportexternal-linkeye-offeyefavoritefilter-1filter-altfilterflagfogfolder-addfolder-checkfolder-downloadfolder-removefoldergridhearthomeimageinboxitaliclaptoplayerslayoutlink-altlinklistlocationlocklog-inlog-outmapmegaphonemenumessage-altmessageminimizemobilemoonnextnotification-offnotificationoptions-horizontaloptions-verticalpausepenpercentagepinplaypreviousprintrainrefreshremovereorder-altreorderrepeatsavesearchselectsendsettingsshareshopping-cart-addshopping-cartshufflesnowsnowflakesortspeakersstopstormstrikethroughsunsunrise-altsunrisesunsetswitchtabletablettagtemperaturetextthree-rowstwo-columnstwo-rowsunderlineundounlockuser-adduser-checkuser-removeuserusersvolume-offvolume-upwarningwebcamwindwindowzoom-inzoom-out \ No newline at end of file diff --git a/resources/icons/logo.svg b/resources/icons/logo.svg new file mode 100644 index 0000000..b1b6a36 --- /dev/null +++ b/resources/icons/logo.svg @@ -0,0 +1,58 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/resources/scss/index.scss b/resources/scss/index.scss index c518d03..2003f3f 100644 --- a/resources/scss/index.scss +++ b/resources/scss/index.scss @@ -5,4 +5,11 @@ width: 5px; height: 100%; background-color: blue; +} + +.app-header { + .logo { + font-size: 1.3rem; + fill: white; + } } \ No newline at end of file diff --git a/resources/views/index.html b/resources/views/index.html index e222f08..d052f0a 100644 --- a/resources/views/index.html +++ b/resources/views/index.html @@ -3,20 +3,26 @@
-

- Buckets - +
+

+ Buckets +

+ Create -

-

- Your Buckets -

- -

- Other Buckets -

- + +
+

+ Your Buckets +

+ +
+
+

+ Other Buckets +

+ +
\ No newline at end of file diff --git a/resources/views/layout.html b/resources/views/layout.html index 1bf2111..58db84e 100644 --- a/resources/views/layout.html +++ b/resources/views/layout.html @@ -10,27 +10,27 @@
-
-

+
+ +

Nano Bucket

- +
+ + Dashboard + +

-
-
- -
-
- -
+
<%~ it.body %>
- \ No newline at end of file diff --git a/webpack.mix.js b/webpack.mix.js index f6358c4..90a4c7a 100644 --- a/webpack.mix.js +++ b/webpack.mix.js @@ -14,7 +14,10 @@ const SvgSpritemapPlugin = require('svg-spritemap-webpack-plugin') mix.webpackConfig({ plugins: [ - new SvgSpritemapPlugin('node_modules/@tentakelfabrik/plain-ui/src/icons/mono-icons/svg/*.svg', { + new SvgSpritemapPlugin([ + 'node_modules/@tentakelfabrik/plain-ui/src/icons/mono-icons/svg/*.svg', + 'resources/icons/*.svg' + ], { output: { filename: 'public/symbol-defs.svg', chunk: { @@ -46,4 +49,8 @@ mix.options({ mix .js('resources/js/index.js', 'public/js') .js('resources/js/critical.js', 'public/js') - .sass('resources/scss/index.scss', 'public/css') \ No newline at end of file + .sass('resources/scss/index.scss', 'public/css') + .copy( + 'node_modules/@tentakelfabrik/plain-ui/src/fonts/*', + 'public/css' + ) \ No newline at end of file