diff options
38 files changed, 577 insertions, 314 deletions
diff --git a/404.html b/404.html index 250d968..76dfef3 100644 --- a/404.html +++ b/404.html @@ -2,7 +2,7 @@ <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <title>Not Found</title> - <link rel="stylesheet" href="/style.css" /> + <link rel="stylesheet" href="/oldstyle.css" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> </head> diff --git a/abortion.html b/abortion.html index 74a4749..87a187c 100644 --- a/abortion.html +++ b/abortion.html @@ -2,7 +2,7 @@ <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <title>Abortion</title> - <link rel="stylesheet" href="/style.css" /> + <link rel="stylesheet" href="/oldstyle.css" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> </head> diff --git a/ask.html b/ask.html index b8b042f..a9bd0be 100644 --- a/ask.html +++ b/ask.html @@ -1,14 +1,15 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> - <title>Don't ask to ask, just ask1</title> - <link rel="stylesheet" href="/style.css" /> + <title>Don't ask to ask, just ask!</title> + <link rel="stylesheet" href="/oldstyle.css" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> </head> <body> <h1>Don't ask to ask, just ask!</h1> <p>Please don't send random emails and IRC messages saying "Are you there? I have a thing to ask you about...". Just ask the question. If I'm online I might answer right away, if I'm not I'll answer you when I have time. An "Are you there?" or "Can I ask a question?" question is just a waste of time and effort.</p> + <p>See also: <a href="https://dontasktoask.com/">An entire website dedicated to "Don't ask to ask, just ask''</a></p> <div id="footer"> <hr /> <p><a href="/">Runxi Yu's Website</a></p> diff --git a/chinese-pronouns.html b/chinese-pronouns.html index e6813f1..37b62be 100644 --- a/chinese-pronouns.html +++ b/chinese-pronouns.html @@ -2,7 +2,7 @@ <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <title>Reclaiming "他" as a gender-inclusive pronoun</title> - <link rel="stylesheet" href="/style.css" /> + <link rel="stylesheet" href="/oldstyle.css" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> <meta charset="utf-8" /> diff --git a/comms.html b/comms.html index 4a7f1fc..5116fab 100644 --- a/comms.html +++ b/comms.html @@ -1,17 +1,17 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> - <title>Communication Guidelines</title> - <link rel="stylesheet" href="/style.css" /> + <title>Tips for Communications</title> + <link rel="stylesheet" href="/oldstyle.css" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> <meta charset="utf-8" /> </head> <body class="indent"> - <h1>Communication Guidelines</h1> - <p><a href="/contact.html">A few ways to contact me</a></p> + <h1>Tips for Communications</h1> + <p>See also: <a href="/#contact">contact information</a></p> <p> - These are some general recommendations that I believe make communicating with me, at least, easier and/or more effective, including communication conventions that make my life easier. Please note that what I prefer may not be what others prefer and shall not be treated as a general guideline for communications. + These are some general recommendations that I believe make communicating with me, at least, easier and/or more effective, including communication conventions that make my life easier. Please note that what I prefer may not be what others prefer and shall not be treated as a general guideline for communications, although many of these are common in the free software community. </p> <ol> <li>Write a descriptive subject for emails. Do not send emails with an empty subject or no subject header. The subject should be give the receiver a brief idea of what the email is about.</li> @@ -20,16 +20,9 @@ <li>Do not use excessive emojis.</li> <li>Be direct rather than polite. As the sender, do not use polite expressions like "you did quite well in that presentation" when in reality, the sender believes that the presentation is not "quite well". Direct critique and suggestions are very welcome here. Politeness is acceptable if it does not interfere with honest conveying of information.</li> <li><a href="./ask.html">Don't ask to ask.</a></li> - <li>Use plain text email. Both hard-wrapped and non-hard-wrapped emails are acceptable. If you do hard-wrap, please wrap at 72 characters for English. Chinese, if hard-wrapped, should be at 36 characters. Non hard-wrapped emails should <a href="https://www.ietf.org/rfc/rfc3676.txt">specify format=flowed as per RFC3676</a>.</li> + <li>Use plain text email. Both hard-wrapped and non-hard-wrapped emails are acceptable. If you do hard-wrap, please wrap at 72 characters for English. Chinese, if hard-wrapped, should be at approximately 36 characters. Non hard-wrapped emails should <a href="https://www.ietf.org/rfc/rfc3676.txt">specify format=flowed according to RFC3676</a>.</li> <li>Interweave the original message with the response when replying to an email and remove irrelevant parts (i.e. greetings, closings, signatures, etc.) of the quoted original email.</li> </ol> - <p> - Additionally, please: - </p> - <ol> - <li><a href="./wechat.html">Don't use WeChat to contact me</a></li> - <li><a href="./contact.html">Use these instead</a></li> - </ol> <div id="footer"> <hr /> <p><a href="/">Runxi Yu's Website</a></p> diff --git a/contracts-and-validity.html b/contracts-and-validity.html index 3457c1b..d05f527 100644 --- a/contracts-and-validity.html +++ b/contracts-and-validity.html @@ -2,7 +2,7 @@ <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <title>Contracts and Validity</title> - <link rel="stylesheet" href="/style.css" /> + <link rel="stylesheet" href="/oldstyle.css" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> <meta charset="utf-8" /> diff --git a/copyright.html b/copyright.html index 846381c..aaee1d6 100644 --- a/copyright.html +++ b/copyright.html @@ -2,7 +2,7 @@ <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <title>Copyright: It's okay</title> - <link rel="stylesheet" href="/style.css" /> + <link rel="stylesheet" href="/oldstyle.css" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> <meta charset="utf-8" /> diff --git a/democracy-fundamentals.html b/democracy-fundamentals.html index fdb4226..49e4a1c 100644 --- a/democracy-fundamentals.html +++ b/democracy-fundamentals.html @@ -2,7 +2,7 @@ <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <title>Democracy: Fundamentals (Unfinished)</title> - <link rel="stylesheet" href="/style.css" /> + <link rel="stylesheet" href="/oldstyle.css" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> <meta charset="utf-8" /> diff --git a/democracy-us.html b/democracy-us.html index 7ef0300..7537699 100644 --- a/democracy-us.html +++ b/democracy-us.html @@ -2,7 +2,7 @@ <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <title>Democracy: The United States (Unfinished)</title> - <link rel="stylesheet" href="/style.css" /> + <link rel="stylesheet" href="/oldstyle.css" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> <meta charset="utf-8" /> diff --git a/depravity.html b/depravity.html index 9c888aa..64e84fd 100644 --- a/depravity.html +++ b/depravity.html @@ -2,7 +2,7 @@ <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <title>Depravity</title> - <link rel="stylesheet" href="/style.css" /> + <link rel="stylesheet" href="/oldstyle.css" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> <meta charset="utf-8" /> diff --git a/forge-workflows.html b/forge-workflows.html index ae2a7ab..1f2f4fa 100644 --- a/forge-workflows.html +++ b/forge-workflows.html @@ -2,7 +2,7 @@ <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <title>Forge Workflows</title> - <link rel="stylesheet" href="/style.css" /> + <link rel="stylesheet" href="/oldstyle.css" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> <meta charset="utf-8" /> diff --git a/free-hardware.html b/free-hardware.html index 9506144..3df32ef 100644 --- a/free-hardware.html +++ b/free-hardware.html @@ -2,7 +2,7 @@ <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <title>Free Hardware</title> - <link rel="stylesheet" href="/style.css" /> + <link rel="stylesheet" href="/oldstyle.css" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> <meta charset="utf-8" /> diff --git a/free-software-education-in-china-and-covid-19.html b/free-software-education-in-china-and-covid-19.html index 183f4b2..269ecbf 100644 --- a/free-software-education-in-china-and-covid-19.html +++ b/free-software-education-in-china-and-covid-19.html @@ -3,7 +3,7 @@ <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <title>On Free Software, Education in China and the COVID-19 Pandemic</title> - <link rel="stylesheet" href="/style.css" /> + <link rel="stylesheet" href="/oldstyle.css" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> </head> diff --git a/gender-and-pronouns.html b/gender-and-pronouns.html index 5156d63..3452f4f 100644 --- a/gender-and-pronouns.html +++ b/gender-and-pronouns.html @@ -2,7 +2,7 @@ <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <title>Gender and Pronouns</title> - <link rel="stylesheet" href="/style.css" /> + <link rel="stylesheet" href="/oldstyle.css" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> <meta charset="utf-8" /> diff --git a/index.html b/index.html index 1cd85f6..364911d 100644 --- a/index.html +++ b/index.html @@ -1,94 +1,105 @@ <!DOCTYPE html> <html lang="en"> - <head> - <title>Runxi Yu</title> - <link rel="stylesheet" href="/style.css" /> - <meta name="viewport" content="width=device-width, initial-scale=1.0" /> - <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> - <meta charset="utf-8" /> - <meta name="pronouns-preferred" content="en:they/them" /> - <style>#now {font-weight: bold;}</style> - </head> - <body> - <h1>Runxi Yu</h1> - <hr /> - <p id="about-me">I am Runxi Yu, a 16-year-old student. I am interested in philosophy (e.g. epistemology and political philosophy), computer science, mathematics, and physics.</p> - <p id="pronouns">Pronouns: they/他</p> - <hr /> + +<head> + <meta charset="UTF-8" /> + <title>Runxi Yu</title> + + <link rel="stylesheet" href="/style.css" /> + <!-- <link rel="stylesheet" href="../source/oldstyle.css" /> --> + <link rel="icon" href="/favicon.ico" sizes="any" /> + <!-- <link rel="icon" href="/icon.svg" type="image/svg+xml" /> --> + + <meta name="viewport" content="width=device-width, initial-scale=1.0" /> + <meta name="theme-color" content="#241504" /> + <meta name="color-scheme" content="light dark"> + +</head> + +<body> +<header> + <h1>Runxi Yu</h1> +</header> + +<article> + <p id="about-me">I am Runxi Yu, a 16-year-old student. I am interested in philosophy (e.g. epistemology and political philosophy), computer science, mathematics, and physics.</p> + <p id="pronouns">My pronouns are they/them in English and 他 in Chinese.</p> + +<h2 id="contact">Contact</h2> +<ul> + <li>Email <code>me</code> at <code>runxiyu</code> dot <code>org</code> (private)</li> + <li>Email <code><a href="https://lists.sr.ht/~runxiyu/public-inbox">~runxiyu/public-inbox@lists.sr.ht</a></code> (public inbox)</li> + <li>Email <code>s22537</code> at <code>ykpaoschool</code> dot <code>cn</code> (for school-related inquiries only)</li> + <li>OpenPGP <a href="https://runxiyu.org/runxiyu.asc"><code>4B9840F43793EAFC56242BC6066289148176003F</code></a></li> + <li>IRC <code>runxiyu</code> on <a href="https://libera.chat">Libera.Chat</a> or <code>irc.runxiyu.org</code></li> + <li>Matrix <code>@me:andrewyu.org</code> (temporary)</li> + <!-- <li>Mastodon <a rel="me" href="https://social.treehouse.systems/@RunxiYu"><code>@RunxiYu@social.treehouse.systems</code></a></li> --> + <li>sr.ht <a href="https://sr.ht/~runxiyu"><code>~runxiyu</code></a></li> +</ul> + +<h2 id="sites">Sites</h2> + +<ul> + <li><a href="./microblog">Microblog</a></li> + <li>Git Repositories <ul> - <li><a href="https://runxiyu.org/">My personal website</a></li> - <li><a href="#articles">Personal articles</a> - <li><a href="#faq">FAQ, etc.</a></li> - <li><a href="./microblog">Microblog</a></li> - <li>Contact, and accounts: - <ul> - <li>Email <code>me</code> AT <code>runxiyu</code> DOT <code>org</code> (private)</li> - <li>Email <code><a href="https://lists.sr.ht/~runxiyu/public-inbox">~runxiyu/public-inbox@lists.sr.ht</a></code> (public inbox)</li> - <li>Email <code>s22537</code> AT <code>ykpaoschool</code> DOT <code>cn</code> (for school-related inquiries only)</li> - <li>OpenPGP <a href="https://runxiyu.org/runxiyu.asc"><code>4B9840F43793EAFC56242BC6066289148176003F</code></a></li> - <li>IRC <code>runxiyu</code> on <a href="https://libera.chat">Libera.Chat</a> or <code>irc.runxiyu.org</code></li> - <li>Matrix <code>@me:andrewyu.org</code> (temporary)</li> - <!-- <li>Mastodon <a rel="me" href="https://social.treehouse.systems/@RunxiYu"><code>@RunxiYu@social.treehouse.systems</code></a></li> --> - <li>sr.ht <a href="https://sr.ht/~runxiyu"><code>~runxiyu</code></a></li> - </ul> - </li> - <li>Git Repositories - <ul> - <li><a href="https://git.runxiyu.org/">Current</a></li> - <li><a href="https://oldgit.runxiyu.org/">Archive</a></li> - <li><a href="https://oldgit.runxiyu.org/">Contrib</a></li> - </ul> - </li> - <!--<li><a href="https://evosaur.andrewyu.org/">The Evosaur Project</a></li>--> - <li><a href="/school/">School Stuff Hub</a></li> + <li><a href="https://git.runxiyu.org/">Current</a></li> + <li><a href="https://oldgit.runxiyu.org/">Archive</a></li> + <li><a href="https://oldgit.runxiyu.org/">Contrib</a></li> </ul> - <hr /> - <h2 id="articles">Personal Articles</h2> - <p>Pages for other projects (i.e. Evosaur) are not listed—only independent articles are listed here. These are sorted from newest to oldest. Some do not come with HTML anchors: these articles are not published online, but are still listed here for the sake of completeness. Articles marked with "*" are fictional/literary.</p> - <ul> - <li><a href="./identity-over-time.pdf">In what sense are you the same person today that you were when you were ten?</a></li> - <li><a href="./journey-overcoming-rationalism.html">A journey to overcome rationalism?</a></li> - <li><a href="./x-pronouns.html"><code>X-Pronouns-...</code> email headers</a></li> - <li><a href="./forge-workflows.html">Forge Workflows</a></li> - <li><a href="./chinese-pronouns.html">Reclaiming "他" as a gender-inclusive pronoun</a></li> - <li><a href="./sway-keysym.html">Sway keysym</a></li> - <li><a href="./affirmative-action.txt">Affirmative Action in Light of Harvard/UNC Case</a></li> - <li><a href="./unicorn.html">Unicorn</a></li> - <li><a href="./texmacs-maxima-integral.html">TeXmacs Maxima Integrals</a></li> - <li><a href="./gender-and-pronouns.html">Gender and Pronouns</a></li> - <li><a href="./poems-2.html">Poems Collection 2</a></li> - <li><a href="./poems-1.html">Poems Collection 1</a></li> - <li><a href="./means.html">Means</a></li> - <li><a href="./depravity.html">Depravity</a></li> - <li><a href="./purple-hibiscus.html">Random Notes on Purple Hibiscus</a></li> - <li><a href="./math-science-and-philosophy.html">Math, Science, and Philosophy</a></li> - <li><a href="./the-old-web-was-better.html">The Old Web Was Better</a></li> - <li><a href="./free-hardware.html">Free Hardware</a></li> - <li>A Fragile Society</li> - <li><a href="./copyright.html">Copyright: It's okay</a></li> - <li><a href="./democracy-us.html">Democracy: The United States</a></li> - <li><a href="./democracy-fundamentals.html">Democracy: Fundamentals</a></li> - <li><a href="./abortion.html">Abortion</a></li> - <li><a href="./pragmatic-use-of-nonfree-software.html">Pragmatic Use of Nonfree Software</a></li> - <li><a href="./free-software-education-in-china-and-covid-19.html">Free Software, Education in China and COVID-19</a></li> - </ul> - <hr /> - <h2 id="faq">FAQs and Stuff</h2> - <ul> - <li><a href="./pronouns.html">My Pronouns</a></li> - <li><a href="./comms.html">Communication Guidelines</a></li> - <li><a href="./wechat.html">On WeChat</a></li> - <li><a href="./ask.html">Don't ask to ask, just ask</a></li> - <li><a href="./on-suicide-jokes.html">On Jokes about Suicide</a></li> - <li><a href="./on-racist-jokes.html">On Racist Jokes</a></li> - <li><a href="./really.html">"Really" is a confusing word</a></li> - </ul> - <div id="footer"> - <hr /> - <p>Unless otherwise specified with the "<span class="copyright">copyright</span>" HTML/CSS class, works hosted on this exact domain (<code>runxiyu.org</code>—but not anything else e.g. not <code>git.runxiyu.org</code>) served with the HTTP(S) protocol is available under <a href="https://runxiyu.org/pubdom.html">Runxi Yu's Public Domain Dedication</a>.</p> - <p> - Version control information for this website is stored in <a href="https://git.runxiyu.org/runxiyu/www.git/">a git repository</a>. - </p> - </div> - </body> + </li> + <!--<li><a href="https://evosaur.andrewyu.org/">The Evosaur Project</a></li>--> +</ul> + + +<h2 id="articles">Personal Articles</h2> +<p>Pages for other projects (i.e. Evosaur) are not listed—only independent articles are listed here. These are generally sorted from newest to oldest. Some do not come with HTML anchors: these articles are not published online, but are still listed here for the sake of completeness. Articles marked with "*" are fictional/literary.</p> +<ul> + <li><a href="./identity-over-time.pdf">In what sense are you the same person today that you were when you were ten?</a></li> + <li><a href="./journey-overcoming-rationalism.html">A journey to overcome rationalism?</a></li> + <li><a href="./x-pronouns.html"><code>X-Pronouns-...</code> email headers</a></li> + <li><a href="./forge-workflows.html">Forge Workflows</a></li> + <li><a href="./chinese-pronouns.html">Reclaiming "他" as a gender-inclusive pronoun</a></li> + <li><a href="./sway-keysym.html">Sway keysym</a></li> + <li><a href="./affirmative-action.txt">Affirmative Action in Light of Harvard/UNC Case</a></li> + <li><a href="./unicorn.html">Unicorn</a></li> + <li><a href="./texmacs-maxima-integral.html">TeXmacs Maxima Integrals</a></li> + <li><a href="./gender-and-pronouns.html">Gender and Pronouns</a></li> + <li><a href="./poems-2.html">Poems Collection 2</a></li> + <li><a href="./poems-1.html">Poems Collection 1</a></li> + <li><a href="./means.html">Means</a></li> + <li><a href="./depravity.html">Depravity</a></li> + <li><a href="./purple-hibiscus.html">Random Notes on Purple Hibiscus</a></li> + <li><a href="./math-science-and-philosophy.html">Math, Science, and Philosophy</a></li> + <li><a href="./the-old-web-was-better.html">The Old Web Was Better</a></li> + <li><a href="./free-hardware.html">Free Hardware</a></li> + <li>A Fragile Society</li> + <li><a href="./copyright.html">Copyright: It's okay</a></li> + <li><a href="./democracy-us.html">Democracy: The United States</a></li> + <li><a href="./democracy-fundamentals.html">Democracy: Fundamentals</a></li> + <li><a href="./abortion.html">Abortion</a></li> + <li><a href="./pragmatic-use-of-nonfree-software.html">Pragmatic Use of Nonfree Software</a></li> + <li><a href="./free-software-education-in-china-and-covid-19.html">Free Software, Education in China and COVID-19</a></li> +</ul> +<h2 id="faq">FAQs and Stuff</h2> +<ul> + <li><a href="./comms.html">Communication Guidelines</a></li> + <li><a href="./wechat.html">On WeChat</a></li> + <li><a href="./ask.html">Don't ask to ask, just ask</a></li> + <li><a href="./on-suicide-jokes.html">On Jokes about Suicide</a></li> + <li><a href="./on-racist-jokes.html">On Racist Jokes</a></li> + <li><a href="./really.html">"Really" is a really confusing word!</a></li> +</ul> + +</article> + +<footer> + <ul role="list"> + <li><a href="/">Home</a></li> + <li>Runxi Yu</li> + <li><a rel="license" href="/pubdom.html">Public Domain</a></li> + </ul> +</footer> +</body> + </html> diff --git a/journey-overcoming-rationalism.html b/journey-overcoming-rationalism.html index b4f2453..06d7bb6 100644 --- a/journey-overcoming-rationalism.html +++ b/journey-overcoming-rationalism.html @@ -2,7 +2,7 @@ <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <title>A journey to overcome rationalism?</title> - <link rel="stylesheet" href="/style.css" /> + <link rel="stylesheet" href="/oldstyle.css" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> <meta charset="utf-8" /> diff --git a/math-science-and-philosophy.html b/math-science-and-philosophy.html index b83b450..e452440 100644 --- a/math-science-and-philosophy.html +++ b/math-science-and-philosophy.html @@ -2,7 +2,7 @@ <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <title>Math, Science, and Philosophy</title> - <link rel="stylesheet" href="/style.css" /> + <link rel="stylesheet" href="/oldstyle.css" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> <meta charset="utf-8" /> diff --git a/means.html b/means.html index a3ad797..fb155ba 100644 --- a/means.html +++ b/means.html @@ -2,7 +2,7 @@ <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <title>Means</title> - <link rel="stylesheet" href="/style.css" /> + <link rel="stylesheet" href="/oldstyle.css" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> <meta charset="utf-8" /> diff --git a/microblog/index.html b/microblog/index.html index cddab78..4b0898b 100644 --- a/microblog/index.html +++ b/microblog/index.html @@ -2,7 +2,7 @@ <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <title>Runxi Yu's Microblog</title> - <link rel="stylesheet" href="/style.css" /> + <link rel="stylesheet" href="/oldstyle.css" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> <meta charset="utf-8" /> diff --git a/oldindex.html b/oldindex.html index 08c41a3..00874f0 100644 --- a/oldindex.html +++ b/oldindex.html @@ -2,7 +2,7 @@ <html lang="en"> <head> <title>Runxi Yu</title> - <link rel="stylesheet" href="/style.css" /> + <link rel="stylesheet" href="/oldstyle.css" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> <meta charset="utf-8" /> @@ -11,26 +11,21 @@ </head> <body> <h1>Runxi Yu</h1> - <!-- - <hr /> - <p id="now" style=""> - - </p> - --> - <hr /> - <p id="about-me">I am Runxi Yu, a 16-year-old student in Shanghai, China, currently studying at <a href="https://ykpaoschool.cn/">YK Pao School</a>. I am interested in philosophy, computer science, mathematics, and physics.</p> - <p id="pronouns"><a href="/note/pronouns.html">Pronouns</a>: they/it/他</p> - <hr /> + <p id="about-me">I am Runxi Yu, a 16-year-old student. I am interested in philosophy (e.g. epistemology and political philosophy), computer science, mathematics, and physics.</p> + <p id="pronouns">Pronouns: they/他</p> <ul> - <li><a href="https://runxiyu.org/">My Personal Website</a></li> - <li><a href="#articles">Personal Articles</a> + <li><a href="https://runxiyu.org/">My personal website</a></li> + <li><a href="#articles">Personal articles</a> <li><a href="#faq">FAQ, etc.</a></li> - <li><a href="/microblog/">Microblog</a></li> - <li><a href="/contact.html">Contact</a> and Accounts + <li><a href="./microblog">Microblog</a></li> + <li>Contact, and accounts: <ul> - <li>Email <code>me</code> AT <code>runxiyu</code> DOT <code>org</code></li> - <li><a href="/contact.html#pgp">OpenPGP</a> <a href="https://runxiyu.org/runxiyu.asc"><code>16C4522C4140CB8C3C5236FAB848B87B10D04846F26B617F87AE9952B01BF01D</code></a></li> - <li>IRC <code>Adeline</code> on <a href="https://libera.chat">Libera.Chat</a> or <code>irc.runxiyu.org</code></li> + <li>Email <code>me</code> AT <code>runxiyu</code> DOT <code>org</code> (private)</li> + <li>Email <code><a href="https://lists.sr.ht/~runxiyu/public-inbox">~runxiyu/public-inbox@lists.sr.ht</a></code> (public inbox)</li> + <li>Email <code>s22537</code> AT <code>ykpaoschool</code> DOT <code>cn</code> (for school-related inquiries only)</li> + <li>OpenPGP <a href="https://runxiyu.org/runxiyu.asc"><code>4B9840F43793EAFC56242BC6066289148176003F</code></a></li> + <li>IRC <code>runxiyu</code> on <a href="https://libera.chat">Libera.Chat</a> or <code>irc.runxiyu.org</code></li> + <li>Matrix <code>@me:andrewyu.org</code> (temporary)</li> <!-- <li>Mastodon <a rel="me" href="https://social.treehouse.systems/@RunxiYu"><code>@RunxiYu@social.treehouse.systems</code></a></li> --> <li>sr.ht <a href="https://sr.ht/~runxiyu"><code>~runxiyu</code></a></li> </ul> @@ -42,79 +37,50 @@ <li><a href="https://oldgit.runxiyu.org/">Contrib</a></li> </ul> </li> - <li><a href="https://evosaur.andrewyu.org/">The Evosaur Project</a></li> + <!--<li><a href="https://evosaur.andrewyu.org/">The Evosaur Project</a></li>--> <li><a href="/school/">School Stuff Hub</a></li> - <li><a href="/buffer.html">Random Buffer Webpage</a></li> </ul> - <hr /> <h2 id="articles">Personal Articles</h2> - <p>Pages for other projects (i.e. Evosaur) are not listed—only independent articles are listed here. These are sorted from newest to oldest. Some do not come with HTML anchors: these articles are not published online, but are still listed here. For these, you may ask me for a copy in real life, but it is within my rights to decline such requests. Note that if an article ID has an asterisk (*), it is considered fiction and its meaning shall not be interpreted literally.</p> + <p>Pages for other projects (i.e. Evosaur) are not listed—only independent articles are listed here. These are sorted from newest to oldest. Some do not come with HTML anchors: these articles are not published online, but are still listed here for the sake of completeness. Articles marked with "*" are fictional/literary.</p> <ul> - <li><a href="/article/identity-over-time.pdf">In what sense are you the same person today that you were when you were ten?</a> (27)</li> - <li><a href="/article/journey-overcoming-rationalism.html">A journey to overcome rationalism?</a> (26)</li> - <li><a href="/article/x-pronouns.html"><code>X-Pronouns-...</code> email headers</a> (25)</li> - <li><a href="/article/forge-workflows.html">Forge Workflows</a> (24)</li> - <li><a href="/article/chinese-pronouns.html">Reclaiming "他" as a gender-inclusive pronoun</a> (23)</li> - <li><a href="/article/sway-keysym.html">Sway keysym</a> (22)</li> - <li><a href="/article/affirmative-action.txt">Affirmative Action in Light of Harvard/UNC Case</a> (21)</li> - <li>Article 20 does not exist</li> - <li><a href="/article/unicorn.html">Unicorn</a> (19*)</li> - <li><a href="/article/texmacs-maxima-integral.html">TeXmacs Maxima Integrals</a> (18)</li> - <li><a href="/article/gender-and-pronouns.html">Gender and Pronouns</a> (17)</li> - <li><a href="/article/poems-2.html">Poems Collection 2</a> (16*)</li> - <li><a href="/article/poems-1.html">Poems Collection 1</a> (15*)</li> - <li><a href="/article/means.html">Means</a> (14*)</li> - <li><a href="/article/depravity.html">Depravity</a> (13*)</li> - <li><a href="/article/dream-of-the-whisker.html">Dream of the Whisker</a> (12*)</li> - <li><a href="/article/purple-hibiscus.html">Random Notes on Purple Hibiscus</a> (11)</li> - <li><a href="/article/math-science-and-philosophy.html">Math, Science, and Philosophy</a> (10)</li> - <li><a href="/article/the-old-web-was-better.html">The Old Web Was Better</a> (9)</li> - <li><a href="/article/free-hardware.html">Free Hardware</a> (8)</li> - <li>A Fragile Society (7)</li> - <li><a href="/article/copyright.html">Copyright: It's okay</a> (6)</li> - <li><a href="/article/democracy-us.html">Democracy: The United States</a> (5)</li> - <li><a href="/article/democracy-fundamentals.html">Democracy: Fundamentals</a> (4)</li> - <li><a href="/article/abortion.html">Abortion</a> (3)</li> - <li><a href="/article/pragmatic-use-of-nonfree-software.html">Pragmatic Use of Nonfree Software</a> (2)</li> - <li><a href="/article/free-software-education-in-china-and-covid-19.html">Free Software, Education in China and COVID-19</a> (1)</li> + <li><a href="./identity-over-time.pdf">In what sense are you the same person today that you were when you were ten?</a></li> + <li><a href="./journey-overcoming-rationalism.html">A journey to overcome rationalism?</a></li> + <li><a href="./x-pronouns.html"><code>X-Pronouns-...</code> email headers</a></li> + <li><a href="./forge-workflows.html">Forge Workflows</a></li> + <li><a href="./chinese-pronouns.html">Reclaiming "他" as a gender-inclusive pronoun</a></li> + <li><a href="./sway-keysym.html">Sway keysym</a></li> + <li><a href="./affirmative-action.txt">Affirmative Action in Light of Harvard/UNC Case</a></li> + <li><a href="./unicorn.html">Unicorn</a></li> + <li><a href="./texmacs-maxima-integral.html">TeXmacs Maxima Integrals</a></li> + <li><a href="./gender-and-pronouns.html">Gender and Pronouns</a></li> + <li><a href="./poems-2.html">Poems Collection 2</a></li> + <li><a href="./poems-1.html">Poems Collection 1</a></li> + <li><a href="./means.html">Means</a></li> + <li><a href="./depravity.html">Depravity</a></li> + <li><a href="./purple-hibiscus.html">Random Notes on Purple Hibiscus</a></li> + <li><a href="./math-science-and-philosophy.html">Math, Science, and Philosophy</a></li> + <li><a href="./the-old-web-was-better.html">The Old Web Was Better</a></li> + <li><a href="./free-hardware.html">Free Hardware</a></li> + <li>A Fragile Society</li> + <li><a href="./copyright.html">Copyright: It's okay</a></li> + <li><a href="./democracy-us.html">Democracy: The United States</a></li> + <li><a href="./democracy-fundamentals.html">Democracy: Fundamentals</a></li> + <li><a href="./abortion.html">Abortion</a></li> + <li><a href="./pragmatic-use-of-nonfree-software.html">Pragmatic Use of Nonfree Software</a></li> + <li><a href="./free-software-education-in-china-and-covid-19.html">Free Software, Education in China and COVID-19</a></li> </ul> - <hr /> <h2 id="faq">FAQs and Stuff</h2> <ul> - <li><a href="/note/pronouns.html">My Pronouns</a></li> - <li><a href="/note/comms.html">Communication Guidelines</a></li> - <li><a href="/note/wechat.html">"WeChat"</a></li> - <li><a href="/note/ask.html">Don't ask to ask, just ask</a></li> - <li><a href="/note/social-media.html">Modern Social Media</a></li> - <li><a href="/note/emacs.html">My Problem with Emacs</a></li> - <li><a href="/note/suicide-jokes.html">On Jokes about Suicide</a></li> - <li><a href="/note/on-racist-jokes.html">On Racist Jokes</a></li> - <li><a href="/note/tone.html">Tone Indicators</a></li> - <li><a href="/note/really.html">"Really" is a confusing word</a></li> - </ul> - <hr /> - <h2 id="otherart">Articles from Others I Want to Share</h2> - <ul> - <li><a href="https://rosenzweig.io/blog/software-freedom-isnt-about-licenses-its-about-power.html">Software freedom isn’t about licenses – it’s about power</a by Alyssa Rosenzweig></li> - <li><a href="https://www.gnu.org/philosophy/surveillance-vs-democracy.html">Surveillance vs Democracy</a></li> - <li><a href="https://www.theguardian.com/commentisfree/2022/jan/19/america-biden-trump-authoritarinism">Authoritarinism in the US</a></li> - <li><a href="https://stallman.org/articles/companies-snoop-on-students.html">Many governments invite schools to invite companies to snoop on students</a></li> - <li><a href="https://gitlab.com/drummyfish/less_retarded_wiki/-/blob/master/capitalism.md">Drummyfish's rant on capitalism</a> (interesting ideas though I disagree)</li> - </ul> - <hr /> - <h2 id="coolsites">Other People's Sites and Projects</h2> - <ul> - <li><a href="https://writefreesoftware.org/">Write Free Software</a></li> - <li><a href="https://libreboot.org/">Libreboot, a coreboot distribution</a></li> - <li><a href="https://fedfree.org/">Federation of Freedom</a></li> - <li><a href="https://vitali64.duckdns.org/">Ferass El Hafidi</a></li> - <li><a href="https://drewdevault.com/">Drew Devault</a></li> - <li><a href="https://vimuser.org/">Leah Rowe</a></li> - <li><a href="https://rosenzweig.io/">Alyssa Rosenzweig</a></li> + <li><a href="./pronouns.html">My Pronouns</a></li> + <li><a href="./comms.html">Communication Guidelines</a></li> + <li><a href="./wechat.html">On WeChat</a></li> + <li><a href="./ask.html">Don't ask to ask, just ask</a></li> + <li><a href="./on-suicide-jokes.html">On Jokes about Suicide</a></li> + <li><a href="./on-racist-jokes.html">On Racist Jokes</a></li> + <li><a href="./really.html">"Really" is a confusing word</a></li> </ul> <div id="footer"> - <hr /> - <p>Unless otherwise specified with the "<span class="copyright">copyright</span>" HTML/CSS class, works hosted on this exact domain (<code>runxiyu.org</code>—but not anything else e.g. not <code>git.runxiyu.org</code>) served with the HTTP(S) protocol is available under <a href="https://runxiyu.org/note/pubdom.html">Runxi Yu's Public Domain Dedication</a>.</p> + <p>Unless otherwise specified with the "<span class="copyright">copyright</span>" HTML/CSS class, works hosted on this exact domain (<code>runxiyu.org</code>—but not anything else e.g. not <code>git.runxiyu.org</code>) served with the HTTP(S) protocol is available under <a href="https://runxiyu.org/pubdom.html">Runxi Yu's Public Domain Dedication</a>.</p> <p> Version control information for this website is stored in <a href="https://git.runxiyu.org/runxiyu/www.git/">a git repository</a>. </p> diff --git a/oldstyle.css b/oldstyle.css new file mode 100644 index 0000000..c8067aa --- /dev/null +++ b/oldstyle.css @@ -0,0 +1,49 @@ +html { + font-family: sans-serif; + max-width: 50em; + margin: 0 auto; + line-height: 1.2; + border-color: black; + color: black; + background-color: white; +} + +hr { + background-color: black; + border-width: 0; + height: 1px; +} + +body { + margin: 0.7em; +} + +.copyright { + color: #002855; + background-color: #E7F4F8; + border: solid 1px #002855; + padding: 2px; +} + +a.link {color: #0000A0;} +a.visited {color: #A000A0;} +a.active {color: #00A000;} + +#nav {list-style-type: none; padding: 0; margin: 0;} +#nav li {display: inline; margin-right: 1em;} + +iframe { + border: 1px solid; +} + +table { + border: 1px solid; + border-collapse: collapse; +} + +table td { + border: 1px solid; + text-align: left; + padding: 0px 3.5px; + height: 1.25rem; +} diff --git a/on-racist-jokes.html b/on-racist-jokes.html index 73dce97..92c652b 100644 --- a/on-racist-jokes.html +++ b/on-racist-jokes.html @@ -2,7 +2,7 @@ <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <title>On Racist Jokes</title> - <link rel="stylesheet" href="/style.css" /> + <link rel="stylesheet" href="/oldstyle.css" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> <meta charset="utf-8" /> diff --git a/on-suicide-jokes.html b/on-suicide-jokes.html index 247a01e..87427c0 100644 --- a/on-suicide-jokes.html +++ b/on-suicide-jokes.html @@ -2,7 +2,7 @@ <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <title>On Jokes about Suicide</title> - <link rel="stylesheet" href="/style.css" /> + <link rel="stylesheet" href="/oldstyle.css" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> <meta charset="utf-8" /> diff --git a/poems-1.html b/poems-1.html index 85cd61f..d9dba24 100644 --- a/poems-1.html +++ b/poems-1.html @@ -2,7 +2,7 @@ <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <title>Poem Collection 1</title> - <link rel="stylesheet" href="/style.css" /> + <link rel="stylesheet" href="/oldstyle.css" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> <meta charset="utf-8" /> diff --git a/poems-2.html b/poems-2.html index f59ab6a..8b31c93 100644 --- a/poems-2.html +++ b/poems-2.html @@ -2,7 +2,7 @@ <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <title>Poem Collection 2</title> - <link rel="stylesheet" href="/style.css" /> + <link rel="stylesheet" href="/oldstyle.css" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> <meta charset="utf-8" /> diff --git a/pragmatic-use-of-nonfree-software.html b/pragmatic-use-of-nonfree-software.html index f4607e8..e4ba450 100644 --- a/pragmatic-use-of-nonfree-software.html +++ b/pragmatic-use-of-nonfree-software.html @@ -2,7 +2,7 @@ <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <title>Pragmatic Use of Nonfree Software</title> - <link rel="stylesheet" href="/style.css" /> + <link rel="stylesheet" href="/oldstyle.css" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> </head> diff --git a/pubdom.html b/pubdom.html index 9946df8..0915d81 100644 --- a/pubdom.html +++ b/pubdom.html @@ -2,7 +2,7 @@ <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <title>Runxi Yu's Public Domain Dedication</title> - <link rel="stylesheet" href="/style.css" /> + <link rel="stylesheet" href="/oldstyle.css" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> <meta charset="utf-8" /> diff --git a/purple-hibiscus.html b/purple-hibiscus.html index 1f07206..a95bdff 100644 --- a/purple-hibiscus.html +++ b/purple-hibiscus.html @@ -2,7 +2,7 @@ <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <title>Random Thoughts on Purple Hibiscus</title> - <link rel="stylesheet" href="/style.css" /> + <link rel="stylesheet" href="/oldstyle.css" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> <meta charset="utf-8" /> diff --git a/really.html b/really.html index 244702c..2a742aa 100644 --- a/really.html +++ b/really.html @@ -1,14 +1,14 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> - <title>"Really" is a confusing word</title> - <link rel="stylesheet" href="/style.css" /> + <title>"Really" is a really confusing word!</title> + <link rel="stylesheet" href="/oldstyle.css" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> <meta charset="utf-8" /> </head> <body> - <h1>"Really" is a confusing word</h1> + <h1>"Really" is a really confusing word!</h1> <p> Often times when the word "really" is used in as an adverb in an assertion or proposition after a word that expresses negation, it may be useful to replace it with "in some sense", and seek to ask or clarify "in what sense". It shall be recognized that questions that arise may be legitimately hard to answer, but it may be still beneficial to consider them. </p> diff --git a/school/contact.html b/school/contact.html deleted file mode 100644 index caaf200..0000000 --- a/school/contact.html +++ /dev/null @@ -1,27 +0,0 @@ - -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<html xmlns="http://www.w3.org/1999/xhtml" lang="en"> - <head> - <title>Contact Runxi Yu (School)</title> - <link rel="stylesheet" href="/style.css" /> - <meta name="viewport" content="width=device-width, initial-scale=1.0" /> - <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> - <meta charset="utf-8" /> - </head> - <body class="indent"> - <h1>Contact Runxi Yu (School)</h1> - <p> - The following ways to contact me are recommended for school-related matters. <a href="/contact.html">Not school-related?</a> - </p> - <ul> - <li>Talk to me in real life. For those at the Songjiang Campus: I'm often in the library in my free time. I'm usually in E106 from 21:00.</li> - <li>Electronic mail to <code>s22537@ykpaoschool.cn</code>.</li> - <li>Paper mail to E106, or my locker near S210 (infrequently checked).</li> - </ul> - <div id="footer"> - <hr /> - <p><a href="/">Runxi Yu's Website</a></p> - - </div> - </body> -</html> diff --git a/school/index.html b/school/index.html deleted file mode 100644 index 085aa70..0000000 --- a/school/index.html +++ /dev/null @@ -1,25 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<html xmlns="http://www.w3.org/1999/xhtml" lang="en"> - <head> - <title>Runxi Yu's School Stuff</title> - <link rel="stylesheet" href="/style.css" /> - <meta name="viewport" content="width=device-width, initial-scale=1.0" /> - <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> - <meta charset="utf-8" /> - </head> - <body> - <h1>Runxi Yu's School Stuff</h1> - <p>Hi. This page is only for those at my school. Some of these are just my reminders.</p> - <hr /> - <ul> - <li><a href="/article/purple-hibiscus.html">Random thoughts on Purple Hibiscus</a> (pretty horrible)</li> - <!--li><a href="https://piwg.andrewyu.org/">Pao Inclusiveness Working Group</a></li--> - <li><a href="contact.html">Contact me at school</a></li> - </ul> - <div id="footer"> - <hr /> - <p><a href="/">Runxi Yu's Website</a></p> - - </div> - </body> -</html> diff --git a/style.css b/style.css index c8067aa..1d06d84 100644 --- a/style.css +++ b/style.css @@ -1,49 +1,347 @@ +/* Taken from https://tug.org/~mseven/style.css */ + +:root { + --color-light:hsl(32, 98%, 92%); + --color-light-semi:hsl(32, 35%, 65%); + --color-light-faded:hsl(32, 20%, 40%); + --color-dark:hsl(32, 80%, 8%); + --color-dark-semi:hsl(32, 35%, 28%); + --color-dark-faded:hsl(32, 20%, 60%); + --color-blue:hsl(213, 90%, 33%); + --color-purple:hsl(280, 90%, 37%); + --color-light-blue:hsl(213, 85%, 75%); + --color-light-purple:hsl(280, 84%, 75%); + --heading-ratio:0.7071067811865476; + --heading-base:2.5rem; + --linespread:1.3; + --margin-big:1rem; + --margin-small:0.5rem; + --base-font-size:1.125rem; + --page-margin:15px; + --max-page-width:55rem; + --margin-width:calc((100vw - var(--max-page-width)) / 2) +} +@media (max-width:55rem) { + :root { + --margin-width:var(--page-margin) + } +} +:root { + --color-background:var(--color-light); + --color-text:var(--color-dark); + --color-link:var(--color-blue); + --color-link-followed:var(--color-purple); + --color-faded:var(--color-dark-faded); + --color-semi:var(--color-dark-semi) +} +@media (prefers-color-scheme:dark) { + :root { + --color-background:var(--color-dark); + --color-text:var(--color-light); + --color-link:var(--color-light-blue); + --color-link-followed:var(--color-light-purple); + --color-faded:var(--color-light-faded); + --color-semi:var(--color-light-semi) + } + img.dark, + svg { + filter:invert(1) hue-rotate(180deg) saturate(140%)!important + } +} +*, +::after, +::before { + box-sizing:border-box; + text-rendering:optimizeLegibility +} +[hidden] { + display:none!important +} +[hidden][aria-hidden=false] { + position:absolute; + display:initial!important; + clip:rect(0,0,0,0); + clip-path:inset(100%) +} html { - font-family: sans-serif; - max-width: 50em; - margin: 0 auto; - line-height: 1.2; - border-color: black; - color: black; - background-color: white; + color:var(--color-text); + background-color:var(--color-background) } - -hr { - background-color: black; - border-width: 0; - height: 1px; +a:link, +a:visited { + color:var(--color-link); + text-decoration:none +} +a:visited { + color:var(--color-link-followed) +} +a:hover, +code .token.url { + text-decoration:underline } - body { - margin: 0.7em; + display:grid; + justify-items:center; + margin:var(--page-margin); + font-size:var(--base-font-size); + font-family:"Segoe UI",ui-sans-serif,system-ui,sans-serif; + line-height:var(--linespread); + hyphens:auto; + font-variant-ligatures:common-ligatures contextual; + font-kerning:normal } - -.copyright { - color: #002855; - background-color: #E7F4F8; - border: solid 1px #002855; - padding: 2px; +body * { + min-width:0 +} +:focus-visible { + border-radius:4px; + outline:2px solid var(--color-text); + outline-offset:2px +} +::selection { + background-color:var(--color-faded) +} +:root, +pre { + scrollbar-width:thin; + scrollbar-color:var(--color-faded) var(--color-background) +} +:is(:root, +pre)::-webkit-scrollbar { + width:8px; + height:8px +} +:is(:root, +pre)::-webkit-scrollbar-track { + background:var(--color-background) +} +:is(:root, +pre)::-webkit-scrollbar-thumb { + background-color:var(--color-faded) +} +h1 { + text-align:center; + margin-bottom:0; + margin-top:1rem; + font-size:max(var(--heading-base),var(--base-font-size)); + padding-bottom:.1em; + border-bottom:1px solid var(--color-faded) +} +h2 { + font-size:max(calc(var(--heading-base)*var(--heading-ratio)),var(--base-font-size)) +} +h2, +h3, +h4, +h5 { + margin-top:var(--margin-big); + margin-bottom:var(--margin-small) +} +h1, +h2, +h3 { + font-weight:700 +} +h3 { + font-size:max(calc(var(--heading-base)*var(--heading-ratio)*var(--heading-ratio)),var(--base-font-size)) +} +h4, +h5 { + font-weight:500 +} +h4 { + font-size:max(calc(var(--heading-base)*var(--heading-ratio)*var(--heading-ratio)*var(--heading-ratio)),var(--base-font-size)); + font-style:italic +} +h5 { + font-size:calc(var(--base-font-size)*.9); + color:var(--color-semi) +} +:is(h1, +h2, +h3, +h4, +h5)+* { + margin-top:0 +} +p { + margin-top:var(--margin-small); + margin-bottom:var(--margin-small); + position:relative +} +code { + font-family:ui-monospace,Consolas,Inconsolata,"Roboto Mono","Fira Mono",monospace; + overflow-wrap:anywhere; + hyphens:none +} +article, +body nav, +footer, +header, +section { + display:block; + width:100%; + max-width:var(--max-page-width) +} +code.block { + display:block; + max-width:100% +} +footer { + margin-top:1em; + padding-top:0; + border-top:1px solid var(--color-faded) +} +footer ul { + display:flex; + flex-wrap:wrap; + justify-content:flex-end; + margin:0; + padding:0 +} +footer ul li { + display:inline; + list-style-type:none +} +footer ul li:first-of-type { + margin-right:auto +} +footer li:not(:last-child):not(:first-child)::after { + content:" • " +} +abbr { + text-decoration:none; + font-variant-caps:all-small-caps; + font-variant-numeric:oldstyle-nums; + font-size:1.075em +} +svg { + width:100%; + height:fit-content; + max-height:90vh; + padding:1rem; + background-color:hsla(0,0%,100%,0%); + filter:invert(0) hue-rotate(0deg) saturate(120%); + transition:all 250ms ease-out +} +img.dark:hover, +svg:hover { + background-color:hsla(0,0%,100%,100%); + filter:invert(0) hue-rotate(0deg) saturate(100%)!important; + transition:all 250ms ease-in +} +pre { + max-width:calc(100vw - var(--page-margin)*2); + overflow-x:auto; + hyphens:none; + margin:calc(2*var(--margin-small))0 +} +pre.scroll { + overflow-y:auto; + max-height:90vh +} +th { + text-align:right; + font-weight:400 +} +thead th { + font-weight:700 +} +td, +th { + padding:0 1ch +} +dd { + margin-bottom:var(--margin-small) +} +/* +li { + margin-bottom:var(--margin-small) +} +*/ +figure { + display:flex; + align-items:center; + justify-content:center; + flex-direction:column +} +figcaption, +nav ul ul ul li { + font-style:italic +} +@media (min-width:70em) { + span.sidenote { + float:left; + font-size:80%; + text-align:right; + position:absolute; + --sidenote-width:calc(var(--margin-width) - 1rem - var(--page-margin)); + width:var(--sidenote-width); + left:calc(-1*var(--sidenote-width) - 1rem); + top:0 + } +} +@media (max-width:70em) { + span.sidenote { + display:block; + font-size:80%; + margin-top:1em; + margin-left:3em + } +} +nav li { + list-style:none +} +nav>ul, +ul.inline { + padding-left:0 +} +nav ul ul ul li, +ul.inline>li { + display:inline; + list-style-type:none +} +@media (min-width:55rem) { + nav ul ul ul li, + ul.inline>li { + white-space:nowrap + } +} +:is(nav ul ul ul li, +ul.inline>li):not(:first-child)::before { + content:" • " +} +dd>p { + margin-top:0 +} +dl.bold>dt, +summary { + font-weight:500 +} +header p { + font-style:italic; + position:absolute; + right:var(--margin-width) +} +summary { + list-style-position:outside } -a.link {color: #0000A0;} -a.visited {color: #A000A0;} -a.active {color: #00A000;} -#nav {list-style-type: none; padding: 0; margin: 0;} -#nav li {display: inline; margin-right: 1em;} -iframe { - border: 1px solid; +slot:not([name]) { + display: none; } - -table { - border: 1px solid; - border-collapse: collapse; +:host([open]) slot:not([name]) { + display: revert; } -table td { - border: 1px solid; - text-align: left; - padding: 0px 3.5px; - height: 1.25rem; +summary { + display: list-item; + counter-increment: list-item 0; + list-style: disclosure-closed inside; +} +:host([open]) summary { + list-style-type: disclosure-open; } + diff --git a/sway-keysym.html b/sway-keysym.html index 558a247..1e881e8 100644 --- a/sway-keysym.html +++ b/sway-keysym.html @@ -2,7 +2,7 @@ <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <title>Sway keysym</title> - <link rel="stylesheet" href="/style.css" /> + <link rel="stylesheet" href="/oldstyle.css" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> <meta charset="utf-8" /> diff --git a/template.html b/template.html index 1986447..6e8a83b 100644 --- a/template.html +++ b/template.html @@ -2,7 +2,7 @@ <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <title><++></title> - <link rel="stylesheet" href="/style.css" /> + <link rel="stylesheet" href="/oldstyle.css" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> <meta charset="utf-8" /> diff --git a/texmacs-maxima-integral.html b/texmacs-maxima-integral.html index bd161fb..0e74379 100644 --- a/texmacs-maxima-integral.html +++ b/texmacs-maxima-integral.html @@ -2,7 +2,7 @@ <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <title>TeXmacs Maxima Integrals</title> - <link rel="stylesheet" href="/style.css" /> + <link rel="stylesheet" href="/oldstyle.css" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script> diff --git a/the-old-web-was-better.html b/the-old-web-was-better.html index 0e6643e..dc93fb7 100644 --- a/the-old-web-was-better.html +++ b/the-old-web-was-better.html @@ -2,7 +2,7 @@ <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <title>The Old Web Was Better</title> - <link rel="stylesheet" href="/style.css" /> + <link rel="stylesheet" href="/oldstyle.css" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> <meta charset="utf-8" /> diff --git a/unicorn.html b/unicorn.html index 39f6696..be35ce1 100644 --- a/unicorn.html +++ b/unicorn.html @@ -2,7 +2,7 @@ <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <title>Unicorn</title> - <link rel="stylesheet" href="/style.css" /> + <link rel="stylesheet" href="/oldstyle.css" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> <meta charset="utf-8" /> diff --git a/wechat.html b/wechat.html index 21beb85..7bded5b 100644 --- a/wechat.html +++ b/wechat.html @@ -2,24 +2,21 @@ <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <title>The Problem with WeChat, et al.</title> - <link rel="stylesheet" href="/style.css" /> + <link rel="stylesheet" href="/oldstyle.css" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> </head> <body> <h1>The Problem with WeChat, et al.</h1> <p> - WeChat is not a preferred way of contacting me. <a href="/contact.html">Use these instead</a>. + WeChat is not a preferred way of contacting me. <a href="/#contact">Use these instead.</a> </p> <p> WeChat is a instant messaging program by the Chinese technology giant Tencent. It is insanely popular in Mainland China. </p> - <p> - I do not use WeChat when applicable for the following reasons. - </p> - + <p>I do not use WeChat when applicable for the following reasons:</p> <ul> <li> WeChat's client program is <a href="https://www.gnu.org/proprietary/proprietary.html">nonfree software</a>. @@ -36,13 +33,13 @@ <li> Information collected by WeChat is given to the police of the PRC without court warrants. </li> + <li> + etc. + </li> </ul> - <p>This list is incomplete. I can't think of more now, tell me if you know some more.</p> <p>Similar problems are present in other popular Instant Messaging services such as <a href="https://stallman.org/whatsapp.html">WhatsApp</a>, <a href="https://spyware.neocities.org/articles/discord.html">Discord</a>, Tencent QQ, etc.</p> - <a href="/contact.html">Here are some ways to contact me.</a> - <div id="footer"> <hr /> <p><a href="/">Runxi Yu's Website</a></p> |