On occasion of our anniversary celebrations, we offered some cheese boards a while back. If you were late for that, though, no sweat! You’re just in time for another limited edition super special swag contest!

This is the bit where you go It’s about time, isn’t it?” To which I’ll reply with “well... yes, it is about time! How d’you guess?!?”

So, if you want one of these with our logo on it:

enter image description here

...then all you need to do is something in which time is the centerpiece! As happened last time around, puns are encouraged, obviously.

You can:

  • Build a time-machine (ok, it doesn’t need to be functional).
  • Write a song or a poem about time (hopefully, something a bit more cheerful than what Pink Floyd did).
  • List a few things you'd drop into a time capsule — either to be used as they usually are, or... to be sent to the past with your time-machine?
  • Write the story of a life-time.

...or anything else you can find the time to do... in time before the deadline. The top 25 entries, as calculated by net upvotes received (not aggregate score, down-voting won't help you win!) will receive this timely package. Whatever it is, you have to be able to submit it as an answer to this question. Links to videos are accepted, however they must be of your own creation and the video must remain available. If either stops being true, your submission will be removed. Also, any code or work of art produced must also be of your own creation.

So, as with the previous context, any format you can think of is allowed: text, images, crayons on newspaper, LEGO, popsicle sticks — as long as you make it temporal... or I guess intemporal or timeless stuff are also accepted...? Anyway, you get the gist!

The Rules

  1. You can post as many entries as you want in good faith as long as they are in line with our terms of service, acceptable use policy and code of conduct. This is also a reminder that all user-contributed content falls under our CC-BY-SA 3.0 license.

  2. Contest is open from 2018-11-27 to 2018-12-27, final entry must be received at or prior to 23:59:59 UTC on the last day. Contest will then be locked for historical reference.

  3. Employees are eligible.

  4. You must be a user in good standing on Meta Stack Exchange during the entirety of the contest, or your entry may be disqualified. Let's have some good, clean fun.

  5. Winners will be notified via email within 10 days of the contest closing. As we will be ordering these based on demand (they're not cheap!), you'll need to allow approximately 30 days for delivery. You'll need to provide us your shipping information privately, in accordance with our privacy policy.

  6. If you win but don't care for watches, we'll give you a selection of other items of approximate value. We want you to enjoy the prize.

  7. Void where contests are prohibited.

Get to it! Time is of the essence!

Special note for new Meta users

Due to a technical issue, any answer submitted by a new user will cause the question to be automatically protected. If you make a submission here, please consider one of the steps here to request unprotection, to prevent problems for the next new user.

If you'd like to submit an answer and the question is protected, you can follow one of the steps linked above to request unprotection. This contest is open to new users; the fact that it may be protected is purely due to the way the system is currently implemented.

  • 36
    Phew - posted just in time! – Tim Post Nov 27 at 16:23
  • 34
    entry to be completed in 6-8 weeks – Glorfindel Nov 27 at 16:27
  • 9
    @rene You could build a time machine out of socks if you really wanted to. – Tim Post Nov 27 at 16:31
  • 23
    I don't know if i have time for this... – Pikoh Nov 27 at 16:32
  • 64
    @TimPost Requesting a name change to Time Post. – Rand al'Thor Nov 27 at 16:32
  • 17
    Umm... watch your comments, y'all! – Shadow Wizard Nov 27 at 16:36
  • 18
    All these puns make me wanna clock someone – Erin B Nov 27 at 16:39
  • 7
    Can anyone do something with Jon Skeet's most upvoted answer? – Chair Nov 27 at 17:05
  • 10
    I don't know why this was not posted yet: winterbash2018.stackexchange.com – MEE Nov 27 at 18:04
  • 3
    If you think you can read this thread without coming across time puns, you're going to have a bad time. – Zach Saucier Nov 27 at 18:28
  • 2
    @TimPost by the way, do you have time to make a progress on HNQ matters? – gnat Nov 27 at 21:54
  • 45
    I find these contests very nice. However, the answers shoulds be displayed ramdonly, otherwise you are privileging those who got here first and those who have already received lots of votes, since I dont think everybody would check all pages to see what was sent...=( – carla Nov 28 at 1:19
  • 6
    I really don't have the time for this. – Dragonthoughts Nov 28 at 12:49
  • 5
    Clarified the post to explicitly call out for original stuff, @Mari-LouA; thought it was clear enough, but I guess making it outright explicit doesn't hurt :) – JNat Nov 28 at 14:09
  • 12
    The hours on the "swag" go 1, 1, 1, 4, 5, 6... That's a weird watch! – Cris Luengo Nov 29 at 7:06

129 Answers 129

Here's a clock that will never overflow, the Stack Overflow Binary Clock™:

Stack Overflow Clock

This is basically a binary clock based on the Stack Overflow logo. This clock is ideal for all programmers, because (a) we speak binary and (b) it uses the Stack Overflow logo.

I wrote the code myself using RxJS, since reactive programming is hot nowadays. The snippet can be found below:

const { from, interval } = rxjs;
const { map, switchMap } = rxjs.operators;

const extract = {
  hour: date => date.format('HH'),
  minute: date => date.format('mm'),
  second: date => date.format('ss')
};

interval(1000)
  .pipe(
    map(_ => moment()),
    switchMap(getDigits),
    switchMap(getDigit),
    map(getBinary),
    switchMap(getBinaryDigits))
  .subscribe(showBar);


function getDigits(date) {
  return from(Object.entries(extract)).pipe(
    map(([type, digits]) => ({type, value: digits(date)}))
  );
}

function getDigit({type, value}) {
  return from(value.split('')).pipe(
    map((digit, index) => ({type, index, digit}))
  );
}

function getBinary({type, index, digit}) {
  const binary = parseInt(digit).toString(2);
  return {type, index, binary: '0000'.substr(binary.length) + binary};
}

function getBinaryDigits({type, index, binary}) {
  return from(binary.split('')).pipe(
    map((digit, binaryIndex) => ({type, index, digit, binaryIndex}))
  );
}

function showBar({type, index, binaryIndex, digit}) {
  const classList = document
    .getElementById(type)
    .querySelectorAll('.stack')
    .item(index)
    .querySelectorAll('.bar')
    .item(binaryIndex)
    .classList;
  digit == '0' ? classList.remove('active') : classList.add('active');
}
.part {
  padding-bottom: 28px;
  position: relative;
  display: inline-block;
}
.part > h1 {
  position: absolute;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
}

.stack {
  position: relative;
  width: 40px;
  box-sizing: border-box;
  list-style-type: none;
  margin: 0;
  padding: 7px;
  display: inline-block;
}
.stack::after {
  content: '';
  border: solid 4px #BCBBBB;
  border-top: none;
  display: block;
  position: absolute;
  height: 10px;
  bottom: 0;
  left: 0;
  right: 0;
}
.stack > .bar {
  background-color: #BCBBBB;
  width: 100%;
  margin-top: 3px;
  height: 4px;
}
.stack > .bar.active {
  background-color: #F48023;
}
<div id="clock">
  <div class="part" id="hour">
    <h1>Hour</h1>
    <ul class="stack">
      <li class="bar"></li>
      <li class="bar"></li>
      <li class="bar"></li>
      <li class="bar"></li>
    </ul>
    <ul class="stack">
      <li class="bar"></li>
      <li class="bar"></li>
      <li class="bar"></li>
      <li class="bar"></li>
    </ul>
  </div>
  <div class="part" id="minute">
    <h1>Minute</h1>
    <ul class="stack">
      <li class="bar"></li>
      <li class="bar"></li>
      <li class="bar"></li>
      <li class="bar"></li>
    </ul>
    <ul class="stack">
      <li class="bar"></li>
      <li class="bar"></li>
      <li class="bar"></li>
      <li class="bar"></li>
    </ul>
  </div>
  <div class="part" id="second">
    <h1>Second</h1>
    <ul class="stack">
      <li class="bar"></li>
      <li class="bar"></li>
      <li class="bar"></li>
      <li class="bar"></li>
    </ul>
    <ul class="stack">
      <li class="bar"></li>
      <li class="bar"></li>
      <li class="bar"></li>
      <li class="bar"></li>
    </ul>
  </div>
</div>

<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/rxjs/6.3.3/rxjs.umd.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js"></script>

I originally wrote this on Codepen, where I used SCSS in stead of regular CSS. If you're interested in that stuff, you can find it here.

Disclaimer: I cannot be held responsible for any lost time caused by watching the stacks slowly fill up.

  • 17
    WOW, that's awsome! Though to much effort to read. – Wernerson Nov 28 at 10:49
  • 8
    Someone told me he thought it was weird that a binary clock converts the individual decimal digits to binary, so that's why I made a full binary version as well, which can be found here. – g00glen00b Nov 28 at 13:12
  • 8
    @g00glen00b This is so great! I think that the form of the clock in your post, i.e. individual decimal digits, it's called Binary coded decimal mode and it's how the binary clock usually looks like. The main reason is that it's much easier to convert smaller amount of bits. For the first hour digit, you need just 2 bits, for the first digits of minutes and seconds 3 bits and for all second digits 4 bits. So you can even improve it by removing unnecessary bits. – Dawid Ferenczy Nov 28 at 17:20
  • 6
    Also, it'd be really cool to have a slightly more malicious clock, one that each segment with just one bit too few to display the full range, so it did overflow. And, then an indicator that it was in overflow like a background change for that segment of the clock. Then we could watch our clock overflow on Stack Overflow. – Evan Carroll Nov 28 at 19:39
  • 24
    Rotated version – a stone arachnid Nov 29 at 0:03
  • 5
    ... and can we have this implemented as a wind-up mechanical watch, please. (Minor feature request.) – Nick Alexeev Nov 29 at 5:59
  • 1
    @raviraja Good thing I never said it is the Stack Overflow logo. With some imagination you could even argue that this clock has one bar less because the 5th bar in the logo causes the overflow, and this clock never overflows! – g00glen00b Nov 29 at 6:53
  • 3
    @astonearachnid Nice! I was thinking about rotating them myself, but then I thought it would make it more difficult to read so I discarded that idea, but it looks like I was wrong, it's readable and looks great. – g00glen00b Nov 29 at 7:38
  • 2
    LOL! I can't understand how to read the time. It will be more better if you explain that how read the time. – Black Thunder Nov 29 at 13:32
  • 2
    @BlackThunder The Wikipedia article I linked does explain that. Each "stack" is one digit, and each bar represents a bit, starting from the top. That means that in the screenshot, the stacks are 0001, 0000, 0010, 0111, 0001, 0100. In decimals, that's equal to 1, 0, 2, 7, 1, 4 or 10:27:14. Also be aware that the clock uses 24h-format. – g00glen00b Nov 29 at 14:25
  • 6
    This clock should be included in the design of the site, this would finally be something useful to put in the left sidebar! – samcarter Nov 30 at 17:27
  • 2
    This. This is epic. – Barry Chapman Dec 1 at 4:14
  • 1
    The original is fabulous & so is @astonearachnid's yet when I saw the original I thought, why not show the stacks overlflow--with leftward logos? – philipxy Dec 1 at 11:31
  • 1
    @samcarter I made a userscript to put the clock in the sidebar: stackapps.com/q/8137/54539 – a stone arachnid Dec 1 at 17:01
  • 1
    @astonearachnid Oh wow! This is awesome! You finally gave me a reason not to hide the sidebar! – samcarter Dec 1 at 17:10

Evan-Amos [CC0], from Wikimedia Commons

enter image description here

  • 8
    This is SO hilarious! – Redwolf Programs Nov 27 at 23:34
  • 72
    Migrate to Seasoned Advice. – Catija Nov 28 at 0:16
  • 2
    'Tis the season! – S Jade Nov 28 at 2:16
  • 96
    Clarification for non-native speakers (including me) or non-cooking aficionados: the herb in the picture is Thyme, which is pronounced similarly to 'time'. – Glorfindel Nov 28 at 7:47
  • 8
    @Glorfindel don't spoil the joke :( Isn't there a spoiler alert available for comments? – Mari-Lou A Nov 28 at 12:22
  • 13
    @Mari-LouA Well, to like and/or upvote this post, readers have to understand the point first. I'm sure that, at least in my case, I would never even recognize the herb on the picture... So without the spoiler in the comment, I guess this post would lose many potential upvotes. – Dawid Ferenczy Nov 28 at 17:11
  • 4
    this lacks parsley, sage and rosemary ... to complete the bouquet. very nice idea – Patrick Artner Nov 28 at 17:42
  • 3
    @PatrickArtner : for the millenials, are we talking about Simon & Timefunkel ?^^ – OldPadawan Nov 28 at 19:18
  • 1
    @OldPadawan They got a nice interpretation of it, yes Scarborough Fair is a bit older though. – Patrick Artner Nov 28 at 19:46
  • 1
    @OldPadawan Pretty sure that song has been around for much more time than Simon and Garfunkel's version. – reirab Nov 28 at 21:33
  • @reirab : probably, but *ti i i i me is on my siiiiide..." :D – OldPadawan Nov 28 at 21:36
  • 8
    'Tis the seasoning! – Dennis Williamson Nov 28 at 21:43
  • 2
    @Mari-LouA well, Glorfindel was a lifesaver, because I thought the picture was of marijuana (and obviously was confused about how that has anything to do with time). xD xD – Ishita Sinha Nov 29 at 11:27
  • @IshitaSinha #1 There's a motto that says never reveal a magician's trick. Part of the fun is knowing that not everybody gets it. Today with Google image – Mari-Lou A Nov 29 at 11:50
  • #2 (really long url!) it's easy enough to find out the name of this plant/herb. – Mari-Lou A Nov 29 at 11:50

Behold: stackoverflow's famous feature countdown clock!

feature countdown

  • 3
    I like how you think. – Evan Carroll Nov 28 at 19:43
  • That's a really funny idea! It's remarkable, comparing your success and my efforts, how different success can be. Especially with your humor, it's sometimes the "smaller" things that are more engaging, than larger projects. – fameman Dec 3 at 18:18

It's closing time.

  • "This question belongs to another time era. Seriously, go out, hang out with younger people, evolve, and stop sounding like an grumpy elderly person." – Pac0 Nov 30 at 8:03

Perhaps it would be prudent at the end of this, the Stack Overflow Decade, to look back into the mists of time to see what was seen by those who came before.

And so, I give you:

A Visual Retrospective

With great thanks to archive.org.

Now, in the time before time, when the great barren chaos ocean of the Internet heaved up HTTP Response 302 - http://www.mozquito.org. stackoverflow.com began the Two Thousand Aughts as a found redirect (capture 2000/03/01).

Then, sometime in 2004 (it appears), the domain went to a speculator and remained for sale until 2008 rolled around and

A Miracle Occurred

A cryptic message and the clock nearly began to tick. (capture 2008/07/03)▼

I think you should be more explicit here in step two.

A couple of months later and pop, the first SO logo and site. Unfortunately, archive.org is missing the CSS and a majority of images from that time. (capture 2008/09/15)▼

SO Logo 2008/09/15

We finally get a good shot in 2009. (capture 2009/07/02)▼

2009 SO Screenshot

Careers appears in 2010. (capture 2010-07-30)▼

2010 SO Screenshot

February 26, 2011 looks like some network connectivity issues were to be expected. Hiding behind that yellow banner is a Stack Exchange link. (capture 2011-02-26)▼

2011 SO Screenshot

Hello Stack Exchange, chat, meta and Server Fault. (capture 2011-07-18)▼

2011, July SO Screenshot

Usage of the Community Bulletin: 2012 Community Moderator Election was ending soon. (capture 2012-06-15)▼

2012 SO Screenshot

In very tangentially referencing Web 2.0 form, careers 2.0 appears later in 2012.
More version = More better. (capture 2012-11-15)▼

2012, November SO Screenshot

First appearance of the site introduction banner along with a sign up link on the menu bar. Chat, meta, about and faq disappear from the menu bar. (capture 2013-06-14)▼

2013 SO Screenshot

At last: my favorite capture. The stylish, black menu bar and ombre Stack Exchange logo appears. We find tour and help appear in the menu bar as well. However the best aspect is the new Hot Network Questions section where someone on Stack Overflow has asked http://stackoverflow.com/questions/21781436/why-is-this-private-member-accessible - a double entendre which must be seen in context to be believed. (capture 2014-02-15)▼

2014 SO Screenshot

In early 2015 our split Question/Tags/Users/Badges button section joined the Ask Question button in aligning right. careers 2.0 finally tried to gain some cache by rebranding using the Stack Overflow name.

Edit: And, as mentioned by Armatus in the comments, note the Stack Overflow logo reduction of size and also angle of stack elements - with the highest element going to something like 55° from 80°. As a result of that investigation, I noticed that the sprite sheet for the site changed: old vs new. (capture 2015-02-01)▼

2015, February SO Screenshot

10,000,000 questions! (capture 2015-09-01)▼

2015, September SO Screenshot

Let the notifications commence! The Inbox and Recent Achivements icons arrive in the menu bar (another sprite sheet). (capture 2015-10-14)▼

2015, October SO Screenshot

stack overflow careers departs the menu bar to become a gray Jobs button. The Unaswered button departs. Consider that at this point we're quantifying that Stack Overflow is composed of over 4.7 million programmers. (capture 2016-01-31)▼

2016, February SO Screenshot

The Developer Story + Documentation Beta. (capture 2016-10-31)▼

2016, October SO Screenshot

Beginning in 2016 we were 4.7 million programmers. A year later we have grown to 6.6 million. (capture 2017-02-01)▼

2017, February SO Screenshot

April Fools, 2017. Internet security continues to be a joke. The gray button bar is absorbed into a shaken up menu bar. Stack Exchange is conspicuously missing from the top. (capture 2017-04-01)▼

2017, April SO Screenshot

So in February 2017 we were a community of 6.6 million programmers. By September, someone decided to loosen the definitions a bit and include visiting developers which tops us out at 50 million site users per month. This likely has something to do with courting business directly: "Stack Overflow Business Solutions: Looking to understand, engage, or hire developers?". Learn more why don't you!? DocumentationBeta has gone and Jobs -> Developer Jobs. (capture 2017-09-30)▼

2017, September SO Screenshot

We've captured the second annual Developer's Survey here and entered the modern era. (capture 2018-01-14)▼

2018, January SO Screenshot

Circa the beginning of this question, Stack Overflow Teams peeks it's head out with Slack integration. The top menu is de-cluttered by the addition of a side menu - I think this is configurable as mine is shown as a hamburger menu next to the Stack Overflow logo. (capture 2018-11-27)▼

2018, November 27 SO Screenshot

(and more as I have time)

  • 57
    200 million dollars of development later and we got ad box on the right and they moved from a cloud to a vertical list. – Evan Carroll Nov 27 at 19:19
  • 3
    Ah dangit I was thinking of putting one of these together today. +1 to you. – SOLO Nov 28 at 15:09
  • 4
    @EvanCarroll Please don't ignore that some of that money must've gone into reducing that overflow by 16.7% judging by the logo. – Armatus Nov 28 at 18:14
  • 2
    StackOverflooooooow – loa_in_ Nov 29 at 17:36
  • 1
    This is awesome! – Courtny Dec 4 at 0:45
  • 3
    I remember making those changes. Sometimes I'd sneak in subtle CSS changes hoping no one would notice. But Meta notices.. Meta sees everything. Good times. – Jin Dec 6 at 23:03

I'm resurrecting the creation I made quite some time ago for an answer to a PPCG post, as it seems quite a good fit to this celebration.

It is a digital clock design made on Conway's Game of Life (you know, with gliders and stuff).

Here is what ot looks like:

enter image description here

You can run the simulation and get the details of the design from here. Take the time to watch this, it's mesmerizing.

Now, I'll tell you the big secret about it: I actually built a time machine in 2017. I used it to jump one year and a half later, and saw this post. I thought: "Boy, do I want this watch.", so I went back in 2017 and made the post on PPCG so that I could refer to it when this celebration starts.

And the best part about it: The digital clock you're seeing is actually a part of the time machine. The whole machine is entirely built with Game of Life, and this is the time metering component. Unfortunately, I can't disclose the whole time machine design here, the world is not ready for that (besides, the license of the GoL-emulated flux capacitor is incompatible with the CC-BY-SA license).

  • Very nice, but is this your own doing? If not I'm afraid just taking someone else work isn't really fair. – Shadow Wizard Nov 29 at 10:34
  • 9
    @ShadowWizard Well, of course it is. This answer on PPCG was originally made by me, and I spent quite some time to design it, originally. What makes you think it's not? I'm.... I'm actually offended. Damn... Usually, only my wife manages to do that. Are you my wife? – dim Nov 29 at 10:38
  • 2
    rofl... well I was too lazy to click the link and too irritated with crappy answers here. Kudos, and well done! (And sure, I'm your wife! Now I'm mad at you for not being able to tell that before! ;)) – Shadow Wizard Nov 29 at 10:42

A time machine, you say? Well how convenient. I just so happen to have found one of those lying around this morning... and a sea unicorn, whose friend is missing somewhere in the depths of time! Sounds like a rescue mission is in order...

In he goes. It's not going to be an easy mission.

After much waiting...

and waiting...

and whirring and clunking and POP! One by one (this is a one-narwhal time machine, of course), they're back!

Oh dear. He doesn't look happy. I think the trip left him feeling a little... green.

Both back safely! No missing body parts, fortunately... we'll have to see about their memories later.

Reunited at last!

  • If Stack Exchange used the original photos and turned it into a children's book, it would become a best seller! Well done! – Mari-Lou A Nov 27 at 19:09
  • @Mari-LouA Is that allowed under CC-by-SA? ;-) – Rand al'Thor Nov 27 at 19:32
  • 1
    Is that a squiddle? – Erin B Nov 27 at 19:38
  • Certainly would be, @Randal'Thor – ArtOfCode Nov 27 at 20:04
  • @ErinB It's a narwhal and an octopus :) – ArtOfCode Nov 27 at 20:04
  • 3
    💚💙💖 Squidge & Spike. – Catija Nov 28 at 0:15
  • 5
    Blub blub, blub blub blub blub? Blub blub. Blub blub, blub! – tripleee Nov 28 at 6:09

What about an ASCII-art Big Ben?

enter image description here

Or, more realistically...

                                                                                                                  |
                                                                                                                  |
                                                                                                                  |
                                                                                                                  |
                                                                                                                  |
                                                                                                                  | 
                                                                                                                  |
                                                                                                                 |||
                                                                                                                 /:\
                                                                                                                 /:\
                                                                                                                 /:\
                                                                                                                 /:\
                                                                                                                 /:\
                                                                                                                 /:\
                                                                                                                /:::\
                                                                                                            |  /:::::\   |
                                                                                                            | /:::::::\  |
                                                                                                           |l/:::::::::\ l
                                                                                                           |/:::::::::::\l
                                                                                                           MNMNMNMNMNMNMNM
                                                                                                           WWWWWWWWWWWWWWW
                                                                                                           MWMWMWMWMWMWMWM
                                                                                                          | | | | | | | | |   
                                                                                                          | | | | | | | | |   
                                                                                                          MMMMMMMMMMMMMMMMl
                                                                                                          //:::::::::::::\\
                                                                                                      |  //:::::::::::::::\\    |
                                                                                                      | //:::::::::::::::::\\   l
                                                                                                      l//:::::::::::::::::::\\  Hl
                                                                                                    | //:::::::::::::::::::::\\ HH
                                                                                                    |//:::::::::::::::::::::::\\WW
                                                                                                    H||..W..W..W..W..W..W..W..W.||
                                                                                                    H||...M..M..M..M..M..M..M..M| |
                                                                                                    H||...H..H..H..H..H..H..H..H|\|
                                                                                                    H||...H..H..H..H..H..H..H..H| |
                                                                                                    H||...WWWWWWWWWWWWWWWWWW...||H\|
                                                                                                 ///H||...........____.........||\\\
                                                                                                ||||H||...     /   |    \     .|||||
                                                                                                ||||H||...   /     |      \   .|||||
                                                                                                ||||H||...  /      |       \  .|||||
                                                                                                ||||H||... /       |        \ .|||||
                                                                                                ||||H||...|    ----o         |.|||||
                                                                                                ||||H||... \                / .|||||
                                                                                                ||||H||...   \            /   .|||||
                                                                                                ||||H||...     \ ______ /     .|||||
                                                                                                ||||H||........................|||||
                                                                                                ||||||M|M|M|M|M|M|M|M|M|M|M|M|M|||||
                                                                                                ||||||H|H|H|H|H|H|H|H|H|H|H|H|H|H|||
                                                                                                 |||||............................||
                                                                                                 ||||._._._._._._._._._._._._._._._/
                                                                                                  |/.|.|.|.|.|.|.|.|.|.|.|.|.|.|.||
                                                                                                  |||.|.|.|.|.|.|.|.|.|.|.|.|.|.|||
                                                                                                  ||.|.|.|.|.|.|.|.|.|.|.|.|.|.|.||
                                                                                                  |||.|.|.|.|.|.|.|.|.|.|.|.|.|.|||
                                                                                                  |||.|.|.|.|.|.|.|.|.|.|.|.|.|.|||
                                                                                                  ||.|.|.|.|.|.|.|.|.|.|.|.|.|.|.||
                                                                                                  |||.|.|.|.|.|.|.|.|.|.|.|.|.|.|||
                                                                                                  |||.|.|.|.|.|.|.|.|.|.|.|.|.|.|||
                                                                                                  ||.|.|.|.|.|.|.|.|.|.|.|.|.|.|.||
                                                                                                  |||.|.|.|.|.|.|.|.|.|.|.|.|.|.|||
                                                                                                  |||.|.|.|.|.|.|.|.|.|.|.|.|.|.|||
                                                                                                  ||.|.|.|.|.|.|.|.|.|.|.|.|.|.|.||
                                                                                                  \\_-_-_-_-_-_-_-_-_-_-_-_-_-_-_//
                                                                                                  |||.|.|.|.|.|.|.|.|.|.|.|.|.|.|||
                                                                                                  |||.|.|.|.|.|.|.|.|.|.|.|.|.|.|||
                                                                                                  ||.|.|.|.|.|.|.|.|.|.|.|.|.|.|.||
                                                                                                  |||.|.|.|.|.|.|.|.|.|.|.|.|.|.|||
                                                                                                  |||.|.|.|.|.|.|.|.|.|.|.|.|.|.|||
                                                                                                  ||.|.|.|.|.|.|.|.|.|.|.|.|.|.|.||
                                                                                                  |||.|.|.|.|.|.|.|.|.|.|.|.|.|.|||
                                                                                                  |||.|.|.|.|.|.|.|.|.|.|.|.|.|.|||
                                                                                                  ||.|.|.|.|.|.|.|.|.|.|.|.|.|.|.||
                                                                                                  |||.|.|.|.|.|.|.|.|.|.|.|.|.|.|||
                                                                                                  |||.|.|.|.|.|.|.|.|.|.|.|.|.|.|||
                                                                                                  \\_-_-_-_-_-_-_-_-_-_-_-_-_-_-_//
                                                                                                  ||.|.|.|.|.|.|.|.|.|.|.|.|.|.|.||
                                                                                                  |||.|.|.|.|.|.|.|.|.|.|.|.|.|.|||
                                                                                                  |||.|.|.|.|.|.|.|.|.|.|.|.|.|.|||
                                                                                                  ||.|.|.|.|.|.|.|.|.|.|.|.|.|.|.||
                                                                                                  |||.|.|.|.|.|.|.|.|.|.|.|.|.|.|||
                                                                                                  |||.|.|.|.|.|.|.|.|.|.|.|.|.|.|||
                                                                                                  ||.|.|.|.|.|.|.|.|.|.|.|.|.|.|.||
                                                                                                  |||.|.|.|.|.|.|.|.|.|.|.|.|.|.|||
                                                                                                  |||.|.|.|.|.|.|.|.|.|.|.|.|.|.|||
                                                                                                  ||.|.|.|.|.|.|.|.|.|.|.|.|.|.|.||
                                                                                                  |||.|.|.|.|.|.|.|.|.|.|.|.|.|.|||
 .                                                                                                \\_-_-_-_-_-_-_-_-_-_-_-_-_-_-_//
   ‘   ..                                                                                         ||.|.|.|.|.|.|.|.|.|.|.|.|.|.|.||
           .....                                                                                  |||.|.|.|.|.|.|.|.|.|.|.|.|.|.|||
            . .............. ,                                                                    |||.|.|.|.|.|.|.|.|.|.|.|.|.|.|||
                 ....................  . ..     .                                                 ||.|.|.|.|.|.|.|.|.|.|.|.|.|.|.||
                 ..,   ............................ .   .                                         |||.|.|.|.|.|.|.|.|.|.|.|.|.|.|||
                   - ........................................                                     |||.|.|.|.|.|.|.|.|.|.|.|.|.|.|||
                         .........................................                                ||.|.|.|.|.|.|.|.|.|.|.|.|.|.|.||
                               .........................................                          |||.|.|.|.|.|.|.|.|.|.|.|.|.|.|||
                                       .......................................                    |||.|.|.|.|.|.|.|.|.|.|.|.|.|.|||
                                              ......................................              ||.|.|.|.|.|.|.|.|.|.|.|.|.|.|.||
                                                    ........................................______|||.|.|.|.|.|.|.|.|.|.|.|.|.|.|||
                                                           .............................../,,,,\III\ |.|.|.|.|.|.|.|.|.|.|.|.|.|.||_
                                                                   ....................../,,,,,,,, |IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII\\_
                                                                          ............./,,,,,,,,,,,,,\-------------------------------------\
                                                                                 .....<,,,,,,,,,,,,,,/,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,\
                                                                                      . \,,,,,,,,,,,/,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,\
                                                                                          \,,,,,,,,/,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,\
                                                                                            \,,,,,/,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,\
                                                                                              \,,,|,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,\
                                                                                                \,/,,,,,,,,,,,,,_________________________________/ 

(You can probably tell that very little of that was rendered by my makeshift ASCII art creator)

  • Ooh, did you make this yourself? – Rand al'Thor Nov 27 at 17:14
  • 3
    @Randal'Thor Some of it. I have a pretty bad script which I made a couple of years back, so I first threw a big ben through that and then I modified it a bit. The clock, the shadow, and the periodic what-do-you-call-thems in the middle are manually done. I was thinking of adding the script here but the algorithm is sloppy as hell and the number of violations of PEP8 are embarrassing. Also, it's really slow, which makes it highly unsuitable for this competition :P – Chair Nov 27 at 17:16
  • 6
    This is pretty, but what does it have to do with Stack Overflow/Exchange? – SOLO Nov 27 at 17:19
  • 8
    @SOLO Come on, ASCII art is fabulous! And half of that was made with my rudimentary image processing skills (though my modifications were probably cheating but meh). – Chair Nov 27 at 17:21
  • 2
    @Chair actually the cheating was with the generation. Your modifications (to whatever degree they occurred) are the only part that isn't cheating. Check out this site for real ASCII art, asciiart.website/index.php?art=objects/clocks – Evan Carroll Nov 27 at 17:49
  • @SOLO: Only time will tell, but it used to be a time-honoured tradition here: <kbd> elements are way too intrusive – Peter Mortensen Nov 27 at 18:57
  • @PeterMortensen haha, I'm well aware of the <kbd> castles and other art. (I'm not as new as the date in my profile might suggest.) But those were memes born of meta, whereas this is an entry in a Stack Exchange anniversary contest that has no apparent connection to the company or any site. For what it's worth, I had the same complaint about several of the entries in the previous contest, the cheese-themed one, as well. – SOLO Nov 27 at 19:38
  • I object - that's not what Big Ben looks like. This is what it looks like (as of this year, and until ~2021, it seems). – E.P. Nov 27 at 22:20
  • 7
    @E.P. Well... A pedant might point out that Big Ben is actually the bell inside the Elizabeth Tower. In other words, Big Ben looks like this: bit.ly/2PYyiqq – Tom Wright Nov 28 at 3:46
  • @TomWright Gaah I don't like URL shorteners. My school blocks them. – Chair Nov 28 at 3:51
  • @Chair Sorry about that. SO mangled Wikipedia's URL format when I tried it unshortened. If it's any consolation, it's just a picture of a big metal bell. – Tom Wright Nov 28 at 4:07
  • @Chair Use this direct to Wikipedia link (it first goes to the host page, then flips to the image). But either way, Tom is (W)right ... Big Ben is the bell. – TripeHound Nov 28 at 10:41
up vote 47 down vote
+250

It's time for chrono-ception!

Chronos is the God of time in Greek Mythology in the pre-Socratic era. Since I am also in the pre-Socratic badge era, I thought I should pay my tribute to Chronos:

enter image description here

For, that I used this ASCII art to get a picture of Chronos itself, and then measure the time needed for C++ to display that image in the browser with the standard chrono library, like this:

#include <iostream>
#include <ctime>
#include <ratio>
#include <chrono>
#include <windows.h>

int main(void) {
    using namespace std::chrono;

    high_resolution_clock::time_point t1 = high_resolution_clock::now();

    ShellExecute(NULL, "open", "https://gsamaras.files.wordpress.com/2018/11/chronosgodascii.png", NULL, NULL, SW_SHOWNORMAL);

    high_resolution_clock::time_point t2 = high_resolution_clock::now();

    duration<double> time_span = duration_cast<duration<double>>(t2 - t1);

    std::cout << "Chronos needed to show you Chronos, was " << time_span.count() << " seconds." << std::endl;

    return 0;
}

Output:

Chronos needed to show you Chronos, was 0.53636 seconds.

enter image description here

PS: For Linux, you would do ::system("xdg-open https://gsamaras.files.wordpress.com/2018/11/chronosgod.png");, but there is no portable open function...

Easter Egg: The Linux version uses a different Chronos this time!

  • 1
    Very interesting :) – Nikolas Nov 28 at 12:35
  • Glad you liked it @Nikolas, I am only wondering if chose a good image for Chronos.. I am wondering whether he has an item or a pose that will distinguish him from the rest, or not. For example, Poseidon has the Trident, Zeus the Lighting, and so on... 🔱 ⚡ – gsamaras Nov 28 at 12:40
  • 1
    As far as I have seen, Chronos' symbols are Harvesting Scythe and Zodiac Wheel. The second one might be relevant. – Nikolas Nov 28 at 12:43
  • @Nikolas the Zodiac Wheel seems relevant indeed! I couldn't find any good image with it, but if I have time, I will search again in the weekend, thanks! – gsamaras Nov 28 at 12:49
  • 1
    @gsamaras really nice ! – Christos Nov 28 at 14:28
  • 1
    @Christos chrono-ception!! – gsamaras Nov 28 at 14:30
  • 1
    Nice one @gsamaras – pavlos Nov 28 at 14:58
  • 1
    Gogo (!golang) chrono-ception; God of time dives into the Matrix! – Christos Lytras Nov 28 at 18:56
  • 2
    ChristosLytras I hope he timed his dive though! @Aristos yes! My name is Yorgos and the surname Samaras, which might be the most common name and surname in Greece, I believe! ;) – gsamaras Nov 28 at 20:11
  • 1
    Did somebody say pre-Socratic? – anaximander Nov 29 at 9:40
  • 1
    @gsamaras It is indeed. – anaximander Nov 29 at 9:45
  • 1
    Anaximander was also the first philosopher (as far as records survive) to state that the Earth floated free in space, without being supported by anything. He also suggested that the Sun might actually be very large, and only looks small because it is very far away. – anaximander Nov 29 at 10:00
  • 1
    That's cool, eventually, it didn't took much chronos to show Chronos :) – user425670 Nov 29 at 13:56
  • 1
    Well thought. Good job – Abel Melquiades Callejo Nov 30 at 23:28
  • 1
    That is one heck of an interesting thought process @gsamaras... really interesting... – Rai Dec 6 at 10:29

I've been watching responses come in that use ASCII art and thought it was about time to up the stakes.

Here's an ASCII rendering of the swag, with a difference...

Image of an ASCII art watch

To see the difference, you'll need to paste the whole thing into your favourite online Brainfuck interpreter (this one will do).

I made the tool that does this many, many years ago. I was young. It uses PHP. Please don't judge!

  • 3
    ----[---->+<]>++.[------->+<]>.[->+++<]>.[--->+<]>----.----.--.--------.--[--->+<]>. – gmauch Nov 28 at 13:19
  • [-]>[-]<>++++++++[<++++++++>-]<++++++++.>+++++[<+++++>-]<.>++++[<++++>-]<-..>+++[<+++>-]<.>+++++++++[<--------->-]<--------.>++++[<++++>-]<+.-.>++++++++[<++++++++>-]<++++.>+++[<--->-]<---.>++++++++[<-------->-]<--------.>++++++++[<++++++++>-]<++.>+++[<+++>-]<--.>+++[<+++>-]<.++.>+++[<--->-]<---.----.---.>+++++[<+++++>-]<-.>+++++++++[<--------->-]<--------.>+++++++[<+++++++>-]<++.>++++++[<++++++>-]<---.>++++[<---->-]<---.++.>+++[<+++>-]<-.++++.>+++[<+++>-]<--.>++++[<---->-]<-.>++++[<++++>-]<---.>+++[<--->-]<---.>++[<++>-]<++.+++.>+++[<+++>-]<-.>+++++++++[<--------->-]<----- – Patrick Roberts Nov 28 at 17:51
  • 2
    Upvoted this, but would be interested in seeing ASCII art where the entire image isn't just a giant code comment. – Patrick Roberts Nov 28 at 17:52
  • 1
    @wizzwizz4 I think you're mistaken. Brainfuck does not interpret any characters except for +-<>[],.. If you use a regex to remove all characters except those from the image, you get my comment above which has identical output to running the whole image, demonstrating equivalent functionality. – Patrick Roberts Nov 29 at 22:04
  • 1
    @PatrickRoberts You're right that this just hides the BF code inside BF comment characters. The original point was to do a sort of ASCII stenography. It's hard to see on a big, hi-res image like the one I've used here, but the script will actually try to put the BF characters among similar looking comment characters, so they they're less obvious. – Tom Wright Nov 29 at 22:51
  • @PatrickRoberts Never mind; I thought I saw a row of ]s but it was actually }s... – wizzwizz4 Nov 30 at 7:07

Clock Lobster!

(with apologies/thanks to The B-52's)

lobster 3/4 view

A punctual crustacean alternative to the usual rubber duck, done up in Stack Exchange shades of blue!

lobster top view

There's even a crochet pattern to make your own!

the internet loves kitties, right

Just like StackExchange, it's fun for programmers and non-programmers alike ;)

  • 1
    You never expect these B-52's references, then bam! – chicks Nov 28 at 19:33
  • Who's to blame? – Len Greski Dec 1 at 13:09

I didn't have time to write a proper answer, so I just made a timely list.

on Stack Exchange

Time's up! Did I miss anyone?

I had to use a little javascript to initiate the time, but other than that it's pure CSS.

  • Click "Run code snippet" to see it in action
  • Click and hold the clock to activate the time-machine.

let dt = new Date();
document.querySelector("#second_hand").setAttribute("style", 
  "animation-delay:"+(dt.getSeconds() * -1)+"s"
);
document.querySelector("#minute_hand").setAttribute("style", 
  "animation-delay:"+((dt.getMinutes() * 60 + dt.getSeconds()) * -1)+"s"
);
document.querySelector("#hour_hand").setAttribute("style", 
  "animation-delay:"+(((dt.getHours() > 12 ? dt.getHours() - 12 : dt.getHours()) * 3600 + dt.getMinutes() * 60 + dt.getSeconds()) * -1)+"s"
);
html, body {
  margin: 0;
}

#face {
  width: 94vh;
  height: 94vh;
  background: #2d2928;
  background-image: radial-gradient(#2d2928 0%, #2d2928 55%, #3b393a 55.5%, #3b393a 60%, #2d2928 60.5%, #2d2928 61%, #848389 61.5%, #848389 63%, #201e1f 63.5%);
  box-shadow: 1px 1px 10px rgba(0,0,0,0.5);
  border-radius: 50%;
  position: relative;
  transform: perspective(80vw) rotateY(0deg);
  transform-origin: 50vh;
  transition: transform 1s;
  border: 3vh solid #e17f1a;
  counter-reset: hour;
  font-family: Arial;
  font-size: 4vh;
}

.hand {
  position: absolute;
  width: 2px;
  left: calc(50% - 1px);
  transform: rotateZ(4deg);
  transform-origin: bottom;
  background: #ece8e7;
}

#hour_hand {
  height: 25%;
  top: 25%;
  animation: rotate infinite linear 43200s;
}

#minute_hand {
  height: 35%;
  top: 15%;
  animation: rotate infinite linear 3600s;
}

#second_hand {
  height: 40%;
  top: 10%;
  animation: rotate infinite linear 60s;
}

#water {
  position: absolute;
  font-size: 2.5vh;
  top: 70%;
  text-align: center;
  color: #ece8e7;
  display: flex;
  width: 100%;
  justify-content: center;
}

b {
  position: absolute;
  padding-top: 2px;
  height: calc(50% - 2px);
  left: calc(50% - 12px);
  width: 24px;
  color: #e4e8e9;
  counter-increment: hour;
  transform-origin: bottom;
  display: flex;
  justify-content: center;
}

b:before {
  content: counter(hour);
}

b:nth-child(1) {transform: rotateZ(30deg);}
b:nth-child(2) {transform: rotateZ(60deg);}
b:nth-child(3) {transform: rotateZ(90deg);}
b:nth-child(4) {transform: rotateZ(120deg);}
b:nth-child(5) {transform: rotateZ(150deg);}
b:nth-child(6) {transform: rotateZ(180deg);}
b:nth-child(7) {transform: rotateZ(210deg);}
b:nth-child(8) {transform: rotateZ(240deg);}
b:nth-child(9) {transform: rotateZ(270deg);}
b:nth-child(10) {transform: rotateZ(300deg);}
b:nth-child(11) {transform: rotateZ(330deg);}

#logo {
  font-family: Times New Roman;
  color: #e17f1a;
  position: absolute;
  top: 30%;
  width: 100px;
  text-align: center;
  left: calc(50% - 50px);
  display: flex;
  align-items: center;
  justify-content: center;
}

#logo svg {
  width: 5vh;
}

@keyframes rotate {
  0%   { transform: rotateZ(360deg); }
  100% { transform: rotateZ(720deg); }
}

#face:active {
  transform: perspective(80vw) rotateY(180deg);
}
<div id="face">
  <b></b><b></b><b></b><b></b><b></b><b></b><b></b><b></b><b></b><b></b><b></b><b></b>
  <div id="water">WASHER RESILIENT<br/>QUARTS</div>
  <div id="logo"><svg aria-hidden="true" class="svg-icon native iconLogoSEAlternativeSm" width="5vh" height="5vh" viewBox="0 0 15 15"><g><path d="M2 1h8a2 2 0 0 1 2 2H0c0-1.1.9-2 2-2z" fill="#e17f1a"></path><path d="M0 10h12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm7 2v3l3-3z" fill="#e17f1a"></path><path fill="#e17f1a" d="M0 4h12v2H0z"></path><path fill="#e17f1a" d="M0 7h12v2H0z"></path></g></svg>MSE</div>
  <div class="hand" id="second_hand"></div>
  <div class="hand" id="minute_hand"></div>
  <div class="hand" id="hour_hand"></div>
</div>

  • Your clock even has problems with timezone changes, just like a real watch – Ferrybig Nov 29 at 9:17
  • Thanks for letting me know! By timezone changes, do you mean when you travel across a timezone it does not auto-update the time? I assumed let dt = new Date(); would use the time for your current timezone. – Jonathan Nov 29 at 13:08
  • 6
    Most people poll Date.getseconds every second when they make their clock, making it automatically update if the timezone or the DST changes, you only do it at the start of your code, so while other peoples watches suddenly jump to the new time, your code emulates a real watch more closely by not following the time change – Ferrybig Nov 29 at 13:13

Disclaimer: all puns using the word 'time' below are intended

I'm not so much of a story teller, but I'd like to share something about the history of the swag for this contest: watches. Please take some time to read it.

  • Watches have been around since the 16th century. At that time they were powered by a spring which had to be winded.
  • In the 1950s, electric watches came out.
  • In the 1960s, the quartz watch was invented, using a quartz crystal for very precise time measurement.
  • The first digital watch, the Pulsar, was developed in the 1970s.
  • In 2000, IBM showed a prototype of a watch running on Linux (now we're getting somewhere)...
  • In 2013, the Pebble was released, the first smartwatch to reach a large audience.
  • Other companies like Apple and Samsung followed soon. Smartwatches are becoming more and more like small mobile phones nowadays.
  • And in 2018, we're using smartwatches to get rid of unwanted content on Stack Exchange, anyplace, anywhere, anytime.

Here's how that looks like:

enter image description here

(click to play on YouTube)

How does that work, you might ask? In a nutshell: SmokeDetector is a chatbot which scans (the API version of) the realtime Stack Exchange feed to check for new/edited posts. If they match certain patterns often used by spammers, it'll report the post in various places like chatrooms and our central platform metasmoke. Another server is monitoring that platform for new spam posts and sends a rich push notification to an app on my iPhone. That app uses the Stack Exchange API to cast spam flags (the same avenue as the Stack Exchange mobile app) whenever I 'reply' to that notification that it is spam.

Together with Stack Exchange's SpamRam system and automatic flags, systems like this provide a dramatic decrease in visibility time of spam.

(sources: Wikipedia articles on 'History of watches', 'Smartwatch'; Charcoal)

(another disclaimer: of course I'm using this only for blatantly obvious spam. I'm totally aware of the problems with false spam flags.)

  • 53
    Flagged as spam: unsolicited advertising for Smoke Detector. – Rand al'Thor Nov 27 at 17:35
  • 1
    I still think that digital watches are a pretty neat idea. – TRiG is Timothy Richard Green Nov 28 at 11:55
  • 2
    Now, I know why you're always quick to flag. :P – A J Nov 28 at 12:30
  • So if you when the watch from this contest, I get the Apple watch then, right? – Cthulhu Nov 29 at 17:35

Times (and dates) are the bane of all programmers, so I decided to write a book on it:

enter image description here

Many thanks to Joel on this. He might not know it, but without the 'Joel minute', this would have never happened.

  • 1
    Haha, love the Deciphering '6-8 weeks' and the O RLY – OverMind Nov 28 at 16:26
  • 11
    Might be nice to credit the source of these (dev.to/rly) – Travis J Nov 29 at 23:08

Hi everyone! My name is Tinkeringbell (or Tink for short) and I'll be your tour guide for today! Even though some people say time-travel is impossible, as an archaeologist I have to disagree. We're not allowed to disclose exactly how we do it, and we're not allowed to take passengers. I can, however, present to you evidence and stories from my own paleontological and archaeological travels today. Does everyone have their security clearance badge? Then let's enter the vault and start the tour!

1. Hot but boring.

As you can guess, we've tried travelling back as far as possible. So far, we've never been able to go further back than the late Hadean. It was hot, molten lava everywhere. We had to stay in the time capsule for protection and oxygen, which was rather boring! Until of course we almost lost all functionality and the ability to return. We managed to quickly grab some samples though. Look at how pretty they turned out to be once cooled down to room temperature!

2. Marine Life

Yes? You're asking why we skipped the section on bacterial life? Good question. You've no doubt noticed that high-level security area we just passed. Some of the things in there will kill you. To avoid accidents and liability issues, we skip from rocks to marine life here. Here you see the sad remains of some of the animals that didn't survive the trip home. Also note the really big shark teeth: we found them stuck in our time machine after barely escaping an attack. We sadly never managed to capture the culprit. Now, if you'll continue along the path, I have some amazing aquariums to show you!

3. Jurassic Park!

Yeah, you didn't really think we were that stupid now, were you? We had to go back in time multiple times to fix that timeline! Ah well, at least we were left with some good movie plots. I'm sorry to say that we don't keep real dinosaurs in these vaults. Please enjoy the gift shop, and take some time to use the toilet and restaurant services. The tour will resume in 30 minutes, when we'll move on to the ice ages to visit our prized asset: The Siberian Unicorn

4. The stone age

Time flies when you're having fun, doesn't it? Let me show you one more area, let's go to the stone age. It's an area we can just about cover before closing time if we hurry up. Here you can see a model we made based on observations of the Carnac Stones while they were just being built. We never figured out their purpose, but we now think they may be erected to commemorate our comings and goings.

Oh no, look at the time. I'm sorry, but we really, really need to wrap this up now. I have one final surprise for all of you: A small stone dagger to remember your trip by, crafted by our resident Neanderthals. Don't worry, they find they have nothing better to do these days, now that they are being fed and cared for. Do I still have everyone? Good. I hope everyone enjoyed this tour. Have a nice evening!

  • 1
    Nothing's cooler than dinosaurs. – Chair Nov 28 at 13:03
  • 1
    @Chair apparently, ASCII Big Ben is cooler than dinosaurs ;-) – Tinkeringbell Nov 28 at 13:20
  • 4
    No, nothing's cooler than dinosaurs. :P – Chair Nov 28 at 13:20

With apologies to Roger Waters:

Coding away the moments that make up a dull day
Fritter and waste compile time in an offhand way.
Kicking around on a jsquery in your core code
Waiting for someone on SO to show you the way.

Tired of sitting on your laptop, staying home to watch the rep.
You are young and life is long and there are votes to use today.
And then one day you find ten k have got behind you.
No one told you when to flag, you missed the HNQ!

So you post and you post to catch up with Jon Skeet but he's jamming
Racing ahead to be posting more answers again.
The front page is the same in a relative way but you're older,
Shorter of breath and one rep closer to gold.
Every year is getting more swag, never seem to find the time.
Posts that either get downvoted, or comments moved to chat again
Hanging on in quiet comment is the English way
The time is gone, the bounty's over,
Thought I'd something more to say.

SE
SE again
I like to lurk here
When I can
When I come home
Cold and tired
It's good to mod my top sites
Beside the fire

Far away
Across the field
Tolling on the chat room bell
Calls the faithful to their knees
To validate the softly spoken chat flags

(Definitely more cheerful than the original!!!)

  • 4
    Needs a link to the instrumental/Karaoke version otherwise how else will the millennials know just how good this is? – Mari-Lou A Nov 27 at 20:10
  • 1
    @Mari-Lou As a millennial I love Pink Floyd :-) – John Nov 28 at 5:29
  • @RoryAlsop Where is it? – Narusan Dec 1 at 17:57

Time OverflowTM

Guaranteed to take you where you need to be. Remember, it isn't about being in the right place at the right time... It's about being in the right place all the time.

Please use Time OverflowTM responsibly. Changing things can be very problematic. enter image description here

A little explanation... This time machine was made to
resemble the Stack Overflow logo ( enter image description here). It uses some orange LED's, staying with the orange theme of the logo, as well as lights for the whole lightspeed nature of time travel. In theory, going faster than the speed of light should allow time travel, although one does not simply go faster than the speed of light. Unless you have Time OverflowTM!

The space age materials include some electrical ballasts, a "lux" capacitor which is basically a transformer, a heavy duty timer to handle the stress of time travel as well as to indicate where to go, and some special effects.

Build at your own risk.

  • Nope. If you change the future, you're changing the past of someone who's even further into the future. You could even magic out of existence the person who sent you your time machine. Oops. – Andrew Leach Nov 27 at 22:41
  • @AndrewLeach - After taking some time to consider, perhaps it is best to simply avoid changing things. – Travis J Nov 28 at 23:22
  • 1
    meta.stackexchange.com/a/319049/400534 Well we had different stuff for same names 😭😭 – Vee Hua Zhi Dec 1 at 3:07

Time can be applied in so many ways and the intricacies of it are beyond comprehension. As such, I created a new Area51 site proposal focused on the subject of "time" so that we can join together in understanding it more fully.

enter image description here

I added some example questions, but please help me out if you have time!

  • 9
    That's dedication. +1, even though I doubt the proposal will work. – Rand al'Thor Nov 27 at 21:08
  • 8
    Well that didn't last long. – MikeTheLiar Nov 27 at 22:23
  • 3
    It only works if your timeline is travelling backwards. :-p – tudor Nov 29 at 0:59
  • 3
    That proposal suffered an untimely end. – Nisarg Shah Nov 30 at 12:13

pie chart


Credits: Inspired by this graph and thanks @Machavity and @Dennis Williamson for the timely improvement suggestions :)

  • 6
    -1 for not mentioning "Browsing Stack Overflow" – Machavity Nov 28 at 13:41
  • 6
    -1 for not including time for compiling. – Dennis Williamson Nov 28 at 21:57
  • 3
    Complaining about how bad the last person's code was should be part of it, unless of course you only write original code, then lucky you! – demongolem Nov 29 at 18:16

Well... yes, it is about time!


enter image description here

Want to see a simple view, here to go:

jQuery(document).ready(function ($) {
	var $timeline_block = $('.cd-timeline-block');


	$timeline_block.each(function () {
		if ($(this).offset().top > $(window).scrollTop() + $(window).height() * 0.75) {
			$(this).find('.cd-timeline-img, .cd-timeline-content').addClass('is-hidden');
		}
	});


	$(window).on('scroll', function () {
		$timeline_block.each(function () {
			if ($(this).offset().top <= $(window).scrollTop() + $(window).height() * 0.75 && $(this).find('.cd-timeline-img').hasClass('is-hidden')) {
				$(this).find('.cd-timeline-img, .cd-timeline-content').removeClass('is-hidden').addClass('bounce-in');
			}
		});
	});
});
/* -------------------------------- 

Primary style

-------------------------------- */
html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  font-size: 100%;
  font-family: "Droid Serif", serif;
  color: #7f8c97;
  background-color: #e9f0f5;
}

a {
  color: #acb7c0;
  text-decoration: none;
  font-family: "Open Sans", sans-serif;
}

img {
  max-width: 100%;
}

h1, h2 {
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
}

/* -------------------------------- 

Modules - reusable parts of our design

-------------------------------- */
.cd-container {
  /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
  width: 90%;
  max-width: 1170px;
  margin: 0 auto;
}
.cd-container::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}

/* -------------------------------- 

Main components 

-------------------------------- */
header {
  height: 150px;
  line-height: 150px;
  text-align: center;
  background: #303e49;
}
header h1 {
  color: #ffffff;
  font-size: 18px;
  font-size: 1.125rem;
}
@media only screen and (min-width: 1170px) {
  header {
    height: 150px;
    line-height: 150px;
  }
  header h1 {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

#cd-timeline {
  position: relative;
  padding: 2em 0;
  margin-top: 2em;
  margin-bottom: 2em;
}
#cd-timeline::before {
  /* this is the vertical line */
  content: '';
  position: absolute;
  top: 0;
  left: 18px;
  height: 100%;
  width: 4px;
  background: #d7e4ed;
}
@media only screen and (min-width: 1170px) {
  #cd-timeline {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  #cd-timeline::before {
    left: 50%;
    margin-left: -2px;
  }
}

.cd-timeline-block {
  position: relative;
  margin: 2em 0;
}
.cd-timeline-block::after {
  clear: both;
  content: "";
  display: table;
}
.cd-timeline-block:first-child {
  margin-top: 0;
}
.cd-timeline-block:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-block {
    margin: 4em 0;
  }
  .cd-timeline-block:first-child {
    margin-top: 0;
  }
  .cd-timeline-block:last-child {
    margin-bottom: 0;
  }
}

.cd-timeline-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-shadow: 0 0 0 4px #ffffff, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
}
.cd-timeline-img img {
  display: block;
  width: 24px;
  height: 24px;
  position: relative;
  left: 50%;
  top: 50%;
  margin-left: -12px;
  margin-top: -12px;
}
.cd-timeline-img.cd-picture {
  background: #75ce66;
}
.cd-timeline-img.cd-movie {
  background: #c03b44;
}
.cd-timeline-img.cd-location {
  background: #f0ca45;
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-img {
    width: 60px;
    height: 60px;
    left: 50%;
    margin-left: -30px;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
  }
  .cssanimations .cd-timeline-img.is-hidden {
    visibility: hidden;
  }
  .cssanimations .cd-timeline-img.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-1 0.6s;
    -moz-animation: cd-bounce-1 0.6s;
    animation: cd-bounce-1 0.6s;
  }
}

@-webkit-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -moz-transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -moz-transform: scale(1.2);
  }
  100% {
    -moz-transform: scale(1);
  }
}
@keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
.cd-timeline-content {
  position: relative;
  margin-left: 60px;
  background: #ffffff;
  border-radius: 0.25em;
  padding: 1em;
  box-shadow: 0 3px 0 #d7e4ed;
}
.cd-timeline-content::after {
  clear: both;
  content: "";
  display: table;
}
.cd-timeline-content h2 {
  color: #303e49;
}
.cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
  font-size: 13px;
  font-size: 0.8125rem;
}
.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
  display: inline-block;
}
.cd-timeline-content p {
  margin: 1em 0;
  line-height: 1.6;
}
.cd-timeline-content .cd-read-more {
  float: right;
  padding: .8em 1em;
  background: #acb7c0;
  color: #ffffff;
  border-radius: 0.25em;
}
.no-touch .cd-timeline-content .cd-read-more:hover {
  background-color: #bac4cb;
}
.cd-timeline-content .cd-date {
  float: left;
  padding: .8em 0;
  opacity: .7;
}
.cd-timeline-content::before {
  content: '';
  position: absolute;
  top: 16px;
  right: 100%;
  height: 0;
  width: 0;
  border: 7px solid transparent;
  border-right: 7px solid #ffffff;
}
@media only screen and (min-width: 768px) {
  .cd-timeline-content h2 {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .cd-timeline-content p {
    font-size: 16px;
    font-size: 1rem;
  }
  .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-content {
    margin-left: 0;
    padding: 1.6em;
    width: 45%;
  }
  .cd-timeline-content::before {
    top: 24px;
    left: 100%;
    border-color: transparent;
    border-left-color: #ffffff;
  }
  .cd-timeline-content .cd-read-more {
    float: left;
  }
  .cd-timeline-content .cd-date {
    position: absolute;
    width: 100%;
    left: 122%;
    top: 6px;
    font-size: 16px;
    font-size: 1rem;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content {
    float: right;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: #ffffff;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
    float: right;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
    left: auto;
    right: 122%;
    text-align: right;
  }
  .cssanimations .cd-timeline-content.is-hidden {
    visibility: hidden;
  }
  .cssanimations .cd-timeline-content.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-2 0.6s;
    -moz-animation: cd-bounce-2 0.6s;
    animation: cd-bounce-2 0.6s;
  }
}

@media only screen and (min-width: 1170px) {
  /* inverse bounce effect on even content blocks */
  .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
    -webkit-animation: cd-bounce-2-inverse 0.6s;
    -moz-animation: cd-bounce-2-inverse 0.6s;
    animation: cd-bounce-2-inverse 0.6s;
  }
}
@-webkit-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateX(20px);
  }
  100% {
    -moz-transform: translateX(0);
  }
}
@keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -moz-transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateX(-20px);
  }
  100% {
    -moz-transform: translateX(0);
  }
}
@keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js" type="text/javascript"></script>
    <link href='https://fonts.googleapis.com/css?family=Droid+Serif|Open+Sans:400,700' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/reset.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css">
    <link rel="stylesheet" href="css/style.css">
    <script src="js/index.js"></script>
</head>
<body>	
		<header>
			<h1>Stack Overflow’s Story</h1>
		</header>

		<section id="cd-timeline" class="cd-container">

			<!------------------2018 start-------------------->

			<div class="cd-timeline-block">
				<div class="cd-timeline-img cd-picture">
					<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-icon-picture.svg" alt="Picture">
				</div>

				<div class="cd-timeline-content">
					<h2>September 2018</h2>
					<p>10th anniversary of Stack Overflow</p>
				</div>
			</div>
			<div class="cd-timeline-block">
				<div class="cd-timeline-img cd-picture">
                    <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-icon-picture.svg" alt="Picture">
				</div>

				<div class="cd-timeline-content">
					<h2>August 2018</h2>
					<p>Brand new Code of Conduct (CoC).</p>
				</div>
			</div>
			<div class="cd-timeline-block">
				<div class="cd-timeline-img cd-picture">
                    <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-icon-picture.svg" alt="Picture">
				</div>

				<div class="cd-timeline-content">
					<h2>May 2018</h2>
					<p>Stack Overflow for Teams has launched.</p>
				</div>
			</div>
			<div class="cd-timeline-block">
				<div class="cd-timeline-img cd-picture">
                    <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-icon-picture.svg" alt="Picture">
				</div>

				<div class="cd-timeline-content">
					<h2>January  2018</h2>
					<p>Thanks a Million, Jon Skeet!.</p>
					<p>Jon Skeet’s reputation on Stack Overflow passed 1,000,000</p>
				</div>
			</div>
			<!------------------2018 end-------------------->


			<!------------------2017 start-------------------->
			<div class="cd-timeline-block">
				<div class="cd-timeline-img cd-picture">
                    <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-icon-picture.svg" alt="Picture">
				</div>

				<div class="cd-timeline-content">
					<h2>May 2017</h2>
					<p>A popular Stack Overflow question: How to exit the Vim editor? one million eighty-two times viewed.</p>
					<p>Stack Overflow Flipped the Switch on HTTPS.</p>
					<p>Introducing Stack Overflow Trends</p>
				</div>
			</div>
			<div class="cd-timeline-block">
				<div class="cd-timeline-img cd-picture">
                    <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-icon-picture.svg" alt="Picture">
				</div>
				<div class="cd-timeline-content">
					<h2>February 2017</h2>
					<p>2017 Stack Overflow Redesigned the Top Navigation.</p>
				</div>
			</div>

			<!------------------2017 end-------------------->

			<!------------------2016 start-------------------->

			<div class="cd-timeline-block">
				<div class="cd-timeline-img cd-picture">
                    <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-icon-picture.svg" alt="Picture">
				</div>

				<div class="cd-timeline-content">
					<h2>October 2016</h2>
					<p>The Stack Overflow Developer Story.</p>
					<p>Salary calculator now can calculate International Salaries</p>
				</div>
			</div>

			<div class="cd-timeline-block">
				<div class="cd-timeline-img cd-picture">
                    <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-icon-picture.svg" alt="Picture">
				</div>

				<div class="cd-timeline-content">
					<h2>July 2016</h2>
					<p>Introducing the Stack Overflow salary calculator.</p>
					<p>Introducing Stack Overflow Documentation (Beta).</p>
				</div>
			</div>

			<!------------------2016 end-------------------->


			<!------------------2015 start-------------------->

			<div class="cd-timeline-block">
				<div class="cd-timeline-img cd-picture">
                    <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-icon-picture.svg" alt="Picture">
				</div>

				<div class="cd-timeline-content">
					<h2>May 2015</h2>
					<p>Introducing Beyond Coding: Free professional skills training for emerging devs</p>

				</div>
			</div>

			<div class="cd-timeline-block">
				<div class="cd-timeline-img cd-picture">
                    <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-icon-picture.svg" alt="Picture">
				</div>

				<div class="cd-timeline-content">
					<h2>April 2015</h2>
					<p>New Design Profile Page & Activity Page.</p>
				</div>
			</div>

			<div class="cd-timeline-block">
				<div class="cd-timeline-img cd-picture">
					<img src="./images/job_targeted.ico" alt="Picture">
				</div>

				<div class="cd-timeline-content">
					<h2>January 2015</h2>
					<p>Targeted Jobs for Stack Overflow (changed a why to showing Jobs with Developer Types, Tech Ecosystems, and Tech
						Tags).</p>
				</div>
			</div>

			<!------------------2015 end-------------------->

			<!------------------2014 start-------------------->

			<div class="cd-timeline-block">
				<div class="cd-timeline-img cd-picture">
                    <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-icon-picture.svg" alt="Picture">
				</div>
				<div class="cd-timeline-content">
					<h2>November 2014</h2>
					<p>Announcing Bosun, new open source monitoring & alerting system.</p>
					<p>Stack Exchange for the iPad is here – and iOS apps now support iOS 8.</p>
				</div>
			</div>
			<div class="cd-timeline-block">
				<div class="cd-timeline-img cd-picture">
                    <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-icon-picture.svg" alt="Picture">
				</div>
				<div class="cd-timeline-content">
					<h2>September 2014</h2>
					<p>Introducing Runnable JavaScript, CSS, and HTML Code Snippets.</p>
				</div>
			</div>
			<div class="cd-timeline-block">
				<div class="cd-timeline-img cd-picture">
                    <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-icon-picture.svg" alt="Picture">
				</div>
				<div class="cd-timeline-content">
					<h2>May 2014</h2>
					<p>Stack Exchange for iPhone.</p>
				</div>
			</div>
			<div class="cd-timeline-block">
				<div class="cd-timeline-img cd-picture">
                    <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-icon-picture.svg" alt="Picture">
				</div>

				<div class="cd-timeline-content">
					<h2>April 2014</h2>
					<p>Announcing The Launch Of Meta Stack Exchange.</p>
				</div>
			</div>

			<div class="cd-timeline-block">
				<div class="cd-timeline-img cd-picture">
                    <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-icon-picture.svg" alt="Picture">
				</div>
				<div class="cd-timeline-content">
					<h2>March 2014</h2>
					<p>Your communities list is now customizable.</p>
				</div>
			</div>
			<div class="cd-timeline-block">
				<div class="cd-timeline-img cd-picture">
                    <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-icon-picture.svg" alt="Picture">
				</div>
				<div class="cd-timeline-content">
					<h2>January 2014</h2>
					<p>Stack Exchange for Android.</p>
				</div>
			</div>
			<!------------------2014 end-------------------->

			<!------------------2013 start-------------------->

			<div class="cd-timeline-block">
				<div class="cd-timeline-img cd-picture">
                    <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-icon-picture.svg" alt="Picture">
				</div>

				<div class="cd-timeline-content">
					<h2>September 2013</h2>
					<p>Five years completed.</p>
				</div>
			</div>

			<div class="cd-timeline-block">
				<div class="cd-timeline-img cd-picture">
                    <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-icon-picture.svg" alt="Picture">
				</div>

				<div class="cd-timeline-content">
					<h2>January 2013</h2>
					<p>Rolled out a new Quick Start guide to help new users.</p>
					<p>Announcing a new way to change your profile picture.</p>
				</div>
			</div>

			<!------------------2013 end-------------------->

			<!------------------2012 start-------------------->

			<div class="cd-timeline-block">
				<div class="cd-timeline-img cd-picture">
                    <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-icon-picture.svg" alt="Picture">
				</div> 

				<div class="cd-timeline-content">
					<h2>February 2012</h2>
					<p>Stack Exchange co-founder Jeff Atwood announced for leaving the company.</p>
				</div>
			</div>

			<!------------------2012 end-------------------->

			<!------------------2011 start-------------------->

			<div class="cd-timeline-block">
				<div class="cd-timeline-img cd-picture">
                    <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-icon-picture.svg" alt="Picture">
				</div>

				<div class="cd-timeline-content">
					<h2>November 2011</h2>
					<p>New section "Review".</p>
				</div>
			</div>

			<div class="cd-timeline-block">
				<div class="cd-timeline-img cd-picture">
                    <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-icon-picture.svg" alt="Picture">
				</div>

				<div class="cd-timeline-content">
					<h2>August 2011</h2>
					<p>Introduced Community Wiki.</p>
				</div>
			</div>

			<div class="cd-timeline-block">
				<div class="cd-timeline-img cd-picture">
                    <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-icon-picture.svg" alt="Picture">
				</div>

				<div class="cd-timeline-content">
					<h2>July 2011</h2>
					<p>Stack Exchange Mobile friendly.</p>
				</div>
			</div>

			<div class="cd-timeline-block">
				<div class="cd-timeline-img cd-picture">
                    <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-icon-picture.svg" alt="Picture">
				</div>

				<div class="cd-timeline-content">
					<h2>April 2011</h2>
					<p>Inline Comment and Post Markdown Help.</p>
				</div>
			</div>
			<!------------------2011 end-------------------->



			<!------------------2010 start-------------------->

			<div class="cd-timeline-block">
				<div class="cd-timeline-img cd-picture">
                    <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-icon-picture.svg" alt="Picture">
				</div>

				<div class="cd-timeline-content">
					<h2>December 2010</h2>
					<p>Stack Overflow Annual Survey (first).</p>
					<p>Subscribe to Tags via Email.</p>
					<p>Re-Launching Stack Exchange Data Explorer.</p>
				</div>
			</div>

			<div class="cd-timeline-block">
				<div class="cd-timeline-img cd-picture">
                    <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-icon-picture.svg" alt="Picture">
				</div>

				<div class="cd-timeline-content">
					<h2>October 2010</h2>
					<p>Stack Overflow Chat Goes to Live.</p>
					<p>One million questions on stack Overflow.</p>
				</div>
			</div>

			<div class="cd-timeline-block">
				<div class="cd-timeline-img cd-picture">
                    <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-icon-picture.svg" alt="Picture">
				</div>

				<div class="cd-timeline-content">
					<h2>September 2010</h2>
					<p>Global Inbox.</p>
					<p>Global Network Auto-Login.</p>
					<p>Jon Skeet reached 200K reputation.</p>
				</div>
			</div>

			<div class="cd-timeline-block">
				<div class="cd-timeline-img cd-picture">
                    <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-icon-picture.svg" alt="Picture">
				</div>

				<div class="cd-timeline-content">
					<h2>August 2010</h2>
					<p>New Tag Info Pages.</p>
					<p>Share Questions and Answers.</p>
					<p>New Image Upload Support.</p>
					<p>Stackexchange.com the official network hub.</p>
				</div>
			</div>

			<div class="cd-timeline-block">
				<div class="cd-timeline-img cd-picture">
                    <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-icon-picture.svg" alt="Picture">
				</div>

				<div class="cd-timeline-content">
					<h2>July 2010</h2>
					<p>Stack Exchange API 1.0 Imminent.</p>
				</div>
			</div>

			<div class="cd-timeline-block">
				<div class="cd-timeline-img cd-picture">
                    <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-icon-picture.svg" alt="Picture">
				</div>

				<div class="cd-timeline-content">
					<h2>June 2010</h2>
					<p>Introducing Area 51.</p>
				</div>
			</div>

			<div class="cd-timeline-block">
				<div class="cd-timeline-img cd-picture">
                    <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-icon-picture.svg" alt="Picture">
				</div>

				<div class="cd-timeline-content">
					<h2>April 2010</h2>
					<p>New 10k Feature: Inline Tagging.</p>
				</div>
			</div>

			<div class="cd-timeline-block">
				<div class="cd-timeline-img cd-picture">
                    <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-icon-picture.svg" alt="Picture">
				</div>

				<div class="cd-timeline-content">
					<h2>January 2010</h2>
					<p>Improved Comments with @reply.</p>
				</div>
			</div>

			<!------------------2010 end-------------------->

			<!------------------2009 start-------------------->

			<div class="cd-timeline-block">
				<div class="cd-timeline-img cd-picture">
                    <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-icon-picture.svg" alt="Picture">
				</div>

				<div class="cd-timeline-content">
					<h2>October 2009</h2>
					<p>Introducing Stack Overflow Careers (beta).</p>
				</div>
			</div>

			<div class="cd-timeline-block">
				<div class="cd-timeline-img cd-picture">
                    <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-icon-picture.svg" alt="Picture">
				</div>

				<div class="cd-timeline-content">
					<h2>September 2009</h2>
					<p>One million page views in a single day.</p>
					<p>Jon Skeet reached 100K reputation.</p>
					<p>One Year of Stack Overflow.</p>
				</div>
			</div>

			<div class="cd-timeline-block">
				<div class="cd-timeline-img cd-picture">
                    <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-icon-picture.svg" alt="Picture">
				</div>

				<div class="cd-timeline-content">
					<h2>August 2009</h2>
					<p>Started showing Accept rate on question.</p>
				</div>
			</div>

			<div class="cd-timeline-block">
				<div class="cd-timeline-img cd-picture">
                    <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-icon-picture.svg" alt="Picture">
				</div>

				<div class="cd-timeline-content">
					<h2>July 2009</h2>
					<p>Migrate Questions Between Websites.</p>
					<p>Cross-Site Account Associations.</p>
				</div>
			</div>

			<div class="cd-timeline-block">
				<div class="cd-timeline-img cd-picture">
                    <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-icon-picture.svg" alt="Picture">
				</div>

				<div class="cd-timeline-content">
					<h2>June 2009</h2>
					<p>Meta Stack Overflow.</p>
				</div>
			</div>


			<div class="cd-timeline-block">
				<div class="cd-timeline-img cd-picture">
                    <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-icon-picture.svg" alt="Picture">
				</div>

				<div class="cd-timeline-content">
					<h2>May 2009</h2>
					<p>Stack Overflow Moderator Voting introduced.</p>
					<p>Linking Duplicate Questions.</p>
				</div>
			</div>

			<div class="cd-timeline-block">
				<div class="cd-timeline-img cd-picture">
                    <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-icon-picture.svg" alt="Picture">
				</div>

				<div class="cd-timeline-content">
					<h2>April 2009</h2>
					<p>Red Flag Introduced.</p>
					<p>Comments with Flags and Votes.</p>
				</div>
			</div>

			<div class="cd-timeline-block">
				<div class="cd-timeline-img cd-picture">
                    <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-icon-picture.svg" alt="Picture">
				</div>

				<div class="cd-timeline-content">
					<h2>March 2009</h2>
					<p>Started Responsible Advertising..</p>
					<p>10k Reputaion Tools Available.</p>
					<p>Edit Feature.</p>
				</div> 
			</div>

			<div class="cd-timeline-block">
				<div class="cd-timeline-img cd-picture">
                    <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-icon-picture.svg" alt="Picture">
				</div>

				<div class="cd-timeline-content">
					<h2>February 2009</h2>
					<p>Question / Answer Rate Limits.</p>
					<p>Reached 100K Questions.</p>
					<p>Email Newsletter.</p>
				</div>
			</div>

			<div class="cd-timeline-block">
				<div class="cd-timeline-img cd-picture">
                    <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-icon-picture.svg" alt="Picture">
				</div>

				<div class="cd-timeline-content">
					<h2>January 2009</h2>
					<p>Reputation Bounty for Unanswered Questions.</p>
					<p>New Replies Notification.</p>
					<p>Accept Your Own Answers.</p>
				</div>
			</div> 

			<!------------------2009 end-------------------->

			<!------------------2008 start-------------------->


			<div class="cd-timeline-block">
				<div class="cd-timeline-img cd-picture">
                    <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-icon-picture.svg" alt="Picture">
				</div>

				<div class="cd-timeline-content">
					<h2>December 2008</h2>
					<p>Moderator Privileges </p>
				</div>
			</div> 

			<div class="cd-timeline-block">
				<div class="cd-timeline-img cd-picture">
                    <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-icon-picture.svg" alt="Picture">
				</div>
				<div class="cd-timeline-content">
					<h2>October 2008</h2>
					<p>Ability to mark a question as a favorite.</p>
					<p>Expressing Your Tag Preferences.</p>
				</div>
			</div> 

			<div class="cd-timeline-block">
				<div class="cd-timeline-img cd-picture">
                    <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-icon-picture.svg" alt="Picture">
				</div> 
				<div class="cd-timeline-content">
					<h2>September 2008</h2>
					<p>Stack Overflow’s public beta went live.</p>					
				</div>
			</div> 
			<!------------------2008 end-------------------->

		</section> 
	</body>

</html>


Inspired by Stack Overflow Developer Story

My favourite quote involving time is

Time flies like an arrow; fruit flies like a banana

The idea is that if we can get a computer to truly understand this we have cracked artificial intelligence.

  • 5
    It took this well-educated, erudite human a good 10 years to understand what this quote was about. And that's only because I read about it. I honestly never parsed it as "fruit flies" "like a banana", only as "fruit" "flies like a banana". If I can't understand it, I have no expectation of computers doing so. – AndyT Nov 28 at 9:30
  • 5
    @AndyT it's a context thing. I think each of the halves of this sentence would be quite understandable (in the intended meaning) if read individually. Just, after “Time flies like an arrow”, the brain automatically tries to parse the second half as “X flies like Y” too. If you'd first read the sentence the other way around, you'd probably parse it as “ ‘Fruit flies’ like ‘a banana’; ‘time-flies’ like ‘an arrow’ ”. – leftaroundabout Nov 28 at 13:29

LEGO‽ Time‽ LEGO time lapse‽

Close up of the finished product! LEGO Time

  • 3
    Was gonna flag as NAA, but the time-lapse in your link is too good. Might want to specify that's what it is to avoid more confusion. – DCOPTimDowd Nov 29 at 17:09
  • 1
    Great, (and timely ;) ) suggestion! Updated – matt Nov 29 at 18:10

I'm having a course called Digital Circuit Experiments which is about programming FPGA in Verilog. So I am here ...

Announcing my FPGA Stopwatch that's built for timing!

image

Or watch live streaming demo online!

Features:

  • Stopwatch start/stop on switch 0
  • "Hold" function to keep the numbers with switch 1
  • "Show hours" with switch 2 (by default, segment displays are only lit up when required, flipping this switch up will force show up to the hour digit)
  • "20x turbo boost" with switch 3 (it just replaces the internal clock)
  • Reset with BTNU
  • A good-looking merry-go-round-style LED animation when the stopwatch is counting!

The code is too much, but you can read more @@>>> https://github.com/iBug/Nexys4-DDR-stopwatch or Download ZIP (Created with Xilinx Vivado 2018.2) (Code licensed under the MIT License)

Optional accessories:

  • A Stack Exchange or Stack Overflow sticker as shown in the image above :)
  • wow :-) nice one – beeshyams Nov 28 at 13:04

Stack Overflow Wear OS Watch Face

Looks like I went ahead in time and already gotten the swag somehow:

Stack Overflow Wear OS Watch Face

Or well not exactly, but what if you're like me and only entered the competition late with not much chance to win the price? Fear not, if you have a Wear OS 2.0+ based watch you can simply download the SO Watch Face and share the experience of having the swag with the actual winners!

Demo video

And it's not just the design, it actually has some nice SO specific features:

  • Most watch faces have their main notch set at 12 o'clock. Not this one! Here the main notch is always pointing to the exact time where Stack Overflow's limits reset, and you can once again collect reputation, finish reviews and vote up and down as if there was no tomorrow!

    In the example above, the notch is at 1 am, as I was in Budapest / CET. In the UK it would be shown right at the top at 12am. It even works for timezones which are not based on whole hours, like the Chatham Islands.

  • Two watch faces - a simpler one, and another that resembles the swag as much as possible.

  • A Stack Exchange Reputation Complication, that allows you to check your (or anyone else's) reputation on any SE site. It is set to Jon Skeet's SO user ID by default. Works with all other watch faces as well.

  • While the main ideas have been implemented there are still a few stuff I might add, and feel free to suggest others as well here in the comments or on GitHub. They will definitely be

    ready in 6-8 weeks

    but upvoting this post might make them ready much-much sooner.

Links:

Updates:

v6.0 / v7.0

  • From now on you have to set the Stack Exchange Network User ID, and not the site specific one.
  • Given you have an account there when switching sites your Site specific user ID will always update based on your Network User ID, so you would always see your own reputation
  • v7.0 includes some minor fixes to this feature as well

v5.0

New Demonstration Video: https://www.youtube.com/watch?v=NVwtpdLeB2g

V5.0-1 V5.0-2 V5.0-3 V5.0-4

Major changes:

  • Removed all Stack Overflow icon from the build - should be much more compliant to the Trademark guidelines
  • There is a box now to select which Stack Exchange site one wishes to use and the graphics will be applied based on that site
  • All graphical detail (logos) are now downloaded and added to the watch faces dynamically based on the selected Stack Exchange site
  • Added a new complication that just displays the selected site's logo.

Minor fixes:

  • Complications now update automatically if the user id is changed
  • Minute hand now moves appropriately
  • Second hand now only moves in whole seconds

v4.0

Changes:

  • Fixes problems with complications not updating
  • Adds support to show next reputation milestone as range for complications
  • Should now be available from the Play Store from the watch, just search for "Stack Overflow"

v3.0

v3.0-1 v3.0-2

  • Settings page to set up the watch face
  • Two different watch face - one that resembles the SWAG, the other one a more simpler one
  • Supports two complications on the watch face
  • Adds a new complication that shows a specific user's SO reputation
    • Works in other watch faces as well
    • Shows Jon Skeet's reputation by default
  • Please note that the privacy policy was updated to contain that the SO user ID you set might be a PII, but it's only stored locally on the watch and only transmitted to the StackExchange API

v2.0

v2.0

  • Nicer watch face resembling the swag much more
  • Water resistant to 6 to 8 weeks

v1.0

v1.0

  • Initial version
  • Stack Overflow logo as a background
  • Displays the UTC offset so you know when the Stack Overflow counters reset
  • *Wear OS now ;) This is awesome! Now I just want a complication to show my rep :P – Em C Dec 3 at 5:30
  • 1
    @EmC true, forgot they renamed it a year ago or so :D. Definitely planning adding some complications to the mix – SztupY Dec 3 at 9:29
  • 2
    I think I preferred the simplicity of the original design if you're a programmer and user you don't need reminding what the logo represents. On the other hand, the resized logo makes it look classier, more expensive looking. That is one super watch, wish I could upvote twice. – Mari-Lou A Dec 3 at 9:57
  • The prize for this contest should be changed to a smartwatch with this set as the default face! – Tot Zam Dec 3 at 15:22
  • 1
    @EmC complication support is done! – SztupY Dec 4 at 1:06
  • Looks awesome! I like the bonus feature that I can pretend to be Jon Skeet when I look at my watch now ;) – Em C Dec 4 at 17:02
  • @EmC nice pic. Am I seeing it correctly that the watch face doesn't fill the available space fully (the orange circle should be at the very edge of the display) – SztupY Dec 4 at 17:14
  • Nope, that is at the edge of the available screen space for my watch! I guess it just has a thicker black band around the edge of the screen than yours. – Em C Dec 4 at 17:17
  • The watch face looks nice, however... I am concerned that you may be violating the Stack Overflow trademark by publishing this. Please refer to the rules on using the logo. IANAL, you may want consider contacting a lawyer as well as requesting the permission for use from Stack Overflow itself. – Travis J Dec 5 at 20:17
  • I tried to adhere as much as possible to the guidelines stated in meta.stackexchange.com/legal/trademark-guidance Hence the application name doesn't contain anything trademarked, and the logo is used to label the site the reputation display is coming from (although you can say that some parts of the application might imply false associations). However based on the same guidelines most answers that feature the logo in a distorted way (like the current top voted answer) would be invalid as well. – SztupY Dec 5 at 20:59
  • However I did plan on creating a meta page to figure out what to do with the app once the contest is over – SztupY Dec 5 at 21:00
  • The difference between using it as a reference (as in the answer cited) and in a published app is that the published app on the google store is considered to be used "in commerce" which is where the trademark issues come into play from a legalese standpoint. From a guidelines standpoint, they even state for apparel (which is generally covered here with the watch face), "Do not use the names or logos owned by Stack Exchange Inc. on any apparel or merchandise without our permission." While I cannot speak for them, I assume it would go alright if asked. It just needs to be done properly. – Travis J Dec 5 at 21:44
  • True, but on the other side I don't wish to create a meta thread about it before the end of the competition, to avoid the meta effect that could affect the votes on this thread. – SztupY Dec 5 at 23:13
  • Fair enough. I don't think the meta thread is required though. If you are serious about pursuing the app then just use the contact us form by clicking the contact link at the bottom of any page. They are good about responding. – Travis J Dec 5 at 23:55
  • 1
    I would like to say - in this case, ugh, this is too darned epic, and I wish my smartwatch did android wear just so I could use it ;) – Journeyman Geek Dec 7 at 3:30

I've always been in love with Humans Since 1982 work , specially A million Times Digital clock of Analog clocks : https://www.humanssince1982.com/a-million-times .

So I decided to create the same concept in ReactJS . Started from a single analog clock , to a group of clocks , to a group of groups to display the current time as Digital.

The final work looks like :

AnalogDigitalClock

Here's the Github pages : https://ashrafonline.github.io/AnalogDigitalClock/

And the Github repository : https://github.com/ashrafonline/AnalogDigitalClock

  • 3
    Beautiful art!. – pasty Dec 1 at 8:40
  • Awesome transition effects. – WinEunuuchs2Unix Dec 1 at 18:52
  • This is amazing! Minor question: it looks like the transitions always start from 12:00 - is it possible to have them start at the last position of the clock, so there are no "jumps"? – hbaderts Dec 5 at 6:51
  • @hbaderts Thanks . Noted , a small modification could be applied for this . Something related to animation-fill-mode: forwards CSS attribute . – Ashraf Dec 5 at 7:04

The Pythonic answer

import time

About time this contest started :D

In honor of a time honored tradition among programmers, namely poor date and time handling, I'll share my latest programming nightmare:

The time (doh!) is 2006, and the horror story plays in a small German company with a new IT employee who is not a programmer, but has been tasked with creating an entire order processing and sample storage system from scratch, all on his own.

Many mistakes were had as this now programmer navigated his way throughout the treacherous waters of Microsoft Access 2003, but none would be so truly horrifying like the following:

The stage

To set the stage here, the program allows the uploading of files to a remote storage folder. Over the years over 840,000 such files have accumulated. Every file is denoted with its own entry in a relational database. Now, there are two time related pitfalls here: the uploadDate is saved and the lastModifiedDate of the file.

Of dread gods and string based date handling

Our new programmer had of course no idea how to handle dates, and all he knew was that the datetime SQL Server type did not like his date format much. So, he did what every aspiring programmer has at least considered and briefly pondered before discarding the idea: save the time of upload as a string and the lastModifiedDate as part of the filename.

This worked ... just, and was eventually implemented.

The corruption of cthulhu or technical debt

In the 15 years since then, the program grew and expanded, and every time a new method of uploading files was handled, the programmer did not much care for their previous time formatting, so they made the new methods different. At some point a new column was added to just save timestamps, but due to compatibility concerns with now legacy code that nobody dared touch it was run in parallel with the other systems and essentially just in addition to them.

Finally, both the timestamps and flat datetimes were truncated to the full hour, but since our programmer did not know how to truncate timestamps to the full hour, he just used timestamp = timestamp / 60 in stead.

The sane programmers among the readers might feel the chorus of tony the pony voices rising now...

The craziest part about that horror story is that replacing this system is what I'm currently working on. Very timely indeed to be doing that 15 years after its inception, don't you all think?

  • 6
    Answered in 22 minutes, not that I was timing. – Henders Nov 27 at 16:47
  • I only now just noticed you have cthulu in your story too. – Sombrero Chicken Nov 27 at 21:00

On Mi Yodeya, over the years, we have built up a novel body of time-related Judaism literature. Fortunately for fans of Judaeo-horology everywhere1, one of the United States' two annual government-mandated time-mutilation events frequently occurs around one of Mi Yodeya's favorite times of year: Purim Torah season (you know, that time in early Spring when the HNQ fills with titles from Mi Yodeya that don't make sense2). This coincidence has afforded us the opportunity to produce a vital collection of questions and answers, which I will excerpt and adapt here, in the style of Mi Yodeya Publications:

Daylight Saving Time in Jewish Law

A clock missing an hour, with a smiley and question marks

Daylight Saving Time - forward or backward? (2012)

Seth J asked: Halachically speaking, do I have to set my clocks forward one hour in the spring, or can I set them back one hour (this will give me two hours more in my day than everyone setting their clocks forward one hour)?

Alex ruled: The latter course of action is not recommended. If you are two hours ahead of everyone else, then that will lead to great confusion, so that those will be "bad hours" - and we specifically pray (in Sabbath morning prayers) ויציל נפשותינו מן השעות הרעות, that Hashem should save our souls from the bad hours.

So the proper way is indeed to set them forward one hour. In this way, you will be קונה עולמו בשעה אחת (buying the entire world with a single hour).

Seth J challenged: No, I'd be two hours behind. Don't you see how great that would be?

Alex concluded: Then that would be even worse. Jeremiah (7:24) castigates those who ויהיו לאחור ולא לפנים - are behind rather than ahead.

Announcing the clock change in English? (2014)

Isaac Moses demanded: It is well-known that the age-old, widespread, and correct practice is to announce the molad on the Sabbath preceding a new month specifically in the holy language of Yiddish. In contrast to this, in many synagogues I've attended, on the Shabbat preceding a clock change, the date, time, import, and humorously supposed implications on Sunday morning services attendance of the clock change are routinely announced in the profane language of ***ish the vernacular, e.g. English. The former comes 11 - 12 times per year, while the latter comes only twice, so the latter is clearly holier. In addition, as the clock changes involve contractions and expansions of time itself, similar to the spatial distortions that radiated from the mishkan, they must be extremely holy.

What possible excuse could there be is the source for making this holy announcement in a profane language?

Monica Cellio explained: This isn't about the Holy Tongue itself; it's about holding close to the original language. Of course for anything arising from torah this language is Hebrew, so it is proper to announce the molad in that tongue. (While some might confuse Hebrew and Yiddish, I am surprised that you did. I therefore conclude that you have begun your Purim celebration early and that this was an accident. I will try to simplify the rest of this answer to take your current state into account.)

Daylight Saving [sic] Time3, on the other hand, does not -- shockingly -- arise from torah. Why we therefore do it at all is a separate question, beyond the scope of this answer. But given that we do, we tie its announcement to the language of its enactment, which in the US is English, the language used in the legislation.

One could argue that the US legislation is derived from German practice and that we should therefore announce it in German, or perhaps even Yiddish. However, we do not recognize the authority of foreign kings nor bow down to them in any way, so announcing in German would raise issues of marit ayin.

Of course, Jews living in other countries that have clock-alteration laws should use the language of their legal decrees, and if this is a practical matter for you be sure to consult your local timekeeper (which is, I guess, how you got into this mess in the first place, oops).

Seeking texts of all prayers associated with the clock change (2016)

Isaac Moses requested: In previous years, we've discussed the basic commandment status of changing clocks around this time of year as well as the proper language for announcing the change. Given that it's a commandment and that it is invariably announced in the synagogue, I assume that there must be associated blessings and liturgy. Has anyone come across any prescribed prayers, in English, Hebrew, Yiddish, Judaeo-Arabic, vel sim.?

Shalom invented: We need to write some liturgy for this:

  • SHa'on! Na, ELOKEINU, SHAo'n-NA!
  • SHa'on! Na, BOR'EINU, SHAo'n-NA!
  • SHa'on! Na, ME'ORER YESHENIM, SHAo'n-NA!

  • In the merit of Rebecca, who had to water all the camels while still daylight, give us more time!

  • In the merit of Joshua, who kept the sun standing so the people could fight ... give us more time!

  • In the merit of Nakdimon ben Gurion, who got the debts paid in time ... give us more time!

  • In the merit of the manna, that would melt precisely at the hour that the sun, not the shade, was hot -- give us more time!

  • In the merit of Rabbi Akiva, who lost his alarm clock [rooster] but accepted that God has a plan ... give us more time!

  • In the merit of the Ashkenazim who thought that coffee was kitniyos ... give us more time!

  • In the merit of Cain, to whom God granted a non-hour -- lo sha'ah -- give us more time!

  • In the merit of Pharaoh, who said the Jews should not have a false hour -- al yish'u bedivrei shaker -- give us more time!

What are we supposed to do about losing an hour of Purim this year? (2017)

Isaac Moses fretted: This year (5777/2017), those of us who live in the US4 face a special conundrum: we will be moving the clocks forward on Purim itself! If I understand this correctly, that means that we're going to lose an hour of Purim, which seems to directly contradict the rule "When Adar enters, Joy increases".

What modifications to the practices of Daylight Saving Time and/or Purim practices are recommended for resolving this conundrum?

Double AA reassured: No modifications are needed. The Sages already were aware of this issue and accounting for it was even incorporated in the original enactment of Purim, as it says in the Talmud (Megillah 2a):

בזמניהם" זמנים הרבה תקנו להם"
"In their times" (Esther 9:31) -- multiple times were enacted for it.

It is thus perfectly Lekhatchila to celebrate Purim in multiple time systems.

Isaac Moses satirized: The Sages decreed that, in accordance with the rule of "כל הגורע - מוסיף" ("Whoever subtracts must add."), whenever we are forced to subtract an hour from Purim night, we must make it up by extending Purim day by an extra hour.

Later authorities recommended that we devote this extra hour to enhancing the true essences of the four commandments of Purim, as follows:

  • Megillah: Appoint a respected member of the community to stand next to the Reader and, using a stopwatch, strictly ensure that every call of the graggers fulfills the most stringent opinions for minimum duration. Make sure that he is empowered to call for a repeat gragging whenever the last gragging was questionable.

  • Mishteh (Meal): Spend your extra hour pregaming heavily, so that you can enter the Mitzva meal with the appropriate confusion between it and the banquet of Achashveirosh.

  • Mishloach Manot (Messenger Gifts) : Two words: שכר הליכה (reimbursement for distance traveled). Ensure that your delivery route requires as many U-turns and backtracks as possible, preferably all within the most busy crossroads in the neighborhood. An app that helps design a maximally-complicated route is available thanks to a collaboration of the Zomet Institute and UPS.

  • Maseichot (Masks)5: This year, ensure that not only every member of your family is dressed up consistently with the theme introduced in your Mishloach Manot, but dress up your pets, car, house, and nearby streetlights as well.


1. At least, everywhere where the relevant authorities have decreed that everyone needs to mess with their clocks twice a year.

2. The HNQ regularly features titles from Mi Yodeya that don't make any sense, but that's usually because half the words are some sort of lashon hakodesh. During Purim Torah season, the titles often seem off despite being in English.

3. We see here the power of marketing. Surely nobody believes that any daylight is being saved; it is merely being shifted. And that's important, because if you could actually make daylight, or save it away for later, you would be into the space of sorcery and you would be in trouble, because only HKBH creates light as we affirm every morning. So even if they are actually saving daylight somehow, they should keep quiet about it to avoid dragging us into their evil magical ways.

4. OK, Most of the US.

5. In the times of the Temple, the fourth commandment was Matanot Le-evyonim - Monetary Gifts to Poor People. Nowadays, however, common practice is to not spend time on this commandment on Purim, and we observe Maseichot in its stead.

  • This is brilliant. applause – Monica Cellio Nov 28 at 18:46
  • @MonicaCellio Well, it's all CC-By-3.0-appropriated from people such as yourself. :) – Isaac Moses Nov 28 at 18:47
  • 1
    I meant the idea of compiling it in the style of our publications. the content is great too, of course. :-) – Monica Cellio Nov 28 at 18:48
  • 1
    @MonicaCellio "When you've got a hammer ..." – Isaac Moses Nov 28 at 18:49

I am Möoz and I wrote this next week.

  • 16
    I upvoted it last week. – Nog Shine Nov 28 at 6:25
  • 2
    @NogShine I will have upvoted it by the end of last week. – ɪBᴜɢ Nov 28 at 15:09
  • 4
    I upvoted it just after the votes were counted. – reirab Nov 28 at 21:48
  • 3
    I upvoted it in all timelines but one. – Dennis Williamson Nov 28 at 21:59
  • Thanos is coming anyway :D – Vikas Yadav Nov 29 at 14:50
  • No, I am Muze! Vote for this Muze! – Muze Nov 30 at 16:56
  • @Muze I'm you from the future. – Möoz Dec 2 at 23:21
  • The future is now. – Muze Dec 2 at 23:43

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .