-
Notifications
You must be signed in to change notification settings - Fork 0
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
Felix Hong Ming Tan
committed
Mar 9, 2024
1 parent
ee0bd5b
commit e62d49f
Showing
10 changed files
with
130 additions
and
1 deletion.
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
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
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 |
|---|---|---|
| @@ -0,0 +1,23 @@ | ||
| # Admin Dashboard 📊 | ||
|
|
||
| An Admin Dashboard displaying mock data from Github using chart.js. Chose to use this project to experiment with a library for charts. | ||
|
|
||
|  | ||
|
|
||
| [**Live Demo**](https://felixtanhm.github.io/my-odin-projects/full-stack-javascript/sign-up-form/) ✨ | | ||
| [**Odin's Project Specs**](https://www.theodinproject.com/lessons/node-path-intermediate-html-and-css-admin-dashboard) 📝 | ||
|
|
||
| ## 🪃 Features | ||
|
|
||
| - | ||
|
|
||
| #### 🧭 Future Implementations | ||
|
|
||
| - Add password strength indicator | ||
|
|
||
| ## 💻 Built With | ||
|
|
||
| - HTML | ||
| - CSS | ||
| - Javascript | ||
| - Chart.JS |
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 |
|---|---|---|
| @@ -0,0 +1,36 @@ | ||
| <html lang="en"> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
| <meta | ||
| name="description" | ||
| content="An Admin Dashboard displaying mock data from Github using charts.js, built as part of The Odin Project curriculum. A felixtanhm portfolio" | ||
| /> | ||
| <link rel="stylesheet" type="text/css" href="./reset.css" /> | ||
| <link rel="stylesheet" type="text/css" href="./style.css" /> | ||
| <script | ||
| src="https://kit.fontawesome.com/4c536a6bd5.js" | ||
| crossorigin="anonymous" | ||
| ></script> | ||
| <link | ||
| rel="icon" | ||
| href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>📊</text></svg>" | ||
| /> | ||
| <title>Admin Dashboard | felixtanhm portfolio</title> | ||
| </head> | ||
| <body> | ||
| <footer class="footer"> | ||
| <p>© 2024 - Present | felixtanhm</p> | ||
| <a | ||
| href="https://www.github.com/felixtanhm" | ||
| target="_blank" | ||
| rel="noreferrer" | ||
| > | ||
| <i class="fab fa-github"></i> | ||
| </a> | ||
| </footer> | ||
| <script src="./script.js"></script> | ||
| </body> | ||
| </html> | ||
| </html> |
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 |
|---|---|---|
| @@ -0,0 +1,70 @@ | ||
| /* | ||
| 1. Use a more-intuitive box-sizing model. | ||
| */ | ||
| *, | ||
| *::before, | ||
| *::after { | ||
| box-sizing: border-box; | ||
| } | ||
|
|
||
| /* | ||
| 2. Remove default margin | ||
| */ | ||
| * { | ||
| margin: 0; | ||
| } | ||
|
|
||
| /* | ||
| 3. Allow percentage-based heights in the application | ||
| */ | ||
| html, | ||
| body { | ||
| height: 100%; | ||
| font-family: Helvetica, Arial, sans-serif; | ||
| color: #0d0d0ec0; | ||
| } | ||
|
|
||
| /* | ||
| Typographic tweaks! | ||
| 4. Add accessible line-height | ||
| 5. Improve text rendering | ||
| */ | ||
| body { | ||
| line-height: 1.5; | ||
| -webkit-font-smoothing: antialiased; | ||
| } | ||
|
|
||
| /* | ||
| 6. Improve media defaults | ||
| */ | ||
| img, | ||
| picture, | ||
| video, | ||
| canvas, | ||
| svg { | ||
| display: block; | ||
| max-width: 100%; | ||
| } | ||
|
|
||
| /* | ||
| 7. Remove built-in form typography styles | ||
| */ | ||
| input, | ||
| button, | ||
| textarea, | ||
| select { | ||
| font: inherit; | ||
| } | ||
|
|
||
| /* | ||
| 8. Avoid text overflows | ||
| */ | ||
| p, | ||
| h1, | ||
| h2, | ||
| h3, | ||
| h4, | ||
| h5, | ||
| h6 { | ||
| overflow-wrap: break-word; | ||
| } |
Empty file.
Empty file.