Skip to content

Instantly share code, notes, and snippets.

View m2paulc's full-sized avatar
🎯
Focusing

Paul Caoile m2paulc

🎯
Focusing
0 followers · 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 / 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.

@m2paulc
m2paulc / css-challenge-day-052.markdown
Created February 27, 2019 08:02
CSS Challenge Day 052

CSS Challenge Day 052

This one is quite complicated and definitely took me time to figure things out. Anyway, this is for Day 52 of the CSS Challenge.

A Pen by Paul on CodePen.

License.