Skip to content

Commit aa27d20

Browse files
committed
Fixed SVG file link
1 parent 56d846c commit aa27d20

1 file changed

Lines changed: 2 additions & 7 deletions

File tree

en/django_forms/README.md

Lines changed: 2 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -48,7 +48,7 @@ Before we add the link, we need some icons to use as buttons for the link.
4848

4949
> You can download the whole bootstrap icons [here](https://github.com/twbs/icons/releases/download/v1.1.0/bootstrap-icons-1.1.0.zip). Unzip the file and copy all the svg image files in to a new folder inside `blog/templates/blog/` called `icons`. So that you can access a icon, e.g. pencil-fill.svg using the file path `blog/templates/blog/icons/pencil-fill.svg`
5050
51-
For this tutorial, download [file-earmark-plus.svg](./images/file-earmark-plus.svg) and save it in the folder `blog/templates/blog/icons/`
51+
For this tutorial, download [file-earmark-plus.svg](images/file-earmark-plus.svg) and save it in the folder `blog/templates/blog/icons/`
5252

5353
It's time to open `blog/templates/blog/base.html` in the code editor. Now we can use this icon file inside the base template as follow. In the `div` named `container` inside `page-header` `div` tag, we will add a link:
5454

@@ -284,12 +284,7 @@ Django is taking care to validate that all the fields in our form are correct. I
284284

285285
Now we know how to add a new post. But what if we want to edit an existing one? This is very similar to what we just did. Let's create some important things quickly. (If you don't understand something, you should ask your coach or look at the previous chapters, since we covered all these steps already.)
286286

287-
First, let's save the icon which represent edit button. Download [pencil-fill.svg](./images/pencil-fill.svg) and save it in location `blog/templates/blog/icons/`
288-
289-
{% filename %}blog/templates/blog/icons/pencil-fill.svg{% endfilename %}
290-
```html
291-
<svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-pencil-fill-fill" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M12.854.146a.5.5 0 0 0-.707 0L10.5 1.793 14.207 5.5l1.647-1.646a.5.5 0 0 0 0-.708l-3-3zm.646 6.061L9.793 2.5 3.293 9H3.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.207l6.5-6.5zm-7.468 7.468A.5.5 0 0 1 6 13.5V13h-.5a.5.5 0 0 1-.5-.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.5-.5V10h-.5a.499.499 0 0 1-.175-.032l-.179.178a.5.5 0 0 0-.11.168l-2 5a.5.5 0 0 0 .65.65l5-2a.5.5 0 0 0 .168-.11l.178-.178z"/></svg>
292-
```
287+
First, let's save the icon which represent edit button. Download [pencil-fill.svg](images/pencil-fill.svg) and save it in location `blog/templates/blog/icons/`
293288

294289
Open `blog/templates/blog/post_detail.html` in the code editor and add the line
295290

0 commit comments

Comments
 (0)