Start Rebuilding Acquia post
|
@ -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].
|
||||||
|
|
||||||
|
|
|
@ -8,6 +8,7 @@ tags:
|
||||||
- tweet
|
- tweet
|
||||||
- vuejs
|
- vuejs
|
||||||
draft: true
|
draft: true
|
||||||
|
promoted: 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].
|
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].
|
||||||
|
|
||||||
|
@ -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>
|
||||||
|
|
After Width: | Height: | Size: 220 KiB |
Before Width: | Height: | Size: 76 KiB |
After Width: | Height: | Size: 218 KiB |
Before Width: | Height: | Size: 115 KiB |
Before Width: | Height: | Size: 101 KiB |
After Width: | Height: | Size: 327 KiB |
After Width: | Height: | Size: 326 KiB |