From 39e3a425ce7c14dc59c1b74a4a6ad9839c5cdae8 Mon Sep 17 00:00:00 2001 From: Alicia Sykes Date: Fri, 27 Sep 2019 00:47:55 +0100 Subject: [PATCH] New improved width system, and support for SVG graphics --- public/img/tile-svgs/001-cloud-computing.svg | 1 + public/img/tile-svgs/002-worldwide.svg | 1 + public/img/tile-svgs/003-rss.svg | 1 + public/img/tile-svgs/004-twitter.svg | 1 + public/img/tile-svgs/005-hashtag.svg | 1 + public/img/tile-svgs/006-pin.svg | 1 + public/img/tile-svgs/007-heart.svg | 1 + public/img/tile-svgs/008-paypal.svg | 1 + public/img/tile-svgs/009-xing.svg | 1 + public/img/tile-svgs/010-star.svg | 1 + public/img/tile-svgs/011-windows.svg | 1 + public/img/tile-svgs/012-network.svg | 1 + public/img/tile-svgs/013-facebook.svg | 1 + public/img/tile-svgs/014-instagram.svg | 1 + public/img/tile-svgs/015-linkedin.svg | 1 + public/img/tile-svgs/016-like.svg | 1 + public/img/tile-svgs/017-dislike.svg | 1 + public/img/tile-svgs/018-youtube.svg | 1 + public/img/tile-svgs/019-messenger.svg | 1 + public/img/tile-svgs/020-telegram.svg | 1 + public/img/tile-svgs/021-chat.svg | 1 + public/img/tile-svgs/022-happy.svg | 1 + public/img/tile-svgs/023-sad.svg | 1 + public/img/tile-svgs/024-file.svg | 1 + public/img/tile-svgs/025-file-1.svg | 1 + public/img/tile-svgs/026-playstore.svg | 1 + public/img/tile-svgs/027-whatsapp.svg | 1 + public/img/tile-svgs/028-skype.svg | 1 + public/img/tile-svgs/029-retweet.svg | 1 + public/img/tile-svgs/030-chat-1.svg | 1 + public/img/tile-svgs/031-photo-camera.svg | 1 + public/img/tile-svgs/032-network-1.svg | 1 + public/img/tile-svgs/033-image.svg | 1 + public/img/tile-svgs/034-myspace.svg | 1 + public/img/tile-svgs/035-user.svg | 1 + public/img/tile-svgs/036-network-2.svg | 1 + public/img/tile-svgs/037-information.svg | 1 + public/img/tile-svgs/038-like-1.svg | 1 + public/img/tile-svgs/039-happy-1.svg | 1 + public/img/tile-svgs/040-deviantart.svg | 1 + public/img/tile-svgs/041-vimeo.svg | 1 + public/img/tile-svgs/042-behance.svg | 1 + public/img/tile-svgs/043-email.svg | 1 + public/img/tile-svgs/044-flickr.svg | 1 + public/img/tile-svgs/045-suitcase.svg | 1 + public/img/tile-svgs/046-network-3.svg | 1 + public/img/tile-svgs/047-chat-2.svg | 1 + public/img/tile-svgs/048-notification.svg | 1 + public/img/tile-svgs/049-agenda.svg | 1 + public/img/tile-svgs/050-megaphone.svg | 1 + src/App.vue | 1 - src/components/Collapsable.vue | 14 +- src/components/Item.vue | 18 +- src/components/ItemGroup.vue | 1 + src/data/item-data.json | 38 ++++ src/lib/vue-masonry-css.js | 225 +++++++++++++++++++ src/main.js | 2 + src/views/Home.vue | 24 +- 58 files changed, 355 insertions(+), 18 deletions(-) create mode 100644 public/img/tile-svgs/001-cloud-computing.svg create mode 100644 public/img/tile-svgs/002-worldwide.svg create mode 100644 public/img/tile-svgs/003-rss.svg create mode 100644 public/img/tile-svgs/004-twitter.svg create mode 100644 public/img/tile-svgs/005-hashtag.svg create mode 100644 public/img/tile-svgs/006-pin.svg create mode 100644 public/img/tile-svgs/007-heart.svg create mode 100644 public/img/tile-svgs/008-paypal.svg create mode 100644 public/img/tile-svgs/009-xing.svg create mode 100644 public/img/tile-svgs/010-star.svg create mode 100644 public/img/tile-svgs/011-windows.svg create mode 100644 public/img/tile-svgs/012-network.svg create mode 100644 public/img/tile-svgs/013-facebook.svg create mode 100644 public/img/tile-svgs/014-instagram.svg create mode 100644 public/img/tile-svgs/015-linkedin.svg create mode 100644 public/img/tile-svgs/016-like.svg create mode 100644 public/img/tile-svgs/017-dislike.svg create mode 100644 public/img/tile-svgs/018-youtube.svg create mode 100644 public/img/tile-svgs/019-messenger.svg create mode 100644 public/img/tile-svgs/020-telegram.svg create mode 100644 public/img/tile-svgs/021-chat.svg create mode 100644 public/img/tile-svgs/022-happy.svg create mode 100644 public/img/tile-svgs/023-sad.svg create mode 100644 public/img/tile-svgs/024-file.svg create mode 100644 public/img/tile-svgs/025-file-1.svg create mode 100644 public/img/tile-svgs/026-playstore.svg create mode 100644 public/img/tile-svgs/027-whatsapp.svg create mode 100644 public/img/tile-svgs/028-skype.svg create mode 100644 public/img/tile-svgs/029-retweet.svg create mode 100644 public/img/tile-svgs/030-chat-1.svg create mode 100644 public/img/tile-svgs/031-photo-camera.svg create mode 100644 public/img/tile-svgs/032-network-1.svg create mode 100644 public/img/tile-svgs/033-image.svg create mode 100644 public/img/tile-svgs/034-myspace.svg create mode 100644 public/img/tile-svgs/035-user.svg create mode 100644 public/img/tile-svgs/036-network-2.svg create mode 100644 public/img/tile-svgs/037-information.svg create mode 100644 public/img/tile-svgs/038-like-1.svg create mode 100644 public/img/tile-svgs/039-happy-1.svg create mode 100644 public/img/tile-svgs/040-deviantart.svg create mode 100644 public/img/tile-svgs/041-vimeo.svg create mode 100644 public/img/tile-svgs/042-behance.svg create mode 100644 public/img/tile-svgs/043-email.svg create mode 100644 public/img/tile-svgs/044-flickr.svg create mode 100644 public/img/tile-svgs/045-suitcase.svg create mode 100644 public/img/tile-svgs/046-network-3.svg create mode 100644 public/img/tile-svgs/047-chat-2.svg create mode 100644 public/img/tile-svgs/048-notification.svg create mode 100644 public/img/tile-svgs/049-agenda.svg create mode 100644 public/img/tile-svgs/050-megaphone.svg create mode 100644 src/lib/vue-masonry-css.js diff --git a/public/img/tile-svgs/001-cloud-computing.svg b/public/img/tile-svgs/001-cloud-computing.svg new file mode 100644 index 00000000..7636ae4a --- /dev/null +++ b/public/img/tile-svgs/001-cloud-computing.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/tile-svgs/002-worldwide.svg b/public/img/tile-svgs/002-worldwide.svg new file mode 100644 index 00000000..88aaac80 --- /dev/null +++ b/public/img/tile-svgs/002-worldwide.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/tile-svgs/003-rss.svg b/public/img/tile-svgs/003-rss.svg new file mode 100644 index 00000000..eeb98cf9 --- /dev/null +++ b/public/img/tile-svgs/003-rss.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/tile-svgs/004-twitter.svg b/public/img/tile-svgs/004-twitter.svg new file mode 100644 index 00000000..ca72ba49 --- /dev/null +++ b/public/img/tile-svgs/004-twitter.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/tile-svgs/005-hashtag.svg b/public/img/tile-svgs/005-hashtag.svg new file mode 100644 index 00000000..6ab5c73b --- /dev/null +++ b/public/img/tile-svgs/005-hashtag.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/tile-svgs/006-pin.svg b/public/img/tile-svgs/006-pin.svg new file mode 100644 index 00000000..3324c2af --- /dev/null +++ b/public/img/tile-svgs/006-pin.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/tile-svgs/007-heart.svg b/public/img/tile-svgs/007-heart.svg new file mode 100644 index 00000000..bd7fee69 --- /dev/null +++ b/public/img/tile-svgs/007-heart.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/tile-svgs/008-paypal.svg b/public/img/tile-svgs/008-paypal.svg new file mode 100644 index 00000000..ab1fcb0c --- /dev/null +++ b/public/img/tile-svgs/008-paypal.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/tile-svgs/009-xing.svg b/public/img/tile-svgs/009-xing.svg new file mode 100644 index 00000000..5c37af2e --- /dev/null +++ b/public/img/tile-svgs/009-xing.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/tile-svgs/010-star.svg b/public/img/tile-svgs/010-star.svg new file mode 100644 index 00000000..70035db3 --- /dev/null +++ b/public/img/tile-svgs/010-star.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/tile-svgs/011-windows.svg b/public/img/tile-svgs/011-windows.svg new file mode 100644 index 00000000..598814e6 --- /dev/null +++ b/public/img/tile-svgs/011-windows.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/tile-svgs/012-network.svg b/public/img/tile-svgs/012-network.svg new file mode 100644 index 00000000..f0927456 --- /dev/null +++ b/public/img/tile-svgs/012-network.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/tile-svgs/013-facebook.svg b/public/img/tile-svgs/013-facebook.svg new file mode 100644 index 00000000..5dd472af --- /dev/null +++ b/public/img/tile-svgs/013-facebook.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/tile-svgs/014-instagram.svg b/public/img/tile-svgs/014-instagram.svg new file mode 100644 index 00000000..3c798108 --- /dev/null +++ b/public/img/tile-svgs/014-instagram.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/tile-svgs/015-linkedin.svg b/public/img/tile-svgs/015-linkedin.svg new file mode 100644 index 00000000..8e50eaa8 --- /dev/null +++ b/public/img/tile-svgs/015-linkedin.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/tile-svgs/016-like.svg b/public/img/tile-svgs/016-like.svg new file mode 100644 index 00000000..c0c9b260 --- /dev/null +++ b/public/img/tile-svgs/016-like.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/tile-svgs/017-dislike.svg b/public/img/tile-svgs/017-dislike.svg new file mode 100644 index 00000000..d12e2ce1 --- /dev/null +++ b/public/img/tile-svgs/017-dislike.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/tile-svgs/018-youtube.svg b/public/img/tile-svgs/018-youtube.svg new file mode 100644 index 00000000..5136516f --- /dev/null +++ b/public/img/tile-svgs/018-youtube.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/tile-svgs/019-messenger.svg b/public/img/tile-svgs/019-messenger.svg new file mode 100644 index 00000000..9149d71e --- /dev/null +++ b/public/img/tile-svgs/019-messenger.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/tile-svgs/020-telegram.svg b/public/img/tile-svgs/020-telegram.svg new file mode 100644 index 00000000..1121c7b1 --- /dev/null +++ b/public/img/tile-svgs/020-telegram.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/tile-svgs/021-chat.svg b/public/img/tile-svgs/021-chat.svg new file mode 100644 index 00000000..bca4b412 --- /dev/null +++ b/public/img/tile-svgs/021-chat.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/tile-svgs/022-happy.svg b/public/img/tile-svgs/022-happy.svg new file mode 100644 index 00000000..330a47e9 --- /dev/null +++ b/public/img/tile-svgs/022-happy.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/tile-svgs/023-sad.svg b/public/img/tile-svgs/023-sad.svg new file mode 100644 index 00000000..82c5ead0 --- /dev/null +++ b/public/img/tile-svgs/023-sad.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/tile-svgs/024-file.svg b/public/img/tile-svgs/024-file.svg new file mode 100644 index 00000000..77602884 --- /dev/null +++ b/public/img/tile-svgs/024-file.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/tile-svgs/025-file-1.svg b/public/img/tile-svgs/025-file-1.svg new file mode 100644 index 00000000..132539b4 --- /dev/null +++ b/public/img/tile-svgs/025-file-1.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/tile-svgs/026-playstore.svg b/public/img/tile-svgs/026-playstore.svg new file mode 100644 index 00000000..c6d8d17b --- /dev/null +++ b/public/img/tile-svgs/026-playstore.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/tile-svgs/027-whatsapp.svg b/public/img/tile-svgs/027-whatsapp.svg new file mode 100644 index 00000000..e65d129f --- /dev/null +++ b/public/img/tile-svgs/027-whatsapp.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/tile-svgs/028-skype.svg b/public/img/tile-svgs/028-skype.svg new file mode 100644 index 00000000..2cd1c390 --- /dev/null +++ b/public/img/tile-svgs/028-skype.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/tile-svgs/029-retweet.svg b/public/img/tile-svgs/029-retweet.svg new file mode 100644 index 00000000..1a8e5884 --- /dev/null +++ b/public/img/tile-svgs/029-retweet.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/tile-svgs/030-chat-1.svg b/public/img/tile-svgs/030-chat-1.svg new file mode 100644 index 00000000..8910905b --- /dev/null +++ b/public/img/tile-svgs/030-chat-1.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/tile-svgs/031-photo-camera.svg b/public/img/tile-svgs/031-photo-camera.svg new file mode 100644 index 00000000..5f914f8c --- /dev/null +++ b/public/img/tile-svgs/031-photo-camera.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/tile-svgs/032-network-1.svg b/public/img/tile-svgs/032-network-1.svg new file mode 100644 index 00000000..bee1a342 --- /dev/null +++ b/public/img/tile-svgs/032-network-1.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/tile-svgs/033-image.svg b/public/img/tile-svgs/033-image.svg new file mode 100644 index 00000000..3424b398 --- /dev/null +++ b/public/img/tile-svgs/033-image.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/tile-svgs/034-myspace.svg b/public/img/tile-svgs/034-myspace.svg new file mode 100644 index 00000000..0e3a7f34 --- /dev/null +++ b/public/img/tile-svgs/034-myspace.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/tile-svgs/035-user.svg b/public/img/tile-svgs/035-user.svg new file mode 100644 index 00000000..65a96abe --- /dev/null +++ b/public/img/tile-svgs/035-user.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/tile-svgs/036-network-2.svg b/public/img/tile-svgs/036-network-2.svg new file mode 100644 index 00000000..37f37e25 --- /dev/null +++ b/public/img/tile-svgs/036-network-2.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/tile-svgs/037-information.svg b/public/img/tile-svgs/037-information.svg new file mode 100644 index 00000000..a94cd530 --- /dev/null +++ b/public/img/tile-svgs/037-information.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/tile-svgs/038-like-1.svg b/public/img/tile-svgs/038-like-1.svg new file mode 100644 index 00000000..ebe71911 --- /dev/null +++ b/public/img/tile-svgs/038-like-1.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/tile-svgs/039-happy-1.svg b/public/img/tile-svgs/039-happy-1.svg new file mode 100644 index 00000000..60e8bb83 --- /dev/null +++ b/public/img/tile-svgs/039-happy-1.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/tile-svgs/040-deviantart.svg b/public/img/tile-svgs/040-deviantart.svg new file mode 100644 index 00000000..a6a5f0ab --- /dev/null +++ b/public/img/tile-svgs/040-deviantart.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/tile-svgs/041-vimeo.svg b/public/img/tile-svgs/041-vimeo.svg new file mode 100644 index 00000000..614742fd --- /dev/null +++ b/public/img/tile-svgs/041-vimeo.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/tile-svgs/042-behance.svg b/public/img/tile-svgs/042-behance.svg new file mode 100644 index 00000000..9f288b4d --- /dev/null +++ b/public/img/tile-svgs/042-behance.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/tile-svgs/043-email.svg b/public/img/tile-svgs/043-email.svg new file mode 100644 index 00000000..5d02082c --- /dev/null +++ b/public/img/tile-svgs/043-email.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/tile-svgs/044-flickr.svg b/public/img/tile-svgs/044-flickr.svg new file mode 100644 index 00000000..444de11d --- /dev/null +++ b/public/img/tile-svgs/044-flickr.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/tile-svgs/045-suitcase.svg b/public/img/tile-svgs/045-suitcase.svg new file mode 100644 index 00000000..959fb834 --- /dev/null +++ b/public/img/tile-svgs/045-suitcase.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/tile-svgs/046-network-3.svg b/public/img/tile-svgs/046-network-3.svg new file mode 100644 index 00000000..030ad1c1 --- /dev/null +++ b/public/img/tile-svgs/046-network-3.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/tile-svgs/047-chat-2.svg b/public/img/tile-svgs/047-chat-2.svg new file mode 100644 index 00000000..863f4b76 --- /dev/null +++ b/public/img/tile-svgs/047-chat-2.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/tile-svgs/048-notification.svg b/public/img/tile-svgs/048-notification.svg new file mode 100644 index 00000000..a354c250 --- /dev/null +++ b/public/img/tile-svgs/048-notification.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/tile-svgs/049-agenda.svg b/public/img/tile-svgs/049-agenda.svg new file mode 100644 index 00000000..8bd7c3a9 --- /dev/null +++ b/public/img/tile-svgs/049-agenda.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/tile-svgs/050-megaphone.svg b/public/img/tile-svgs/050-megaphone.svg new file mode 100644 index 00000000..73033e0a --- /dev/null +++ b/public/img/tile-svgs/050-megaphone.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/App.vue b/src/App.vue index f07f76ea..55b223bb 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,6 +1,5 @@