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 / daenmd.markdown
Created February 11, 2019 18:36
daeNMd
@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 / 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-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-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 / 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>