diff --git a/02_progress_bar/css/root.css b/02_progress_bar/css/root.css
new file mode 100644
index 00000000..f018001e
--- /dev/null
+++ b/02_progress_bar/css/root.css
@@ -0,0 +1,68 @@
+*,
+::before,
+::after {
+ padding: 0;
+ margin: 0;
+ box-sizing: border-box;
+}
+
+:focus,
+:active {
+ outline: none;
+}
+
+a:link,
+a:visited,
+a:focus,
+a:hover,
+a:active {
+ text-decoration: none;
+ outline: none;
+}
+
+input,
+button,
+textarea {
+ font-family: inherit;
+}
+
+input::-ms-clear {
+ display: none;
+}
+
+button {
+ cursor: pointer;
+ border: none;
+}
+
+button::-moz-focus-inner {
+ padding: 0;
+ border: 0;
+}
+
+img {
+ max-width: 100%;
+ display: block;
+}
+
+ul li {
+ list-style: none;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p {
+ font-size: inherit;
+ font-weight: 400;
+ margin: 0;
+ padding: 0;
+}
+
+pre {
+ box-sizing: border-box;
+ margin: 0;
+}
\ No newline at end of file
diff --git a/02_progress_bar/css/style.css b/02_progress_bar/css/style.css
index eed5ecb2..c55b64a0 100644
--- a/02_progress_bar/css/style.css
+++ b/02_progress_bar/css/style.css
@@ -67,24 +67,14 @@ pre {
margin: 0;
}
-#wrapper {
- min-height: 100%;
- max-width: 1440px;
- margin: 0 auto;
- display: flex;
- flex-direction: column;
- justify-content: space-between;
- align-items: center;
- border: none;
-}
-
body {
min-height: 100vh;
display: flex;
- flex-direction: column;
+ flex-flow: column nowrap;
justify-content: center;
align-items: center;
font-family: "Nunito", sans-serif;
+ background-color: #b8c6db;
}
.progress-box {
@@ -94,7 +84,7 @@ body {
border-radius: 8px;
background-color: transparent;
display: flex;
- flex-direction: row;
+ flex-flow: row nowrap;
justify-content: space-between;
align-items: center;
max-width: 620px;
@@ -117,7 +107,7 @@ body {
border-radius: 50%;
background-color: white;
display: flex;
- flex-direction: row;
+ flex-flow: row nowrap;
justify-content: center;
align-items: center;
border: 3px #8f5566 solid;
@@ -153,9 +143,6 @@ body {
.progress-controls .btn {
font-size: 24px;
- color: white;
- font-weight: 400;
- text-align: center;
background-color: #383838;
color: #fff;
border: 0;
diff --git a/17_mytube/css/style.css b/17_mytube/css/style.css
index 636bd51b..46812f69 100644
--- a/17_mytube/css/style.css
+++ b/17_mytube/css/style.css
@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;400&display=swap");
*,
::before,
::after {
diff --git a/17_mytube/favicon/192.png b/17_mytube/favicon/192.png
new file mode 100644
index 00000000..434d67ce
Binary files /dev/null and b/17_mytube/favicon/192.png differ
diff --git a/17_mytube/favicon/512.png b/17_mytube/favicon/512.png
new file mode 100644
index 00000000..434d67ce
Binary files /dev/null and b/17_mytube/favicon/512.png differ
diff --git a/17_mytube/favicon/apple-touch-icon.png b/17_mytube/favicon/apple-touch-icon.png
new file mode 100644
index 00000000..434d67ce
Binary files /dev/null and b/17_mytube/favicon/apple-touch-icon.png differ
diff --git a/17_mytube/favicon/favicon.ico b/17_mytube/favicon/favicon.ico
new file mode 100644
index 00000000..5fe356ee
Binary files /dev/null and b/17_mytube/favicon/favicon.ico differ
diff --git a/17_mytube/favicon/site.webmanifest b/17_mytube/favicon/site.webmanifest
new file mode 100644
index 00000000..92aee6b5
--- /dev/null
+++ b/17_mytube/favicon/site.webmanifest
@@ -0,0 +1,19 @@
+{
+ "name": "GPXcript",
+ "short_name": "GPXcript",
+ "icons": [
+ {
+ "src": "./192.png",
+ "sizes": "192x192",
+ "type": "image/png"
+ },
+ {
+ "src": "./512.png",
+ "sizes": "512x512",
+ "type": "image/png"
+ }
+ ],
+ "theme_color": "#ffffff",
+ "background_color": "#ffffff",
+ "display": "standalone"
+}
diff --git a/17_mytube/index.html b/17_mytube/index.html
index 34ed308f..67aed4cb 100644
--- a/17_mytube/index.html
+++ b/17_mytube/index.html
@@ -2,11 +2,11 @@
-
+
+
+
Mytube
-
-