diff options
Diffstat (limited to 'tutorials/www')
| -rw-r--r-- | tutorials/www/how-to-use-the-internet.html | 36 | ||||
| -rw-r--r-- | tutorials/www/quick-intro-html-css.html | 8 |
2 files changed, 19 insertions, 25 deletions
diff --git a/tutorials/www/how-to-use-the-internet.html b/tutorials/www/how-to-use-the-internet.html index 9f0e227..88692cf 100644 --- a/tutorials/www/how-to-use-the-internet.html +++ b/tutorials/www/how-to-use-the-internet.html @@ -179,20 +179,18 @@ browse anonymously</a></li> </ul> </nav> <h2 id="why">Why?</h2> -<p>Changing times and a forgetful youth have forced me to write this -guide.</p> -<p>I am increasingly disturbed by the amount of people I meet (young and -old) that navigate their lives at least in part online, but are unable -to use the internet for it's intended purpose: finding infomation. -Writing to someone or posting a picture of your cat seems to be second -nature for most people, but converting a picture from a PDF or looking -up a study (or even a word!) you saw in an article is something else -entirely.</p> -<p>For the most part, it is not anyone's fault or laziness. It's the -fault of what the internet <em>has become</em>. For one, there's just so -much more <em>stuff</em> now; it's hard to know exactly where to start -and who to trust. And so much of that stuff is now <em>garbage</em>, -either in the way it's presented--with disruptive ads that don't close +<p>Why <em>would</em> anyone want to use the Internet, really?</p> +<p>Unfortunately, almost none of us use the Internet for it's intended +purpose: finding infomation.</p> +<p>Writing to someone or posting a picture of your cat seems to be +second nature for most people, but converting a picture from a PDF or +looking up a study (or even a word!) you saw in an article is something +else entirely.</p> +<p>While that's in part the fault of our laziness, it's equally the +fault of what the Internet has become. For one, there's just so much +more <em>stuff</em> now; it's hard to know exactly where to start and +who to trust. And so much of that stuff is now <em>garbage</em>, either +in the way it's presented--with disruptive ads that don't close correctly--or in the way it's written--vague, misleading, or straight incorrect. But for seconds: no one really teaches you how to use this thing do they? There are no courses on "How to use a search engine" or @@ -223,13 +221,9 @@ scholarly articles</h2> <p>A common complaint lodged at me whenever I recommend Wikipedia is that it's not a source of truth since they found X mistake somewhere, or made Y edit when they were a teenager that's still there. No one has -ever (or should ever) claim Wikipedia is reliable. Frankly, you should -not consider <em>any</em> source to be reliable, but that's a separate -issue. If you know how to use Wikipedia you can use it to get closer to -a true understanding of whatever you're studying.</p> -<p>For starters, as a general rule, you should not trust anything you -read on a topic that is less than 20 years old. We're still living -through the history at this point and new things can come to light.</p> +ever (or should ever) claim Wikipedia is a source of truth on it's own. +But you can use it to find more sources and maybe get a little +closer.</p> <h3 id="how-to-find-articles-with-google-scholar">How to find articles with Google Scholar</h3> <h2 id="advanced-topics">Advanced Topics</h2> 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> |