Skip to content

Instantly share code, notes, and snippets.

@johannschopplich

johannschopplich/index.html

Created March 4, 2026 15:06
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save johannschopplich/123c8328455c820a13059b2c74bbfab0 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save johannschopplich/123c8328455c820a13059b2c74bbfab0 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. johannschopplich created this gist Mar 4, 2026.
    52 changes: 52 additions & 0 deletions index.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,52 @@
    <script>

    (r=()=>setInterval(t=>{for(j=o="\n",y=5;y--;document.body["inn"
    +"erHTML"]="<pre>&lt"+(S="script>\n")+o+"\n\n&lt/"+S)for(x=-01;
    63-!y>x++;o+=`(r=${r})()`[j++].fontcolor(c?"#FF0":"#444"))c=x/2
    %4<3&&parseInt("odRFacb67o2vi5gmOZmwFNteohbOh3sw".slice(i="9"<(
    D=Date()[16+(x/8|0)])?30:D*3,i+3),36)&1<<(x/2|0)%4+3*y},100))()

    </script>





    <!-- some SEO and styling tweak-->
    <title>Qlock - A JavaScript Quine Clock</title>
    <meta property="og:title" content="Qlock - A JavaScript Quine Clock">
    <meta property="og:url" content="https://aem1k.com/qlock">
    <meta property="og:image" content="https://aem1k.com/qlock/preview.png">
    <meta property="og:description" content="Displays the current time in a seven-segment style, embedded within its own JavaScript source code. (321 bytes)">
    <meta name="twitter:card" content="summary_large_image">

    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Fira+Mono" rel="stylesheet">

    <style>
    body {
    background-color: black;
    color: #0FF;
    height: 100%;
    margin: 0;
    padding: 0;
    }

    pre {
    font-family: "Fira Mono", monospace;
    margin: auto;
    width: 38em;
    top: 50%;
    left: 50%;
    position: absolute;
    margin-top: -5.5em;
    margin-left: -19em;
    }

    @media screen and (min-width: 900px) {
    body {
    font-size: 18px;
    }
    }
    </style>