-
Notifications
You must be signed in to change notification settings - Fork 2
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
16 changed files
with
170 additions
and
170 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,48 +1,48 @@ | ||
<!DOCTYPE html> | ||
<html> | ||
<head> | ||
<title>2.1: Svg Stroke</title> | ||
<script src="https://cdn.tailwindcss.com"></script> | ||
<link rel="stylesheet" href="../overall.css" /> | ||
<link rel="stylesheet" href="styles.css" /> | ||
<script src="scripts.js"></script> | ||
</head> | ||
<body> | ||
<header> | ||
<div></div> | ||
<a href="../6-3-svg-stroke/index.html"></a> | ||
</header> | ||
<head> | ||
<title>6.2: Svg Stroke</title> | ||
<script src="https://cdn.tailwindcss.com"></script> | ||
<link rel="stylesheet" href="../overall.css" /> | ||
<link rel="stylesheet" href="styles.css" /> | ||
<script src="scripts.js"></script> | ||
</head> | ||
<body> | ||
<header> | ||
<div></div> | ||
<a href="../6-3-svg-stroke/index.html"></a> | ||
</header> | ||
|
||
<div class="flex justify-center items-center flex-col h-[80vh]"> | ||
<div class="w-[100%] h-[200px]"> | ||
<svg | ||
id="svg" | ||
class="hack-mark" | ||
viewBox="0 0 724 138" | ||
xmlns="http://www.w3.org/2000/svg" | ||
xml:space="preserve" | ||
style=" | ||
fill-rule: evenodd; | ||
clip-rule: evenodd; | ||
stroke-linecap: round; | ||
stroke-linejoin: round; | ||
stroke-miterlimit: 1.5; | ||
" | ||
> | ||
<path | ||
class="animation-layer layer-1" | ||
d="m160.847 167.216-4.741 90.169 1.85-35.186s22.531-10.905 38.785-9.208l7.449-36.906s-11.85 67.507-14.414 82.514c-.311 1.82-.485 2.868-.485 2.93 0 .566 19.169-29.89 54.808-42.643 0 0-31.782 14.765-28.395 33.051 0 0 20.837 13.408 30.92-27.863 0 0-3.83 21.09 2.265 22.445 6.095 1.354 29.799-29.883 45.376-28.825 0 0-42.667 22.052-25.059 32.888 17.609 10.836 42.667-11.513 65.693-73.82 0 0-29.121 62.665-21.671 82.465 0 0 .547 1.611 26.282-46.027 0 0-41.877 34.299 10.684 44.48" | ||
style="fill: none; stroke-width: 10.17px" | ||
transform="translate(-151.021 -162.132)" | ||
/> | ||
<path | ||
class="animation-layer layer-2" | ||
d="M385.96 242.455s.41 3.386 16.664-14.899c0 0-8.127 20.317-2.031 21.672 6.095 1.354 19.64-13.545 32.508-23.704 0 0-10.836 48.762-34.54 65.693-23.704 16.931 52.683-62.035 69.347-72.668 0 0-21.94 32.033-5.686 33.388 16.254 1.354 40.493-35.217 5.686-26.413 0 0 10.192-6.679 14.782-.292 4.59 6.387-5.568 17.9 1.881 21.287 7.45 3.386 16.932-21.413 27.429-26.622 0 0-13.206 29.331 0 31.362 0 0 11.852-10.158 22.011-24.381 0 0-8.545 31.831 13.674 14.9 0 0 8.925-12.609 20.652-21.881 0 0 19.426-.468 0 32.04 0 0-2.412 10.158 23.282-7.45l39.915-8.378s20.796-13.789 22.828-56.208c1.961-40.942-41.113 88.967-22.828 107.93 18.286 18.963 2.032-33.863 41.313-66.371 0 0-10.836 34.54 2.031 28.445 0 0 9.482-2.032 21.672-21.672 0 0-4.735 29.121 12.532 13.545 17.267-15.577 28.103-25.712 35.553-58.909 0 0 5.418 19.628-25.736 15.565 0 0 27.984 1.029 27.638 1.029-.347 0-16.595-3.12-17.313 44.731 0 0-4.533 27.44 35.69-21.995 0 0-11.442 19.221-.693 30.317 0 0 2.08 6.242 23.926-21.498 0 0-4.508 13.87 5.548 14.216 0 0 14.579-11.523 19.78-25.046 0 0 14.91-.694 6.242 34.675 0 0 50.625-25.313 40.916-42.65-9.709-17.338-36.062 62.762 7.976 33.288" | ||
style="fill: none; stroke-width: 11.23px" | ||
transform="translate(-151.021 -162.132)" | ||
/> | ||
</svg> | ||
</div> | ||
</div> | ||
</body> | ||
<div class="flex justify-center items-center flex-col h-[80vh]"> | ||
<div class="w-[100%] h-[200px]"> | ||
<svg | ||
id="svg" | ||
class="hack-mark" | ||
viewBox="0 0 724 138" | ||
xmlns="http://www.w3.org/2000/svg" | ||
xml:space="preserve" | ||
style=" | ||
fill-rule: evenodd; | ||
clip-rule: evenodd; | ||
stroke-linecap: round; | ||
stroke-linejoin: round; | ||
stroke-miterlimit: 1.5; | ||
" | ||
> | ||
<path | ||
class="animation-layer layer-1" | ||
d="m160.847 167.216-4.741 90.169 1.85-35.186s22.531-10.905 38.785-9.208l7.449-36.906s-11.85 67.507-14.414 82.514c-.311 1.82-.485 2.868-.485 2.93 0 .566 19.169-29.89 54.808-42.643 0 0-31.782 14.765-28.395 33.051 0 0 20.837 13.408 30.92-27.863 0 0-3.83 21.09 2.265 22.445 6.095 1.354 29.799-29.883 45.376-28.825 0 0-42.667 22.052-25.059 32.888 17.609 10.836 42.667-11.513 65.693-73.82 0 0-29.121 62.665-21.671 82.465 0 0 .547 1.611 26.282-46.027 0 0-41.877 34.299 10.684 44.48" | ||
style="fill: none; stroke-width: 10.17px" | ||
transform="translate(-151.021 -162.132)" | ||
/> | ||
<path | ||
class="animation-layer layer-2" | ||
d="M385.96 242.455s.41 3.386 16.664-14.899c0 0-8.127 20.317-2.031 21.672 6.095 1.354 19.64-13.545 32.508-23.704 0 0-10.836 48.762-34.54 65.693-23.704 16.931 52.683-62.035 69.347-72.668 0 0-21.94 32.033-5.686 33.388 16.254 1.354 40.493-35.217 5.686-26.413 0 0 10.192-6.679 14.782-.292 4.59 6.387-5.568 17.9 1.881 21.287 7.45 3.386 16.932-21.413 27.429-26.622 0 0-13.206 29.331 0 31.362 0 0 11.852-10.158 22.011-24.381 0 0-8.545 31.831 13.674 14.9 0 0 8.925-12.609 20.652-21.881 0 0 19.426-.468 0 32.04 0 0-2.412 10.158 23.282-7.45l39.915-8.378s20.796-13.789 22.828-56.208c1.961-40.942-41.113 88.967-22.828 107.93 18.286 18.963 2.032-33.863 41.313-66.371 0 0-10.836 34.54 2.031 28.445 0 0 9.482-2.032 21.672-21.672 0 0-4.735 29.121 12.532 13.545 17.267-15.577 28.103-25.712 35.553-58.909 0 0 5.418 19.628-25.736 15.565 0 0 27.984 1.029 27.638 1.029-.347 0-16.595-3.12-17.313 44.731 0 0-4.533 27.44 35.69-21.995 0 0-11.442 19.221-.693 30.317 0 0 2.08 6.242 23.926-21.498 0 0-4.508 13.87 5.548 14.216 0 0 14.579-11.523 19.78-25.046 0 0 14.91-.694 6.242 34.675 0 0 50.625-25.313 40.916-42.65-9.709-17.338-36.062 62.762 7.976 33.288" | ||
style="fill: none; stroke-width: 11.23px" | ||
transform="translate(-151.021 -162.132)" | ||
/> | ||
</svg> | ||
</div> | ||
</div> | ||
</body> | ||
</html> |
Oops, something went wrong.