Skip to content

Instantly share code, notes, and snippets.


Acampbell doc22940

  • Bells Vista Farm
  • Virginia
View GitHub Profile
View fuze-css-gradient-animator.markdown

Fuze - CSS Gradient Animator

Since quarantine I've started learning some new tech every day. Recently I picked up learning VueJs primarily to port one of my most used products which is

Before I get started porting that website (which is way more complex), I wanted to build a small tool which will help me understand VueJs and also it should be useful in some way.

That said, I also started designing the prototypes using Adobe XD (for the first time). Overall, it was a fun experience. I learnt a lot about Vue and Vuex, integrated Travis CI with my GitHub repo for the first time for automatic deploys. Had a hard time setting up a sub domain on GitHub, probably messed up the DNS settings ;)

You can checkout Fuze at

View google-meets-portfolio.markdown

Google meets Portfolio

After seeing the amazing pen from @Olivia Ng this is my attempt on the google meets interface.

You can "send me" messages in the chat tab.

Warning: You won't actually be sending me any messages.

A Pen by Acampbell on CodePen.

doc22940 / index.html
Created May 13, 2020
Profile Card UI
View index.html
<div class="card" data-state="#about">
<div class="card-header">
<div class="card-cover" style="background-image: url('')"></div>
<img class="card-avatar" src="" alt="avatar" />
<h1 class="card-fullname">William Rocheald</h1>
<h2 class="card-jobtitle">UI Developer</h2>
<div class="card-main">
<div class="card-section is-active" id="about">
<div class="card-content">
View flock-pure-javascript.markdown

flock - pure JavaScript

Please keep holding down the mouse, A host is born sometimes.
They follow that.

A Pen by Acampbell on CodePen.


doc22940 / index.html
Created May 13, 2020
pug - pure JavaScript
View index.html
<canvas id="canvas">Canvas not supported.</canvas>
View index.html
You can’t perform that action at this time.