-
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
1 parent
f7604f5
commit bb17a05
Showing
29 changed files
with
786 additions
and
83 deletions.
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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,81 @@ | ||
| # Personal Website | ||
|
|
||
| ## TODO | ||
| - [ ] Create logo and illustrations | ||
| - [ ] Build main pages and components | ||
| - [ ] Add cool visuals and illustrations | ||
| - [ ] Add custom styles, transitions, animations and scrolls | ||
| - [ ] Make it responsive | ||
| - [ ] Build | ||
| - [ ] Deploy to Github Pages or Netlify | ||
| - [ ] Get domain and connect it to the domain | ||
|
|
||
| ## Styles | ||
| * Font: | ||
| * Color theme: red, yellow, white, blue | ||
| * Add minisection navigation in each page | ||
| * Scroll to top option | ||
| * Animated logo | ||
| * Inspo from Bridge website https://bridgelanding.qodeinteractive.com | ||
| * Sticky navbar on scroll | ||
|
|
||
| ## Website Structure | ||
|
|
||
| ### Home Page | ||
| - [ ] Introduction | ||
| * [ ] Short intro paragraph | ||
| * [ ] Skills: | ||
| * HTML | ||
| * CSS | ||
| * Javascript | ||
| * Bootstrap | ||
| * React.js | ||
|
|
||
| * Node.js | ||
| * Django | ||
| * C/C++ | ||
| * Java | ||
| * Python | ||
| * [ ] Tools: | ||
| * Unity | ||
| * Figma | ||
| * Adobe XD | ||
| * Adobe Photoshop | ||
| * Adobe Illustrator | ||
| * Adobe Premiere Pro | ||
| * Blender | ||
| * [ ] What can I do | ||
| * [ ] What I am learning | ||
| * [ ] Projects intro | ||
| * [ ] Contact me redirect | ||
|
|
||
| ### Work/Projects Page | ||
| - [ ] List / grid view of | ||
| - [ ] Git contributions calendar | ||
| - [ ] Link to art portfolio website | ||
|
|
||
| ### About Page | ||
| - [ ] Short bio | ||
| - [ ] Education | ||
| - [ ] Experience | ||
| - [ ] Voluntary expereince and event organization | ||
| - [ ] Awards and Scholarships | ||
| - [ ] Download resume (maybe put it in navbar) | ||
| - [ ] Interests and Hobbies | ||
| - Playing bass | ||
| - Listening to music (share top/fav artists) - Spotify | ||
| - Watching animated movies and series (share fav stuff to watch) | ||
| - Painting | ||
| - Exploring street art | ||
|
|
||
| ### Contact Page | ||
| - [ ] Contact me form | ||
| - [ ] Social media links | ||
|
|
||
| ### Blog | ||
| - [ ] Create blog management with django rest framework | ||
|
|
||
| ### Footer | ||
| - [ ] Navigation links | ||
| - [ ] Social media links: facebook, instagram, artstaion, github, artstation, behance | ||
| - [ ] Made with React |
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
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
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
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
Binary file not shown.
Binary file not shown.
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
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 |
|---|---|---|
| @@ -1,38 +1,5 @@ | ||
| .App { | ||
| text-align: center; | ||
| } | ||
| @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); | ||
|
|
||
| .App-logo { | ||
| height: 40vmin; | ||
| pointer-events: none; | ||
| } | ||
|
|
||
| @media (prefers-reduced-motion: no-preference) { | ||
| .App-logo { | ||
| animation: App-logo-spin infinite 20s linear; | ||
| } | ||
| } | ||
|
|
||
| .App-header { | ||
| background-color: #282c34; | ||
| min-height: 100vh; | ||
| display: flex; | ||
| flex-direction: column; | ||
| align-items: center; | ||
| justify-content: center; | ||
| font-size: calc(10px + 2vmin); | ||
| color: white; | ||
| } | ||
|
|
||
| .App-link { | ||
| color: #61dafb; | ||
| } | ||
|
|
||
| @keyframes App-logo-spin { | ||
| from { | ||
| transform: rotate(0deg); | ||
| } | ||
| to { | ||
| transform: rotate(360deg); | ||
| } | ||
| } | ||
| html, body { | ||
| font-family: 'Poppins', sans-serif !important; | ||
| } |
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
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,24 @@ | ||
| .nav-link { | ||
| height: 5px; | ||
| margin-top: 10px; | ||
| margin-right: 100px; | ||
| font-size: 16px; | ||
| color: #c4c4c4; | ||
| font-weight: 300; | ||
| } | ||
|
|
||
| .nav-link:after { | ||
| display:block; | ||
| content: ''; | ||
| border-bottom: solid 3px rgb(38 38 38); | ||
| transform: scaleX(0); | ||
| transition: transform 250ms ease-in-out; | ||
| } | ||
|
|
||
| .nav-link:not(#resume-btn):hover:after { | ||
| transform: scaleX(1); | ||
| } | ||
|
|
||
| .nav-link:hover { | ||
| color: rgb(38 38 38); | ||
| } |
Oops, something went wrong.