-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
64 lines (64 loc) · 9.51 KB
/
index.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
<!DOCTYPE html>
<html lang="RU">
<head>
<meta charset="UTF-8">
<title>Генератор анонса спикера (title-generator)</title>
<link rel="stylesheet" href="css.css">
<script type="application/javascript" src="node_modules/html2canvas/dist/html2canvas.min.js"></script>
<script type="application/javascript" src="node_modules/qs/dist/qs.js"></script>
<script type="application/javascript" src="js.js"></script>
</head>
<body>
<form method="get">
<input name="photo" placeholder="photo url">
<input name="name" placeholder="name">
<input name="subject" placeholder="subject">
<button>send</button>
</form>
<button class="save_btn" onClick="save()">Download image</button>
<div id="main" class="main">
<div class="speaker">
<div class="photo">
<img id="photo" src="https://piterjs.org/piterjs/logo/logo.svg">
<svg class="photo_right" width="62" height="62" viewBox="0 0 62 62" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M62 0H0.177002L0.289751 14.7568V17.6028H44.3364V61.8954H47.2873L62 61.842V0Z" fill="#FFE816"/>
</svg>
<svg class="photo_left" width="62" height="62" viewBox="0 0 62 62" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.6635 0.104553H14.7125L0 0.157931V62H61.8229L61.7101 47.2432V44.3971H17.6635V0.104553Z" fill="#FFE816"/>
</svg>
</div>
<div class="info">
<div id="subject" class="info_subject">Subject</div>
<div id="name" class="info_name">Name</div>
</div>
</div>
<img class="logo" src="https://piterjs.org/piterjs/logo/logo.svg">
<div class="footer">
<div>
<svg width="74" height="74" viewBox="0 0 74 74" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M62.8975 10.8283C55.989 3.89581 46.8036 0.050271 37.0243 0H36.6555C16.3396 0.104622 -0.103821 16.775 0.000493584 37.1611C0.104423 57.4839 16.6121 73.9438 36.8417 73.9438C36.9049 73.9438 36.9703 73.9437 37.0336 73.9433C46.875 73.8925 56.1076 69.999 63.0307 62.9804C69.954 55.9614 73.739 46.6575 73.6883 36.782C73.6384 26.9781 69.806 17.761 62.8975 10.8283ZM29.7119 4.37935C25.5593 8.62891 22.295 13.5718 20.0389 18.9744C17.2759 17.8566 14.5997 16.4523 12.053 14.7607C16.6293 9.6224 22.765 5.9085 29.7119 4.37935ZM9.79657 17.5867C12.6549 19.5126 15.666 21.1015 18.7791 22.3541C17.6341 25.8323 16.8896 29.4712 16.5752 33.2138C16.5203 33.8667 16.479 34.5179 16.4508 35.1685H3.64256C3.99038 28.6391 6.21993 22.5981 9.79657 17.5867ZM9.79703 56.3574C6.22278 51.3504 3.992 45.3105 3.64272 38.7755H16.4315C16.5748 43.1817 17.3311 47.5026 18.6681 51.6353C15.5949 52.8806 12.6209 54.4543 9.79703 56.3574ZM12.0535 59.1828C14.5605 57.5178 17.194 56.131 19.911 55.0217C21.7384 59.4594 24.262 63.6332 27.4382 67.4075C28.0295 68.1098 28.643 68.7966 29.2764 69.4647C22.5158 67.8791 16.5369 64.2155 12.0535 59.1828ZM35.0473 69.9987C33.3025 68.4958 31.6678 66.8426 30.1844 65.08C27.2883 61.6389 24.9798 57.8365 23.2981 53.7957C27.1246 52.5828 31.0775 51.8972 35.0473 51.738V69.9987ZM35.0473 48.1286C30.656 48.2918 26.2817 49.0514 22.0526 50.4083C20.8537 46.6669 20.1696 42.7594 20.0286 38.7755H35.0473V48.1286ZM35.0473 35.1685H20.0491C20.0747 34.6189 20.1106 34.068 20.157 33.5167C20.4449 30.0901 21.1227 26.759 22.1655 23.5719C26.3597 24.9065 30.6946 25.6542 35.0473 25.8156V35.1685ZM35.0473 22.2061C31.1232 22.0488 27.2164 21.3771 23.431 20.1902C25.9932 14.1333 29.932 8.70959 35.0473 4.30606V22.2061ZM35.0473 3.77294L34.9522 3.66008C34.9843 3.65816 35.0152 3.65647 35.0473 3.65485V3.77294ZM63.8712 17.601C67.4559 22.6133 69.6952 28.6505 70.046 35.1685H57.2445C57.0679 30.7745 56.2811 26.4673 54.9167 22.3514C58.0196 21.1023 61.0215 19.519 63.8712 17.601ZM61.6127 14.7765C59.0727 16.461 56.4043 17.8604 53.6496 18.9747C51.8331 14.6518 49.3535 10.5839 46.251 6.89721C45.5246 6.03429 44.7651 5.19578 43.9757 4.3852C50.8996 5.92005 57.0322 9.63872 61.6127 14.7765ZM38.6419 3.65523C38.6736 3.65701 38.7049 3.65862 38.7367 3.66047L38.6419 3.77294V3.65523ZM38.6419 4.30606C40.3868 5.80927 42.0216 7.46267 43.5046 9.22446C46.3549 12.6113 48.5969 16.3141 50.2412 20.1955C46.4619 21.3787 42.559 22.0493 38.6419 22.2061V4.30606ZM38.6419 25.8156C42.9897 25.6542 47.3188 24.9084 51.5089 23.5767C52.7463 27.3516 53.4474 31.2549 53.622 35.1685H38.6419V25.8156ZM38.6419 38.7755H53.6341C53.4849 42.7136 52.8052 46.627 51.6037 50.3974C47.3844 49.0471 43.0221 48.2907 38.6419 48.1285V38.7755ZM38.6419 69.9987V51.738C42.6024 51.8969 46.5475 52.5801 50.3661 53.788C47.8589 59.8581 43.9349 65.4411 38.6419 69.9987ZM60.4761 60.4429C56.0027 64.9781 50.4602 68.0672 44.4133 69.4731C48.4365 65.2447 51.596 60.3536 53.7778 55.0215C56.5004 56.1327 59.138 57.5228 61.6494 59.1921C61.27 59.6176 60.8792 60.0343 60.4761 60.4429ZM55.0135 51.6318C56.1001 48.2502 56.8091 44.7192 57.114 41.0908C57.1789 40.3178 57.225 39.5457 57.2524 38.7755H70.0473C69.7107 45.1656 67.5847 51.2255 63.9079 56.3681C61.0774 54.4589 58.0949 52.88 55.0135 51.6318Z" fill="#020203"/></svg>
piterjs.org
</div>
<div>
<svg width="80" height="66" viewBox="0 0 80 66" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M79.7587 8.60051C78.2186 10.3098 76.7248 12.0645 75.1217 13.7122C74.0902 14.7727 72.8988 15.6762 71.8758 16.5655C71.0783 37.66 62.5759 53.9611 42.6117 62.3339C28.1211 68.4113 13.785 66.7106 0.264108 58.5783C4.39918 58.7473 8.45193 58.3762 12.4298 57.2666C16.412 56.1557 20.0613 54.38 23.636 51.6693C16.2795 50.7537 11.2354 47.1535 8.54978 40.0911C10.9406 40.0911 13.0388 40.0911 15.1366 40.0911C15.1866 39.9785 15.2363 39.8659 15.286 39.7536C7.53574 37.1459 3.29391 31.8822 2.7478 23.6325C5.12261 24.3062 7.30222 24.9243 9.48157 25.5428C9.55704 25.4149 9.63243 25.2871 9.70791 25.1595C5.68416 21.9474 3.30118 17.8697 3.00305 12.6964C2.81723 9.47535 3.44558 6.44405 5.19033 3.43429C14.0638 13.8508 25.1872 19.6348 38.9064 20.6399C37.8034 12.2228 40.5258 5.7976 48.1022 1.97936C53.3732 -0.677208 60.705 -0.606142 67.4299 5.74673C70.586 4.56643 73.9276 3.31677 77.3937 2.02046C76.2872 5.54016 74.0195 8.16448 71.106 10.3227C71.1678 10.4716 71.2293 10.6203 71.2912 10.7692C74.1138 9.92715 76.9362 9.0852 79.7587 8.24325C79.7587 8.36227 79.7587 8.48142 79.7587 8.60051Z" fill="#020203"/></svg>
gopiterjs
</div>
<div>
<svg width="83" height="83" viewBox="0 0 83 83" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M41.6531 82.0783C64.2081 82.0783 82.4926 63.7938 82.4926 41.2388C82.4926 18.6838 64.2081 0.399353 41.6531 0.399353C19.0981 0.399353 0.81366 18.6838 0.81366 41.2388C0.81366 63.7938 19.0981 82.0783 41.6531 82.0783Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M40.1105 59.1506H43.3159C43.3159 59.1506 44.2841 59.0443 44.7784 58.5114C45.2334 58.0222 45.2189 57.1034 45.2189 57.1034C45.2189 57.1034 45.1563 52.8024 47.1524 52.169C49.1202 51.5451 51.6471 56.3259 54.3254 58.1641C56.3507 59.5553 57.8897 59.2503 57.8897 59.2503L65.0511 59.1506C65.0511 59.1506 68.7974 58.9198 67.0211 55.9743C66.8755 55.7333 65.9866 53.7954 61.6965 49.8132C57.2062 45.6454 57.8075 46.3195 63.2165 39.1101C66.5107 34.7195 67.8277 32.039 67.4164 30.891C67.024 29.7975 64.6012 30.0865 64.6012 30.0865L56.5378 30.1368C56.5378 30.1368 55.9402 30.0552 55.4968 30.3202C55.0636 30.5801 54.7848 31.1858 54.7848 31.1858C54.7848 31.1858 53.5086 34.5834 51.8066 37.4728C48.216 43.5699 46.7804 43.8916 46.1937 43.5131C44.8287 42.6307 45.1694 39.9684 45.1694 38.0771C45.1694 32.1686 46.0655 29.7051 43.4243 29.0673C42.5478 28.8555 41.9028 28.7157 39.6613 28.6931C36.7842 28.6633 34.3491 28.7019 32.9702 29.3775C32.053 29.8266 31.3453 30.8276 31.7763 30.8852C32.3092 30.9565 33.5162 31.2106 34.1561 32.082C34.9824 33.206 34.9533 35.7307 34.9533 35.7307C34.9533 35.7307 35.428 42.6861 33.8446 43.5502C32.7577 44.1428 31.2667 42.9329 28.0657 37.4015C26.4255 34.5681 25.1872 31.4363 25.1872 31.4363C25.1872 31.4363 24.9484 30.8509 24.5225 30.5379C24.0056 30.1586 23.2834 30.0378 23.2834 30.0378L15.6212 30.088C15.6212 30.088 14.471 30.12 14.0487 30.6202C13.6731 31.065 14.0189 31.9852 14.0189 31.9852C14.0189 31.9852 20.0176 46.0196 26.8099 53.0921C33.0379 59.5764 40.1105 59.1506 40.1105 59.1506Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="81.6789" height="81.6789" fill="white" transform="translate(0.81366 0.399353)"/>
</clipPath>
</defs>
</svg>
piterjs
</div>
</div>
<svg class="left" width="655" height="575" viewBox="0 0 655 575" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M-115.16 320.797L570.977 -392.41L581.399 -448L-104.738 265.207L-115.16 320.797ZM546.137 -139.198L-140 574.009L-138.784 387.452L547.353 -325.755L546.137 -139.198ZM653.606 -161.742L369.613 133.364L369.482 74.6566L654.111 -220.448L653.606 -161.742Z" fill="#FFE816"/></svg>
<svg class="right" width="654" height="575" viewBox="0 0 654 575" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M108.547 714.135L794.966 0.785156L793.75 187.379L107.331 900.73L108.547 714.135ZM1.03363 736.683L285.144 441.52L285.274 500.238L0.529053 795.402L1.03363 736.683ZM770.116 254.049L83.6975 967.399L73.2704 1023L759.689 309.65L770.116 254.049Z" fill="#FFE816"/></svg>
</div>
</body>
</html>