aldoyh

GSAP GRID

interactive 16 grid illustrations :)

A Pen by Shunya Koide on CodePen.

License.

aldoyh

#!/bin/bash
# This script reads a .env file and sets the environment variables as GitHub secrets using the gh CLI.
# totally AI generated using local Ollama. And Totally proud of it!
# AI Generated by: Hasan AlDoy @aldoyh @ollama_ai 2024
# No Copyrights Nor Lefts Reserved.
# This script is licensed under the MIT License.
# You are free to modify and distribute this script as long as the original author is credited.
# This script is provided AS IS without any warranty of any kind.
# Save the Pengiun, Save the World! 🐧

aldoyh

Cloudflare's API Cheat-Sheet

VARIABLE	VALUE
EMAIL	The email address associated with your Cloudflare account.
KEY	The global API key associated with your Cloudflare account.
DOMAIN	The name of the domain to create a zone record for.
JUMP_START	If true, automatically attempts to fetch existing DNS records when creating a domain’s zone record
ZONE_ID	The unique ID of the domain’s zone record. Assigned by Cloudflare. Required when managing an existing zone record and its DNS records.

aldoyh

CSS scroll-driven scroll-snapping animations

Currently only works on Chrome desktop

A polyfill is included for other browsers, but it's iffy.

These last couple of years have really been it for CSS. This cold, dead heart may be resurrecting.

Some section transitions I made while learning about scroll-driven animations. This is a flaky layout, not very practical (especially not the backwards scroll), but sometimes you need to have fun.

aldoyh

Music Player

A Pen by Mustafa ismail on CodePen.

License.

aldoyh

<div class="gallery">
	<ul class="cards">
		<li>0</li>
		<li>1</li>
		<li>2</li>
		<li>3</li>
		<li>4</li>
		<li>5</li>
		<li>6</li>
		<li>7</li>

aldoyh

Flexbox Google Play Music Website

I needed to brush up on my flexbox skills, so I created this little pen. The tabs aren't functional (yet), but the menu, input, and profile have some cool interactions.

Check it out on your mobile device here: http://s.codepen.io/koenigsegg1/debug/EyVgpK.

A Pen by Kyle Lavery on CodePen.

License.

aldoyh

congrats particle fountain (lesson finished)

A Pen by Snorkl.tv on CodePen.

License.

aldoyh

    <div class="mixerContainer">
        <div id="master" class="controllerBox">
            <h3 class="title">Master</h3>
            <div class="box">
                <div class="row a">
                    <div class="radialSlider volumeContainer">
                        <input type="range" min="0" max="11" step="0.1" value="10" id="master-volume">
                        <label for="master-volume">Volume</label>
                        <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 83.73 83.82">
                            <g class="jogContainer">

aldoyh

<div class='player-wrapper'>
  <div class='player-title'>Now Playing</div>
  <div class='player-song'>Shop Talk Show</div>
  <div class='player-singer'>Chris Coyier & Dave Rupert</div>
  <div class='progress-control'>
    <progress class='player-progress' value='0'></progress>
    <div class='progress-handler'></div>
  </div>
  <div class='player-control'>
    <button class='player-play'><i class="fa fa-play-circle-o fa-4x"></i></button>