Skip to content

Instantly share code, notes, and snippets.

Avatar

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 JSONBin.io

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 https://fuze.8bit.codes

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
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('https://images.unsplash.com/photo-1549068106-b024baf5062d?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=934&q=80')"></div>
<img class="card-avatar" src="https://images.unsplash.com/photo-1549068106-b024baf5062d?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=934&q=80" alt="avatar" />
<h1 class="card-fullname">William Rocheald</h1>
<h2 class="card-jobtitle">UI Developer</h2>
</div>
<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.

License.

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