Skip to content

Commit

Permalink
Fix missing CSS and a broken link in the Vanilla JS application tutor…
Browse files Browse the repository at this point in the history
…ial (#949)

* add missing css for bounding box and removed duplicate style

* fix a broken link
  • Loading branch information
SeanGallen authored Oct 9, 2024
1 parent f43d3dd commit 880a2cc
Showing 1 changed file with 11 additions and 7 deletions.
18 changes: 11 additions & 7 deletions docs/source/tutorials/vanilla-js.md
Original file line number Diff line number Diff line change
Expand Up @@ -57,7 +57,6 @@ body {
.custom-file-upload {
display: flex;
align-items: center;
cursor: pointer;
gap: 10px;
border: 2px solid black;
padding: 8px 16px;
Expand Down Expand Up @@ -124,7 +123,7 @@ const status = document.getElementById("status");

## Step 3: Create an object detection pipeline

We’re finally ready to create our object detection pipeline! As a reminder, a [pipeline](./pipelines). is a high-level interface provided by the library to perform a specific task. In our case, we will instantiate an object detection pipeline with the `pipeline()` helper function.
We’re finally ready to create our object detection pipeline! As a reminder, a [pipeline](../pipelines). is a high-level interface provided by the library to perform a specific task. In our case, we will instantiate an object detection pipeline with the `pipeline()` helper function.

Since this can take some time (especially the first time when we have to download the ~40MB model), we first update the `status` paragraph so that the user knows that we’re about to load the model.

Expand Down Expand Up @@ -269,14 +268,19 @@ The bounding box and label span also need some styling, so add the following to

```css
.bounding-box {
position: absolute;
box-sizing: border-box;
position: absolute;
box-sizing: border-box;
border-width: 2px;
border-style: solid;
}

.bounding-box-label {
position: absolute;
color: white;
font-size: 12px;
color: white;
position: absolute;
font-size: 12px;
margin-top: -16px;
margin-left: -2px;
padding: 1px;
}
```

Expand Down

0 comments on commit 880a2cc

Please sign in to comment.