{"id":5442,"date":"2026-01-16T17:13:27","date_gmt":"2026-01-16T17:13:27","guid":{"rendered":"https:\/\/icon-era.com\/statistics\/?p=5442"},"modified":"2026-09-12T11:24:58","modified_gmt":"2026-09-12T11:24:58","slug":"goooooooooogle","status":"publish","type":"post","link":"https:\/\/icon-era.com\/statistics\/goooooooooogle\/","title":{"rendered":"Goooooooooogle: The Stretchy Google Logo Experience"},"content":{"rendered":"\n<div id=\"ie-gooogle\">\n<div class=\"board\"><\/div>\n<div class=\"dialrow\"><span>pages<\/span><input type=\"range\" id=\"gl-dial\" min=\"10\" max=\"60\" value=\"10\"><span><b id=\"gl-os\">10<\/b> Os<\/span><\/div>\n<div class=\"readout\"><span>Currently on page: <b id=\"gl-page\">1<\/b><\/span><\/div>\n<div class=\"row\">\n<button class=\"tap\" id=\"gl-next\">Next page<\/button>\n<button class=\"tap\" id=\"gl-far\">Jump to the last page<\/button>\n<button class=\"tap pale\" id=\"gl-home\">Back to page one<\/button>\n<\/div>\n\n<h2>Every O is a page<\/h2>\n<p>The pagination at the bottom of a results list is not a row of numbers, it is the logo with one O per available page. Ten pages, ten Os. The one you are on is underlined. Click any of the others and you go there.<\/p>\n<p>Push the slider and watch the word run past the edge of the column. That is where every screenshot of gooooole and goooooooooogle comes from: a query with enough results behind it to stretch the name out of shape.<\/p>\n\n<h2>Phones killed it<\/h2>\n<p>Mobile loads more results as you scroll rather than splitting them into numbered pages, so the footer never gets a chance to draw the word. If you have only ever searched on a phone, there is a fair chance you have never once seen this.<\/p>\n\n<h2>The oldest joke still running<\/h2>\n<p>It predates the rotation tricks and it predates every game. The footer was built to echo the logo instead of listing numbers, and it survived redesign after redesign because nobody ever had a reason to remove it.<\/p>\n<p>Same era as the layout at <a href=\"https:\/\/icon-era.com\/statistics\/google-in-1998\/\">google in 1998<\/a>. And the footer links this thing sits beside are the first casualties in <a href=\"https:\/\/icon-era.com\/statistics\/google-zerg-rush\/\">google zerg rush<\/a>.<\/p>\n<\/div>\n<style>\n#ie-gooogle{--blue:#1558d6;--blue2:#4c86f0;--blue3:#a9c4f5;--deep:#0b3aa0;--slate:#5b6675;--mist:#98a2b3;--rule:#dde3ec;--wash:#f2f6fd;font-family:ui-sans-serif,-apple-system,\"Segoe UI\",Roboto,Arial,sans-serif;color:#1a2230;line-height:1.66;margin:0 auto}\n#ie-gooogle h2{font-size:25px;line-height:1.3;margin:32px 0 10px;color:var(--deep);letter-spacing:-.2px}\n#ie-gooogle h3{font-size:16.5px;margin:20px 0 5px;color:#1a2230}\n#ie-gooogle ul,#ie-gooogle ol{margin:0 0 15px 20px}\n#ie-gooogle li{margin:6px 0}\n#ie-gooogle a{color:var(--blue);text-decoration:underline;text-underline-offset:2px}\n#ie-gooogle a:hover{color:var(--deep)}\n#ie-gooogle .board{position:relative;width:100%;height:min(70vh,600px);min-height:420px;border:1px solid var(--rule);border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 10px 26px rgba(21,88,214,.1);touch-action:none}\n#ie-gooogle .board canvas{position:absolute;left:0;top:0;width:100%;height:100%;outline:0}\n#ie-gooogle .readout{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin:12px 0 0;font:600 13px ui-sans-serif,\"Segoe UI\",Arial;color:var(--slate)}\n#ie-gooogle .readout b{color:var(--deep);font-size:15px}\n#ie-gooogle .row{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin:12px 0 20px}\n#ie-gooogle .tap{background:var(--blue);color:#fff;border:0;border-radius:8px;padding:12px 20px;font:700 14px ui-sans-serif,\"Segoe UI\",Arial;cursor:pointer;box-shadow:0 4px 12px rgba(21,88,214,.25)}\n#ie-gooogle .tap:hover{background:var(--deep)}\n#ie-gooogle .tap:active{transform:translateY(1px)}\n#ie-gooogle .tap.pale{background:#fff;color:var(--blue);border:1px solid var(--blue3);box-shadow:none}\n#ie-gooogle .tap.pale:hover{background:var(--wash)}\n#ie-gooogle .stick{display:grid;grid-template-columns:repeat(3,54px);gap:7px;justify-content:center;margin-top:10px}\n#ie-gooogle .stick button{background:#fff;border:1px solid var(--blue3);color:var(--blue);border-radius:8px;height:46px;font:700 17px ui-sans-serif,Arial;cursor:pointer}\n#ie-gooogle .stick button:hover{background:var(--wash)}\n#ie-gooogle .stick .gap{visibility:hidden;border:0}\n#ie-gooogle .curtain{position:absolute;inset:0;display:grid;place-items:center;background:rgba(255,255,255,.93);text-align:center;font:700 20px\/1.45 ui-sans-serif,\"Segoe UI\",Arial;color:var(--deep);cursor:pointer;z-index:4;padding:18px}\n#ie-gooogle .curtain em{display:block;font-style:normal;font-weight:500;font-size:13.5px;color:var(--slate);margin-top:5px}\n#ie-gooogle .typein{display:flex;gap:8px;justify-content:center;margin-top:12px;flex-wrap:wrap}\n#ie-gooogle .typein input{border:1px solid var(--blue3);border-radius:8px;padding:11px 13px;font:600 14px ui-sans-serif,Arial;width:min(280px,70%);color:#1a2230}\n#ie-gooogle .typein input:focus{outline:2px solid var(--blue2);outline-offset:1px}\n\n#ie-gooogle .scroller{position:absolute;inset:0;overflow:auto;padding:18px 0 24px}\n#ie-gooogle .band{max-width:700px;margin:0 auto;padding:0 20px}\n#ie-gooogle .findbar{border:1px solid var(--rule);border-radius:20px;padding:10px 16px;font-size:14px;color:var(--slate);background:#fff}\n#ie-gooogle .count{font-size:11.5px;color:var(--mist);margin:10px 0 12px}\n#ie-gooogle .item{margin-bottom:15px}\n#ie-gooogle .item .u{font-size:11.5px;color:var(--mist)}\n#ie-gooogle .item .t{font-size:16.5px;color:var(--blue)}\n#ie-gooogle .item .d{font-size:12.5px;color:var(--slate)}\n#ie-gooogle .stretch{text-align:center;font:800 38px ui-sans-serif,Arial;letter-spacing:-2px;word-break:break-all;line-height:1.05;margin:18px 0 4px;user-select:none}\n#ie-gooogle .stretch span{cursor:pointer}\n#ie-gooogle .stretch span.now{color:var(--deep);text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:4px}\n#ie-gooogle .steps{text-align:center;font-size:13px;color:var(--slate)}\n#ie-gooogle .steps u{cursor:pointer;margin:0 10px;color:var(--blue)}\n#ie-gooogle .dialrow{display:flex;align-items:center;gap:10px;justify-content:center;margin-top:12px;font:600 13px ui-sans-serif,Arial;color:var(--slate)}\n#ie-gooogle .dialrow input{width:min(300px,60%);accent-color:#1558d6}<\/style>\n","protected":false},"excerpt":{"rendered":"<p>pages10 Os Currently on page: 1 Next page Jump to the last page Back to page one Every O is a page The pagination at the bottom of a results list is not a row of numbers, it is the logo with one O per available page. Ten pages, ten Os. The one you are<\/p>\n","protected":false},"author":1,"featured_media":5443,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"cybocfi_hide_featured_image":"yes","footnotes":""},"categories":[47],"tags":[],"class_list":{"0":"post-5442","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-easter-eggs"},"_links":{"self":[{"href":"https:\/\/icon-era.com\/statistics\/wp-json\/wp\/v2\/posts\/5442","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/icon-era.com\/statistics\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/icon-era.com\/statistics\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/icon-era.com\/statistics\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/icon-era.com\/statistics\/wp-json\/wp\/v2\/comments?post=5442"}],"version-history":[{"count":2,"href":"https:\/\/icon-era.com\/statistics\/wp-json\/wp\/v2\/posts\/5442\/revisions"}],"predecessor-version":[{"id":6146,"href":"https:\/\/icon-era.com\/statistics\/wp-json\/wp\/v2\/posts\/5442\/revisions\/6146"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/icon-era.com\/statistics\/wp-json\/wp\/v2\/media\/5443"}],"wp:attachment":[{"href":"https:\/\/icon-era.com\/statistics\/wp-json\/wp\/v2\/media?parent=5442"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/icon-era.com\/statistics\/wp-json\/wp\/v2\/categories?post=5442"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/icon-era.com\/statistics\/wp-json\/wp\/v2\/tags?post=5442"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}