opdavies/oliverdavies.uk-old-sculpin
Archived
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Update post

Browse source
This commit is contained in:
Oliver Davies 2019-01-09 23:59:39 +00:00
parent 18c87122b3
commit f127b5b84e
2 changed files with 43 additions and 33 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
source/_posts/2018-12-29-rebuilding-acquia-dashboard-with-vuejs-tailwind-css.md
View file

@ -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
<figure>
<img src="/images/blog/rebuilding-acquia-vue-tailwind/1-applications.png" alt="" class="border border-grey-light p-2">
<figcaption>The rebuilt Applications page.</figcaption>
</figure>
## The environments page
<figure>
<img src="/images/blog/rebuilding-acquia-vue-tailwind/2-environments.png" alt="" class="border border-grey-light p-2">
<figcaption>The rebuilt Environments page for an application.</figcaption>
</figure>
## An environment page
<figure>
<img src="/images/blog/rebuilding-acquia-vue-tailwind/3-environment.png" alt="" class="border border-grey-light p-2">
<figcaption>The rebuilt page for an environment within an application.</figcaption>
</figure>
[github]: https://github.com/opdavies/rebuilding-acquia
[netlify]: https://rebuilding-acquia.netlify.com
[tailwind]: https://tailwindcss.com
[vue]: https://vuejs.org

43
source/_posts/2019-01-10-rebuilding-acquia-dashboard-with-vuejs-tailwind-css.md Normal file
View file

@ -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
<figure>
<img src="/images/blog/rebuilding-acquia-vue-tailwind/1-applications.png" alt="A screenshot of the rebuilt Applications page." class="border border-grey-light p-2">
<figcaption>The rebuilt Applications page.</figcaption>
</figure>
## The environments page
<figure>
<img src="/images/blog/rebuilding-acquia-vue-tailwind/2-environments.png" alt="A screenshot of the rebuilt Environments page." class="border border-grey-light p-2">
<figcaption>The rebuilt Environments page for an application.</figcaption>
</figure>
## An environment page
<figure>
<img src="/images/blog/rebuilding-acquia-vue-tailwind/3-environment.png" alt="A screenshot of the rebuilt page for an environment within an application." class="border border-grey-light p-2">
<figcaption>The rebuilt page for an environment within an application.</figcaption>
</figure>
[github]: https://github.com/opdavies/rebuilding-acquia
[netlify]: https://rebuilding-acquia.netlify.com
[tailwind]: https://tailwindcss.com
[vue]: https://vuejs.org