From f127b5b84ed9af7723810d8d2c9ea3a6308b41ca Mon Sep 17 00:00:00 2001 From: Oliver Davies Date: Wed, 9 Jan 2019 23:59:39 +0000 Subject: [PATCH] Update post --- ...cquia-dashboard-with-vuejs-tailwind-css.md | 33 -------------- ...cquia-dashboard-with-vuejs-tailwind-css.md | 43 +++++++++++++++++++ 2 files changed, 43 insertions(+), 33 deletions(-) delete mode 100644 source/_posts/2018-12-29-rebuilding-acquia-dashboard-with-vuejs-tailwind-css.md create mode 100644 source/_posts/2019-01-10-rebuilding-acquia-dashboard-with-vuejs-tailwind-css.md diff --git a/source/_posts/2018-12-29-rebuilding-acquia-dashboard-with-vuejs-tailwind-css.md b/source/_posts/2018-12-29-rebuilding-acquia-dashboard-with-vuejs-tailwind-css.md deleted file mode 100644 index 8bf4e813..00000000 --- a/source/_posts/2018-12-29-rebuilding-acquia-dashboard-with-vuejs-tailwind-css.md +++ /dev/null @@ -1,33 +0,0 @@ ---- -title: Rebuilding Acquia’s Dashboard with Vue.js and Tailwind CSS -excerpt: How I rebuilt Acquia’s dashboard using Vue.js and Tailwind CSS. -tags: [drupal, tailwind-css, tweet, vuejs] -draft: true ---- -After my [rebuild of Drupal’s Bartik theme](/blog/rebuilding-bartik-with-vuejs-tailwind-css), I’ve now used [Vue.js][vue] and [Tailwind CSS][tailwind] to rebuild another Drupal related UI - this time it’s [Acquia’s](https://www.acquia.com) web hosting dashboard. Again, you can [view the site on Netlify][netlify] and [the code on GitHub][github]. - -## The applications page - -
- -
The rebuilt Applications page.
-
- -## The environments page - -
- -
The rebuilt Environments page for an application.
-
- -## An environment page - -
- -
The rebuilt page for an environment within an application.
-
- -[github]: https://github.com/opdavies/rebuilding-acquia -[netlify]: https://rebuilding-acquia.netlify.com -[tailwind]: https://tailwindcss.com -[vue]: https://vuejs.org diff --git a/source/_posts/2019-01-10-rebuilding-acquia-dashboard-with-vuejs-tailwind-css.md b/source/_posts/2019-01-10-rebuilding-acquia-dashboard-with-vuejs-tailwind-css.md new file mode 100644 index 00000000..06bd0738 --- /dev/null +++ b/source/_posts/2019-01-10-rebuilding-acquia-dashboard-with-vuejs-tailwind-css.md @@ -0,0 +1,43 @@ +--- +title: Rebuilding Acquia’s Dashboard with Vue.js and Tailwind CSS +excerpt: How I rebuilt Acquia’s dashboard using Vue.js and Tailwind CSS. +tags: + - drupal + - tailwind-css + - tweet + - vuejs +draft: true +--- +After [rebuilding Drupal’s Bartik theme](/blog/rebuilding-bartik-with-vuejs-tailwind-css), I’ve now used [Vue.js][vue] and [Tailwind CSS][tailwind] to rebuild another Drupal related UI - this time it’s [Acquia’s](https://www.acquia.com) web hosting dashboard. Again, you can [view the site on Netlify][netlify] and [the code on GitHub][github]. + +## Why? + +The same as the Bartik rebuild, this was a good opportunity for me to learn more about different technologies + +vue router + +## The applications page + +
+ A screenshot of the rebuilt Applications page. +
The rebuilt Applications page.
+
+ +## The environments page + +
+ A screenshot of the rebuilt Environments page. +
The rebuilt Environments page for an application.
+
+ +## An environment page + +
+ A screenshot of the rebuilt page for an environment within an application. +
The rebuilt page for an environment within an application.
+
+ +[github]: https://github.com/opdavies/rebuilding-acquia +[netlify]: https://rebuilding-acquia.netlify.com +[tailwind]: https://tailwindcss.com +[vue]: https://vuejs.org