Skip to content

Instantly share code, notes, and snippets.

View eabdenna's full-sized avatar

EL Mehdi ABDENNASSAR eabdenna

View GitHub Profile
@eabdenna
eabdenna / footer-template.markdown
Created October 11, 2022 14:54
Footer template
@eabdenna
eabdenna / index.html
Created May 9, 2022 00:21
SHS - Cyber Security (Loop)
<div id="animationWindow">
</div>
<script src="https://assets.codepen.io/5260898/lottie.js"></script>
@eabdenna
eabdenna / 0069-circle-image-with-title-and-caption.markdown
Created August 29, 2020 01:13
#0069 - Circle image with title and caption

Circuity

Simulation of signal propagation with logic gates. Add circuits, wire them up, and see results! I've tested designs ranging from simple switches to combination locks and binary adding machines.

A Pen by Caleb Miller on CodePen.

License.

@eabdenna
eabdenna / circuit-board-pattern.markdown
Created August 28, 2020 00:30
Circuit board pattern

Circuit board pattern

Creates random circuit board traces. The code is meh, but the effect turned out pretty cool.

Each traces checks the pixels in front of them as they travel if the alpha value is anything other than 0 they change direction by 45 degrees.

A Pen by Loktar on CodePen.

License.

@eabdenna
eabdenna / fork-animated-circuitboard-hero-with-javascript-canvas.markdown
Created August 28, 2020 00:29
🍴Fork: Animated Circuitboard⁩ Hero with JavaScript Canvas⁩
@eabdenna
eabdenna / index.html
Created August 25, 2020 16:14
Responsive YouTube Player as Coverflow Slider with Swiper.js
<!--
YouTube will not autoplay videos unless muted. Videos are looped as a playlist.
Note - images are called from YouTube in default high res. See the following reference for YouTube Video thumbs.
https://stackoverflow.com/questions/12788287/how-to-get-hq-youtube-thumbnails
Simply change the YouTube Video ID in slides.
-->