anon987654321

<!DOCTYPE html>
<html lang="no">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Fetat — Familieetaten</title>
  <link href="https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;1,400&display=swap" rel="stylesheet">
  <style>
    :root {
      --text: #1b1b1b;

anon987654321

<!DOCTYPE html>
<html lang="no">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Fetat — Familieetaten</title>
  <link href="https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;1,400&display=swap" rel="stylesheet">
  <style>
    :root {
      --text: #1b1b1b;

anon987654321

<html lang="en" manifest="data:application/manifest+json;base64,eyJuYW1lIjoicmFkaW8uYnJnZW4ubm8iLCJzaG9ydF9uYW1lIjoicmFkaW8uYnJnZW4ubm8iLCJkZXNjcmlwdGlvbiI6Ik1pbmltYWwgYXVkaW8gdmlzdWFsaXplciIsInN0YXJ0X3VybCI6Ii4iLCJkaXNwbGF5Ijoic3RhbmRhbG9uZSIsImljb25zIjpbeyJzcmMiOiJkYXRhOmltYWdlL3BuZzt3aWR0aD0xOTI7aGVpZ2h0PTE5Mjt0eXBlPWltYWdlL3BuZyIsInNpemVzIjoiMTkyeDE5MiIsInR5cGUiOiJpbWFnZS9wbmcifV19">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>radio.brgen.no — Wireframe Tunnel (three‑tone gradient, 22 modes)</title>
  <meta name="theme-color" content="#000000" />
  <meta name="description" content="Minimal, fast wireframe audio tunnel with a three-color gradient and 22 distinct parametric modes. Arrows switch modes. Space/M control audio." />
  <style>
    /* Flat, timeless */
    html, body { margin: 0; height: 100%; background: #000; color: #9aa; font: 14px/1.4 system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; }

anon987654321

<html lang="en" manifest="data:application/manifest+json;base64,eyJuYW1lIjoicmFkaW8uYnJnZW4ubm8iLCJzaG9ydF9uYW1lIjoicmFkaW8uYnJnZW4ubm8iLCJkZXNjcmlwdGlvbiI6Ik1pbmltYWwgYXVkaW8gdmlzdWFsaXplciIsInN0YXJ0X3VybCI6Ii4iLCJkaXNwbGF5Ijoic3RhbmRhbG9uZSIsImljb25zIjpbeyJzcmMiOiJkYXRhOmltYWdlL3BuZzt3aWR0aD0xOTI7aGVpZ2h0PTE5Mjt0eXBlPWltYWdlL3BuZyIsInNpemVzIjoiMTkyeDE5MiIsInR5cGUiOiJpbWFnZS9wbmcifV19">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>radio.brgen.no — Wireframe Tunnel (three‑tone gradient, 22 modes)</title>
  <meta name="theme-color" content="#000000" />
  <meta name="description" content="Minimal, fast wireframe audio tunnel with a three-color gradient and 22 distinct parametric modes. Arrows switch modes. Space/M control audio." />
  <style>
    /* Flat, timeless */
    html, body { margin: 0; height: 100%; background: #000; color: #9aa; font: 14px/1.4 system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; }

anon987654321

<h1>Recreating yep.com</h1>
<div class="search">
    <form>
      <input type="search" placeholder="Search...">
    </form>
    <div id="live_results"></div>
</div>

<h2>After StimulusReflex' live results</h2>
  <div class="search active">

anon987654321

<div class="affiliate_banner">
  <div id="scene" data-depth="1.00">
    <div class="call_to_action">
      <h2>Buy now!</h2>
    </div>
    <div>
      <img src="https://i.imgur.com/QeAUCx6.jpg">
    </div>
    <div>
      <img src="https://i.imgur.com/GjFKNee.jpg">

anon987654321

<div class="banner_wrapper marketplace">
  <h2>Attempt to recreate animation with <a href="https://animejs.com/">Anime.js</a> (<a href="https://jakearchibald.github.io/svgomg/">SVGOMG</a>)</h2>
  <div class="banner">
    <svg class="smileyface">
      <defs>
        <!-- Smile -->
        <path id="a" d="M47 22q-.45.85-.95 1.75-.05.1-.15.25-.05.08-.1.15-.362.58-.8 1.15-1.25 1.75-2.9 3.4Q34.8 36 24.5 36q-10.35 0-17.65-7.3Q3.8 25.6 2 22" />
        <!-- Teeth -->
        <path id="b" d="M40.85 32q.15.85.15 1.7 0 3.4-2.4 5.85Q36.2 42 32.85 42q-3.4 0-5.8-2.45-1.05-1.05-1.65-2.3-.2-.35-.4-.75m-1 .45q-.6 1.55-2 2.8Q19.6 42 16.25 42q-3.4 0-5.8-2.25Q8 37.5 8 34.35q0-1.25.4-2.35" />
        <!-- Left eye open -->

anon987654321

<html>
  <head>
    <meta charset="utf-8">
    <title>Dating Istanbul - dating.istnbul.com.tr</title>
    <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css">
    <script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/css-doodle/0.6.1/css-doodle.min.js"></script>
    <style>

      :root {

anon987654321

<div class="banner_wrapper marketplace">
  <h2>Attempt to recreate animation with <a href="https://animejs.com/">Anime.js</a> (<a href="https://jakearchibald.github.io/svgomg/">SVGOMG</a>)</h2>
  <div class="banner">
    <svg class="smileyface">
      <defs>
        <!-- Smile -->
        <path id="a" d="M47 22q-.45.85-.95 1.75-.05.1-.15.25-.05.08-.1.15-.362.58-.8 1.15-1.25 1.75-2.9 3.4Q34.8 36 24.5 36q-10.35 0-17.65-7.3Q3.8 25.6 2 22" />
        <!-- Teeth -->
        <path id="b" d="M40.85 32q.15.85.15 1.7 0 3.4-2.4 5.85Q36.2 42 32.85 42q-3.4 0-5.8-2.45-1.05-1.05-1.65-2.3-.2-.35-.4-.75m-1 .45q-.6 1.55-2 2.8Q19.6 42 16.25 42q-3.4 0-5.8-2.25Q8 37.5 8 34.35q0-1.25.4-2.35" />
        <!-- Left eye open -->

anon987654321

Heart lines (Chrome 69+)

A Pen by anon987654321 on CodePen.

License.