Announcements

Bill Cipher Rip Off

Bill Cipher Rip Off

the_germen_empire
|
| 17
| 1

I was surfing the web when I saw there are three more clubs like ours. One club even has more members than us. They dont even have a cool background like ours. the clubs name is "Bill Cipher". We need to get more members.

For Members

For Members

IMDABIGGESTNOOB
|
| 20
| 0

If you are new to this club, get the Book of Bill, Journal 3, and watch Gravity Falls. You must understand how powerful this guy really is.

The Bill Cipher Club
The Bill Cipher Club
About Club
Members

<!DOCTYPE html>
<html>
<head>
  <title>Clock Test</title>
  <style>
    .clock {
      width: 200px;
      height: 200px;
      border: 5px solid black;
      border-radius: 50%;
      position: relative;
      margin: 100px auto;
    }

    .hand {
      position: absolute;
      bottom: 50%;
      left: 50%;
      transform-origin: bottom;
      transform: translateX(-50%);
    }

    #hour { height: 50px; width: 5px; background: black; }
    #minute { height: 70px; width: 3px; background: black; }
    #second { height: 90px; width: 2px; background: red; }
  </style>
</head>
<body>

<div class="clock">
  <div id="hour" class="hand"></div>
  <div id="minute" class="hand"></div>
  <div id="second" class="hand"></div>
</div>

<script>
function updateClock() {
  const now = new Date();

  const seconds = now.getSeconds();
  const minutes = now.getMinutes();
  const hours = now.getHours();

  const secondDeg = seconds * 6;
  const minuteDeg = minutes * 6;
  const hourDeg = (hours % 12) * 30;

  document.getElementById("second").style.transform =
    "translateX(-50%) rotate(" + secondDeg + "deg)";

  document.getElementById("minute").style.transform =
    "translateX(-50%) rotate(" + minuteDeg + "deg)";

  document.getElementById("hour").style.transform =
    "translateX(-50%) rotate(" + hourDeg + "deg)";
}

setInterval(updateClock, 1000);
updateClock();
</script>

</body>
</html>