Skip to content

Commit a6f9c79

Browse files
elfgoddelfgodd
committed
Section 20: Using Icons
1 parent bdfd1f9 commit a6f9c79

2 files changed

Lines changed: 6 additions & 3 deletions

File tree

‎20-Drawing-Animations/02-timer-v2/index.html‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@
44
<meta charset="UTF-8" />
55
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
66
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
78
<title>Timer</title>
89
</head>
910
<body>
@@ -19,8 +20,8 @@
1920
/>
2021
</svg>
2122
<input id="duration" value="30" />
22-
<button id="start">Start</button>
23-
<button id="pause">Pause</button>
23+
<button id="start"><i class="fa-solid fa-play"></i></i></button>
24+
<button id="pause"><i class="fa-solid fa-pause"></i></i></button>
2425
<script src="timer.js"></script>
2526
<script src="index.js"></script>
2627
</body>

‎20-Drawing-Animations/README.md‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -244,4 +244,6 @@ The X axis increases from left to right and the Y axis increases from top to bot
244244

245245
## 14. 23 Smoothing the Animation
246246

247-
## 15. 24 Adjusting by an Even Interval
247+
## 15. 24 Adjusting by an Even Interval
248+
249+
## 16. 25 Using Icons

0 commit comments

Comments
 (0)