Skip to content

Commit

Permalink
chore: updated titles on pages
Browse files Browse the repository at this point in the history
  • Loading branch information
AskeLange committed Jan 28, 2025
1 parent 6d4a4ea commit ee76268
Show file tree
Hide file tree
Showing 16 changed files with 170 additions and 170 deletions.
Binary file modified .DS_Store
Binary file not shown.
2 changes: 1 addition & 1 deletion 2-1-css-filters/index.html
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<!DOCTYPE html>
<html>
<head>
<title>3.1: CSS Filters</title>
<title>2.1: CSS Filters</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="../overall.css" />
<link rel="stylesheet" href="styles.css" />
Expand Down
8 changes: 5 additions & 3 deletions 3-1-keyframes-hover/index.html
Original file line number Diff line number Diff line change
@@ -1,18 +1,20 @@
<!DOCTYPE html>
<html>
<head>
<title>3.1: Hover Effects</title>
<title>3.1: Keyframes & Hover Effects</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="../overall.css" />
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<header>
<div></div>
<a href="../4-1-svg-masks/index.html"></a>
<a href="../5-1-svg-filters/index.html"></a>
</header>

<div class="fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 flex flex-col gap-[64px] pb-[32px]">
<div
class="fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 flex flex-col gap-[64px] pb-[32px]"
>
<div class="flex justify-between gap-50 w-[600px]">
<div class="flex flex-col items-center gap-10">
<p>Button Hover Transition</p>
Expand Down
2 changes: 1 addition & 1 deletion 5-1-svg-filters/index.html
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<!DOCTYPE html>
<html>
<head>
<title>3.1: CSS Filters</title>
<title>5.1: Svg Filters</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="../overall.css" />
<link rel="stylesheet" href="styles.css" />
Expand Down
2 changes: 1 addition & 1 deletion 5-2-svg-filters/index.html
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<!DOCTYPE html>
<html>
<head>
<title>3.1: CSS Filters</title>
<title>5.2: Svg Filters</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="../overall.css" />
<link rel="stylesheet" href="styles.css" />
Expand Down
2 changes: 1 addition & 1 deletion 5-3-svg-filters/index.html
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<!DOCTYPE html>
<html>
<head>
<title>3.1: CSS Filters</title>
<title>5.3: Svg Filters</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="../overall.css" />
<link rel="stylesheet" href="styles.css" />
Expand Down
2 changes: 1 addition & 1 deletion 5-4-svg-filters/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
<!DOCTYPE html>
<html>
<head>
<title>3.1: CSS Filters</title>
<title>5.4: Svg Filters</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="../overall.css" />
<link rel="stylesheet" href="styles.css" />
Expand Down
2 changes: 1 addition & 1 deletion 5-5-svg-filters/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
<!DOCTYPE html>
<html>
<head>
<title>3.1: CSS Filters</title>
<title>5.5: Svg Filters</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="../overall.css" />
<link rel="stylesheet" href="styles.css" />
Expand Down
2 changes: 1 addition & 1 deletion 6-1-svg-stroke/index.html
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<!DOCTYPE html>
<html>
<head>
<title>2.4: Svg Stroke Demo</title>
<title>6.1: Svg Stroke</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="../overall.css" />
<link rel="stylesheet" href="styles.css" />
Expand Down
88 changes: 44 additions & 44 deletions 6-2-svg-stroke/index.html
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>
Loading

0 comments on commit ee76268

Please sign in to comment.