Skip to content

Instantly share code, notes, and snippets.

@pbuzdin

pbuzdin/index.html

Created April 24, 2018 15:41
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save pbuzdin/e3758fc78e6c37be405f64583f7e94a2 to your computer and use it in GitHub Desktop.
Save pbuzdin/e3758fc78e6c37be405f64583f7e94a2 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title></title>
</head>
<body>
<svg xmlns="http://www.w3.org/2000/svg" id="buro" viewBox="94 -67.6 237.7 184.6"><style>
.st0{
fill:#fff;
stroke:black;
stroke-width:0.5px
}
.st1{
fill:#000333
}</style><path class="st0" d="M206.6-38.2c-4.6 0-7.7 2.2-11.7 3-4.4 7.5-9.3 14.4-13.5 22.2-2.3-6 1.7-15.2 1.9-21.4-11.1 3.7-16.8 12.8-23.3 23-1.8-5.9-7.7-11.1-16.7-10.3 2-4.3 5.8-8.2 7.8-13.3 4.2-10.4.1-23.8-12.9-21.1C128-54 116.5-46.6 109-41.2 99.5-14.9 94.2 8.6 94 39.2c-.2 23.6 10.8 76.7 12.1 77.8-5.1-47-4-51.9-4-62.3.1-23.4 8.3-59.7 10.3-65.2 2.3-6.2 4.8-15.5 8.2-20.9 2.2-3.4 6.3-8.9 10.1-8.1 2.1.4 3.1 2.4 3 4.7-.3 6.3-4.5 12.7-7.3 17.5-3.2 5.4-7.3 9-10.5 12.5 4.5-.9 11-6.5 17.4-5.9 9 .9 11.6 8.8 8 18-1.2 3.1-4.7 10.5-9.2 15-9 9-26.1 17.3-26.7 17.9 5 1.5 23.3-7.3 27.1-10.2 16.6-12.5 21.8-23.6 25.3-32.5 2-5 5.7-9.7 10.2-12.6 1.7 10.7 3.6 21.2 2.3 33.9 1 .5 2.1 2.1 3 2.8 3-5.3 4-9.8 7.3-15.9 2.8-5.2 6.4-8.8 6.4-8.8 1.6 7.2 4.3 13.6 9.9 18 8.2-11.9 17.9-23.8 20.1-43 2.4-.1 4.6 2.2 7.5 2.6-4.9 8.1-10.1 24-4.4 31.8 7.2-2.4 11.7-8.9 17.4-13.5.1 8.2 7.9 14.1 17 10.7 10.8-4.1 25.5-20.9 26.4-34.9.2-3-.8-5.9-2.1-8 1.3-1.7 3.6-1.1 5.9-.6-.1-4.4-.2-11.1-.7-16.1-5.3.3-13.8 2.5-19.1 5.4-5.6 3-7.7 4.5-14.3 11.4-7.4 9.9-12.4 23.2-20.4 32.1-1-16.7 13.2-29.4 20.6-38.8-.6-1.7-5.6-3.9-8-3.7-3.2 3.5-5.8 8.9-10.9 8.9-4.4 0-8.3-3.7-10-6.9-3-5.6-4.2-14.2-4.8-20 .2-.3-2.7 7.3-4 11.7-1.6 5.3-6.1 10.3-6.3 12-.1 1.3 1 2.5 1.3 3.7 2.8 12.4-.2 30.7-7.8 42-2-1.1-1.9-3-2-4.8-.2-2.2-.6-15.7 3.4-24.3 1.8-3.5 4.9-10.3 4.9-10.8zm44.9 30c0-.5-.4-.6-.5-1-.3-9 5-17.4 10.6-22.1 3-2.4 7.6-4.9 11.8-3.6 1.5 11.1-11.2 26.9-21.9 26.7z"/><path class="st0" d="M184-37.1c-.5-5.2-3.2-17 1.3-23.4-4.9 0-10.1 2.2-14.3 5.1-1.9 7.3-1.1 14.6 2.3 19.6 3 .3 7.4-.8 10.7-1.3zm19.3-6.2c1.9-7.1 2.8-15.6 1.2-21.2-3.6-1.5-8 .8-12 1.1-1.8 9.1.4 15.4 3.2 21.3 3 .2 5.2-.7 7.6-1.2z"/><circle class="st0" cx="313" cy="-48.9" r="18.7"/><path class="st1" d="M323.7-47.5v.4c0 .1 0 .1-.1.2 0 .1-.1.1-.1.2L320-39c0 .1-.1.1-.1.1l-.1.1h-.9c-.1 0-.2 0-.2-.1l-.1-.1s0-.1.1-.2l3.6-7.9-4.5-.1c-.1 0-.2 0-.2-.1s-.1-.2-.1-.4v-.2c0-.1 0-.1.1-.2l.1-.1h.1l5.4.1h.2s.1 0 .1.1c0 0 0 .1.1.2s.1.2.1.3zm-16.6-1.9v.4s0 .1-.1.1h-.1l-4.7-.1h-.2s-.1 0-.1-.1c0 0-.1-.1-.1-.2v-.6l.1-.1s.1-.1.1-.2l1.7-1.7c.4-.4.7-.7 1-1.1l.6-.9c.1-.3.2-.5.3-.7 0-.2.1-.4.1-.6 0-.2 0-.4-.1-.5-.1-.2-.2-.3-.3-.4-.1-.1-.3-.2-.4-.3-.2-.1-.4-.1-.6-.1-.3 0-.5 0-.7.1-.2.1-.4.1-.6.2-.2.1-.3.2-.4.2-.1.1-.2.1-.2.1h-.1l-.1-.1v-.8l.1-.1c.1 0 .1-.1.3-.2.1-.1.3-.2.5-.2.2-.1.4-.1.6-.2.2 0 .5-.1.7-.1.4 0 .8.1 1.1.2.3.1.6.3.8.5.2.2.4.4.4.7.1.3.1.5.1.9 0 .3 0 .5-.1.8l-.3.9c-.2.3-.4.7-.7 1-.3.4-.7.8-1.2 1.3l-1.4 1.4h3.8s.1 0 .1.1c0 0 0 .1.1.1v.3zm7.1-1.8c0 .1 0 .3-.1.3 0 .1-.1.1-.2.1h-1v1.9l-.1.1h-1s-.1 0-.1-.1v-1.9h-3.6s-.1 0-.1-.1c0 0 0-.1-.1-.1v-.7c0-.1 0-.1.1-.2 0-.1.1-.1.1-.2l3.1-5.1.1-.1s.1 0 .2-.1h1.2c.1 0 .1 0 .2.1l.1.1-.1 5.4h.9c.1 0 .1 0 .2.1.2.2.2.3.2.5zm-2.2-5.1l-2.8 4.6h2.7l.1-4.6zm-1.2 16.5c-.1.1-.1.2-.1.2l-.1.1h-.2c-.1 0-.1 0-.2-.1-.1 0-.2-.1-.2-.1-.1 0-.1-.1-.1-.2v-.2c0-.1.1-.2.1-.2l9.8-17.2c0-.1.1-.2.1-.2l.1-.1h.2c.1 0 .1 0 .2.1.1 0 .2.1.2.1.1 0 .1.1.1.2v.2c0 .1 0 .2-.1.3l-9.8 17.1z"/></svg>
<svg id="logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3206.2 597.9" style="display: none">
<style type="text/css">
/* .st0{fill:#fff;}
.st1{fill:#fff;stroke:black;stroke-width:2px} */
</style>
<rect class="st0" width="3206.2" height="597.9"/>
<path class="st1" d="M1050.5,366.8c-7-7-14.1-14.1-24.7-19.4s-22.9-10.6-37-15.8c-12.3-3.5-21.1-7-28.2-10.6 c-7-3.5-14.1-7-17.6-10.6c-3.5-3.5-7-7-8.8-10.6c-1.8-3.5-3.5-7-3.5-12.3c0-3.5,0-7,3.5-10.6c3.5-3.5,5.3-5.3,8.8-8.8s7-5.3,12.3-7
c3.5-1.8,8.8-1.8,14.1-1.8c10.6,0,21.1,1.8,29.9,5.3c8.8,3.5,15.8,8.8,22.9,15.8l38.7-38.7c-10.6-10.6-24.7-19.4-38.7-24.7
c-14.1-5.3-33.5-8.8-54.6-8.8c-12.3,0-24.7,1.8-35.2,5.3c-12.3,3.5-21.1,8.8-29.9,15.8c-8.8,7-15.8,15.8-21.1,22.9
c-5.3,10.6-7,21.1-7,33.5s3.5,22.9,7,31.7C886.7,328,892,335,899,342.1s15.8,12.3,24.7,17.6c8.8,3.5,19.4,8.8,29.9,12.3
c10.6,3.5,21.1,7,28.2,10.6s14.1,7,17.6,10.6c3.5,3.5,7,7,8.8,10.6c1.8,3.5,1.8,7,1.8,12.3s-1.8,8.8-3.5,12.3
c-3.5,3.5-5.3,7-8.8,8.8c-3.5,3.5-7,5.3-12.3,7c-3.5,1.8-8.8,1.8-14.1,1.8c-12.3,0-24.7-1.8-35.2-5.3
c-10.6-3.5-22.9-10.6-33.5-19.4L863.9,460c8.8,7,17.6,12.3,24.7,17.6c7,5.3,15.8,8.8,24.7,12.3c8.8,3.5,17.6,5.3,28.2,7
s21.1,1.8,33.5,1.8c14.1,0,24.7-1.8,37-7c12.3-5.3,21.1-10.6,29.9-17.6c8.8-7,14.1-15.8,19.4-24.7c5.3-8.8,7-19.4,7-29.9
s0-21.1-3.5-28.2C1061.1,382.6,1057.5,373.8,1050.5,366.8z"/>
<polygon class="st1" points="1091,261.1 1168.5,261.1 1168.5,493.6 1223.1,493.6 1223.1,261.1 1300.5,261.1 1302.3,211.8
1091,211.8 "/>
<path class="st1" d="M293.3,373.8c-3.5-5.3-7-10.6-12.3-15.8c-3.5-5.3-10.6-8.8-15.8-12.3c8.8-7,14.1-15.8,19.4-24.7
c5.3-8.8,7-19.4,7-29.9c0-12.3-3.5-22.9-7-33.5c-3.5-8.8-10.6-17.6-17.6-24.7c-8.8-7-17.6-12.3-28.2-15.8
c-10.6-3.5-21.1-5.3-33.5-5.3H103.1v281.8h114.5c10.6,0,21.1,1.8,31.7-3.5s19.4-10.6,28.2-17.6s14.1-15.8,19.4-26.4s7-21.1,7-33.5
c0-7-1.8-12.3-3.5-21.1C298.6,386.2,296.8,379.1,293.3,373.8z M157.7,446.4v-77.5c0,0,79.2-12.8,79.2,38.7
C236.9,459.2,157.7,446.4,157.7,446.4z M157.7,331.6v-77.5c0,0,79.2-12.8,79.2,38.7S157.7,331.6,157.7,331.6z"/>
<rect x="1335.8" y="211.8" class="st1" width="54.6" height="281.8"/>
<path class="st1" d="M534.5,368.5c0,12.3-3.5,22.9-5.3,31.7s-7,17.6-12.3,24.7c-5.3,7-12.3,12.3-21.1,15.8s-19.4,5.3-31.7,5.3
c-10.6,0-21.1-1.8-29.9-7c-8.8-5.3-17.6-10.6-22.9-17.6c-7-7-10.6-15.8-14.1-24.7s-5.3-19.4-5.3-29.9v-155h-54.6V365
c0,19.4,3.5,37,8.8,52.8s12.3,29.9,24.7,42.3c12.3,12.3,24.7,21.1,40.5,28.2c15.8,7,33.5,10.6,52.8,10.6c19.4,0,37-3.5,52.8-10.6
c15.8-7,28.2-15.8,38.7-28.2s19.4-26.4,24.7-42.3c5.3-15.8,8.8-33.5,8.8-52.8V211.8h-54.6L534.5,368.5L534.5,368.5z"/>
<path class="st1" d="M832.1,461.9c-1.8-7-3.5-12.3-5.3-17.6s-3.5-10.6-5.3-14.1s-3.5-8.8-5.3-12.3s-3.5-8.8-5.3-12.3
c-3.5-8.8-8.8-15.8-14.1-22.9c-5.3-5.3-12.3-10.6-21.1-14.1c7-1.8,14.1-5.3,21.1-10.6c7-5.3,12.3-10.6,17.6-17.6
c3.5-7,8.8-14.1,10.6-21.1c1.8-8.8,3.5-15.8,3.5-24.7c0-10.6-3.5-21.1-7-31.7s-10.6-19.4-17.6-26.4s-15.8-14.1-26.4-17.6
c-10.6-5.3-21.1-7-33.5-7H633.1v281.8h54.6V380.9h21.1c8.8,0,17.6,0,22.9,3.5c5.3,3.5,10.6,7,15.8,10.6c5.3,5.3,8.8,10.6,12.3,15.8
c3.5,5.3,7,12.3,8.8,19.4l19.4,63.4h60c-3.5-3.5-7-7-8.8-12.3S833.9,468.9,832.1,461.9z M772.3,314c-3.5,5.3-7,10.6-10.6,14.1
c-3.5,3.5-8.8,7-14.1,8.8s-10.6,3.5-17.6,3.5h-38.7v-88H730c5.3,0,12.3,1.8,17.6,3.5c5.3,1.8,10.6,5.3,14.1,8.8
c5.3,3.5,8.8,8.8,10.6,14.1c1.8,5.3,3.5,10.6,3.5,17.6S774,308.7,772.3,314z"/>
<path class="st1" d="M2362.4,211.8l-133.8,281.8h59.9l26.4-56.4h137.4l26.4,56.4h59.9l-133.8-281.8L2362.4,211.8L2362.4,211.8z
M2336,391.4l47.5-102.1l47.5,102.1H2336z"/>
<polygon class="st1" points="2749.8,395 2630.1,211.8 2568.4,211.8 2568.4,493.6 2621.3,493.6 2621.3,296.3 2748.1,493.6
2800.9,493.6 2802.6,493.6 2802.6,211.8 2749.8,211.8 "/>
<polygon class="st1" points="1624.6,395 1506.6,211.8 1444.9,211.8 1444.9,493.6 1497.8,493.6 1497.8,296.3 1624.6,493.6
1677.4,493.6 1677.4,211.8 1624.6,211.8 "/>
<path class="st1" d="M3093.2,296.3c-7-15.8-15.8-31.7-28.2-44s-26.4-22.9-42.3-29.9c-15.8-7-33.5-10.6-52.8-10.6h-118v280h118
c19.4,0,37-3.5,52.8-10.6c15.8-7,29.9-17.6,42.3-29.9c12.3-12.3,21.1-26.4,28.2-44c7-17.6,10.6-35.2,10.6-54.6
S3100.2,315.7,3093.2,296.3z M3043.9,391.4c-5.3,10.6-10.6,21.1-19.4,29.9c-7,7-15.8,14.1-28.2,19.4c-12.3,5.3-24.7,7-38.7,7h-47.5
V255.8h47.5c14.1,0,26.4,1.8,38.7,7s21.1,12.3,29.9,21.1c7,8.8,14.1,17.6,17.6,29.9c3.5,10.6,5.3,24.7,5.3,37
C3049.2,365,3049.2,380.9,3043.9,391.4z"/>
<polygon class="st1" points="2089.5,211.8 2033.1,211.8 2033.1,493.6 2223.3,493.6 2225.1,440.7 2089.5,440.7 "/>
<path class="st1" d="M1878.1,393.2h58.1v26.4c-8.8,8.8-19.4,14.1-29.9,19.4c-10.6,5.3-22.9,7-35.2,7s-24.7-1.8-37-7
c-12.3-5.3-22.9-12.3-31.7-21.1c-8.8-8.8-15.8-19.4-21.1-29.9c-5.3-12.3-7-24.7-7-37c0-14.1,1.8-26.4,7-37
c5.3-10.6,12.3-21.1,21.1-29.9c8.8-7,19.4-14.1,31.7-19.4c10.6-5.3,22.9-7,37-7c15.8,0,31.7,1.8,44,8.8s24.7,17.6,35.2,31.7l37-37
c-14.1-15.8-31.7-28.2-51.1-38.7c-21.1-8.8-42.3-14.1-66.9-14.1c-19.4,0-40.5,3.5-58.1,12.3s-33.5,19.4-47.5,31.7
c-12.3,12.3-24.7,28.2-31.7,45.8c-8.8,17.6-12.3,37-12.3,56.4c0,21.1,5.3,40.5,12.3,58.1s17.6,33.5,31.7,45.8
c14.1,14.1,29.9,24.7,47.5,31.7s37,10.6,58.1,10.6c10.6,0,21.1-1.8,31.7-3.5c10.6-1.8,21.1-5.3,31.7-10.6
c10.6-5.3,21.1-10.6,29.9-17.6c10.6-8.8,17.6-15.8,26.4-26.4v-95.1h-110.9L1878.1,393.2L1878.1,393.2z"/>
</svg>
<script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/2.2.0/anime.min.js"></script>
<script>
var lineDrawing = anime({
targets: '#buro .st0',
strokeDashoffset: [anime.setDashoffset, 0],
easing: 'easeInOutSine',
duration: 1500,
delay: function(el, i) { return i * 250 },
direction: 'alternate',
loop: false
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment