Nerd Machine Logo: Animated
How do I make an nerd machine logo: animated?
10min Challenge: --has since been updated so not really 10mins anymore, I got carried away--Converted a black and white jpeg to svg, broke apart and added css animations on the svg. Also picked out their colours and applied so that it matched their brand.. What is a nerd machine logo: animated? How do you make a nerd machine logo: animated? This script and codes were developed by Mandy Michael on 16 December 2022, Friday.
Nerd Machine Logo: Animated Previews
Nerd Machine Logo: Animated - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Nerd Machine Logo: Animated</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> <link rel="stylesheet" href="css/style.css">
</head>
<body> <button id="cool">Cool dude</button>
<button id="tada">Tada</button>
<button id="noir">Batman It</button>
<button id="disco">Disco</button><br />
<button id="nodisco">Please no more disco</button>
<div id="nerdmachine"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 595.3 841.9" enable-background="new 0 0 595.3 841.9" xml:space="preserve">
<g class="outerring"> <path d="M288.1,123.3h18.5c2,3.5,4.2,7,5.8,10.7c1.6,3.8,4.4,4.6,8,5.2c6.3,1.1,10.7-0.5,13.8-6c3.2-5.9,7.8-6.8,14.5-5.6 c6.8,1.2,11,3.5,12.2,10.4c0.9,6.2,4.3,9.8,10.9,10c0.8,0,1.7,0.3,2.5,0.7c2.1,1.1,3.8,0.3,5.4-1.2c3.1-2.7,6.2-5.4,9.4-7.8 c0.9-0.7,2.7-0.9,3.8-0.7c4.3,1.3,8.6,2.9,12.7,4.7c1.1,0.4,2.1,1.9,2.3,2.9c0.9,4.3,1.6,8.7,2.5,13c0.3,1.1,1.2,2.3,2.1,2.8 c3.3,1.7,7,4.6,10.4,4.6c3.3,0,6.8-2.8,9.8-5.1c4-3.1,7.5-2.9,11.4,0.1c2.9,2.3,7.6,3.2,9.2,6c1.6,2.9,0.9,7.5,0.5,11.3 c-0.4,4.6,1.3,7,4.8,9.6c4.7,3.6,8.8,4.7,13.9,1.6c6.4-3.9,11.1-2.3,16.7,2.7c4.7,4.2,7,7.9,4.7,13.8c-2.3,6.2-1.5,11.5,4.6,15.3 c0.8,0.5,1.3,1.6,2.1,2c1.1,0.5,2.3,1.2,3.3,1.1c4.4-0.5,8.7-1.6,13-2.1c1.2-0.1,2.9,0.4,3.9,1.3c2.9,3.2,5.9,6.6,8.4,10.2 c0.7,0.9,0.9,2.8,0.7,4c-1.2,4.2-2.9,8-4.3,12.2c-0.4,1.1-0.3,2.7,0.3,3.6c6,9.8,6.2,9.8,17.4,9.8h0.9c4.4-0.8,7.1,0.9,8.8,5.1 c1.6,3.8,5.2,7.1,5.4,10.7c0,3.5-3.2,7.1-5.5,10.3c-2.4,3.3-1.9,6.2-0.5,9.9c2.1,6.2,5.9,9,12.2,9c6.4,0,9.8,2.9,11.9,9.4 c2.3,6.6,2.8,11.5-2.9,16.1c-0.8,0.5-1.2,1.6-2,2.3c-2.9,2.7-2.9,5.5-2.3,9.4c1.2,6.2,3.9,10.2,10.3,11.1c7,1.1,9.2,5.2,10.4,12.2 c1.2,6.7,0.1,11.1-5.8,14.5c-5.5,3.1-7.2,7.6-6,13.9c0.7,3.8,1.5,6.4,5.2,8c3.6,1.6,8.3,3.3,10.2,6.4c1.7,3.1,0.1,7.9,0.7,11.9 c0.5,4.4-0.9,7.1-5.1,8.6c-7.8,2.8-12.5,7.8-11.3,16.6c0,0.3-0.1,0.4-0.1,0.7c0.4,1.2,0.5,2.8,1.5,3.6c2.9,2.8,6,5.5,9.4,7.9 c2.1,1.6,2.5,3.3,2,5.6c-0.7,3.1-1.5,6.3-1.6,9.4c-0.3,3.8-1.9,5.6-5.5,6.6c-3.8,1.1-8.4,1.7-10.9,4.3c-2.4,2.5-2.7,7.1-3.9,10.9 c0,0.1-0.1,0.3-0.1,0.3c0.3,1.3,0.1,2.8,0.9,3.9c2.5,3.5,5.5,6.6,8.2,10c0.8,1.1,1.2,2.8,0.8,4c-1.3,4.3-2.9,8.6-4.6,12.7 c-0.4,0.9-1.6,2-2.7,2.3c-4.4,0.9-8.8,1.6-13.3,2.5c-1.1,0.3-2.3,1.2-2.8,2.1c-1.7,3.3-4.6,7-4.4,10.4c0.1,3.3,3.2,6.6,5.1,9.8 c0.5,1.1,1.1,2.1,1.9,3.1c1.2,1.6,1.2,3.1,0.1,4.8c-2.3,3.5-4.3,7.2-6.3,10.9c-0.9,1.7-2,2.5-4.2,2.4c-3.3-0.1-6.8,0.3-10.2-0.1 c-3.5-0.4-5.2,1.2-7.5,3.8c-4.6,5.2-5.4,10.3-1.9,16.2c3.3,5.5,1.6,9.5-2.3,14.5c-4.6,5.6-8.8,8.3-15.7,5.5 c-5.8-2.3-9.8-0.3-13.9,4.3c-2.8,3.1-4,5.6-2.9,9.8c1.1,3.8,2.5,8.2,1.5,11.5c-0.9,3.1-5.5,4.8-8,7.5c-3.3,3.8-6.8,4.6-11.3,2 c-7.1-4.3-13.4-3.5-19.4,2.4c-1.5,1.5-2.4,2.5-2.3,4.6c0,5,1.5,10.9-0.8,14.5c-2.3,3.8-8.3,5.4-12.6,8c-1.6,1.1-2.9,0.9-4.6,0 c-3.6-2.3-7.4-4.4-11.1-6.4c-0.9-0.5-2.5-0.7-3.5-0.1c-3.5,1.5-7.9,2.4-10.2,5.1c-2.1,2.5-1.7,7.1-2.5,10.7c-0.1,0.7-0.3,1.3-0.3,2 c-0.1,3.2-1.5,5.1-4.8,5.9c-3.6,0.9-7,2.5-10.6,3.6c-1.2,0.4-2.8-0.1-4-0.7c-1.2-0.5-2.3-1.5-3.1-2.5c-5.2-6.4-11.5-8-19-4.4 c-0.1,0.1-0.5,0-0.7,0.1c-1.1,0.9-2.5,1.6-3.1,2.8c-1.7,3.9-2.8,8-4.6,12.1c-0.4,1.1-1.7,2.3-2.8,2.5c-4.4,1.1-8.8,1.9-13.3,2.4 c-1.2,0.1-2.9-0.5-3.9-1.5c-2.5-2.5-5-5.4-7-8.3c-1.9-2.5-3.9-2.8-6.8-2.9c-7.4-0.4-12.1,2.5-14.5,9.4c-2,5.8-5.9,6.8-11.8,7.1 c-7.8,0.4-12.9-1.6-15.3-9.1c-1.9-5.8-6.2-6.7-11.7-7.2c-4.6-0.4-7.4,0.8-9.9,4.3c-2.3,3.1-4.6,7.1-7.8,8.2 c-3.2,1.1-7.5-1.2-11.3-1.3c-4.8-0.1-7.4-2.5-8.2-7.1c-1.3-8.4-6.3-13-14.9-13.4c-1.3-0.1-3.1,0.1-4.2,0.9c-3.3,2.5-6.6,5.2-9.6,8 c-1.3,1.2-2.5,1.6-4.4,0.9c-4-1.7-8.3-2.9-12.3-4.7c-1.1-0.4-2.1-1.7-2.4-2.9c-0.9-4-1.7-8.2-2.3-12.3c-0.3-2.1-1.5-2.9-3.1-4.2 c-6.8-4.6-13.3-4.7-19.4,0.9c-3.8,3.3-7.4,3.2-11.4,0.1c-2.9-2.3-7.6-3.2-9.2-6c-1.6-2.9-0.9-7.5-0.5-11.3c0.5-4.7-1.5-7.1-5.1-9.9 c-4.6-3.5-8.4-4.6-13.3-1.6c-6.7,4.2-11.8,2.3-17.5-2.9c-4.4-4-6.4-7.5-4.3-13.1c2.4-6.4,1.5-11.9-4.7-15.8 c-0.7-0.4-1.2-1.5-1.9-1.9c-1.2-0.5-2.5-1.2-3.8-1.1c-3.9,0.5-7.8,1.2-11.7,2c-2.5,0.5-4.3-0.1-5.9-2.3c-2.4-3.2-5.2-6.2-7.8-9.5 c-0.7-0.8-0.9-2.4-0.7-3.5c0.9-3.3,2-6.8,3.6-9.9c1.7-3.5,0.7-5.8-1.2-9c-3.2-5.6-7.4-8.3-13.8-7c-7,1.5-10.3-1.9-13.7-7.8 c-3.3-5.8-4.4-10.3,0.1-15.4c4.4-4.8,4.2-9.6,0.9-15.4c-1.9-3.3-3.6-5.5-7.6-5.8c-3.9-0.3-8.8-0.3-11.4-2.4 c-2.7-2.3-2.9-7.4-4.8-10.9c-2-4-1.7-7.2,1.9-10c7-5.5,8.4-12.2,4.4-20.1c-0.5-1.1-1.5-2.4-2.7-2.8c-3.9-1.6-8-2.8-12.1-4.6 c-1.2-0.5-2.4-1.9-2.7-3.1c-1.1-4.3-1.9-8.6-2.3-13c-0.1-1.3,0.7-3.2,1.6-4.2c3.1-2.8,6.4-5.4,9.5-8.2c0.7-0.7,1.7-1.5,1.7-2.3 c-0.3-4-0.7-8.2-1.1-12.2c0-0.5-0.7-1.2-1.2-1.5c-4.7-2.7-9.4-5.2-14.1-7.9v-18.5c3.8-2,7.4-4.4,11.3-6.2c3.3-1.5,3.9-3.9,4.6-7.1 c1.3-6.6-0.3-11.5-6.3-14.7c-5.9-3.2-6.4-7.6-5.4-14.2c1.1-7,3.5-11,10.4-12.2c6-0.9,9.8-4.3,10-10.9c0-0.8,0.3-1.7,0.7-2.5 c1.1-2.1,0.3-3.6-1.2-5.4c-2.7-3.1-5.4-6.2-7.8-9.4c-0.7-0.9-1.1-2.7-0.7-3.8c1.3-4.3,2.8-8.6,4.7-12.7c0.4-1.1,1.7-2.1,2.9-2.4 c4.3-0.9,8.7-1.6,13-2.5c1.1-0.3,2.3-1.2,2.8-2.1c1.7-3.3,4.6-7,4.6-10.4c0-3.3-2.8-6.8-5.1-9.8c-3.1-4-2.9-7.5,0-11.4 c2.3-2.9,3.2-7.6,6-9.2c2.9-1.6,7.5-0.9,11.3-0.5c4.6,0.4,7-1.3,9.6-4.8c3.6-4.7,4.7-8.8,1.6-13.9c-3.9-6.4-2.3-11.1,2.7-16.7 c4.2-4.7,7.8-7,13.8-4.7c6.2,2.3,11.5,1.5,15.3-4.6c0.4-0.7,1.5-1.2,1.9-1.9c0.7-1.2,1.3-2.7,1.2-3.9c-0.5-4.4-1.5-8.7-2-13 c-0.1-1.1,0.4-2.7,1.1-3.3c3.3-3.1,7-6,10.6-8.8c0.8-0.7,2.4-0.9,3.5-0.5c3.3,0.9,6.8,2,9.9,3.6c3.5,1.7,5.8,0.7,9-1.2 c5.6-3.2,8.3-7.4,7-13.8c-1.5-7,2-10.3,7.8-13.7c5.8-3.4,10.3-4.4,15.4,0.1c4.8,4.4,9.6,4.2,15.4,0.9c3.3-1.9,5.5-3.6,5.8-7.6 c0.3-3.9,0.1-8.8,2.4-11.4c2.3-2.7,7.4-2.9,11-4.8c4-2,7.2-1.7,10,1.9c5.5,7,12.2,8.4,20.1,4.4c1.1-0.5,2.4-1.5,2.8-2.7 c1.6-3.9,2.8-8,4.6-12.1c0.5-1.2,1.9-2.4,3.1-2.7c4.3-1.1,8.6-1.9,13-2.3c1.3-0.1,3.2,0.7,4.2,1.6c2.8,3.1,5.4,6.4,8.2,9.5 c0.7,0.7,1.5,1.7,2.3,1.7c4-0.3,8.2-0.7,12.2-1.1c0.5,0,1.2-0.7,1.5-1.2C282.9,132.7,285.5,128,288.1,123.3L288.1,123.3z M297.4,613.8c106.8,0,193.2-86.4,193-193.3c0-106.8-86.5-193.2-193.3-193c-106.8,0-192.9,86.4-192.9,193.2 S190.6,613.8,297.4,613.8z M242.6,189.5c0.1-0.1,0.3-0.1,0.4-0.3l1.6,2.4c3.2,5.1,6.3,10,9.5,15.1c0.4,0.7,1.2,1.9,1.7,1.7 c3.2-0.4,6.4-0.5,9.4-1.7c1.1-0.4,1.3-3.2,1.7-5c1.3-5.8,2.7-11.5,3.9-17.3c0.1,0,0.4,0,0.5,0.1c1.9,9.1,3.8,18.2,5.5,27.3 c4-0.7,7.5-1.3,11.3-2c-3.8-17.4-7.4-34.4-11.1-51.7c-3.6,0.5-7.1,1.1-10.3,1.7c-0.8,0.1-1.6,1.5-1.7,2.3 c-1.2,5.8-2.3,11.4-3.3,17.1c-0.9,5.1-2,10.2-3.2,15.9c-1.1-1.7-1.6-2.5-2.1-3.5c-5-8.3-9.8-16.7-14.7-25c-0.5-0.9-1.9-2.1-2.7-2 c-3.3,0.3-6.7,1.1-10.3,1.6c2.3,17.7,4.6,35,6.8,52.5c3.9-0.7,7.5-1.3,11.3-2C245.3,207.7,243.9,198.6,242.6,189.5L242.6,189.5z M515.2,273.2c-15.7,8.8-30.8,17.4-46.1,26c1.9,3.3,3.8,6.6,5.6,9.9c9.9-5.5,19.6-11,29.2-16.5c-0.3,1.3-0.8,2.3-1.5,3.2 c-5.9,8.7-11.9,17.4-17.7,26.3c-0.5,0.9-1.3,2.4-0.9,3.1c2,4,4.3,7.8,6.6,11.8c15.5-8.7,30.7-17.3,46.1-26 c-1.9-3.3-3.6-6.6-5.6-9.9c-10.3,5.8-20.4,11.4-30.4,17.1c0.3-1.3,0.8-2.3,1.3-3.2c6.3-9,12.7-17.9,18.9-27.1 c0.7-0.9,1.2-2.5,0.8-3.5C519.7,280.8,517.5,277.2,515.2,273.2L515.2,273.2z M38.7,372.2c17.3,4.7,34,9.4,51,13.9 c1.1-3.8,2-7.2,2.9-10.9c-11-3.1-21.7-6-33-9.1c1.6-0.4,2.4-0.8,3.2-0.9c10.4-2,20.9-4,31.3-6.2c1.2-0.3,2.9-0.8,3.2-1.6 c1.5-4.3,2.4-8.6,3.6-13.1c-17.1-4.7-33.9-9.2-51-13.9c-1.1,3.8-2,7.1-2.9,10.9c11.5,3.2,22.6,6.3,33.9,9.4 c-12.1,2.7-24,4.8-35.8,7.1c-1.2,0.3-2.7,1.2-3.1,2.1C40.9,363.6,39.9,367.8,38.7,372.2z M166.8,255.6c-7.9-1.3-14.9-2.7-22-3.9 c2.1-6.4-0.1-11.1-4.4-15.1c-2.1-2-4.2-4.3-6.4-6.2c-5-4.2-10-4.8-15.1-0.8c-7.5,6.2-14.3,13.1-21.2,19.4 c12.9,12.9,25.2,25.2,37.4,37.5c2.5-2.4,5.2-5.1,8.4-8.2c-2-1.9-3.9-3.6-5.9-5.4c-2-1.7-4.2-3.5-5.9-5c2.8-5.1,6-6.4,10.7-5.1 c4,1.2,8.2,1.6,12.3,2.1c1.1,0.1,2.4-0.3,3.2-0.9C160.7,261.7,163.4,259,166.8,255.6z M177.5,248.1c2.3-1.2,4.4-2.4,6.4-3.6 c5.4-3.2,11-6,15.9-9.8c6.7-5,7.5-11.5,3.5-18.6c-3.8-6.7-7.6-13.4-11.5-20c-4-7-9.8-9.6-17.3-6.4c-8,3.5-15.7,8.2-23.6,12.3 C159.9,217.6,168.6,232.7,177.5,248.1z M439.9,239.3c-4.3,5.9-8.3,11.5-12.5,17.3c3.2,2.4,6.3,4.6,9.6,7 c10.4-14.3,20.8-28.4,31.2-42.9c-3.2-2.4-6.3-4.6-9.6-7c-4.2,5.8-8.3,11.3-12.5,17c-4.7-3.5-9.1-6.7-13.8-10 c4.2-5.8,8.2-11.4,12.3-17c-3.3-2.4-6.4-4.7-9.6-7c-10.4,14.3-20.8,28.5-31.2,42.9c3.3,2.4,6.3,4.7,9.6,7 c4.3-5.8,8.3-11.4,12.6-17.1C430.7,232.6,435.1,235.8,439.9,239.3L439.9,239.3z M348.1,216.1c-3.1-17.8-6-35-9-52.2 c-0.3-1.7-0.9-2.4-2.7-2.5c-3.5-0.4-7-0.7-10.4-1.3c-2.3-0.4-3.3,0.1-4.3,2.1c-6.7,15.1-13.5,30.3-20.4,45.4 c-0.3,0.8-0.5,1.6-0.8,2.5c1.3,0.1,2.3,0.3,3.2,0.4c2.8,0.3,6.3,1.7,8.3,0.5c2-1.1,2.4-5,3.9-7.4c0.4-0.8,1.7-1.7,2.5-1.6 c5.2,0.5,10.4,1.3,15.8,2c0.4,3.1,0.8,5.9,1.3,8.6c0.1,0.8,1.1,2,1.9,2.1C340.9,215.5,344.3,215.7,348.1,216.1L348.1,216.1z M509.3,362.1c3.9-0.9,7.5-1.9,11.1-2.8c1.7,6.6,3.3,12.7,5,19c3.6-0.9,6.7-1.9,10-2.7c-1.6-6.6-3.2-12.6-4.8-19 c3.2-0.8,6.3-1.6,9.4-2.4c1.9,7.2,3.6,13.8,5.4,20.8c3.6-0.9,6.8-1.7,10.2-2.7c-2.8-10.9-5.5-21.4-8.3-32.1 c-17.1,4.4-34.2,8.7-51.3,13.1c2.8,11,5.5,21.6,8.3,32.3c3.6-0.9,6.7-1.7,10.2-2.7C512.8,375.9,511,369.2,509.3,362.1L509.3,362.1z M95.6,307.4c3.3-5.8,6.6-11.3,9.9-17c-3.1-1.9-6-3.5-9-5.4c-3.5,5.8-6.7,11.4-10,17c-2.9-1.7-5.6-3.3-8.3-5 c3.6-6.3,7.2-12.3,10.7-18.5c-3.2-1.9-6-3.5-9.1-5.4c-5.6,9.6-11.3,19.2-16.9,28.7c15.4,9,30.4,17.8,45.7,26.8 c5.6-9.6,11.3-19.2,16.9-28.7c-3.1-1.9-5.9-3.5-9.1-5.4c-3.6,6.2-7.2,12.2-10.9,18.4C102.2,311.2,99.1,309.4,95.6,307.4z M548.5,455.9c-0.3-1.2-0.4-2-0.5-2.7c-1.5-4.7-2.8-9.5-4.7-14.1c-1.2-3.2-0.5-5,2.3-6.7c3.8-2.3,7.2-5.1,10.7-7.6 c0.9-0.7,1.9-1.5,3.6-2.8c-6.4,0-11.9-0.3-17.3,0.1c-3.6,0.3-5.5-0.8-6.4-4.6c-1.3-5.4-3.3-10.6-5.4-16.5 c-1.7,5.2-3.1,9.6-4.6,14.1c-2.3,7-2.3,7-9.8,7h-13.7c4.7,4.3,9.5,7.9,14.6,11.4c1.9,1.3,2.1,2.5,1.5,4.6c-2,5.8-3.8,11.7-5.9,18.2 c6.4-4.7,12.1-8.7,17.9-13C536.7,447.3,542.4,451.4,548.5,455.9L548.5,455.9z M79.6,456c-1.9-5.8-3.5-10.7-5.1-15.8 c-1.7-5.2-1.7-5.2,2.8-8.6c4.2-3.1,8.4-6.2,12.6-9.2c-6.4-0.7-12.6-0.7-18.8-0.5c-2,0-2.9-0.5-3.5-2.5c-1.7-5.9-3.9-11.8-6-18.5 l-4.3,12.9c-2.5,8-2.5,8-10.9,8H33.6c4.3,3.9,8.4,7.2,13,10c3.3,2.1,3.9,4.2,2.4,7.8c-2,5-3.3,10.3-5.4,16.2 c6.4-4.7,12.2-8.7,17.8-12.9C67.5,447.3,73.3,451.5,79.6,456L79.6,456z M409.9,184.1c-6.2-3.9-12.2-7.2-19-8.7 c-8.7-1.9-15.1,1.3-18.5,9.6c-2.8,6.8-5.5,13.7-8.2,20.5c-3.1,8.2-0.8,14.9,6.7,19.6c6,3.8,12.9,5.4,20.1,6.7 c0.8-3.5,1.5-6.7,2.3-10c-4.4-1.3-8.4-2.5-12.5-3.9c-5.6-2-6.8-4.7-4.7-10.2c2-5.4,4.2-10.6,6.3-15.9c2.4-5.9,4.8-7,10.7-4.4 c3.8,1.6,7.5,3.6,11.5,5.5C406.3,190,408,187.2,409.9,184.1L409.9,184.1z M488.8,241.5c-13.3,11.9-26.4,23.6-39.5,35.4 c2.8,3.1,5.4,5.9,7.9,8.8c13.3-11.9,26.3-23.4,39.4-35.4C494,247.3,491.5,244.4,488.8,241.5z M243.4,667.5 c-0.5-1.6-0.8-2.3-0.9-3.1c-2-8.8-3.9-17.8-5.9-26.7c-1.2-5.2-1.5-5.5-7.4-5.6c-3.1,11.7-6.2,23.4-9.2,35.2 c1.6,0.4,2.8,0.8,4.3,1.2c2.5-9.9,5.1-19.6,7.9-30c0.4,1.5,0.7,2,0.8,2.7c2,8.8,3.9,17.5,5.9,26.4c1.2,5.5,1.2,5.5,7.5,6.3 c3.1-11.7,6.2-23.4,9.2-35.5c-1.6-0.4-2.8-0.7-4.4-1.1C248.7,647.3,246.2,657,243.4,667.5L243.4,667.5z M544.9,488.9 c-11.5-3.8-23-7.6-34.8-11.4c-0.5,1.5-0.9,2.8-1.5,4.3c9.8,3.2,19.3,6.4,28.8,9.5c-9.6,2.1-19.3,3.5-28.8,5.1 c-5.6,0.9-5.6,0.9-6.8,7.1c11.5,3.8,23,7.6,34.8,11.5c0.5-1.6,0.8-2.9,1.2-4.3c-9.8-3.2-19.2-6.3-28.5-9.4 c9.5-2.1,18.9-3.6,28.4-5.1C543.6,495.2,543.6,495.2,544.9,488.9z M319.5,664.3c4.7-2,5.6-5.6,5.2-9.9c-0.1-1.5-0.1-2.8-0.3-4.3 c-0.4-5.2-2.7-8.2-7.9-8.3c-5.6-0.3-11.4,0.4-17.4,0.7c0.8,12.5,1.6,24.5,2.4,36.8c1.6-0.1,2.9-0.1,4.7-0.3 c-0.3-4.6-0.4-8.7-0.7-13c1.3-0.1,2.4-0.3,3.5-0.4c3.8-0.8,6.6-0.1,8.6,3.5c1.2,2.1,3.3,3.9,4.6,6c1.7,3.1,4.3,3.1,7.6,2.4 C326.3,672.9,323,668.8,319.5,664.3L319.5,664.3z M344.5,675.1c5.4-1.3,10.3-2.4,15.3-4c5-1.6,7.6-5.4,6.8-9.9 c-1.2-6.4-2.8-12.9-4.6-19.2c-1.2-4.4-4.7-7-9.1-6.4c-5.6,0.7-11.1,2.1-16.9,3.3C338.9,651.2,341.6,663.1,344.5,675.1L344.5,675.1z M513.3,550.5c0.1,0.3,0.3,0.4,0.4,0.7c2.4-1.3,5.4-2.1,7.1-4.2c2.1-2.3,3.9-5.4,5-8.4c2.1-5.8,0.1-10.3-5.2-13.4 c-4.6-2.5-9.1-5-13.7-7.2c-5.5-2.8-10.4-1.7-13.9,3.2c-1.9,2.7-3.2,5.8-4.2,8.8c-1.3,4.2,0.1,8.2,3.9,10.3 c5.6,3.3,11.5,6.3,17.4,9.2C511,550.2,512.2,550.2,513.3,550.5L513.3,550.5z M389.7,661.4c4-0.3,8-1.7,11.5-4.7 c3.8-3.1,4.8-7,3.1-11.5c-2-5.5-4.3-10.9-6.7-16.1c-2.4-5.2-7.5-7.1-13.7-5.2c-7.8,2.3-12.1,7-11.4,12.9c0.1,0.8,0.1,1.7,0.5,2.5 c2.3,5.5,4.4,11,7,16.3C381.6,659.5,384.8,661.4,389.7,661.4z M173.2,636.7c0.4,0.1,0.7,0.1,0.8,0.3c2.7,1.5,5.2,2.8,7.8,4.3 c5.4,2.8,5.6,2.9,4.2,9c-0.8,3.5,0.8,4.4,3.8,5.1c1.9-11,3.9-21.8,5.6-32.6c0.9-5.5,0.9-5.5-4-8.2c-0.1-0.1-0.4-0.1-0.8-0.1 c-9.4,8.6-18.8,17.3-28.1,26c2.4,2.7,4.6,2.7,6.7,0C170.4,639,171.9,637.9,173.2,636.7L173.2,636.7z M427.3,599.6 c6.2,7.4,12.1,14.6,18.2,21.6c3.8,4.2,8.7,3.9,14.1,0.3c6.4-4.4,9-9.9,6.8-14.9c-0.3-0.5-0.4-1.1-0.8-1.5 c-6-7.4-12.1-14.7-18.2-22.2c-1.3,1.2-2.4,2-3.6,3.1c1.1,1.3,2.1,2.5,3.1,3.8c4.6,5.4,9.2,10.7,13.4,16.3c1.2,1.6,2.3,4.4,1.7,6.2 c-1.1,3.9-4.3,6.3-8.3,7.2c-3.3,0.8-5.2-1.6-7.1-3.9c-5.2-6.3-10.4-12.5-15.8-18.9C429.6,597.8,428.5,598.6,427.3,599.6 L427.3,599.6z M91.8,575c1.5,1.5,1.5,4.2,4.6,3.1c2.3-0.8,5.1-2.7,7-2.1c2.1,0.7,3.6,3.6,5.4,5.6c0.4,0.5,0.8,0.9,1.3,1.5 c3.6,4.3,3.8,4.4,0.7,9c-2,2.9-1.7,4.8,1.3,6.7c6.4-10.6,12.9-21,19.3-31.5c1.3-2.1-0.5-2.9-1.3-4.2c-0.9-1.3-1.7-2.4-3.8-1.6 C114.8,566,103.4,570.4,91.8,575z M268.8,673.2c0.4-4.3,0.8-8.3,1.2-12.5c5.4,0.4,10.4,0.8,15.7,1.2c0.1-1.5,0.3-2.7,0.4-4 c-5.4-0.5-10.4-1.1-15.7-1.6c0.4-4,0.8-7.6,1.2-11.4c5.8,0.5,11.1,0.9,16.7,1.5c0.1-1.5,0.3-2.7,0.4-4.2c-7.4-0.7-14.5-1.3-21.7-2 c-1.2,12.5-2.3,24.4-3.3,36.7c7.4,0.7,14.3,1.3,21.7,2c0.1-1.5,0.1-2.7,0.3-4.2C280,674.2,274.6,673.7,268.8,673.2L268.8,673.2z M102.7,523.6c-7.5,8.8-14.6,17.3-21.8,25.7c-3.5,4.2-3.5,4.2-0.3,8.7c0.1,0.1,0.3,0.3,0.7,0.5c12.3-2.9,24.8-5.8,37.2-8.7 c-0.8-3.3-2.3-4.3-5.4-3.2c-3.5,1.1-7,1.7-10.6,2.5c-6.3,1.5-12.6,2.9-19.7,4.6c7.8-9.2,15-17.8,22.4-26.4 C104.3,526.1,103.7,525,102.7,523.6z M83.9,474.4c-9.9,7.2-19.7,14.5-29.6,21.4c-2.3,1.6-0.9,3.1-0.5,4.6c0.4,1.6,0.9,2.9,3.2,2.9 c11.5-0.1,23.2,0,34.7,0.1c0.5,0,1.1-0.1,1.5-0.3c0-3.1-1.2-4-4.3-4c-8.2,0.1-16.3-0.1-24.4-0.3h-5.8c7.9-6.6,15.8-12.5,23.8-18.2 C85.1,478.9,86,477.3,83.9,474.4L83.9,474.4z M466.6,568.4c2.5-2.9,4.8-5.5,7.2-8.3c-1.1-0.9-2.1-1.7-3.2-2.7 c-5.9,6.8-11.7,13.4-17.7,20.1c1.2,0.9,2.1,1.9,3.2,2.8c2.5-2.8,4.8-5.5,7.2-8.2c8.2,7.2,16.3,14.3,24.5,21.6 c1.1-1.2,2-2.3,3.1-3.5C483,582.8,474.9,575.8,466.6,568.4L466.6,568.4z M438.2,631.9c-4.7,2.9-9.1,5.5-13.7,8.3 c-5.8-9.4-11.4-18.5-17.1-27.9c-1.5,0.8-2.5,1.6-4,2.4c6.6,10.6,12.9,20.9,19.3,31.5c6-3.8,11.8-7.2,17.7-10.9 C439.6,634.2,439,633.3,438.2,631.9z M154,629.9c-4.3-3.3-8.3-6.6-12.6-9.8c6.7-8.7,13.3-17.3,20-26c-1.3-1.1-2.4-1.9-3.8-2.8 c-7.5,9.8-15,19.4-22.5,29.2c5.6,4.3,11,8.4,16.5,12.7C152.6,632.1,153.2,631.1,154,629.9z M97.4,511.2 c-11.3,5.1-22.2,10.2-33.6,15.4c0.7,1.5,1.3,2.8,2,4.3c11.3-5.1,22.2-10.2,33.6-15.4C98.7,514,98.1,512.8,97.4,511.2z M475.7,549.9 c10.2,7.1,20.1,14.1,30.3,21.2c0.9-1.3,1.7-2.5,2.7-3.9c-10.2-7.1-20.1-14.1-30.3-21.2C477.4,547.5,476.6,548.6,475.7,549.9z"/> <path d="M125,259.7c-3.9-3.9-7.4-7.5-11.1-11.1c2.4-2.4,4.8-5.1,7.6-7.6c2-1.9,4.3-1.7,6.4,0.1c7.2,6.2,7.4,7.9,0.8,14.6 C127.4,256.9,126,258.3,125,259.7L125,259.7z M182.6,233.1c-5.2-9.2-10.4-18.2-15.9-27.9c3.3-1.6,6.4-3.6,9.8-4.7 c1.5-0.4,4.4,0.7,5.2,1.9c3.9,6,7.4,12.5,10.9,18.8c1.5,2.7,0.7,5.2-1.9,6.8C188.1,229.9,185.4,231.4,182.6,233.1L182.6,233.1z M332.7,193.8c-4.2-0.5-7.8-0.9-12.1-1.5c2.9-7,5.6-13.5,8.4-20.1c0.3,0,0.4,0,0.7,0.1C330.7,179.2,331.7,186.1,332.7,193.8z M305.1,661.5c-0.4-5.2-0.7-9.8-1.1-15.4c4.4,0,9.1-0.9,13,0.3c4.7,1.5,2.4,6.6,2.8,10.2c0.4,2.3-1.2,3.8-3.5,4 C312.9,661,309.3,661.1,305.1,661.5L305.1,661.5z M341.6,642c3.6-0.7,6.8-1.5,10.2-2c3.1-0.4,5.2,1.1,5.9,4c1.5,5.6,2.7,11.3,4,17 c0.7,3.2-0.7,5.4-3.8,6.3s-6.2,1.6-9.6,2.5C346,660.7,343.9,651.6,341.6,642L341.6,642z M522.3,534c-0.4,5.1-1.9,8.6-5.1,10.4 c-1.6,0.9-4.6,1.1-6.4,0.3c-5-2.1-9.6-4.8-14.3-7.4c-4-2.3-4.7-5.9-2-10.9c2.5-4.8,5.9-6.4,10-4.4c4.8,2.4,9.6,4.8,14.2,7.6 C520.4,530.8,521.5,532.9,522.3,534L522.3,534z M377.2,635.7c0-3.9,3.1-6.6,8.3-7.9c3.8-0.9,6.4,0.1,7.9,3.5 c2.3,5.1,4.4,10.3,6.4,15.4c1.2,3.1,0.3,5.8-2.4,7.5c-2,1.2-4.3,2.1-6.6,2.7c-2.5,0.7-5.1-0.3-6.2-2.7c-2.7-5.6-5-11.5-7.4-17.3 C377.1,636.6,377.2,635.9,377.2,635.7L377.2,635.7z M188.1,640c-4-2.1-7.6-4.2-11.7-6.3c5.1-4.8,9.9-9.4,14.7-13.9 c0.3,0.1,0.4,0.1,0.7,0.3C190.6,626.3,189.4,632.9,188.1,640z M107.3,573.6c6.7-2.7,12.9-5.2,20-8c-4.2,6.6-7.6,12.2-11.5,18.2 C112.9,580.5,110.4,577.3,107.3,573.6z"/>
</g>
<g class="head"> <g class="glasses"> <path d="M361.9,392.4c9.6,1.1,19.3,1.6,28.8,3.2c7.6,1.2,9.6,4,10.4,11.8c1.3,11.9-0.1,23.4-4,34.7c-2,5.8-5.8,9.5-11.4,11.4 c-14.1,4.7-28.4,5-42.5,0.1c-13-4.6-20-15.1-23.2-28c-1.5-5.9-1.5-12.2-1.6-18.2c-0.1-5.4,2.9-9.5,8.2-10.7 c6.4-1.6,13.1-2.5,19.8-3.1c5.1-0.5,10.3-0.1,15.5-0.1C361.9,393.2,361.9,392.8,361.9,392.4L361.9,392.4z"/> <path d="M232.7,392.5c10.3,0.9,20.6,1.5,30.8,2.9c9.4,1.5,12.6,6,12.6,15.5c0,13-3.6,24.6-12.6,34.4c-7.5,8-17.3,10.4-27.7,11.3 c-9,0.5-17.8,0-26.4-2.8c-6.3-2.1-10.6-6-12.6-12.5c-3.9-12.1-5.4-24.4-3.3-37.1c0.8-4.6,3.3-7.6,7.8-8.3 c8.6-1.3,17.1-2.1,25.7-3.1c1.9-0.1,3.8,0,5.6,0C232.7,392.9,232.7,392.8,232.7,392.5L232.7,392.5z"/> </g> <g class="shine" id="shine"> <g class="shine1"> <line stroke-width="5" stroke-miterlimit="10" x1="206.9" y1="391.7" x2="250.9" y2="457.9"/> <line stroke-miterlimit="10" x1="211" y1="388.3" x2="254.9" y2="454.5"/> </g> <g class="shine2"> <line stroke-width="5" stroke-miterlimit="10" x1="331.9" y1="393.4" x2="375.9" y2="459.6"/> <line stroke-miterlimit="10" x1="335.9" y1="390" x2="379.9" y2="456.2"/> </g> </g> <g id="face"> <path d="M154.6,307.6c1.3-1.6,2.8-3.3,4.2-5c31.2-35.9,70.5-57.2,117.7-62.8c92.4-11,179.4,51.4,198.6,142.1 c20.8,98.2-39.8,193.7-137.3,216.3c-96.7,22.4-195-38.6-217.5-135.3c-12.5-53.7-2.3-103.4,29.3-148.7c2.1-3.1,1.9-7.6-0.7-10.3 c-1.6-1.7-2-3.8-0.1-5.2c1.1-0.8,3.3-1.2,4.7-0.7c2,0.9,2.3,2.9,1.2,5.1c-0.7,1.2-0.7,2.7-1.1,4 C153.9,307.4,154.3,307.5,154.6,307.6L154.6,307.6z M164,358.7c1.9,9.4,3.6,18.9,5.5,28.3c0.5-0.7,0.5-1.2,0.7-1.9 c0.7-12.5,0.9-24.9,1.9-37.2c1.2-15.3,7.9-28,19.4-38.2c8.4-7.5,17.8-13.8,28-18.6c39.1-18.6,79.8-22.6,121.9-12.3 c22.2,5.5,42.6,14.6,60.1,29.6c11.1,9.4,18.9,21,20.4,35.9c1.3,13.4,1.7,26.8,2.5,40.2c0.1,1.2,0,2.3,0,3.8h13.8 c0.3,1.2,0.5,2,0.7,2.8c0.3,2.3,0.7,4.6,0.7,6.8c1.2,26.5-2.1,52.5-8.7,78.1c-2.3,9-5.5,17.7-10.7,25.5c-1.6,2.3-3.3,3.5-6.3,3.2 c-3.3-0.4-6.8-0.1-10.2-0.3c-1.9-0.1-2.7,0.5-3.5,2.1c-2.7,5-5.2,9.9-8.4,14.5c-13.5,18.5-30.7,33.1-49.3,45.9 c-4.4,3.1-10.3,5.1-15.7,5.4c-15.9,1.1-31.9,1.2-47.8,1.3c-14.6,0.1-27.3-4.8-38-14.9c-5.6-5.2-11.5-9.9-17.1-15 c-12.1-11-22.8-23-29.7-38c-0.3-0.7-1.6-1.3-2.4-1.5c-3.8-0.1-7.5-0.1-11.3,0.1c-2.5,0.3-4.3-0.5-5.5-2.8c-2.8-5.4-6.2-10.6-8-16.2 c-9.5-28.5-12.9-57.9-11.8-87.9c0.1-3.2,0.8-6.4,1.2-9.6c1.7-0.1,3.1-0.3,4.8-0.4c-2.4-19.6-4.8-39-7.2-58.8 c-0.7,0.5-0.9,0.7-0.9,0.8c-0.4,0.5-0.8,1.1-1.1,1.6c-24.5,41.1-31.5,85.2-19.6,131.4c23.7,91.4,114.8,145.3,206.6,123.2 c90.1-21.7,147.2-115.5,125-205.5c-22-87.7-104.7-143.2-194.1-128.9c-46.5,7.4-83.3,31.2-111.2,69 M344.7,311.1h2.3 c2.7-0.3,4.7-1.7,4.8-4.2c0.1-1.6-0.9-3.9-2.1-5c-2-1.7-4.2-0.9-6.3,0.7c-0.8,0.7-2.4,1.1-3.3,0.8c-22.2-6.6-44.7-8.2-67.5-4.2 c-7.1,1.2-14.1,3.2-21.2,4.8c1.7,5.1,1.1,7.9-2,9.5c-2.7,1.5-5.2,0.7-7.2-2.1c4.8-0.5,7.6-2.7,7.4-5.6c-0.1-2.4-3.1-4.8-5.6-4.6 c-3.3,0.4-4.8,3.1-4.3,7.6c-3.8,0.5-3.8,3.3-3.6,6.4l2,53c0.1,4.2,0.5,8.3,0.9,12.5c0.8,0.1,1.2,0.3,1.6,0.3 c13.3,0.4,26.7,0.8,39.5,4.7c0.5,0.1,1.2,0,1.7-0.1c2.5-0.7,5.1-1.6,7.8-1.9c4.8-0.4,9.6-0.3,14.5-0.3c1.7,0,4-0.4,5.1,0.5 c3.8,3.1,7.4,0.9,11,0.3c2.1-0.4,4.3-0.9,6.4-1.1c8-0.8,15.9-1.5,24.6-2.3c0.9-22.5,2-45.1,2.9-68 C348.8,314.9,347.2,314.6,344.7,311.1L344.7,311.1z M285.2,414.4c-0.4,11.3-4,21.6-10.6,30.8c-6.6,9.5-15.8,15.3-26.8,18.5v1.3 c4,24.6,8,49.3,12.3,73.8c1.5,9,1.7,9.2,11,9.2c17.5,0.1,35.2,0,52.8,0.1c3.2,0,4.6-1.2,5.1-4.3c2.9-17.4,6.2-34.8,9.1-52.2 c1.6-9.6,2.5-19.4,3.9-29.1c-21.8-9.2-31.5-26.7-33.2-48.5C300.9,410.9,293.2,411.6,285.2,414.4L285.2,414.4z M361.9,392.4 c0,0.4,0,0.8-0.1,1.2c-5.2,0-10.3-0.4-15.5,0.1c-6.7,0.7-13.3,1.6-19.8,3.1c-5.2,1.2-8.3,5.4-8.2,10.7c0.1,6.2,0.1,12.5,1.6,18.2 c3.2,12.9,10.2,23.4,23.2,28c13.9,4.8,28.3,4.4,42.5-0.1c5.6-1.9,9.5-5.6,11.4-11.4c3.9-11.3,5.4-22.9,4-34.7 c-0.8-7.8-2.8-10.6-10.4-11.8C381.2,394,371.6,393.5,361.9,392.4z M232.7,392.5v0.5c-1.9,0-3.8-0.1-5.6,0 c-8.6,0.9-17.3,1.7-25.7,3.1c-4.4,0.7-7,3.6-7.8,8.3c-2,12.6-0.5,24.9,3.3,37.1c2,6.4,6.3,10.3,12.6,12.5 c8.6,2.8,17.4,3.5,26.4,2.8c10.4-0.7,20.2-3.1,27.7-11.3c9-9.8,12.6-21.4,12.6-34.4c0-9.5-3.2-14.1-12.6-15.5 C253.3,394,243,393.6,232.7,392.5L232.7,392.5z M359.3,381.2H386c0-5.2,0.1-10.7,0-16.2s2.1-9.2,7-11.7c1.1-0.5,2.1-1.1,3.2-1.7 c3.3-2,4.3-4.6,2.5-8c-1.5-2.7-3.2-5.2-5.4-7.4c-8.7-8.7-18.2-16.2-28.9-22.4c-0.8-0.4-1.7-0.8-2.4-1.1 C361,335.4,360.2,358,359.3,381.2z M208.4,381.2h22.1c-0.7-22.5-1.2-44.5-1.9-66.8c-11.5,7.5-22.6,15.3-31.1,26 c-4.4,5.6-3.6,9.1,2.8,12.2c5.5,2.7,8.3,6.8,8,13C208.3,370.8,208.4,376.1,208.4,381.2L208.4,381.2z M371.7,466.6 c-7.8-0.5-15-1.1-22.4-1.6c-4.4,26.1-9,52.4-13.5,79.6C352.6,520.1,363.5,494.1,371.7,466.6L371.7,466.6z M222.6,466.5 c7.4,24.8,17.1,48.2,30.7,70.1c0.3-0.1,0.5-0.1,0.8-0.3l-13.3-70.7C234.8,465.8,228.8,466.1,222.6,466.5L222.6,466.5z M293.6,387.7 C293.6,387.6,293.6,387.6,293.6,387.7c-2-0.3-4-0.4-5.9-0.4c-2.3-0.1-3.9,0.9-3.9,3.3c0.1,5.6,0.4,11.1,0.8,16.7 c0.1,2.1,1.5,3.2,3.8,2.4c5.9-2,11.8-2.3,17.8-0.4c2.3,0.7,3.8-0.4,3.8-2.7c0.3-5.1,0.3-10.3,0.4-15.4c0.1-3.3-1.9-4.4-4.8-4.2 C301.5,387.2,297.5,387.5,293.6,387.7L293.6,387.7z M176,410.9c-4.6,0-9-0.1-13.5,0.1c-0.5,0-1.6,1.5-1.6,2.1 c0.1,8.8,0.5,17.7,0.8,26.8h16.5C177.5,430.3,176.7,420.9,176,410.9L176,410.9z M433.7,410.9c-5.2,0-9.6-0.1-14.1,0.1 c-0.7,0-1.7,1.2-1.9,1.9c-0.7,9-1.2,17.9-1.7,26.9h16.2C432.8,430.3,433.2,420.9,433.7,410.9L433.7,410.9z M327.5,553.2 c-21.4,2.4-42.9,2.3-64.2-0.4c-0.4,2.7,0.8,3.5,2.8,3.6c6.3,0.7,12.7,1.6,19,2c13.4,0.9,26.8,0.7,40.2-1.2 C327.6,557,328.7,556.1,327.5,553.2L327.5,553.2z"/> <path class="face1" d="M344.7,311.1c2.4,3.6,4,3.9,9.6,1.5c-0.9,22.9-2,45.5-2.9,68c-8.7,0.8-16.7,1.5-24.6,2.3c-2.1,0.3-4.3,0.7-6.4,1.1 c-3.6,0.7-7.2,2.8-11-0.3c-1.1-0.9-3.3-0.5-5.1-0.5c-4.8,0-9.6,0-14.5,0.3c-2.5,0.1-5.2,1.2-7.8,1.9c-0.5,0.1-1.2,0.4-1.7,0.1 c-12.9-3.9-26.3-4.3-39.5-4.7c-0.4,0-0.8-0.1-1.6-0.3c-0.3-4.2-0.7-8.3-0.9-12.5l-2-53c-0.1-3.1-0.1-5.8,3.6-6.4 c-0.5-4.7,1.1-7.2,4.3-7.6c2.5-0.3,5.5,2,5.6,4.6c0.1,2.9-2.5,5.1-7.4,5.6c2.1,2.8,4.6,3.6,7.2,2.1c3.1-1.6,3.8-4.4,2-9.5 c7.1-1.6,14.1-3.6,21.2-4.8c22.8-4,45.3-2.4,67.5,4.2c0.9,0.3,2.5-0.1,3.3-0.8c2-1.6,4.3-2.4,6.3-0.7c1.2,1.1,2.3,3.3,2.1,5 c-0.1,2.4-2.1,3.9-4.8,4.2C346.3,311.1,345.6,311.1,344.7,311.1z M285.2,414.4c8-2.7,15.7-3.5,23.6-0.4c1.9,22,11.4,39.2,33.2,48.5 c-1.2,9.6-2.3,19.4-3.9,29.1c-2.8,17.4-6.2,34.8-9.1,52.2c-0.5,3.2-1.9,4.3-5.1,4.3c-17.5-0.1-35.2,0.1-52.8-0.1 c-9.2-0.1-9.5-0.3-11-9.2c-4.2-24.6-8.2-49.2-12.3-73.8v-1.3c10.9-3.2,20.1-9,26.8-18.5C281.2,435.8,284.8,425.6,285.2,414.4z M263.2,506.9h67.5c0.5-5.2-1.5-7.6-7.4-7.6c-17-0.1-33.9-0.1-50.9-0.1c-0.9,0-2,0-2.9,0.1C264.8,500,263.3,501.6,263.2,506.9z M263.8,513.4c0.4,5.6,2.4,7.6,7.8,7.6h51.2c5.4,0,7.2-1.9,7.8-7.6H263.8z"/> <path class="face2" d="M359.3,381.2c0.8-23.2,1.7-45.7,2.5-68.6c0.7,0.3,1.6,0.7,2.4,1.1c10.7,6.2,20.2,13.7,28.9,22.4c2.1,2.1,4,4.7,5.4,7.4 c1.9,3.5,0.8,6-2.5,8c-1.1,0.7-2.1,1.2-3.2,1.7c-4.8,2.4-7.1,6.3-7,11.7c0.1,5.5,0,11,0,16.2C376.7,381.2,368,381.2,359.3,381.2 L359.3,381.2z M208.4,381.2c0-5-0.1-10.3,0-15.5c0.3-6.3-2.5-10.3-8-13c-6.4-3.2-7.2-6.6-2.8-12.2c8.4-10.9,19.6-18.5,31.1-26 c0.7,22.4,1.2,44.3,1.9,66.8C223.7,381.2,216.5,381.2,208.4,381.2L208.4,381.2z M371.7,466.6c-8.3,27.5-19.3,53.6-35.9,78 c4.7-27.2,9.1-53.4,13.5-79.6C356.7,465.6,363.9,466.1,371.7,466.6L371.7,466.6z M222.6,466.5c6.3-0.3,12.2-0.5,18.4-0.9l13.3,70.7 c-0.3,0.1-0.5,0.1-0.8,0.3C239.6,514.7,229.9,491.1,222.6,466.5L222.6,466.5z M293.6,387.7c3.9-0.3,7.9-0.4,11.8-0.7 c2.9-0.1,5,0.8,4.8,4.2c-0.1,5.1-0.3,10.3-0.4,15.4c-0.1,2.3-1.6,3.5-3.8,2.7c-6-1.9-11.9-1.6-17.8,0.4c-2.1,0.8-3.6-0.3-3.8-2.4 c-0.4-5.5-0.7-11.1-0.8-16.7c0-2.4,1.6-3.5,3.9-3.3C289.6,387.3,291.6,387.5,293.6,387.7C293.6,387.6,293.6,387.6,293.6,387.7 L293.6,387.7z M176,410.9c0.8,9.9,1.5,19.4,2.1,29.1h-16.5c-0.3-9-0.7-17.8-0.8-26.8c0-0.8,0.9-2.1,1.6-2.1 C166.9,410.9,171.5,410.9,176,410.9L176,410.9z M433.7,410.9c-0.5,9.9-0.9,19.4-1.3,29.1h-16.2c0.5-9.1,1.1-18.1,1.7-26.9 c0-0.7,1.2-1.9,1.9-1.9C424.1,410.9,428.5,410.9,433.7,410.9L433.7,410.9z M327.5,553.2c1.3,2.9,0.1,3.8-2.1,4.2 c-13.4,1.9-26.8,2.1-40.2,1.2c-6.3-0.5-12.7-1.3-19-2c-2-0.3-3.2-1.1-2.8-3.6C284.6,555.4,305.9,555.6,327.5,553.2z"/> <path class="face2" d="M263.2,506.9c0.1-5.4,1.6-7,6.2-7.6c0.9-0.1,2-0.1,2.9-0.1c17,0,33.9,0,50.9,0.1c5.9,0,7.9,2.4,7.4,7.6H263.2z M263.8,513.4h66.6c-0.5,5.6-2.4,7.6-7.8,7.6h-51.2C266.2,520.9,264.2,518.9,263.8,513.4z"/> </g>
</g>
</svg>
</div>
<div class="disco-msg"> <div class="disco-msg__text"> <h1>I'm sorry, Disco is forever!</h1> </div>
</div>
<div class="noir-msg"> <div class="noir-msg__text"> <h1>It's getting a bit dark in here...</h1> </div>
</div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> <script src="js/index.js"></script>
</body>
</html>
Nerd Machine Logo: Animated - Script Codes CSS Codes
html { height: 100%;
}
body { background: -webkit-radial-gradient(center ellipse, #ffffff 0%, #c6c6c6 100%); background: radial-gradient(ellipse at center, #ffffff 0%, #c6c6c6 100%); height: 100%; text-align: center; font-size: 12px; margin-top: 3em;
}
button { z-index: 100; position: relative; background: #ec2424; border: 0; color: #fff; border-radius: 10px; padding: 1em; -webkit-transition: -webkit-transform 250ms ease; transition: -webkit-transform 250ms ease; transition: transform 250ms ease; transition: transform 250ms ease, -webkit-transform 250ms ease;
}
button:hover { background: #e31414;
}
button:focus { outline: none;
}
button:active { -webkit-transform: translate(0, 5%); transform: translate(0, 5%);
}
#nerdmachine { max-width: 400px; width: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; left: 50%; top: 60%; display: block;
}
#nerdmachine svg { width: 100%; height: auto;
}
.shine1,
.shine2 { stroke: #fff;
}
.outerring { -webkit-animation: rotate 10s linear infinite; animation: rotate 10s linear infinite; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; fill: #ec2424;
}
@-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
.face1 { fill: #ed1c24;
}
.face2 { fill: #af0911;
}
.head { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%;
}
.glasses path { fill: #0a72a7;
}
@-webkit-keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%,20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%,50%,70%,90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%,60%,80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}
@keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%,20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%,50%,70%,90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%,60%,80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}
.head.is-ready { -webkit-animation: tada 1s both; animation: tada 1s both;
}
.shine1, .shine2 { opacity: 0;
}
.shine1.done, .shine2.done { opacity: 1; -webkit-transition: opacity 250ms 250ms; transition: opacity 250ms 250ms;
}
.shine1.cool-dude,
.shine2.cool-dude { -webkit-animation: shine 350ms ease-in-out forwards; animation: shine 350ms ease-in-out forwards;
}
@-webkit-keyframes shine { 0% { opacity: 1; -webkit-transform: translate(130%, 0); transform: translate(130%, 0); } 80% { -webkit-transform: translate(-120%, 0); transform: translate(-120%, 0); } 100% { -webkit-transform: none; transform: none; }
}
@keyframes shine { 0% { opacity: 1; -webkit-transform: translate(130%, 0); transform: translate(130%, 0); } 80% { -webkit-transform: translate(-120%, 0); transform: translate(-120%, 0); } 100% { -webkit-transform: none; transform: none; }
}
.face1.disco { fill: #11d8df; -webkit-animation: disco1 1200ms infinite; animation: disco1 1200ms infinite;
}
.face2.disco { fill: #e41ed8; -webkit-animation: disco2 1000ms infinite alternate; animation: disco2 1000ms infinite alternate;
}
.glasses.disco path { fill: #8a34ff;
}
.head.disco { -webkit-animation: pulse 1s infinite ease-in-out; animation: pulse 1s infinite ease-in-out; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%;
}
@-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.12); transform: scale(1.12); } 100% { -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.12); transform: scale(1.12); } 100% { -webkit-transform: scale(1); transform: scale(1); }
}
@-webkit-keyframes disco1 { 0% { fill: #7bf927; } 20% { fill: #e41ed8; } 40% { fill: #ece914; } 60% { fill: #3434ff; } 80% { fill: #11d8df; } 100% { fill: #7bf927; }
}
@keyframes disco1 { 0% { fill: #7bf927; } 20% { fill: #e41ed8; } 40% { fill: #ece914; } 60% { fill: #3434ff; } 80% { fill: #11d8df; } 100% { fill: #7bf927; }
}
@-webkit-keyframes disco2 { 0% { fill: #ece914; } 20% { fill: #f92727; } 40% { fill: #3434ff; } 60% { fill: #7bf927; } 80% { fill: #11d8df; } 100% { fill: #e41ed8; }
}
@keyframes disco2 { 0% { fill: #ece914; } 20% { fill: #f92727; } 40% { fill: #3434ff; } 60% { fill: #7bf927; } 80% { fill: #11d8df; } 100% { fill: #e41ed8; }
}
#disco { background: #8a34ff;
}
#nodisco { margin-top: .25em;
}
.disco-msg { position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 3em 2em; color: #fff; background: #e41ed8; opacity: 0; -webkit-transition: opacity 250ms ease; transition: opacity 250ms ease;
}
#nodisco { display: none;
}
.disco-msg.show { opacity: 1;
}
.disco-msg__text { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
}
.face1.noir { fill: #555555;
}
.face2.noir { fill: #3f3f3f;
}
.glasses.noir path { fill: #777;
}
.outerring.noir { fill: #000;
}
.shine2.noir,
.shine1.noir { stroke: #4F4F4F;
}
body.noir { background: -webkit-radial-gradient(center ellipse, #4f4f4f 19%, #000105 100%); background: radial-gradient(ellipse at center, #4f4f4f 19%, #000105 100%);
}
.noir-msg { position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 3em 2em; color: #fff; background: #000; opacity: 0; -webkit-transition: opacity 250ms ease; transition: opacity 250ms ease;
}
.noir-msg.show { opacity: 1;
}
.noir-msg__text { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
}
Nerd Machine Logo: Animated - Script Codes JS Codes
// Needs refactoring so it isn't so redundant.
// -------------------------------------
// TADA
// -------------------------------------
$('#tada').click(function() { $(".head").attr("class", "head is-ready"); $(".head").one('webkitAnimationEnd oanimationend msAnimationEnd animationend', function(e) { $(".head").attr("class", "head"); });
});
// ------------------------------------
// COOL DUDE - SUNNIES SHIMMER
// ------------------------------------
$('#cool').click(function() { if ( $('body').hasClass('noir') ) { $(".shine1").attr("class", "shine1 noir cool-dude"); $(".shine2").attr("class", "shine2 noir cool-dude"); } else { $(".shine1").attr("class", "shine1 cool-dude"); $(".shine2").attr("class", "shine2 cool-dude"); } $(".shine1").one('webkitAnimationEnd oanimationend msAnimationEnd animationend', function(e) { $(".shine1").attr("class", "shine1"); }); $(".shine2").one('webkitAnimationEnd oanimationend msAnimationEnd animationend', function(e) { $(".shine2").attr("class", "shine2"); });
});
// ------------------------------------
// DISCO
// ------------------------------------
$('#disco').click(function() { $(".head").attr("class", "head disco"); $(".glasses").attr("class", "glasses disco"); $(".face1").attr("class", "face1 disco"); $(".face2").attr("class", "face2 disco"); $('#nodisco').fadeIn(); $('#noir').fadeOut();
});
$('#nodisco').click(function() { $('.disco-msg').addClass('show'); setTimeout(function() { $('.disco-msg__text').html('<h1>Oh alright then, just for you.</h1>'); setTimeout(function() { $('.disco-msg').removeClass('show'); $(".head").attr("class", "head"); $(".glasses").attr("class", "glasses"); $(".face1").attr("class", "face1"); $(".face2").attr("class", "face2"); $('.disco-msg__text').html("<h1>I'm sorry, Disco is forever!</h1>"); $('#nodisco').fadeOut(); $('#noir').fadeIn(); }, 2000); }, 2000);
});
// ------------------------------------
// NIOR
// ------------------------------------
$('#noir').click(function() { $(".shine1").attr("class", "shine1 noir"); $(".shine2").attr("class", "shine2 noir"); $(".face1").attr("class", "face1 noir"); $(".face2").attr("class", "face2 noir"); $(".glasses").attr("class", "glasses noir"); $(".outerring").attr("class", "outerring noir"); $("body").attr("class", "noir"); $('#disco').fadeOut(); setTimeout(function() { $('.noir-msg').addClass('show'); setTimeout(function() { $('.noir-msg').removeClass('show'); $(".shine1").attr("class", "shine1"); $(".shine2").attr("class", "shine2"); $(".face1").attr("class", "face1"); $(".face2").attr("class", "face2"); $(".glasses").attr("class", "glasses"); $(".outerring").attr("class", "outerring"); $("body").attr("class", ""); $('#disco').fadeIn(); }, 2000); }, 3000);
});
| Developer | Mandy Michael |
| Username | mandymichael |
| Uploaded | December 16, 2022 |
| Rating | 4 |
| Size | 15,068 Kb |
| Views | 16,192 |
Do you need developer help for Nerd Machine Logo: Animated?
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Mandy Michael (mandymichael) Script Codes
| Name | Size |
| Animated CSS only 3D paper fold text effect | 3,471 Kb |
| Single element, multi coloured 3d text effect | 4,157 Kb |
| Angled Split Text Colour | 2,909 Kb |
| Split emoji text effect with css | 5,332 Kb |
| 80s style text with clip path and layered fonts | 3,618 Kb |
| Think outside the div | 3,910 Kb |
| Multi coloured animated css text | 2,903 Kb |
| CSS only 3D paper fold text effect | 3,363 Kb |
| Three way split with clip-path | 2,852 Kb |
| CSS Blend Mode Text Effect | 2,676 Kb |
Create amazing SEO content with AI!
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Similar Scripts & Codes
| Name | Username | Size |
| Price table | Serluk | 5,928 Kb |
| Infractions - Attitude | Kylie_Joseph | 7,672 Kb |
| CSS Google Now | Jackmoran | 3,196 Kb |
| Lunar eclipse | Ademilter | 2,056 Kb |
| A Pen by Jim Savage | Madebyjam | 2,418 Kb |
| Wikipedia viewer | Chpecson | 2,865 Kb |
| Voting App - register | MatheusLima92 | 1,948 Kb |
| Flat design iframe | Damienpm | 1,819 Kb |
| Wrap_Test | Mscfourn | 7,503 Kb |
| Email Marketing Mock | Kristenzirkler | 8,224 Kb |
Do you want hide your ip address?
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!