├── .github └── workflows │ └── manual.yml ├── .gitignore ├── CODEOWNERS ├── License.md ├── README.md ├── designs.js ├── index.html └── styles.css /.github/workflows/manual.yml: -------------------------------------------------------------------------------- 1 | # Workflow to ensure whenever a Github PR is submitted, 2 | # a JIRA ticket gets created automatically. 3 | name: Manual Workflow 4 | 5 | # Controls when the action will run. 6 | on: 7 | # Triggers the workflow on pull request events but only for the master branch 8 | pull_request_target: 9 | types: [assigned, opened, reopened] 10 | 11 | # Allows you to run this workflow manually from the Actions tab 12 | workflow_dispatch: 13 | 14 | jobs: 15 | test-transition-issue: 16 | name: Convert Github Issue to Jira Issue 17 | runs-on: ubuntu-latest 18 | steps: 19 | - name: Checkout 20 | uses: actions/checkout@master 21 | 22 | - name: Login 23 | uses: atlassian/gajira-login@master 24 | env: 25 | JIRA_BASE_URL: ${{ secrets.JIRA_BASE_URL }} 26 | JIRA_USER_EMAIL: ${{ secrets.JIRA_USER_EMAIL }} 27 | JIRA_API_TOKEN: ${{ secrets.JIRA_API_TOKEN }} 28 | 29 | - name: Create NEW JIRA ticket 30 | id: create 31 | uses: atlassian/gajira-create@master 32 | with: 33 | project: CONUPDATE 34 | issuetype: Task 35 | summary: | 36 | Github PR - nd000 IPND | Repo: project-pixel-art-maker-starter | PR# ${{github.event.number}} 37 | description: | 38 | Repo link: https://github.com/${{ github.repository }} 39 | PR no. ${{ github.event.pull_request.number }} 40 | PR title: ${{ github.event.pull_request.title }} 41 | PR description: ${{ github.event.pull_request.description }} 42 | In addition, please resolve other issues, if any. 43 | fields: '{"components": [{"name":"nd000 - Intro to Programming ND"}], "customfield_16449":"https://classroom.udacity.com/nanodegrees/nd000/dashboard/overview", "customfield_16450":"Resolve the PR", "labels": ["github"], "priority":{"id": "4"}}' 44 | 45 | - name: Log created issue 46 | run: echo "Issue ${{ steps.create.outputs.issue }} was created" 47 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | .github/** 2 | -------------------------------------------------------------------------------- /CODEOWNERS: -------------------------------------------------------------------------------- 1 | * @udacity/active-public-content -------------------------------------------------------------------------------- /License.md: -------------------------------------------------------------------------------- 1 | 2 | Copyright © 2012 - 2020, Udacity, Inc. 3 | 4 | Udacity hereby grants you a license in and to the Educational Content, including but not limited to homework assignments, programming assignments, code samples, and other educational materials and tools (as further described in the Udacity Terms of Use), subject to, as modified herein, the terms and conditions of the Creative Commons Attribution-NonCommercial- NoDerivs 3.0 License located at http://creativecommons.org/licenses/by-nc-nd/4.0 and successor locations for such license (the "CC License") provided that, in each case, the Educational Content is specifically marked as being subject to the CC License. 5 | 6 | Udacity expressly defines the following as falling outside the definition of "non-commercial": 7 | (a) the sale or rental of (i) any part of the Educational Content, (ii) any derivative works based at least in part on the Educational Content, or (iii) any collective work that includes any part of the Educational Content; 8 | (b) the sale of access or a link to any part of the Educational Content without first obtaining informed consent from the buyer (that the buyer is aware that the Educational Content, or such part thereof, is available at the Website free of charge); 9 | (c) providing training, support, or editorial services that use or reference the Educational Content in exchange for a fee; 10 | (d) the sale of advertisements, sponsorships, or promotions placed on the Educational Content, or any part thereof, or the sale of advertisements, sponsorships, or promotions on any website or blog containing any part of the Educational Material, including without limitation any "pop-up advertisements"; 11 | (e) the use of Educational Content by a college, university, school, or other educational institution for instruction where tuition is charged; and 12 | (f) the use of Educational Content by a for-profit corporation or non-profit entity for internal professional development or training. 13 | 14 | THE SERVICES AND ONLINE COURSES (INCLUDING ANY CONTENT) ARE PROVIDED "AS IS" AND "AS AVAILABLE" WITH NO REPRESENTATIONS OR WARRANTIES OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, AND NON-INFRINGEMENT. YOU ASSUME TOTAL RESPONSIBILITY AND THE ENTIRE RISK FOR YOUR USE OF THE SERVICES, ONLINE COURSES, AND CONTENT. WITHOUT LIMITING THE FOREGOING, WE DO NOT WARRANT THAT (A) THE SERVICES, WEBSITES, CONTENT, OR THE ONLINE COURSES WILL MEET YOUR REQUIREMENTS OR EXPECTATIONS OR ACHIEVE THE INTENDED PURPOSES, (B) THE WEBSITES OR THE ONLINE COURSES WILL NOT EXPERIENCE OUTAGES OR OTHERWISE BE UNINTERRUPTED, TIMELY, SECURE OR ERROR-FREE, (C) THE INFORMATION OR CONTENT OBTAINED THROUGH THE SERVICES, SUCH AS CHAT ROOM SERVICES, WILL BE ACCURATE, COMPLETE, CURRENT, ERROR- FREE, COMPLETELY SECURE OR RELIABLE, OR (D) THAT DEFECTS IN OR ON THE SERVICES OR CONTENT WILL BE CORRECTED. YOU ASSUME ALL RISK OF PERSONAL INJURY, INCLUDING DEATH AND DAMAGE TO PERSONAL PROPERTY, SUSTAINED FROM USE OF SERVICES. 15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Pixel Art Maker Project 2 | 3 | ## Table of Contents 4 | 5 | * [Instructions](#instructions) 6 | * [Contributing](#contributing) 7 | 8 | ## Instructions 9 | 10 | To get started, open `designs.js` and start building out the app's functionality. 11 | 12 | For specific, detailed instructions, look at the project instructions in the [Udacity Classroom](https://classroom.udacity.com/me). 13 | 14 | ## Contributing 15 | 16 | This repository is the starter code for _all_ Udacity students. Therefore, we most likely will not accept pull requests. 17 | -------------------------------------------------------------------------------- /designs.js: -------------------------------------------------------------------------------- 1 | // Select color input 2 | // Select size input 3 | 4 | // When size is submitted by the user, call makeGrid() 5 | 6 | function makeGrid() { 7 | 8 | // Your code goes here! 9 | 10 | } 11 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Pixel Art Maker! 5 | 6 | 7 | 8 | 9 |

Pixel Art Maker

10 | 11 |

Choose Grid Size

12 |
13 | Grid Height: 14 | 15 | Grid Width: 16 | 17 | 18 |
19 | 20 |

Pick A Color

21 | 22 | 23 |

Design Canvas

24 |
25 | 26 | 27 | 28 | 29 | -------------------------------------------------------------------------------- /styles.css: -------------------------------------------------------------------------------- 1 | body { 2 | text-align: center; 3 | } 4 | 5 | h1 { 6 | font-family: Monoton; 7 | font-size: 70px; 8 | margin: 0.2em; 9 | } 10 | 11 | h2 { 12 | margin: 1em 0 0.25em; 13 | } 14 | 15 | h2:first-of-type { 16 | margin-top: 0.5em; 17 | } 18 | 19 | table, 20 | tr, 21 | td { 22 | border: 1px solid black; 23 | } 24 | 25 | table { 26 | border-collapse: collapse; 27 | margin: 0 auto; 28 | } 29 | 30 | tr { 31 | height: 20px; 32 | } 33 | 34 | td { 35 | width: 20px; 36 | } 37 | 38 | input[type=number] { 39 | width: 6em; 40 | } 41 | --------------------------------------------------------------------------------