Merge pull request #2 from Nez27/feat/init-project

Init project
2026-09-22 20:01:31 +00:00 · 2023-08-22 10:49:05 +07:00
parent d9209e871e a583b8023f
commit 61558c7307
25 changed files with 3743 additions and 0 deletions
@@ -0,0 +1,5 @@
+.parcel-cache
+
+node_modules
+
+dist
@@ -0,0 +1,8 @@
+{
+  "bracketSameLine": false,
+  "bracketSpacing": true,
+  "semi": true,
+  "singleQuote": true,
+  "tabWidth": 2,
+  "useTabs": false
+}
@@ -0,0 +1,18 @@
+{
+  "name": "javascript-practice",
+  "version": "1.0.0",
+  "description": "loi-phan-internship",
+  "scripts": {
+    "start": "parcel ./src/*.html --no-cache --no-source-maps",
+    "build": "rm -rf build && rm -rf .parcel-cache && parcel build ./src/*.html --no-cache --no-source-maps --dist-dir dist"
+  },
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "parcel": "^2.9.3"
+  },
+  "dependencies": {
+    "core-js": "^3.32.1",
+    "regenerator-runtime": "^0.14.0"
+  }
+}
@@ -0,0 +1,21 @@
+<svg width="231" height="130" viewBox="0 0 231 130" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_10_135)">
+<path d="M114.521 124.792C113.763 127.824 111.489 128.582 108.457 128.582C107.052 128.553 105.704 128.015 104.667 127.066L106.183 124.034C106.482 124.322 106.841 124.539 107.234 124.67C107.628 124.801 108.045 124.843 108.457 124.792C109.973 124.792 110.731 124.034 111.489 122.518L112.247 121.002L104.667 103.569H107.7C108.282 103.624 108.823 103.894 109.216 104.327C110.732 107.359 114.522 116.455 114.522 116.455C114.522 116.455 118.312 107.355 119.07 104.327C119.07 103.569 120.586 103.569 120.586 103.569H123.618L114.521 124.792ZM95.571 107.363C92.539 107.363 91.023 108.879 90.265 111.911H100.877C100.119 108.875 98.6 107.363 95.571 107.363ZM103.909 114.943H90.266C90.4929 116.195 91.1444 117.331 92.1109 118.16C93.0773 118.988 94.2996 119.458 95.572 119.491C96.5683 119.519 97.5589 119.33 98.475 118.937C99.3911 118.545 100.211 117.958 100.878 117.217L103.152 119.491C101.077 121.388 98.383 122.466 95.572 122.523C94.364 122.571 93.1592 122.369 92.0332 121.929C90.9073 121.488 89.8847 120.82 89.0299 119.965C88.175 119.11 87.5064 118.088 87.0662 116.962C86.626 115.836 86.4237 114.631 86.472 113.423C86.4237 112.215 86.626 111.01 87.0662 109.884C87.5064 108.758 88.175 107.736 89.0299 106.881C89.8847 106.026 90.9073 105.357 92.0332 104.917C93.1592 104.477 94.364 104.275 95.572 104.323C101.635 104.327 104.667 108.875 103.909 114.938V114.943ZM79.654 121.763V111.907C79.6845 111.401 79.6073 110.895 79.4277 110.421C79.248 109.948 78.9698 109.518 78.6116 109.159C78.2534 108.801 77.8233 108.523 77.3497 108.343C76.876 108.164 76.3697 108.086 75.864 108.117C72.832 108.117 70.558 110.391 70.558 112.665V121.765H66.768V105.085L70.558 104.327V108.117C71.274 106.953 72.2778 105.992 73.4727 105.329C74.6675 104.665 76.0132 104.32 77.38 104.327C81.928 104.327 84.202 106.601 84.202 111.149V121.763H79.654ZM54.641 108.117C53.9395 108.1 53.2419 108.225 52.5904 108.486C51.9389 108.747 51.3471 109.137 50.8509 109.633C50.3548 110.129 49.9646 110.721 49.704 111.372C49.4434 112.024 49.3179 112.721 49.335 113.423C49.335 116.455 51.609 119.487 54.641 119.487C57.673 119.487 59.947 117.213 59.947 113.423C59.9641 112.721 59.8386 112.024 59.578 111.372C59.3174 110.721 58.9272 110.129 58.4311 109.633C57.9349 109.137 57.3431 108.747 56.6916 108.486C56.0401 108.225 55.3425 108.1 54.641 108.117ZM54.641 122.517C53.433 122.565 52.2282 122.363 51.1022 121.923C49.9763 121.482 48.9537 120.814 48.0989 119.959C47.244 119.104 46.5754 118.082 46.1352 116.956C45.695 115.83 45.4927 114.625 45.541 113.417C45.4927 112.209 45.695 111.004 46.1352 109.878C46.5754 108.752 47.244 107.73 48.0989 106.875C48.9537 106.02 49.9763 105.351 51.1022 104.911C52.2282 104.471 53.433 104.269 54.641 104.317C55.849 104.269 57.0538 104.471 58.1798 104.911C59.3057 105.351 60.3283 106.02 61.1831 106.875C62.038 107.73 62.7066 108.752 63.1468 109.878C63.587 111.004 63.7893 112.209 63.741 113.417C63.7895 114.625 63.5872 115.83 63.1471 116.956C62.7069 118.082 62.0384 119.105 61.1835 119.96C60.3287 120.815 59.306 121.483 58.18 121.924C57.054 122.364 55.849 122.566 54.641 122.518V122.517ZM42.513 121.763H38.723V105.085L31.9 118.728C31.5067 119.161 30.9661 119.431 30.384 119.486H29.626C29.0439 119.431 28.5033 119.161 28.11 118.728L21.29 105.085V121.763H17.5V98.2629H21.29C21.8721 98.318 22.4127 98.5883 22.806 99.0209C24.322 102.811 30.386 113.421 30.386 113.421C30.386 113.421 36.45 102.051 37.966 99.0209C38.3593 98.5883 38.8999 98.318 39.482 98.2629H43.272L42.513 121.763Z" fill="white"/>
+<path d="M208.03 113.421V122.521H204.241V105.843L208.031 105.085V108.875C209.547 106.601 211.063 105.085 214.095 105.085V108.121C210.304 108.121 208.03 110.391 208.03 113.421ZM192.871 107.359C189.839 107.359 188.323 108.875 187.565 111.907H198.177C197.419 109.633 195.903 107.359 192.871 107.359ZM201.209 114.939H187.565C187.792 116.191 188.443 117.327 189.41 118.156C190.376 118.984 191.599 119.454 192.871 119.487C193.867 119.515 194.858 119.326 195.774 118.933C196.69 118.541 197.51 117.954 198.177 117.213L200.451 119.487C198.376 121.385 195.682 122.463 192.871 122.521C191.663 122.569 190.458 122.367 189.332 121.927C188.206 121.486 187.184 120.818 186.329 119.963C185.474 119.108 184.805 118.086 184.365 116.96C183.925 115.834 183.723 114.629 183.771 113.421C183.723 112.213 183.925 111.008 184.365 109.882C184.805 108.756 185.474 107.734 186.329 106.879C187.184 106.024 188.206 105.355 189.332 104.915C190.458 104.475 191.663 104.273 192.871 104.321C198.935 104.327 201.967 108.875 201.209 114.938V114.939ZM176.954 122.521H173.164L166.342 105.085H169.374C169.956 105.14 170.497 105.41 170.89 105.843C172.406 108.875 175.438 118.729 175.438 118.729C175.438 118.729 179.228 108.875 179.986 105.843C179.986 105.085 181.502 105.085 181.502 105.085H184.534L176.954 122.521ZM156.491 108.121C155.79 108.103 155.092 108.228 154.441 108.488C153.789 108.749 153.198 109.138 152.701 109.634C152.205 110.129 151.814 110.72 151.553 111.371C151.292 112.022 151.166 112.72 151.182 113.421C151.182 116.453 153.456 119.485 156.488 119.485C159.52 119.485 161.791 117.212 161.791 113.421C161.807 112.72 161.681 112.024 161.421 111.374C161.16 110.723 160.77 110.132 160.275 109.637C159.779 109.142 159.189 108.752 158.538 108.491C157.888 108.231 157.191 108.105 156.491 108.121ZM156.491 122.521C155.283 122.569 154.078 122.367 152.952 121.927C151.826 121.486 150.804 120.818 149.949 119.963C149.094 119.108 148.425 118.086 147.985 116.96C147.545 115.834 147.343 114.629 147.391 113.421C147.343 112.213 147.545 111.008 147.985 109.882C148.425 108.756 149.094 107.734 149.949 106.879C150.804 106.024 151.826 105.355 152.952 104.915C154.078 104.475 155.283 104.273 156.491 104.321C157.699 104.273 158.904 104.475 160.03 104.915C161.156 105.355 162.178 106.024 163.033 106.879C163.888 107.734 164.557 108.756 164.997 109.882C165.437 111.008 165.639 112.213 165.591 113.421C165.639 114.629 165.437 115.834 164.997 116.96C164.557 118.086 163.888 119.108 163.033 119.963C162.178 120.818 161.156 121.486 160.03 121.927C158.904 122.367 157.699 122.569 156.491 122.521ZM132.991 121.763V99.0209H136.023C136.123 99.0187 136.223 99.0369 136.316 99.0742C136.409 99.1115 136.493 99.1673 136.564 99.2381C136.635 99.3089 136.69 99.3933 136.728 99.4863C136.765 99.5792 136.783 99.6788 136.781 99.7789V118.728H145.119C145.219 118.726 145.319 118.744 145.412 118.781C145.505 118.818 145.589 118.874 145.66 118.945C145.731 119.016 145.786 119.1 145.824 119.193C145.861 119.286 145.879 119.386 145.877 119.486V121.76L132.991 121.763Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M98.4441 2.758H133.311C135.806 2.73328 138.282 3.20652 140.592 4.15003C142.902 5.09354 145.001 6.48836 146.765 8.25287C148.53 10.0174 149.925 12.1161 150.869 14.4263C151.812 16.7365 152.286 19.2117 152.261 21.707V56.574C152.196 61.3785 150.258 65.9677 146.86 69.3653C143.463 72.7629 138.874 74.7005 134.069 74.766H97.6861C92.8818 74.7003 88.2928 72.7625 84.8954 69.365C81.498 65.9674 79.5605 61.3783 79.4951 56.574V21.707C79.4705 19.2117 79.9438 16.7366 80.8874 14.4265C81.8309 12.1164 83.2258 10.0177 84.9903 8.25323C86.7548 6.48873 88.8535 5.09389 91.1636 4.15032C93.4737 3.20675 95.9488 2.73341 98.4441 2.758Z" fill="#2DB84C"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M97.6861 2H134.069C138.873 2.06545 143.463 4.00298 146.86 7.40035C150.258 10.7977 152.195 15.3867 152.261 20.191V27.771C152.196 32.5755 150.258 37.1647 146.86 40.5623C143.463 43.9599 138.874 45.8975 134.069 45.963H97.6861C92.8818 45.8973 88.2928 43.9595 84.8955 40.562C81.4981 37.1644 79.5606 32.5753 79.4951 27.771V20.191C79.5608 15.3869 81.4985 10.798 84.8958 7.40069C88.2931 4.00336 92.882 2.06571 97.6861 2Z" fill="#E2ECE4"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M97.686 49.752C98.1917 49.7215 98.698 49.7986 99.1717 49.9783C99.6453 50.158 100.075 50.4361 100.434 50.7943C100.792 51.1525 101.07 51.5827 101.25 52.0563C101.429 52.5299 101.506 53.0363 101.476 53.542C101.506 54.0476 101.429 54.554 101.25 55.0276C101.07 55.5013 100.792 55.9314 100.434 56.2896C100.075 56.6478 99.6453 56.9259 99.1717 57.1056C98.698 57.2853 98.1917 57.3625 97.686 57.332C96.17 57.332 93.896 55.058 93.896 53.542C93.9595 52.5577 94.3792 51.6301 95.0767 50.9327C95.7742 50.2352 96.7017 49.8155 97.686 49.752Z" fill="#247936"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M116.636 53.542C122.7 53.542 128.006 57.332 128.006 62.642C128.006 67.952 122.7 71.742 116.636 71.742C110.572 71.742 105.266 67.942 105.266 62.642C105.266 57.342 110.572 53.542 116.636 53.542Z" fill="#70D185"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M110.572 60.364C111.163 60.3999 111.72 60.6512 112.138 61.0702C112.556 61.4893 112.807 62.0471 112.841 62.638C112.814 63.0313 112.646 63.4016 112.367 63.6803C112.089 63.9591 111.718 64.1273 111.325 64.154C110.932 64.1273 110.562 63.9591 110.283 63.6803C110.004 63.4016 109.836 63.0313 109.809 62.638C109.666 62.4496 109.572 62.2292 109.534 61.9959C109.496 61.7626 109.515 61.5236 109.59 61.2995C109.665 61.0754 109.794 60.8731 109.965 60.71C110.136 60.547 110.345 60.4282 110.572 60.364Z" fill="#009421"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M99.9601 31.561H133.311C133.704 31.5877 134.075 31.756 134.353 32.0347C134.632 32.3135 134.8 32.6837 134.827 33.077C134.8 33.4703 134.632 33.8406 134.353 34.1194C134.075 34.3981 133.704 34.5664 133.311 34.593H99.9601C99.5668 34.5664 99.1965 34.3981 98.9178 34.1194C98.639 33.8406 98.4708 33.4703 98.4441 33.077C97.6861 32.319 98.4441 31.561 99.9601 31.561Z" fill="#006015"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M116.636 9.57996C118.527 9.57891 120.4 9.95066 122.148 10.674C123.896 11.3972 125.483 12.4579 126.821 13.7953C128.158 15.1326 129.219 16.7205 129.942 18.4681C130.665 20.2156 131.037 22.0886 131.036 23.98C130.958 27.9742 129.327 31.7808 126.488 34.592H106.782C103.75 31.56 101.476 27.77 101.476 23.222C101.476 15.644 108.298 9.57996 116.636 9.57996Z" fill="#FFCE00"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M118.91 13.37V32.319H113.604V22.47C113.604 20.954 112.846 21.712 112.846 21.712H110.572V20.95C113.279 19.1643 115.816 17.1345 118.152 14.886C118.152 13.37 118.91 13.37 118.91 13.37Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M121.941 60.364C122.334 60.3907 122.705 60.559 122.983 60.8377C123.262 61.1164 123.43 61.4867 123.457 61.88C123.43 62.2733 123.262 62.6436 122.983 62.9223C122.705 63.2011 122.334 63.3693 121.941 63.396C121.548 63.3693 121.177 63.2011 120.899 62.9223C120.62 62.6436 120.452 62.2733 120.425 61.88C119.667 61.88 120.425 60.364 121.941 60.364Z" fill="#009421"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M134.827 49.752C135.333 49.7215 135.839 49.7986 136.313 49.9783C136.786 50.158 137.216 50.4361 137.575 50.7943C137.933 51.1525 138.211 51.5827 138.391 52.0563C138.57 52.5299 138.647 53.0363 138.617 53.542C138.647 54.0476 138.57 54.554 138.391 55.0276C138.211 55.5013 137.933 55.9314 137.575 56.2896C137.216 56.6478 136.786 56.9259 136.313 57.1056C135.839 57.2853 135.333 57.3625 134.827 57.332C134.321 57.3625 133.815 57.2853 133.341 57.1056C132.868 56.9259 132.438 56.6478 132.079 56.2896C131.721 55.9314 131.443 55.5013 131.263 55.0276C131.084 54.554 131.007 54.0476 131.037 53.542C131.007 53.0363 131.084 52.5299 131.263 52.0563C131.443 51.5827 131.721 51.1525 132.079 50.7943C132.438 50.4361 132.868 50.158 133.341 49.9783C133.815 49.7986 134.321 49.7215 134.827 49.752Z" fill="#247936"/>
+</g>
+<defs>
+<clipPath id="clip0_10_135">
+<rect width="230" height="130" fill="white" transform="translate(0.5)"/>
+</clipPath>
+</defs>
+</svg>
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Document</title>
+  </head>
+  <body></body>
+</html>
@@ -0,0 +1 @@
+// TODO
@@ -0,0 +1 @@
+// TODO
@@ -0,0 +1 @@
+// TODO
@@ -0,0 +1 @@
+// TODO
@@ -0,0 +1 @@
+// TODO
@@ -0,0 +1,18 @@
+$primary-font: 'Roboto';
+
+// Color
+$primary-color: #2db84c;
+$primary-text-color: #000;
+$secondary-text-color: #0000008a;
+$secondary-light-text-color: #00000042;
+$receive-money-color: #e51c23;
+$deducted-money-color: #039be5;
+
+// Font size
+$fs-2x-sm: 11px;
+$fs-x-sm: 12px;
+$fs-sm: 14px;
+$fs-md: 16px;
+$fs-lg: 17px;
+$fs-x-lg: 20px;
+$fs-2x-lg: 32px;
@@ -0,0 +1 @@
+// TODO
@@ -0,0 +1,142 @@
+/* http://meyerweb.com/eric/tools/css/reset/ 
+   v2.0 | 20110126
+   License: none (public domain)
+*/
+
+html,
+body,
+div,
+span,
+applet,
+object,
+iframe,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+a,
+abbr,
+acronym,
+address,
+big,
+cite,
+code,
+del,
+dfn,
+em,
+img,
+ins,
+kbd,
+q,
+s,
+samp,
+small,
+strike,
+strong,
+sub,
+sup,
+tt,
+var,
+b,
+u,
+i,
+center,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+fieldset,
+form,
+label,
+legend,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td,
+article,
+aside,
+canvas,
+details,
+embed,
+figure,
+figcaption,
+footer,
+header,
+hgroup,
+menu,
+nav,
+output,
+ruby,
+section,
+summary,
+time,
+mark,
+audio,
+video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  vertical-align: baseline;
+}
+
+/* HTML5 display-role reset for older browsers */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+menu,
+nav,
+section {
+  display: block;
+}
+
+body {
+  line-height: 1;
+}
+
+ol,
+ul {
+  list-style: none;
+}
+
+blockquote,
+q {
+  quotes: none;
+}
+
+blockquote {
+  &:before,
+  &:after {
+    content: '';
+    content: none;
+  }
+}
+
+q {
+  &:before,
+  &:after {
+    content: '';
+    content: none;
+  }
+}
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
@@ -0,0 +1,28 @@
+$font-path: '../assets/fonts';
+
+@font-face {
+  font-family: 'Roboto';
+  font-weight: 400;
+  src: url('#{$font-path}/roboto-regular.woff2') format('woff2'),
+    url('#{$font-path}/roboto-regular.ttf') format('truetype');
+
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  font-weight: 500;
+  src: url('#{$font-path}/roboto-medium.woff2') format('woff2'),
+    url('#{$font-path}/roboto-medium.ttf') format('truetype');
+
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  font-weight: 700;
+  src: url('#{$font-path}/roboto-bold.woff2') format('woff2'),
+    url('#{$font-path}/roboto-bold.ttf') format('truetype');
+
+  font-display: swap;
+}
@@ -0,0 +1 @@
+// TODO
@@ -0,0 +1 @@
+// TODO