diff options
| author | mjfernez <mjf@mjfer.net> | 2023-11-22 13:55:19 -0500 |
|---|---|---|
| committer | mjfernez <mjf@mjfer.net> | 2023-11-22 13:55:19 -0500 |
| commit | 1c5025d54c3a8244fcbe818f96dea49e51054ba6 (patch) | |
| tree | 22615506663bd546e430feea1c2ca3c4a58513b4 /.md/tutorials/www | |
| parent | f602bb95e0b1160274bed0f125b8cfdedff3af96 (diff) | |
| download | site-files-1c5025d54c3a8244fcbe818f96dea49e51054ba6.tar.gz | |
Update to new media directory syntax
Diffstat (limited to '.md/tutorials/www')
| -rw-r--r-- | .md/tutorials/www/quick-intro-html-css.md | 14 |
1 files changed, 7 insertions, 7 deletions
diff --git a/.md/tutorials/www/quick-intro-html-css.md b/.md/tutorials/www/quick-intro-html-css.md index 3fe94ad..d94c254 100644 --- a/.md/tutorials/www/quick-intro-html-css.md +++ b/.md/tutorials/www/quick-intro-html-css.md @@ -91,7 +91,7 @@ tags in this example: <td>FSF!</td> <td> <a href="https://www.fsf.org/"> - <img src="https://static.fsf.org/common/img/logo-new.png" /> + <img src="https://static/media.fsf.org/common/img/logo-new.png" /> </a></td> </tr> <tr> @@ -272,7 +272,7 @@ example: <meta name="keywords" content="HTML, CSS, JavaScript"> <meta name="author" content="John Doe"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <link rel="stylesheet" type="text/css" href="/static/main.css"> + <link rel="stylesheet" type="text/css" href="/static/media/main.css"> </head> <body> <h1>My Great page</h1> @@ -332,7 +332,7 @@ syntax. CSS allows you to set attributes to *all* tags in a specific document and create a unifying style for all your pages. ``` -<link rel="stylesheet" type="text/css" href="/static/main.css"> +<link rel="stylesheet" type="text/css" href="/static/media/main.css"> ``` As before, "href" points to the file to be linked. In this example, we @@ -446,7 +446,7 @@ img.gray { Applied: <img style="filter:grayscale(100%)" -src="/static/jazzcat.jpg" +src="/static/media/jazzcat.jpg" /> You can read lots more options for image formatting @@ -471,7 +471,7 @@ For one, that will only dim black-and-white images; anything else will just turn to mush like this: <img class="icon" -src="/static/jazzcat.jpg" +src="/static/media/jazzcat.jpg" /> Instead, I'd like it to just apply to select elements; I can do so by @@ -486,10 +486,10 @@ img.icon { And to implement it in HTML: ``` -<img class="icon" src="/static/rss.svg" /> +<img class="icon" src="/static/media/rss.svg" /> ``` -<img class="icon" src="/static/rss.svg" /> +<img class="icon" src="/static/media/rss.svg" /> #### Use the div tag to make sections |