-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmain.html
34 lines (25 loc) · 3.92 KB
/
main.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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Duru+Sans&family=Nabla&family=Oswald:wght@300&family=PT+Sans+Narrow&display=swap" rel="stylesheet">
</head>
<body> <img src="assets/kawaiimoreleafy-01.png"/><div class="bigblogtitle">HELLO</div>
<svg width="794" height="1123" viewBox="0 0 794 1123" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M502.411 456.677C502.411 459.765 502.47 458.466 502.4 457.174C502.244 454.355 500.747 452.325 498.351 450.998C496.764 450.12 496.71 450.221 494.781 457.073C490.176 473.423 476.848 477.569 464.321 466.578C463.092 465.501 464.317 460.733 460.416 463.778C459.724 464.319 459.689 466.337 460.031 467.465C462.991 477.258 472.263 481.723 485.058 479.669C497.534 477.662 502.886 471.969 502.411 456.677ZM552.989 562.247C543.967 564.837 551.554 564.032 547.766 580.674C544.985 592.886 540.684 606.272 534.197 618.196C530.887 624.283 526.228 630.015 525.925 637.474H510.368C519.15 618.363 529.903 600.151 535.193 579.464C538.977 564.654 538.957 563.453 524.326 563.713C504.278 564.071 484.91 561.458 465.484 556.145C430.027 546.442 422.225 499.173 442.495 478.102C446.983 473.435 447.932 468.542 448.278 462.479C450.017 432.14 461.377 405.686 486.1 387.703C504.803 374.099 527.041 366.989 550.52 365.263C573.516 361.61 596.491 364.332 618.65 370.517C637.59 374.632 652.135 386.159 664.778 400.479C680.763 418.575 688.374 439.965 689.113 463.654C689.824 486.316 689.801 506.862 689.474 531.698C688.992 568.174 685.648 603.211 673.712 637.474H662.044C660.407 629.335 665.148 622.552 667.069 615.229C672.751 593.574 678.367 572.094 677.76 549.32C677.072 523.461 678.212 497.547 677.414 471.693C676.718 448.957 670.394 427.605 656.553 409.039C640.172 387.065 615.39 380.601 590.745 377.482C557.746 373.313 525.684 378.735 496.072 396.049C482.234 404.142 475.125 416.389 468.86 429.884C467.405 433.015 469.198 434.804 472.232 434.975C477.392 435.259 482.612 434.824 487.741 435.341C503.096 436.893 510.388 445.211 510.364 460.651C510.341 475.959 502.901 484.426 487.481 485.651C480.434 486.207 470.306 487.595 463.952 484.426C459.821 482.36 460.568 477.518 454.874 481.435C450.305 484.581 448.376 489.462 446.439 494.121C438.034 514.31 446.738 536.699 466.915 543.237C497.857 553.259 529.608 555.002 561.81 549.257C585.184 545.088 605.806 538.859 625.407 524.084C627.13 522.785 633.522 522.628 633.074 526.109C633.463 524.433 632.067 533.95 633.074 526.109C631.188 534.183 611.111 544.756 596.037 551.809" fill="#B93758"/>
<path d="M586.248 484.342C591.961 483.809 597.927 484.194 603.337 482.561C615.549 478.87 619.481 470.551 615.731 457.978C615.23 456.29 613.55 454.263 612.01 453.769C607.553 452.342 609.015 456.756 608.933 458.413C608.435 468.68 603.438 475.129 593.812 475.502C582.724 475.934 570.213 479.391 562.917 465.775C561.525 463.173 563.29 459.098 559.425 457.694C559.028 460.968 558.518 464.235 558.258 467.525C557.764 473.69 560.996 476.906 565.892 480.017C572.43 484.171 579.232 483.864 586.248 484.342ZM586.524 491.984C582.024 491.992 577.49 492.385 573.037 491.918C557.811 490.327 550.445 481.643 550.421 465.725C550.402 449.682 557.62 440.671 572.799 439.372C582.374 438.555 592.113 438.579 601.696 439.352C616.941 440.589 624.288 449.558 624.311 465.472C624.334 481.518 617.097 490.265 601.937 491.895C596.85 492.439 591.666 491.98 586.524 491.984Z" fill="#B93758"/>
</svg>
anime({
targets: '.line-drawing-demo .lines path',
strokeDashoffset: [anime.setDashoffset, 0],
easing: 'easeInOutSine',
duration: 1500,
delay: function(el, i) { return i * 250 },
direction: 'alternate',
loop: true
});
</body>
</html>