Secret Recipe SecretRecipe

3D First Person Art Gallery - No Javascript!

A CSS art gallery you can look around. Images of pure CSS art, but unfortunately peoples computer would explode if I didn't use images. Everything else is pure CSS though.

There are a few Easter Eggs scattered about.

A very short video of some of the coding: https://youtu.be/4s0PT709Ia0. Subscribe for more or follow me to say hi: https://www.instagram.com/ivorjetski

A portfolio site without JavaScript.

Combining all my skills picked up over the last few years on CodePen. Spinning cards and carousels constructed without JavaScript

A Pen by Ben Evans on CodePen.

License.

A Pure CSS 3D Maze!

🌎 100% Natural ingredients! 🚳 No images 📵 No JavaScript 👨‍💻 Just CSS - And a sprinkling of HTML

💥 CHROME ONLY!!

🔗 https://linktr.ee/ivorjetski

3D Grid Pure CSS

Pure CSS 3D Grid built by Kevin Powell, imported here by me. Take a look at his video, if you're interested how to build this, or inspect the repo:

A Pen by Daniel on CodePen.

License.

	<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/104/three.min.js"></script>
	<script>
	let camera, scene, renderer, mesh, material, e, objects,
	imgData, uv, info, lon = 0, lat = 0;

	var mouseDown = {};
	var mouse = new THREE.Vector2();
	var raycaster = new THREE.Raycaster();
	var canvas = document.createElement('canvas');
	var ctx = canvas.getContext('2d');

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Title</title>
	</head>
	<body style="margin: 0;overflow: hidden">
	<script type="module">
	import {SimplexNoise} from "https://cdn.jsdelivr.net/npm/[email protected]/dist-esm/simplex-noise.js"
	import {

	// No HTML!
	// No Javascript!
	// No Images!
	// Pure 100% unadulterated CSS!!

	<div>
	<i1 class="i"></i1>
	<i1 class="i"></i1>
	<i1 class="i"></i1>
	<i1 class="i"></i1>
	<i1 class="i"></i1>
	<i2 class="i"></i2>
	<i2 class="i"></i2>
	<i2 class="i"></i2>
	<i2 class="i"></i2>

	<div class="wrapper">
	<div class="neon-wrapper">
	<div class="neon-text">NEONTEXT</div>
	</div>
	</div>