Skip to content

Instantly share code, notes, and snippets.

View knightad10's full-sized avatar
🎯
Focusing

K_innovations knightad10

🎯
Focusing
View GitHub Profile
<div class="toggle">
<a class="skew active" href="#0">Skew</a>
<a class="rotate" href="#0">Rotate</a>
</div>
<ul class="tiltlist skew">
<li>
<h2><a href="https://landsurveyorsunited.com/inspire">Add Posts</a></h2>
<img src="https://storage.ning.com/topology/rest/1.0/file/get/12342446496?profile=RESIZE_584x" alt="Add Posts">
<p>Share your thoughts and ideas with the community by adding new posts.</p>
@knightad10
knightad10 / index.html
Created May 12, 2025 19:36
Sidebar Menu Hover Show/Hide CSS
<html>
<head>
</head>
<body><div class="area"></div><nav class="main-menu">
<ul>
<li>
<a href="https://jbfarrow.com">
<i class="fa fa-home fa-2x"></i>
<span class="nav-text">
@knightad10
knightad10 / index.html
Created May 12, 2025 19:17
Prompt Engineer
<html>
<head>
<title>Split Design Prompt Generator</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/5.3.2/slate/bootstrap.min.css">
<style>
.container {
padding-top: 50px;
}
.split-wrapper {
display: flex;
@knightad10
knightad10 / index.html
Created May 12, 2025 19:16
Prompt Engineer
<html>
<head>
<title>Split Design Prompt Generator</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/5.3.2/slate/bootstrap.min.css">
<style>
.container {
padding-top: 50px;
}
.split-wrapper {
display: flex;
@knightad10
knightad10 / script.js
Created May 12, 2025 19:10
Tentura // artblocks.io
let i = (Math.random()*777) | 0;
if (i<10)
i = '00' + i
if (i<100)
i = '0' + i
document.body.innerHTML += `
<iframe src='https://generator.artblocks.io/0xa7d8d9ef8d8ce8992df33d8b8cf4aebabd5bd270/265000${i}'></iframe/>
<a target='_blank' href='https://artblocks.io/project/265'>Tentura#${i} // artblocks.io</a>
`
<a href="https://t.me/mathimages">t.me/mathimages</a>
@knightad10
knightad10 / index.html
Created May 12, 2025 19:06
[javascript] ❍ Circular Animations Set N°1
<h1>CIRCLE ANIMATIONS COLLECTION</h1>
<div class="container">
<!-- 1 -->
<div class="animation-container">
<div class="animation-title">Pulsating Circles</div>
<div id="anim1" class="circle-container"></div>
</div>
<!-- 2 -->
<div class="animation-container">
<div class="animation-title">Rotating Orbits</div>
@knightad10
knightad10 / index.html
Created May 12, 2025 19:05
[javascript] ❍ Circular Animations Set N°2
<h1>CIRCLE ANIMATIONS COLLECTION N°2</h1>
<div class="container">
<div class="animation-container">
<div class="animation-title">Radial Pulse</div>
<div id="radial-pulse" class="circle-container"></div>
</div>
<div class="animation-container">
<div class="animation-title">Orbital Pulse</div>
<div id="orbital-pulse" class="circle-container"></div>
@knightad10
knightad10 / glowing-interactive-dots-grid-gsap-inertia.markdown
Created May 12, 2025 19:02
Glowing Interactive Dots Grid (GSAP Inertia)