Files

Nicholas Carrigan (he/him) b36cdbafd1 chore: rename "part" to "step" (#43934 )

* chore: rename part to step

* chore: update metas

* chore: more renaming

* chore: update tooling

* chore: update frontmatter

* chore(tools): title testing

2021-10-21 18:07:52 +01:00

1.3 KiB

Raw Permalink Blame History

id, title, challengeType, dashedName

id	title	challengeType	dashedName
5d8a4cfbe6b6180ed9a1c9e9	Step 12	0	step-12

--description--

Back in the HTML file, add a script tag at the bottom of the head element and give it a src attribute of ./d3-5.9.2.min.js. Don't forget the closing tag. This will add the D3 library to your project from a downloaded copy.

--hints--

test-text

const script = code.match(/<script\s+[\s\S]+?[^>]>\s*<\/script\s*>/gi)[0];
assert(/src\s*=\s*('|")\s*(\.\/)?d3-5.9.2.min.js\s*\1/gi.test(script));

--seed--

--before-user-code--

<style>
  body {
    background-color: #ccc;
    padding: 100px 10px;
  }

  .dashboard {
    width: 980px;
    height: 500px;
    background-color: white;
    box-shadow: 5px 5px 5px 5px #888;
    margin: auto;
    display: flex;
    align-items: center;
  }
</style>

--seed-contents--

<!DOCTYPE html>
<html>
  <head>
    <title>D3 Dashboard</title>
    <link rel="stylesheet" href="./dashboard.css">

    
  </head>

  <body>
    <div class="dashboard"></div>
  </body>
</html>

--solutions--

<!DOCTYPE html>
<html>
  <head>
    <title>D3 Dashboard</title>
    <link rel="stylesheet" href="./dashboard.css">
    <script src="./d3-5.9.2.min.js"></script>

    
 </head>

  <body>
    <div class="dashboard"></div>
  </body>
</html>

1.3 KiB Raw Permalink Blame History