summaryrefslogtreecommitdiffstats
path: root/tutorials/www/quick-intro-html-css.html
diff options
context:
space:
mode:
authormjfernez <mjf@mjfer.net>2023-07-14 12:09:06 -0400
committermjfernez <mjf@mjfer.net>2023-07-14 12:09:06 -0400
commitd96c7cad92b025ad80a8fe64f91d1c215272e313 (patch)
treefd6afcaf9c18058b2f32e1c4980dd152b853cab7 /tutorials/www/quick-intro-html-css.html
parent9ae993b3ab0f834e64e80a9592fefd0e911b286a (diff)
downloadsite-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.html8
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>&lt;p style=&quot;color:red&quot;&gt;this text is red&lt;/p&gt;
&lt;p style=&quot;color:red;background-color:blue&quot;&gt;this background is blue&lt;/p&gt;
&lt;p style=&quot;color:red;background-color:blue;text-align:center&quot;&gt;this text is centered&lt;/p&gt;
-&lt;a href=&quot;https://archive.org/details/sonichucomplete&quot;
+&lt;a href=&quot;https://www.webtoons.com/en/challenge/sonichu-/sonichu-1/viewer?title_no=676229&amp;episode_no=2&quot;
target=&quot;_blank&quot;
rel=&quot;noopener noreferrer&quot;
style=&quot;color:yellow;background-color:red;text-align:right&quot;
@@ -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>