Skip to content

Instantly share code, notes, and snippets.

View EncodeTheCode's full-sized avatar
🤗
Coding useful tools for workflow.

EncodeTheCode

🤗
Coding useful tools for workflow.
2 followers · 8 following
View GitHub Profile
@EncodeTheCode
EncodeTheCode / demo_one_recreation_v6_prototype1.htm
Created March 10, 2026 02:00
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width,initial-scale=1"/>
<title>PS1 Demo-One — Curved 3D Ribbon Menu</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<style>
@EncodeTheCode
EncodeTheCode / demo_one_recreation_v5a.htm
Created March 10, 2026 01:53
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width,initial-scale=1"/>
<title>PS1 Demo-One — Curved 3D Ribbon Menu (fixed text + 3D bend)</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<style>
:root{
--menu-radius: 380px;
@EncodeTheCode
EncodeTheCode / demo_one_recreation_v5.htm
Created March 10, 2026 01:48
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width,initial-scale=1"/>
<title>PS1 Demo-One — Curved 3D Ribbon Menu (fixed text + 3D bend)</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<style>
:root{
--menu-radius: 380px;
@EncodeTheCode
EncodeTheCode / demo_one_recreation_v4.htm
Created March 10, 2026 01:43
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width,initial-scale=1"/>
<title>PS1 Demo-One — Underwater Menu (Pearl Noise + Curved 3D Ribbons)</title>
<!-- jQuery -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
@EncodeTheCode
EncodeTheCode / demo_one_recreation_v3b.htm
Created March 10, 2026 01:41
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>Demo One — Robust Globe Ribbon Menu</title>
<!-- jQuery -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
@EncodeTheCode
EncodeTheCode / demo_one_recreation_v3a.htm
Created March 10, 2026 01:40
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>Demo-One — Globe Ribbon Menu (fixed visibility + 3D ribbons)</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<style>
:root{
--menu-radius: 380px;
@EncodeTheCode
EncodeTheCode / demo_one_recreation_v3.htm
Created March 10, 2026 01:38
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>Demo-One — Globe Ribbon Menu (fixed visibility + 3D ribbons)</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<style>
:root{
--menu-radius: 380px;
@EncodeTheCode
EncodeTheCode / demo_one_recreation_v2a.htm
Created March 10, 2026 01:23
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width,initial-scale=1"/>
<title>PS1 Demo-One — Underwater Menu (Pearl Noise + Circular Menu)</title>
<!-- jQuery -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
@EncodeTheCode
EncodeTheCode / demo_one_recreation_v2.htm
Created March 10, 2026 01:21
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width,initial-scale=1"/>
<title>PS1 Demo-One — Underwater Menu (Pearl Noise + Circular Menu)</title>
<!-- jQuery -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
@EncodeTheCode
EncodeTheCode / demo_one_recreation_v1.htm
Created March 10, 2026 01:11
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>PS1 Demo One — Underwater Menu (HTML5 + jQuery)</title>
<!-- jQuery (CDN) -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>