-
Notifications
You must be signed in to change notification settings - Fork 0
/
message.html
67 lines (58 loc) · 9.1 KB
/
message.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<html>
<head>
<style type="text/css">
svg { height: 100%; width: 100%; }
.svg-message .text {
stroke-width: 1;
stroke: hsl(6, 63%, 36%);
stroke-dasharray: 1865.753px 1865.753px;
stroke-dashoffset: 1865.753px ;
fill-opacity: 0;
fill: hsl(6, 63%, 36%);
-webkit-animation-name: stroke, fill;
-webkit-animation-duration: 8s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-fill-mode: forwards;
animation-name: stroke, fill;
animation-duration: 8s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
animation-fill-mode: forwards;
}
.svg-message .border {
fill: hsl(6, 63%, 36%);
}
@-webkit-keyframes stroke {
0% { stroke-dashoffset: 1865.753px; }
50% { stroke-dashoffset: 0 }
100% { stroke-dashoffset: 0 }
}
@-webkit-keyframes fill {
0% { fill-opacity: 0; }
50% { fill-opacity: 1; }
100% { fill-opacity: 1; }
}
@keyframes stroke {
0% { stroke-dashoffset: 1865.753px; }
50% { stroke-dashoffset: 0 }
100% { stroke-dashoffset: 0 }
}
@keyframes fill {
0% { fill-opacity: 0; }
50% { fill-opacity: 1; }
100% { fill-opacity: 1; }
}
</style>
</head>
<body>
<svg class="svg-message" viewBox="0 0 234.667 122" >
<path class="text"
d="M45.061,32.858c0,6.039,15.038,2.32,15.038,12.958c0,6.559-5.319,9.158-11.078,9.158c-5.199,0-10.678-1.68-11.198-9.198l5.599-0.84c0.48,2.8,1.52,5.159,5.759,5.159c2.56,0,4.799-0.88,4.799-3.56c0-6.039-15.078-1.84-15.078-12.798c0-5.639,4.719-8.718,10.559-8.718c5.159,0,9.878,1.6,10.318,8.479l-5.639,0.64c-0.24-2.72-1.36-4.359-4.759-4.359C46.421,29.779,45.061,31.02,45.061,32.858z M62.582,44.137c0-7.519,4.599-10.918,10.198-10.918c6.319,0,8.958,3.839,8.958,9.639c0,0.68-0.04,1.999-0.12,2.719H68.941c0.12,3.439,1.56,4.72,4.199,4.72c2.16,0,3-1.2,3.399-2.96l5.079,1.24c-0.76,3.879-3.879,6.398-8.838,6.398C65.062,54.975,62.582,49.776,62.582,44.137z M75.5,41.737c0-3-1.08-4.159-3.04-4.159c-1.72,0-3.399,1.12-3.439,4.159H75.5z M102.059,49.296c0,1.12,0.2,1.6,1.24,1.6c0.36,0,0.72-0.08,1.24-0.24l0.16,3.479c-0.8,0.4-2.56,0.8-3.839,0.8c-2.4,0-3.839-0.68-4.279-2.639c-1.32,1.72-3.319,2.679-6.199,2.679c-5.199,0-6.199-3.479-6.199-5.559c0-6.359,6.599-7.318,11.958-7.279v-0.76c0-2.359-0.32-3.799-2.959-3.799c-2,0-2.76,0.84-3.16,2.879l-5.119-0.999c0.64-3.92,3.12-6.239,8.799-6.239c5.559,0,8.358,2.159,8.358,7.358L102.059,49.296L102.059,49.296z M96.18,45.656c-0.24,0-0.56,0-0.96,0c-2.879,0.08-4.959,0.641-4.959,2.76c0,1.2,0.52,2.279,2.439,2.279c1.439,0,2.839-0.72,3.479-1.359L96.18,45.656L96.18,45.656z M123.739,38.737l-4.959,1.561c-0.521-1.76-1.4-2.84-3.6-2.84c-1.72,0-2.639,0.64-2.639,1.84c0,1.52,1.76,1.84,4.239,2.279c3.64,0.64,7.319,1.439,7.319,6.359c0,4.759-4.039,7.038-9.159,7.038c-5.359,0-8.159-2.279-8.878-5.719l4.919-1.6c0.48,1.6,1.32,3.159,4.16,3.159c2.04,0,3-0.68,3-1.959c0-1.561-1.44-1.8-3.879-2.24c-3.64-0.68-7.519-1.52-7.519-6.599c0-4.6,4.04-6.799,8.679-6.799C120.14,33.219,122.74,35.259,123.739,38.737z M126.542,44.177c0-6.679,3.479-10.958,10.717-10.958c7.24,0,10.039,4.359,10.039,10.519c0,6.799-3.119,11.237-10.598,11.237C129.142,54.975,126.542,50.416,126.542,44.177z M141.019,43.937c0-4.559-1.239-6.158-3.919-6.158c-2.72,0-4.239,1.72-4.239,6.238c0,4.64,1.16,6.479,4.119,6.479C139.621,50.496,141.019,48.816,141.019,43.937z M169.858,54.495h-6.039V41.297c0-2.239-0.88-3.199-2.759-3.199c-1.641,0-3.279,0.92-4.08,1.64v14.758h-6.039V33.658h5.359l0.32,2.08c1.52-1.399,3.799-2.52,6.639-2.52c4.6,0,6.599,2.279,6.599,7.039V54.495z M175.099,30.54h5.8l-3.56,9.799l-4.359-0.48L175.099,30.54z M197.177,38.737l-4.959,1.561c-0.521-1.76-1.4-2.84-3.6-2.84c-1.722,0-2.641,0.64-2.641,1.84c0,1.52,1.76,1.84,4.238,2.279c3.64,0.64,7.318,1.439,7.318,6.359c0,4.759-4.039,7.038-9.158,7.038c-5.358,0-8.158-2.279-8.879-5.719l4.92-1.6c0.479,1.6,1.319,3.159,4.16,3.159c2.039,0,2.998-0.68,2.998-1.959c0-1.561-1.438-1.8-3.879-2.24c-3.64-0.68-7.52-1.52-7.52-6.599c0-4.6,4.039-6.799,8.68-6.799C193.578,33.219,196.177,35.259,197.177,38.737z M49.079,87.936c-1.24,2.601-4.719,4.039-8.278,4.039c-8.719,0-12.278-6.037-12.278-14.478c0-9.358,4.799-15.478,14.038-15.478c6.319,0,10.918,2.84,11.438,10.119l-5.759,0.56c-0.32-3.079-1.64-5.599-5.799-5.599c-5.079,0-7.519,3.639-7.519,9.838c0,6.879,2.24,10.078,7.319,10.078c3.879,0,5.919-2.24,5.919-5.039v-1.041h-5.28v-4.519h11.358v15.077h-4.479L49.079,87.936z M72.04,76.139c-2.72-0.24-5.399,0.479-7.159,1.879v13.479h-6.039V70.658h5.159l0.44,3.279c1.399-2.039,3.359-3.72,6.559-3.72c0.32,0,0.68,0.04,1.04,0.04V76.139z M73.162,81.137c0-7.519,4.599-10.918,10.198-10.918c6.319,0,8.958,3.84,8.958,9.639c0,0.681-0.04,2-0.12,2.72H79.521c0.12,3.438,1.56,4.72,4.199,4.72c2.16,0,3-1.199,3.399-2.96l5.079,1.24c-0.76,3.879-3.879,6.397-8.838,6.397C75.642,91.975,73.162,86.775,73.162,81.137z M86.08,78.736c0-3-1.08-4.158-3.04-4.158c-1.72,0-3.399,1.12-3.439,4.158H86.08z M95.042,81.137c0-7.519,4.599-10.918,10.198-10.918c6.319,0,8.958,3.84,8.958,9.639c0,0.681-0.04,2-0.12,2.72H101.4c0.12,3.438,1.56,4.72,4.199,4.72c2.16,0,3-1.199,3.399-2.96l5.079,1.24c-0.76,3.879-3.879,6.397-8.838,6.397C97.521,91.975,95.042,86.775,95.042,81.137z M107.96,78.736c0-3-1.08-4.158-3.04-4.158c-1.72,0-3.399,1.12-3.439,4.158H107.96z M131.32,90.495c-1.04,0.68-3.48,1.479-6.119,1.479c-4.359,0-6.639-2-6.639-6.76V75.059h-3.12v-4.399h3.12V64.5l6.039-0.8v6.958h5.52v4.398h-5.52v9.318c0,1.84,0.52,2.8,2.439,2.8c1.199,0,2.639-0.479,3.438-0.96L131.32,90.495z M137.082,67.939c-2.319,0-3.641-1.36-3.641-3.681c0-2.319,1.32-3.64,3.641-3.64c2.279,0,3.64,1.32,3.64,3.64C140.721,66.579,139.361,67.939,137.082,67.939z M140.08,91.495h-6.039V70.658h6.039V91.495z M163.558,91.495h-6.039V78.297c0-2.238-0.88-3.199-2.76-3.199c-1.641,0-3.279,0.92-4.079,1.641v14.758h-6.039V70.658H150l0.32,2.08c1.52-1.399,3.799-2.521,6.639-2.521c4.601,0,6.601,2.279,6.601,7.039L163.558,91.495L163.558,91.495z M182.158,71.498c0.721-1.561,1.881-3.159,3.84-3.159c0.521,0,1.08,0.12,1.681,0.36v3.959c-1.24-0.12-2.279-0.04-3.439,0.32c1.2,1.358,1.72,2.998,1.72,4.679c0,4.68-3.799,7.479-9.158,7.479c-1.398,0-2.318-0.119-3.479-0.439c-0.359,0.359-0.76,0.76-0.76,1.279c0,0.601,0.359,1,1.879,1.08l5.92,0.359c4.439,0.279,6.998,1.8,6.998,5.999c0,5.119-4.759,7.078-10.877,7.078c-7.639,0-10.039-1.959-10.039-4.839c0-1.961,1.48-3.319,3.76-3.76v-0.16c-2.039-0.601-3.039-1.799-3.039-3.52c0-2.08,1.279-3.238,3.238-4.64c-1.879-1.079-3.039-2.999-3.039-5.64c0-4.438,3.319-7.719,9.278-7.719C178.919,70.219,180.798,70.579,182.158,71.498z M178.919,92.854l-5.799-0.358c-0.762,0.56-1.24,1.239-1.24,1.999c0,1.641,2.279,2.119,5.078,2.119c2.68,0,4.52-0.399,4.52-2.119C181.478,93.693,181.08,92.975,178.919,92.854z M176.878,74.458c-2.158,0-3.799,0.92-3.799,3.159c0,2.08,1.159,3.199,3.719,3.199c2.16,0,3.641-1.159,3.641-3.199C180.439,75.458,179.08,74.458,176.878,74.458z M206.278,75.736l-4.959,1.562c-0.521-1.76-1.399-2.84-3.601-2.84c-1.719,0-2.639,0.64-2.639,1.84c0,1.521,1.76,1.841,4.239,2.279c3.64,0.64,7.318,1.438,7.318,6.358c0,4.76-4.039,7.039-9.158,7.039c-5.358,0-8.159-2.279-8.879-5.72l4.919-1.601c0.479,1.601,1.318,3.16,4.159,3.16c2.04,0,3-0.681,3-1.959c0-1.562-1.439-1.801-3.88-2.24c-3.641-0.68-7.52-1.52-7.52-6.6c0-4.6,4.039-6.799,8.68-6.799C202.679,70.219,205.279,72.259,206.278,75.736z"
/>
<path class="border"
d="M219,108h3v3h-3V108z M216,111h-3v-3h3V111z M210,111h-3v-3h3V111z M204,111h-3v-3h3V111z M198,111h-3v-3h3V111z M192,111h-3v-3h3V111z M186,111h-3v-3h3V111z M180,111h-3v-3h3V111z M174,111h-3v-3h3V111z M168,111h-3v-3h3V111z M162,111h-3v-3h3V111z M156,111h-3v-3h3V111z M150,111h-3v-3h3V111z M144,111h-3v-3h3V111z M138,111h-3v-3h3V111z M132,111h-3v-3h3V111z M126,111h-3v-3h3V111z M120,111h-3v-3h3V111z M114,111h-3v-3h3V111z M108,111h-3v-3h3V111z M102,111h-3v-3h3V111z M96,111h-3v-3h3V111z M90,111h-3v-3h3V111z M84,111h-3v-3h3V111z M78,111h-3v-3h3V111z M72,111h-3v-3h3V111z M66,111h-3v-3h3V111z M60,111h-3v-3h3V111z M54,111h-3v-3h3V111z M48,111h-3v-3h3V111z M42,111h-3v-3h3V111z M36,111h-3v-3h3V111z M30,111h-3v-3h3V111z M24,111h-3v-3h3V111z M14,108h3v3h-3V108z M17,105h-3v-3h3V105z M17,99h-3v-3h3V99z M17,93h-3v-3h3V93z M17,87h-3v-3h3V87z M17,81h-3v-3h3V81z M17,75h-3v-3h3V75z M17,69h-3v-3h3V69z M17,63h-3v-3h3V63z M17,57h-3v-3h3V57z M17,51h-3v-3h3V51z M17,45h-3v-3h3V45z M17,39h-3v-3h3V39z M17,33h-3v-3h3V33z M17,27h-3v-3h3V27z M17,21h-3v-3h3V21z M14,11h3v3h-3V11z M215,14h-3v-3h3V14z M209,14h-3v-3h3V14z M203,14h-3v-3h3V14z M197,14h-3v-3h3V14z M191,14h-3v-3h3V14z M185,14h-3v-3h3V14z M179,14h-3v-3h3V14z M173,14h-3v-3h3V14z M167,14h-3v-3h3V14z M161,14h-3v-3h3V14z M155,14h-3v-3h3V14z M149,14h-3v-3h3V14z M143,14h-3v-3h3V14z M137,14h-3v-3h3V14z M131,14h-3v-3h3V14z M125,14h-3v-3h3V14z M119,14h-3v-3h3V14z M113,14h-3v-3h3V14z M107,14h-3v-3h3V14z M101,14h-3v-3h3V14z M95,14h-3v-3h3V14z M89,14h-3v-3h3V14z M83,14h-3v-3h3V14z M77,14h-3v-3h3V14z M71,14h-3v-3h3V14z M65,14h-3v-3h3V14z M59,14h-3v-3h3V14z M53,14h-3v-3h3V14z M47,14h-3v-3h3V14z M41,14h-3v-3h3V14z M35,14h-3v-3h3V14z M29,14h-3v-3h3V14z M23,14h-3v-3h3V14z M219,11h3v3h-3V11z M222,104h-3v-3h3V104z M222,98h-3v-3h3V98z M222,92h-3v-3h3V92z M222,86h-3v-3h3V86z M222,80h-3v-3h3V80z M222,74h-3v-3h3V74z M222,68h-3v-3h3V68z M222,62h-3v-3h3V62z M222,56h-3v-3h3V56z M222,50h-3v-3h3V50z M222,44h-3v-3h3V44z M222,38h-3v-3h3V38z M222,32h-3v-3h3V32z M222,26h-3v-3h3V26z M222,20h-3v-3h3V20z"
/>
</svg>
</body>
</html>