diff options
author | mjfernez <mjf@mjfer.net> | 2023-07-14 12:09:06 -0400 |
---|---|---|
committer | mjfernez <mjf@mjfer.net> | 2023-07-14 12:09:06 -0400 |
commit | d96c7cad92b025ad80a8fe64f91d1c215272e313 (patch) | |
tree | fd6afcaf9c18058b2f32e1c4980dd152b853cab7 /tutorials/www/quick-intro-html-css.html | |
parent | 9ae993b3ab0f834e64e80a9592fefd0e911b286a (diff) | |
download | site-files-d96c7cad92b025ad80a8fe64f91d1c215272e313.tar.gz |
Update dead links. Add gfx card tutorial
Diffstat (limited to 'tutorials/www/quick-intro-html-css.html')
-rw-r--r-- | tutorials/www/quick-intro-html-css.html | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/tutorials/www/quick-intro-html-css.html b/tutorials/www/quick-intro-html-css.html index 7d74dff..e3ffc6c 100644 --- a/tutorials/www/quick-intro-html-css.html +++ b/tutorials/www/quick-intro-html-css.html @@ -508,7 +508,7 @@ tag we talked about in the last section. For example:</p> <pre><code><p style="color:red">this text is red</p> <p style="color:red;background-color:blue">this background is blue</p> <p style="color:red;background-color:blue;text-align:center">this text is centered</p> -<a href="https://archive.org/details/sonichucomplete" +<a href="https://www.webtoons.com/en/challenge/sonichu-/sonichu-1/viewer?title_no=676229&episode_no=2" target="_blank" rel="noopener noreferrer" style="color:yellow;background-color:red;text-align:right" @@ -524,7 +524,7 @@ this background is blue <p style="color:red;background-color:blue;text-align:center"> this text is centered </p> -<p><a href="https://archive.org/details/sonichucomplete" +<p><a href="https://www.webtoons.com/en/challenge/sonichu-/sonichu-1/viewer?title_no=676229&episode_no=2" target="_blank" rel="noopener noreferrer" style="color:yellow;background-color:red;text-align:justify;width:100%" @@ -587,7 +587,7 @@ using the filter option like so:</p> }</code></pre> <p>Applied:</p> <p><img style="filter:grayscale(100%)" -src="https://archive.md/zP2NL/9d16630c80f93351469867fde13ea5199cd1f483.jpg" +src="/static/jazzcat.jpg" /></p> <p>You can read lots more options for image formatting <a href="https://www.w3schools.com/css/css3_images.asp">here</a> and about @@ -604,7 +604,7 @@ appear nice on dark theme browsers just as well. But I don't want to dim <p>For one, that will only dim black-and-white images; anything else will just turn to mush like this:</p> <p><img class="icon" -src="https://archive.md/zP2NL/9d16630c80f93351469867fde13ea5199cd1f483.jpg" +src="/static/jazzcat.jpg" /></p> <p>Instead, I'd like it to just apply to select elements; I can do so by extending the tag with a class. On the CSS side:</p> |