chore(meta): Move challenge meta to challenges root

This commit is contained in:
Bouncey
2018-10-09 20:27:30 +01:00
committed by mrugesh mohapatra
parent aa668ca30e
commit ee9f6b2d72
46 changed files with 0 additions and 0 deletions

View File

@ -1,102 +0,0 @@
{
"name": "Applied Accessibility",
"dashedName": "applied-accessibility",
"order": 3,
"time": "5 hours",
"template": "",
"required": [],
"superBlock": "responsive-web-design",
"superOrder": 1,
"challengeOrder": [
[
"587d774c367417b2b2512a9c",
"Add a Text Alternative to Images for Visually Impaired Accessibility"
],
[
"587d774c367417b2b2512a9d",
"Know When Alt Text Should be Left Blank"
],
[
"587d774d367417b2b2512a9e",
"Use Headings to Show Hierarchical Relationships of Content"
],
[
"587d774e367417b2b2512a9f",
"Jump Straight to the Content Using the main Element"
],
[
"587d774e367417b2b2512aa0",
"Wrap Content in the article Element"
],
[
"587d7787367417b2b2512aa1",
"Make Screen Reader Navigation Easier with the header Landmark"
],
[
"587d7788367417b2b2512aa2",
"Make Screen Reader Navigation Easier with the nav Landmark"
],
[
"587d7788367417b2b2512aa3",
"Make Screen Reader Navigation Easier with the footer Landmark"
],
[
"587d7789367417b2b2512aa4",
"Improve Accessibility of Audio Content with the audio Element"
],
[
"587d778a367417b2b2512aa5",
"Improve Chart Accessibility with the figure Element"
],
[
"587d778a367417b2b2512aa6",
"Improve Form Field Accessibility with the label Element"
],
[
"587d778b367417b2b2512aa7",
"Wrap Radio Buttons in a fieldset Element for Better Accessibility"
],
[
"587d778b367417b2b2512aa8",
"Add an Accessible Date Picker"
],
[
"587d778c367417b2b2512aa9",
"Standardize Times with the HTML5 datetime Attribute"
],
[
"587d778d367417b2b2512aaa",
"Make Elements Only Visible to a Screen Reader by Using Custom CSS"
],
[
"587d778e367417b2b2512aab",
"Improve Readability with High Contrast Text"
],
[
"587d778f367417b2b2512aac",
"Avoid Colorblindness Issues by Using Sufficient Contrast"
],
[
"587d778f367417b2b2512aad",
"Avoid Colorblindness Issues by Carefully Choosing Colors that Convey Information"
],
[
"587d778f367417b2b2512aae",
"Give Links Meaning by Using Descriptive Link Text"
],
[
"587d7790367417b2b2512aaf",
"Make Links Navigatable with HTML Access Keys"
],
[
"587d7790367417b2b2512ab0",
"Use tabindex to Add Keyboard Focus to an Element"
],
[
"587d7790367417b2b2512ab1",
"Use tabindex to Specify the Order of Keyboard Focus for Several Elements"
]
],
"helpRoom": "Help",
"fileName": "01-responsive-web-design/applied-accessibility.json"
}

View File

@ -1,222 +0,0 @@
{
"name": "Applied Visual Design",
"dashedName": "applied-visual-design",
"order": 2,
"time": "5 hours",
"template": "",
"required": [],
"superBlock": "responsive-web-design",
"superOrder": 1,
"challengeOrder": [
[
"587d7791367417b2b2512ab3",
"Create Visual Balance Using the text-align Property"
],
[
"587d7791367417b2b2512ab4",
"Adjust the Width of an Element Using the width Property"
],
[
"587d7791367417b2b2512ab5",
"Adjust the Height of an Element Using the height Property"
],
[
"587d781a367417b2b2512ab7",
"Use the strong Tag to Make Text Bold"
],
[
"587d781a367417b2b2512ab8",
"Use the u Tag to Underline Text"
],
[
"587d781a367417b2b2512ab9",
"Use the em Tag to Italicize Text"
],
[
"587d781b367417b2b2512aba",
"Use the s Tag to Strikethrough Text"
],
[
"587d781b367417b2b2512abb",
"Create a Horizontal Line Using the hr Element"
],
[
"587d781b367417b2b2512abc",
"Adjust the background-color Property of Text"
],
[
"587d781b367417b2b2512abd",
"Adjust the Size of a Header Versus a Paragraph Tag"
],
[
"587d781b367417b2b2512abe",
"Add a box-shadow to a Card-like Element"
],
[
"587d781c367417b2b2512abf",
"Decrease the Opacity of an Element"
],
[
"587d781c367417b2b2512ac0",
"Use the text-transform Property to Make Text Uppercase"
],
[
"587d781c367417b2b2512ac2",
"Set the font-size for Multiple Heading Elements"
],
[
"587d781c367417b2b2512ac3",
"Set the font-weight for Multiple Heading Elements"
],
[
"587d781c367417b2b2512ac4",
"Set the font-size of Paragraph Text"
],
[
"587d781d367417b2b2512ac5",
"Set the line-height of Paragraphs"
],
[
"587d781d367417b2b2512ac8",
"Adjust the Hover State of an Anchor Tag"
],
[
"587d781e367417b2b2512ac9",
"Change an Element's Relative Position"
],
[
"587d781e367417b2b2512aca",
"Move a Relatively Positioned Element with CSS Offsets"
],
[
"587d781e367417b2b2512acb",
"Lock an Element to its Parent with Absolute Positioning"
],
[
"587d781e367417b2b2512acc",
"Lock an Element to the Browser Window with Fixed Positioning"
],
[
"587d78a3367417b2b2512ace",
"Push Elements Left or Right with the float Property"
],
[
"587d78a3367417b2b2512acf",
"Change the Position of Overlapping Elements with the z-index Property"
],
[
"587d78a3367417b2b2512ad0",
"Center an Element Horizontally Using the margin Property"
],
[
"587d78a3367417b2b2512ad1",
"Learn about Complementary Colors"
],
[
"587d78a4367417b2b2512ad2",
"Learn about Tertiary Colors"
],
[
"587d78a4367417b2b2512ad3",
"Adjust the Color of Various Elements to Complementary Colors"
],
[
"587d78a4367417b2b2512ad4",
"Adjust the Hue of a Color"
],
[
"587d78a4367417b2b2512ad5",
"Adjust the Tone of a Color"
],
[
"587d78a5367417b2b2512ad6",
"Create a Gradual CSS Linear Gradient"
],
[
"587d78a5367417b2b2512ad7",
"Use a CSS Linear Gradient to Create a Striped Element"
],
[
"587d78a5367417b2b2512ad8",
"Create Texture by Adding a Subtle Pattern as a Background Image"
],
[
"587d78a5367417b2b2512ad9",
"Use the CSS Transform scale Property to Change the Size of an Element"
],
[
"587d78a5367417b2b2512ada",
"Use the CSS Transform scale Property to Scale an Element on Hover"
],
[
"587d78a6367417b2b2512adb",
"Use the CSS Transform Property skewX to Skew an Element Along the X-Axis"
],
[
"587d78a6367417b2b2512adc",
"Use the CSS Transform Property skewY to Skew an Element Along the Y-Axis"
],
[
"587d78a6367417b2b2512add",
"Create a Graphic Using CSS"
],
[
"587d78a6367417b2b2512ade",
"Create a More Complex Shape Using CSS and HTML"
],
[
"587d78a7367417b2b2512adf",
"Learn How the CSS @keyframes and animation Properties Work"
],
[
"587d78a7367417b2b2512ae0",
"Use CSS Animation to Change the Hover State of a Button"
],
[
"58a7a6ebf9a6318348e2d5aa",
"Modify Fill Mode of an Animation"
],
[
"587d78a7367417b2b2512ae1",
"Create Movement Using CSS Animation"
],
[
"587d78a7367417b2b2512ae2",
"Create Visual Direction by Fading an Element from Left to Right"
],
[
"587d78a8367417b2b2512ae3",
"Animate Elements Continually Using an Infinite Animation Count"
],
[
"587d78a8367417b2b2512ae4",
"Make a CSS Heartbeat using an Infinite Animation Count"
],
[
"587d78a8367417b2b2512ae5",
"Animate Elements at Variable Rates"
],
[
"587d78a8367417b2b2512ae6",
"Animate Multiple Elements at Variable Rates"
],
[
"587d78a8367417b2b2512ae7",
"Change Animation Timing with Keywords"
],
[
"587d78a9367417b2b2512ae8",
"Learn How Bezier Curves Work"
],
[
"587d78a9367417b2b2512ae9",
"Use a Bezier Curve to Move a Graphic"
],
[
"587d78a9367417b2b2512aea",
"Make Motion More Natural Using a Bezier Curve"
]
],
"helpRoom": "Help",
"fileName": "01-responsive-web-design/applied-visual-design.json"
}

View File

@ -1,190 +0,0 @@
{
"name": "Basic CSS",
"dashedName": "basic-css",
"order": 1,
"time": "5 hours",
"template": "",
"required": [],
"superBlock": "responsive-web-design",
"superOrder": 1,
"challengeOrder": [
[
"bad87fee1348bd9aedf08803",
"Change the Color of Text"
],
[
"bad87fee1348bd9aedf08805",
"Use CSS Selectors to Style Elements"
],
[
"bad87fee1348bd9aecf08806",
"Use a CSS Class to Style an Element"
],
[
"bad87fee1348bd9aefe08806",
"Style Multiple Elements with a CSS Class"
],
[
"bad87fee1348bd9aedf08806",
"Change the Font Size of an Element"
],
[
"bad87fee1348bd9aede08807",
"Set the Font Family of an Element"
],
[
"bad87fee1348bd9aedf08807",
"Import a Google Font"
],
[
"bad87fee1348bd9aedf08808",
"Specify How Fonts Should Degrade"
],
[
"bad87fee1348bd9acdf08812",
"Size Your Images"
],
[
"bad87fee1348bd9bedf08813",
"Add Borders Around Your Elements"
],
[
"bad87fee1348bd9aedf08814",
"Add Rounded Corners with border-radius"
],
[
"bad87fee1348bd9aedf08815",
"Make Circular Images with a border-radius"
],
[
"bad87fed1348bd9aede07836",
"Give a Background Color to a div Element"
],
[
"bad87eee1348bd9aede07836",
"Set the id of an Element"
],
[
"bad87dee1348bd9aede07836",
"Use an id Attribute to Style an Element"
],
[
"bad88fee1348bd9aedf08825",
"Adjust the Padding of an Element"
],
[
"bad87fee1348bd9aedf08822",
"Adjust the Margin of an Element"
],
[
"bad87fee1348bd9aedf08823",
"Add a Negative Margin to an Element"
],
[
"bad87fee1348bd9aedf08824",
"Add Different Padding to Each Side of an Element"
],
[
"bad87fee1248bd9aedf08824",
"Add Different Margins to Each Side of an Element"
],
[
"bad87fee1348bd9aedf08826",
"Use Clockwise Notation to Specify the Padding of an Element"
],
[
"bad87fee1348bd9afdf08726",
"Use Clockwise Notation to Specify the Margin of an Element"
],
[
"58c383d33e2e3259241f3076",
"Use Attribute Selectors to Style Elements"
],
[
"bad82fee1322bd9aedf08721",
"Understand Absolute versus Relative Units"
],
[
"bad87fee1348bd9aedf08736",
"Style the HTML Body Element"
],
[
"bad87fee1348bd9aedf08746",
"Inherit Styles from the Body Element"
],
[
"bad87fee1348bd9aedf08756",
"Prioritize One Style Over Another"
],
[
"bad87fee1348bd9aedf04756",
"Override Styles in Subsequent CSS"
],
[
"bad87fee1348bd8aedf06756",
"Override Class Declarations by Styling ID Attributes"
],
[
"bad87fee1348bd9aedf06756",
"Override Class Declarations with Inline Styles"
],
[
"bad87fee1348bd9aedf07756",
"Override All Other Styles by using Important"
],
[
"bad87fee1348bd9aedf08726",
"Use Hex Code for Specific Colors"
],
[
"bad87fee1348bd9aedf08721",
"Use Hex Code to Mix Colors"
],
[
"bad87fee1348bd9aedf08719",
"Use Abbreviated Hex Code"
],
[
"bad87fee1348bd9aede08718",
"Use RGB values to Color Elements"
],
[
"bad82fee1348bd9aedf08721",
"Use RGB to Mix Colors"
],
[
"5a9d725e424fe3d0e10cad10",
"Use CSS Variables to change several elements at once"
],
[
"5a9d726c424fe3d0e10cad11",
"Create a custom CSS Variable"
],
[
"5a9d727a424fe3d0e10cad12",
"Use a custom CSS Variable"
],
[
"5a9d7286424fe3d0e10cad13",
"Attach a Fallback value to a CSS Variable"
],
[
"5b7d72c338cd7e35b63f3e14",
"Improve Compatibility with Browser Fallbacks"
],
[
"5a9d7295424fe3d0e10cad14",
"Cascading CSS variables"
],
[
"5a9d72a1424fe3d0e10cad15",
"Change a variable for a specific area"
],
[
"5a9d72ad424fe3d0e10cad16",
"Use a media query to change a variable"
]
],
"helpRoom": "Help",
"fileName": "01-responsive-web-design/basic-css.json"
}

View File

@ -1,122 +0,0 @@
{
"name": "Basic HTML and HTML5",
"dashedName": "basic-html-and-html5",
"order": 0,
"time": "5 hours",
"template": "",
"required": [],
"superBlock": "responsive-web-design",
"superOrder": 1,
"challengeOrder": [
[
"bd7123c8c441eddfaeb5bdef",
"Say Hello to HTML Elements"
],
[
"bad87fee1348bd9aedf0887a",
"Headline with the h2 Element"
],
[
"bad87fee1348bd9aedf08801",
"Inform with the Paragraph Element"
],
[
"bad87fee1348bd9aedf08833",
"Fill in the Blank with Placeholder Text"
],
[
"bad87fee1348bd9aedf08802",
"Uncomment HTML"
],
[
"bad87fee1348bd9aedf08804",
"Comment out HTML"
],
[
"bad87fed1348bd9aedf08833",
"Delete HTML Elements"
],
[
"bad87fee1348bd9aecf08801",
"Introduction to HTML5 Elements"
],
[
"bad87fee1348bd9aedf08812",
"Add Images to Your Website"
],
[
"bad87fee1348bd9aedf08816",
"Link to External Pages with Anchor Elements"
],
[
"bad88fee1348bd9aedf08816",
"Link to Internal Sections of a Page with Anchor Elements"
],
[
"bad87fee1348bd9aede08817",
"Nest an Anchor Element within a Paragraph"
],
[
"bad87fee1348bd9aedf08817",
"Make Dead Links Using the Hash Symbol"
],
[
"bad87fee1348bd9aedf08820",
"Turn an Image into a Link"
],
[
"bad87fee1348bd9aedf08827",
"Create a Bulleted Unordered List"
],
[
"bad87fee1348bd9aedf08828",
"Create an Ordered List"
],
[
"bad87fee1348bd9aedf08829",
"Create a Text Field"
],
[
"bad87fee1348bd9aedf08830",
"Add Placeholder Text to a Text Field"
],
[
"bad87fee1348bd9aede08830",
"Create a Form Element"
],
[
"bad87fee1348bd9aedd08830",
"Add a Submit Button to a Form"
],
[
"bad87fee1348bd9aedc08830",
"Use HTML5 to Require a Field"
],
[
"bad87fee1348bd9aedf08834",
"Create a Set of Radio Buttons"
],
[
"bad87fee1348bd9aedf08835",
"Create a Set of Checkboxes"
],
[
"bad87fee1348bd9aedd08835",
"Check Radio Buttons and Checkboxes by Default"
],
[
"bad87fee1348bd9aede08835",
"Nest Many Elements within a Single div Element"
],
[
"587d78aa367417b2b2512aed",
"Declare the Doctype of an HTML Document"
],
[
"587d78aa367417b2b2512aec",
"Define the Head and Body of an HTML Document"
]
],
"helpRoom": "Help",
"fileName": "01-responsive-web-design/basic-html-and-html5.json"
}

View File

@ -1,82 +0,0 @@
{
"name": "CSS Flexbox",
"dashedName": "css-flexbox",
"order": 5,
"time": "5 hours",
"template": "",
"required": [],
"superBlock": "responsive-web-design",
"superOrder": 1,
"challengeOrder": [
[
"587d78ab367417b2b2512af0",
"Use display: flex to Position Two Boxes"
],
[
"587d78ab367417b2b2512af1",
"Add Flex Superpowers to the Tweet Embed"
],
[
"587d78ab367417b2b2512af2",
"Use the flex-direction Property to Make a Row"
],
[
"587d78ab367417b2b2512af3",
"Apply the flex-direction Property to Create Rows in the Tweet Embed"
],
[
"587d78ac367417b2b2512af4",
"Use the flex-direction Property to Make a Column"
],
[
"587d78ac367417b2b2512af5",
"Apply the flex-direction Property to Create a Column in the Tweet Embed"
],
[
"587d78ac367417b2b2512af6",
"Align Elements Using the justify-content Property"
],
[
"587d78ac367417b2b2512af7",
"Use the justify-content Property in the Tweet Embed"
],
[
"587d78ad367417b2b2512af8",
"Align Elements Using the align-items Property"
],
[
"587d78ad367417b2b2512af9",
"Use the align-items Property in the Tweet Embed"
],
[
"587d78ad367417b2b2512afa",
"Use the flex-wrap Property to Wrap a Row or Column"
],
[
"587d78ad367417b2b2512afb",
"Use the flex-shrink Property to Shrink Items"
],
[
"587d78ae367417b2b2512afc",
"Use the flex-grow Property to Expand Items"
],
[
"587d78ae367417b2b2512afd",
"Use the flex-basis Property to Set the Initial Size of an Item"
],
[
"587d78ae367417b2b2512afe",
"Use the flex Shorthand Property"
],
[
"587d78ae367417b2b2512aff",
"Use the order Property to Rearrange Items"
],
[
"587d78af367417b2b2512b00",
"Use the align-self Property"
]
],
"helpRoom": "Help",
"fileName": "01-responsive-web-design/css-flexbox.json"
}

View File

@ -1,102 +0,0 @@
{
"name": "CSS Grid",
"dashedName": "css-grid",
"order": 6,
"time": "5 hours",
"template": "",
"required": [],
"superBlock": "responsive-web-design",
"superOrder": 1,
"challengeOrder": [
[
"5a858944d96184f06fd60d61",
"Create Your First CSS Grid"
],
[
"5a9036d038fddaf9a66b5d32",
"Add Columns with grid-template-columns"
],
[
"5a9036e138fddaf9a66b5d33",
"Add Rows with grid-template-rows"
],
[
"5a9036ee38fddaf9a66b5d34",
"Use CSS Grid units to Change the Size of Columns and Rows"
],
[
"5a9036ee38fddaf9a66b5d35",
"Create a Column Gap Using grid-column-gap"
],
[
"5a9036ee38fddaf9a66b5d36",
"Create a Row Gap using grid-row-gap"
],
[
"5a9036ee38fddaf9a66b5d37",
"Add Gaps Faster with grid-gap"
],
[
"5a90372638fddaf9a66b5d38",
"Use grid-column to Control Spacing"
],
[
"5a90373638fddaf9a66b5d39",
"Use grid-row to Control Spacing"
],
[
"5a90374338fddaf9a66b5d3a",
"Align an Item Horizontally using justify-self"
],
[
"5a90375238fddaf9a66b5d3b",
"Align an Item Vertically using align-self"
],
[
"5a90376038fddaf9a66b5d3c",
"Align All Items Horizontally using justify-items"
],
[
"5a94fdf869fb03452672e45b",
"Align All Items Vertically using align-items"
],
[
"5a94fe0569fb03452672e45c",
"Divide the Grid Into an Area Template"
],
[
"5a94fe1369fb03452672e45d",
"Place Items in Grid Areas Using the grid-area Property"
],
[
"5a94fe2669fb03452672e45e",
"Use grid-area Without Creating an Areas Template"
],
[
"5a94fe3669fb03452672e45f",
"Reduce Repetition Using the repeat Function"
],
[
"5a94fe4469fb03452672e460",
"Limit Item Size Using the minmax Function"
],
[
"5a94fe5469fb03452672e461",
"Create Flexible Layouts Using auto-fill"
],
[
"5a94fe6269fb03452672e462",
"Create Flexible Layouts Using auto-fit"
],
[
"5a94fe7769fb03452672e463",
"Use Media Queries to Create Responsive Layouts"
],
[
"5a94fe8569fb03452672e464",
"Create Grids within Grids"
]
],
"helpRoom": "Help",
"fileName": "01-responsive-web-design/css-grid.json"
}

View File

@ -1,30 +0,0 @@
{
"name": "Responsive Web Design Principles",
"dashedName": "responsive-web-design-principles",
"order": 4,
"time": "1 hour",
"template": "",
"required": [],
"superBlock": "responsive-web-design",
"superOrder": 1,
"challengeOrder": [
[
"587d78b0367417b2b2512b08",
"Create a Media Query"
],
[
"587d78b1367417b2b2512b09",
"Make an Image Responsive"
],
[
"587d78b1367417b2b2512b0a",
"Use a Retina Image for Higher Resolution Displays"
],
[
"587d78b1367417b2b2512b0c",
"Make Typography Responsive"
]
],
"helpRoom": "Help",
"fileName": "01-responsive-web-design/responsive-web-design.json"
}

View File

@ -1,34 +0,0 @@
{
"name": "Responsive Web Design Projects",
"dashedName": "responsive-web-design-projects",
"order": 7,
"time": "150 hours",
"template": "",
"required": [],
"superBlock": "responsive-web-design",
"superOrder": 1,
"challengeOrder": [
[
"bd7158d8c442eddfaeb5bd18",
"Build a Tribute Page"
],
[
"587d78af367417b2b2512b03",
"Build a Survey Form"
],
[
"587d78af367417b2b2512b04",
"Build a Product Landing Page"
],
[
"587d78b0367417b2b2512b05",
"Build a Technical Documentation Page"
],
[
"bd7158d8c242eddfaeb5bd13",
"Build a Personal Portfolio Webpage"
]
],
"helpRoom": "Help",
"fileName": "01-responsive-web-design/responsive-web-design-projects.json"
}