Start Rebuilding Acquia post

This commit is contained in:
Oliver Davies 2019-05-11 00:20:43 +01:00
parent 2ef1346988
commit 74e013308e
9 changed files with 8 additions and 2 deletions

View file

@ -7,7 +7,6 @@ tags:
- tweet - tweet
- vuejs - vuejs
has_tweets: true has_tweets: true
promoted: true
--- ---
Earlier this week, I built a clone of [Drupal][0]s default theme, Bartik, with [Vue.js][1] and [Tailwind CSS][2]. You can [view the code on GitHub][3] and the [site itself on Netlify][4]. Earlier this week, I built a clone of [Drupal][0]s default theme, Bartik, with [Vue.js][1] and [Tailwind CSS][2]. You can [view the code on GitHub][3] and the [site itself on Netlify][4].

View file

@ -8,6 +8,7 @@ tags:
- tweet - tweet
- vuejs - vuejs
draft: true draft: true
promoted: true
--- ---
After [rebuilding Drupals Bartik theme](/blog/rebuilding-bartik-with-vuejs-tailwind-css), Ive now used [Vue.js][vue] and [Tailwind CSS][tailwind] to rebuild another Drupal related UI - this time its [Acquias](https://www.acquia.com) web hosting dashboard. Again, you can [view the site on Netlify][netlify] and [the code on GitHub][github]. After [rebuilding Drupals Bartik theme](/blog/rebuilding-bartik-with-vuejs-tailwind-css), Ive now used [Vue.js][vue] and [Tailwind CSS][tailwind] to rebuild another Drupal related UI - this time its [Acquias](https://www.acquia.com) web hosting dashboard. Again, you can [view the site on Netlify][netlify] and [the code on GitHub][github].
@ -107,8 +108,9 @@ This was the first page that I rebuilt - the Environments page for an applicatio
Vue Router is configured to show the Vue Router is configured to show the
<figure> <figure>
<img src="/images/blog/rebuilding-acquia-vue-tailwind/2-environments.png" alt="A screenshot of the rebuilt Environments page." class="border border-gray-300 p-2"> <img src="/images/blog/rebuilding-acquia-vue-tailwind/3-environments.png" alt="A screenshot of the rebuilt Environments page." class="border border-grey-light p-1">
<figcaption>The rebuilt Environments page for an application.</figcaption> <figcaption>The rebuilt Environments page for an application.</figcaption>
</figure> </figure>
@ -119,6 +121,11 @@ Vue Router is configured to show the
<figcaption>The rebuilt Applications page.</figcaption> <figcaption>The rebuilt Applications page.</figcaption>
</figure> </figure>
<figure>
<img src="/images/blog/rebuilding-acquia-vue-tailwind/2-applications-list.png" alt="A screenshot of the rebuilt Applications page as a list." class="border border-grey-light p-1">
<figcaption>The rebuilt Applications page.</figcaption>
</figure>
## An environment page ## An environment page
<figure> <figure>

Binary file not shown.

After

Width:  |  Height:  |  Size: 220 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 76 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 218 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 115 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 101 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 327 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 326 KiB