YAHOO! "Will be right back..." page

February 5, 2018 #random #webdev #disasterrecovery #architecture

Today in an Architecture Strategy and Planning meeting, we were talking about a “Maintenance Mode” page that would indicate when our application was down (for planned or unplanned outages).  As fate would have it, I happened to see the YAHOO! version of this page moments later and was able to take a screenshot.

YAHOO! Will be right back...

The corresponding HTML source is an “interesting” read as it supports multiple hostnames and languages (English, Spanish).  It also generates a dynamic image src, likely as a “ping” to track information about affected users.

<html lang="en-us"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimal-ui">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
html {
    height: 100%;
body {
    background: #fafafc url( 50% 50%;
    background-size: cover;
    height: 100%;
    text-align: center;
    font: 300 18px "helvetica neue", helvetica, verdana, tahoma, arial, sans-serif;
table {
    height: 100%;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    border: none;
h1 {
    font-size: 42px;
    font-weight: 400;
    color: #400090;
p {
    color: #1A1A1A;
#message-1 {
    font-weight: bold;
    margin: 0;
#message-2 {
    display: inline-block;
    *display: inline;
    zoom: 1;
    max-width: 17em;
    _width: 17em;
#spanishContent {
    display: none;
  document.write('<img src="//'+new Date().getTime()+'&err_url='+encodeURIComponent(document.URL)+'&err=502&test='+encodeURIComponent('-')+'" width="0px" height="0px"/>');
</script><style></style></head><body><img src="//;t=1517852144181&amp;;err=502&amp;test=-" width="0px" height="0px" hidden="" style="display: none !important;">

<!-- status code : 502 -->
<!-- Could Not Connect -->
<!-- host machine: -->
<!-- timestamp: 1517852082.999 -->
<!-- url:>
    <div id="englishContent">
        <script type="text/javascript">
        if (window.location.hostname==''){
            document.write('<img src="" alt="AT&T">');
            document.write('<img src="" alt="Yahoo Logo">');
        </script><img src="" alt="Yahoo Logo"> 
        <h1 style="margin-top:20px;">Will be right back...</h1>
        <p id="message-1">Thank you for your patience.</p>
        <p id="message-2">Our engineers are working quickly to resolve the issue.</p>
    <div id="spanishContent"> 
        <img src="" alt="AT&amp;T En Vivo" style="max-width:310px">
        <h1 style="margin-top:20px;">Volvemos enseguida…</h1>
        <p id="message-1">Gracias por tu paciencia.</p>
        <p id="message-2">Nuestros ingenieros están trabajando rápidamente para resolver el problema.</p>
    <script type="text/javascript">
    if (window.location.hostname==''){
        document.getElementById('englishContent').style.display = 'none';
        document.getElementById('spanishContent').style.display = 'block';


Kevin Hakanson

Multi-Cloud Certified Architect | DevSecOps | AppSec | Web Platform | Speaker | Learner | Builder
Twitter | LinkedIn | GitHub | Stack Overflow | Credly

© 2024 Kevin Hakanson (built with Gatsby)