Skip to content

Instantly share code, notes, and snippets.

View m2paulc's full-sized avatar
🎯
Focusing

Paul Caoile m2paulc

🎯
Focusing
1 follower · 2 following
View GitHub Profile
@m2paulc
m2paulc / index.html
Created February 5, 2019 03:19
JavaScript analog clock
<script src="https://cdn.linearicons.com/free/1.0.0/svgembedder.min.js"></script>
<div class="frame">
<svg class="lnr lnr-moon"><use xlink:href="#lnr-moon"></use></svg>
<svg class="lnr lnr-sun"><use xlink:href="#lnr-sun"></use></svg>
<div class="clock">
<div class="clock-face">
<div class="clock-face-numbers">
<span class="top">12</span>
<span class="right">3</span>
<span class="bottom">6</span>
@m2paulc
m2paulc / css-challenge-day-030.markdown
Last active February 5, 2019 03:21
CSS Challenge Day 030

CSS Challenge Day 030

Here's my take on the CSS challenge day 30. Trying to make animation go together.

A Pen by Paul on CodePen.

License.

@m2paulc
m2paulc / css-challenge-day-031.markdown
Created February 5, 2019 20:29
CSS Challenge Day 031

CSS Challenge Day 031

This is the most complicated challenge so far for me.

A Pen by Paul on CodePen.

License.

@m2paulc
m2paulc / css-challenge-day-032.markdown
Created February 9, 2019 01:44
CSS Challenge Day 032

CSS Challenge Day 032

Here's my CSS Challenge for day 32. I definitely have to learn more about animation.

A Pen by Paul on CodePen.

License.

@m2paulc
m2paulc / css-challenge-day-033.markdown
Created February 9, 2019 01:46
CSS Challenge Day 033

CSS Challenge Day 033

Here is my version of day 33 of the CSS Challenge. I enjoyed making this one although I may have put too much animation. Seems like my pen is slowly going to a halt and crash.

A Pen by Paul on CodePen.

License.

@m2paulc
m2paulc / daenmd.markdown
Created February 11, 2019 18:36
daeNMd
@m2paulc
m2paulc / index.html
Created February 11, 2019 20:10
iPhone screen saver using Particle.js
<div class="frame">
<div class="center">
<div class="top">
<div class="speaker"></div>
<div class="camera"></div>
</div>
<div class="screen">
<div class="screenOverlay"><div id="particles"></div></div>
</div>
<div class="bottom">
@m2paulc
m2paulc / css-challenge-day-039.markdown
Last active February 27, 2019 08:07
CSS Challenge Day 039

CSS Challenge Day 039

Here's my version for day 39 of the CSS Challenge. I didn't make the cut off time but I finished it none the less. I have fixed the javascript part.

A Pen by Paul on CodePen.

License.

@m2paulc
m2paulc / index.html
Created February 14, 2019 20:59
Mask Slider
<section class="skewed" id="wrapper">
<div class="layer bottom">
<div class="content-wrap">
<div class="content-body">
<h1>Happy Halloween</h1>
</div>
<img src="https://res.cloudinary.com/dbpolimgc/image/upload/v1539199490/Mask%20Assets/Mask-bw.jpg" alt="mask negative">
</div>
</div>
@m2paulc
m2paulc / css-challenge-day-041.markdown
Created February 15, 2019 20:34
CSS Challenge Day 041

CSS Challenge Day 041

Here's my submission for day 41 of the CSS Challenge.

A Pen by Paul on CodePen.

License.