moved gravity, added scale

fun/index.html

@@ -64,10 +64,10 @@
             outline: none;
             text-shadow: none;
         }
-        
-        body{
+
+        body {
             background: url('../fun/chat/ai-game/1/duck.png'), #f88;
-            background-blend-mode:screen
+            background-blend-mode: screen
         }
     </style>
 </head>
@@ -94,7 +94,7 @@
                 aria-hidden="true"></span>&nbsp;&nbsp;绘画板</a>
         <a class="btn btn-success" id="chess" href="/chess/"><span class="glyphicon glyphicon-record"
                 aria-hidden="true"></span>&nbsp;&nbsp;五子棋</a>
-        <a class="btn btn-info" id="gravity" href="/gravity/"><span class="glyphicon glyphicon-magnet"
+        <a class="btn btn-info" id="gravity" href="gravity/"><span class="glyphicon glyphicon-magnet"
                 aria-hidden="true"></span>&nbsp;&nbsp;引力</a>
         <a class="btn btn-warning" id="raytrack" href="raytrace/"><span class="glyphicon glyphicon-certificate"
                 aria-hidden="true"></span>&nbsp;&nbsp;1k光追</a>
@@ -106,6 +106,8 @@
                 aria-hidden="true"></span>&nbsp;&nbsp;Websocket 测试</a>
         <a class="btn btn-info" id="chat" href="chat/"><span class="glyphicon glyphicon-comment"
                 aria-hidden="true"></span>&nbsp;&nbsp;ChatGPT 测试</a>
+        <a class="btn btn-success" id="gravity" href="https://太帅了.cn" title="中国人不懂浪漫，这么好的域名让我注册了"><span
+                class="glyphicon glyphicon-link" aria-hidden="true"></span>&nbsp;&nbsp;太帅了.cn</a>
         <div style="text-align:right">
             <span class="btn btn-xs btn-warning nohover">纯搬运</span> - <span
                 class="btn btn-xs btn-info nohover">小工程</span> -

fun/music/index.html

@@ -16,12 +16,13 @@
     <title>音乐创作</title>
     <script type="text/javascript" src="/js/audio.js"></script>
     <script>
-        document.cookie="IfIWereANosyCrawlerIWouldDepositMyselfInTheSeaImmediately=true"
-        document.writeln('<a class="btn btn-info" href="/fun"><span class="glyphicon glyphicon-home"></span>&nbsp;返回</a>\
-        <div class="page-header"><h3>音乐创作？<small>、heneuh94830y9]][]]--08</small></h3></div><p>按创作时间排序。<br>\
-                玄学的命名规则：一般取开头几个比较重要的音符，数字代表版本，假如不是这个格式那就是我照着谱抄的，或是别人写的。</p>\
-                <button class="btn btn-default" onclick="$(\'audio\').attr(\'loop\',\'\');$(this).text(\'ok\')">loop</button>')
-        var list = ['katyusha,-', 'tetris,-', 'avengers,-,那时还不知道小号要转调，直接跑了...', 'e-e-edfe', 'grasswalk,-', 'where am i going,-', 'sad,-', 'tom,-', 'a#d#cc#c', 'ffgaf', 'bcabc', 'bga#c#', 'cdbc', 'aaccgg,~,灵光一现，但很难接下去了，只好重复', 'dddc,,看到标题就让人猜到节奏了', 'cdd#', 'gddf#dd', 'ag#ag#f#', 'f#g#c#g#a#c#', 'ef#c#ag#', 'friend,-,这个八音盒音色真的很带感', 'd#ba#g#g', 'a#agaa#c', 'ggaa#ag', 'a#agaa#c2,~,挺经典的', 'c#d#fc#c', 'da#gf#g,~,这个音色其实是大提琴...', 'cdd#d#', 'ef#d#c#2', 'bbbdcb,~', 'efcaa', 'cag#g,~', 'dc#da', 'ebcdcb', 'aeaba,~,首次真正琢磨了一下和弦']
+        document.cookie = "IfIWereANosyCrawlerIWouldDepositMyselfInTheSeaImmediately=true"
+        document.writeln(`<a class="btn btn-info" href="/fun"><span class="glyphicon glyphicon-home"></span>&nbsp;返回</a>
+        <div class="page-header"><h3>音乐创作？<small>、heneuh94830y9]][]]--08</small></h3></div><p>按创作时间排序。<br>
+玄学的命名规则：一般取开头几个比较重要的音符，数字代表版本，假如不是这个格式那就是我照着谱搬运的。绿=自认为挺好；蓝=搬运</p>
+<p>你能想象，拿着未激活的水果软件，好不容易写完了一首曲子，等心满意足关闭之后才发现格式存反了，这件事有多么绝望吗？？</p>
+<button class="btn btn-default" onclick="$(\'audio\').attr(\'loop\',\'\');$(this).text(\'ok\')">loop</button>`)
+        var list = ['katyusha,-', 'tetris,-', 'avengers,-,那时还不知道小号要转调，直接跑了...', 'e-e-edfe', 'grasswalk,-', 'where am i going,-', 'sad,-', 'tom,-', 'a#d#cc#c', 'ffgaf', 'bcabc', 'bga#c#', 'cdbc', 'aaccgg,~,灵光一现，但很难接下去了，只好重复', 'dddc,,看到标题就让人猜到节奏了', 'cdd#', 'gddf#dd', 'ag#ag#f#', 'f#g#c#g#a#c#', 'ef#c#ag#', 'friend,-,这个八音盒音色真的很带感', 'd#ba#g#g', 'a#agaa#c', 'ggaa#ag,~', 'a#agaa#c2,~,挺经典的', 'c#d#fc#c,~', 'da#gf#g,~,这个音色其实是大提琴...', 'cdd#d#', 'ef#d#c#2,~', 'bbbdcb,~', 'efcaa', 'cag#g', 'dc#da', 'ebcdcb', 'aeaba,~,首次真正琢磨了一下和弦']
         for (let i = list.length - 1; i >= 0; i--) {
             var g = list[i].split(',')
             document.writeln('<div class="panel panel-' + ((g[1]) ? ((g[1] == '~') ? 'success' : 'info') : 'default') + ' col-md-4 col-sm-6" style="padding:0;transform:translateY(' + ((list.length - i - 1) % 3 * 25 + (list.length - i) * 20) + 'px)">\

fun/scale/index.html

@@ -0,0 +1,94 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="UTF-8">
+    <script type="text/javascript" src="/js/jquery.min.js" crossorigin="anonymous"></script>
+    <link rel="stylesheet" href="/css/bootstrap.min.css" crossorigin="anonymous">
+    <script type="text/javascript" src="/js/bootstrap.min.js" crossorigin="anonymous"></script>
+
+    <link rel="canonical" href="https://schtonn.github.io/">
+    <link rel="preconnect" href="https://fonts.gstatic.com">
+    <link href="https://fonts.loli.net/css2?family=Anonymous+Pro:ital,wght@0,400;0,700;1,400;1,700
+&family=Noto+Serif+SC:wght@300;400;500;600;700&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="/css/style.css">
+
+    <style>
+        /* From extension vscode.github */
+        /*---------------------------------------------------------------------------------------------
+ *  Copyright (c) Microsoft Corporation. All rights reserved.
+ *  Licensed under the MIT License. See License.txt in the project root for license information.
+ *--------------------------------------------------------------------------------------------*/
+        body {
+            background-color: black;
+            color: white;
+        }
+
+        img {
+            width: 40%;
+        }
+    </style>
+
+    <style>
+        .task-list-item {
+            list-style-type: none;
+        }
+
+        .task-list-item-checkbox {
+            margin-left: -20px;
+            vertical-align: middle;
+            pointer-events: none;
+        }
+    </style>
+
+</head>
+
+<body class="vscode-body vscode-light">
+    <h3>地理实践报告<small>高一11 向量</small></h3>
+    <h3 id="概述">概述</h3>
+    <p>我整理出了一些地理学者都应该知道的天文常识，希望这些基础知识能早日普及天下。</p>
+    <h3 id="一尺寸">一、尺寸</h3>
+    <p>人们往往认为地月系、太阳系中天体的的尺寸比例真如那些科普图上画出的一般：</p>
+    <p><img src="https://ts1.cn.mm.bing.net/th/id/R-C.26a5e529e951aab1dda7c88c19cc28ad?rik=xyuPvrZaV5xyPA&amp;riu=http%3a%2f%2fimg.juimg.com%2ftuku%2fyulantu%2f140110%2f328695-14011021461287.jpg&amp;ehk=B2G0NxfhViZKv%2b03qLI1TjQkZVzFjZVZl2LfhvMYpUo%3d&amp;risl=&amp;pid=ImgRaw&amp;r=0"
+            alt="">
+        <img src="https://pic1.zhimg.com/v2-2ecdd74cafb85a83adcadecf3b1ef074_r.jpg" alt="">
+    </p>
+    <p>人造卫星密密麻麻地堆叠着，威胁着要把地球困住；月球就贴在地球脸上，似乎发个火箭去月球比在地球上旅行还容易。但实际上，这样的想法大错特错。</p>
+    <p>当然，千言万语胜不过一张图。这是地月系的真实比例：</p>
+    <p><img src="1.png" alt=""></p>
+    <p>人造卫星往往在近地轨道运行，这是近地轨道：</p>
+    <p><img src="2.png" alt=""></p>
+    <p>假如地月系真如科普图所画的一般，那么月球在掀起滔天大洪水之后，很快就会被引力撕碎，一部分降落到地球上，形成大规模流星，与大气摩擦加热，不把人类砸死也会把人类热死。</p>
+    <hr>
+    <p>人们同时也往往认为太阳系真如科普图所画的一般：</p>
+    <p><img src="https://ts1.cn.mm.bing.net/th/id/R-C.7e4fa95ea2e8d49ab086e533fdcaaff1?rik=b%2fAT3pE94ZwN5g&amp;riu=http%3a%2f%2fimg3.redocn.com%2ftupian%2f20150907%2ftaiyangxiweizhitu_3912666.jpg&amp;ehk=qyBpUMnG97m1PqBiejOQTplwTk0YJE1BfyDCAlTu8Vo%3d&amp;risl=&amp;pid=ImgRaw&amp;r=0"
+            alt=""></p>
+    <p>八个紧紧排在一起的行星绕着太阳的大火球转动。严格地说，这张图的日地大小比例还真差不离，但是请想一想，生活中我们见过这么大的太阳吗？从这张图上看，太阳应占据半个天穹才对。所以问题还是出在距离上。</p>
+    <p>太阳系的实际比例图实在不好画，但可以打比方。太阳直径 1.392×10⁶ 千米，地球直径 12000km，距离太阳 1.49597×10⁹ 千米。</p>
+    <p>我们把太阳缩减成直径一米的球体，那么地球就是直径 0.9 厘米的钢珠，距离太阳一百多米。想象一下从一百米开外看一个直径一米的瑜伽球，这才是从地球上看太阳的观感。</p>
+    <p>木星土星则稍大些，直径约 10 厘米，距离太阳分别是 500 米，1000 米。</p>
+    <p>再靠外一些，那就是直径三厘米的海王星，距离太阳三千米。三千米开外，还能分辨出太阳的形状吗？也许会和背后的星星混杂在一起吧。</p>
+    <h3 id="二太空旅行">二、太空旅行</h3>
+    <p>有了上述关于尺寸的知识，我们可以对太空旅行重新建立认识。</p>
+    <p>要想进行太空旅行，首先得进入近地轨道。我们都知道近地轨道是近圆形的，而且紧紧套着地球。要达到这样一条轨道，火箭在大部分时间其实是在水平加速，而不是垂直上升。</p>
+    <p><img src="3.png" alt=""></p>
+    <p>天体的体积相对于它们之间的空间来说，是如此之小。要把探测器发送到月球，几乎像从百米开外一枪打中十环，稍有偏差，就会和月球失之交臂。要是想去火星，那几乎像是从大洲的一端向另一端射击。</p>
+    <p>探测器在近地轨道运行数十圈，每次只有距地球最近的很短一段距离在加速，加速的方向和时间都要精打细算，剩下的时间都在自由落体。通过这样的方式，不断把轨道的远点提高，打得足够精准，最终才能进入月球的引力范围。</p>
+    <h3 id="三地球">三、地球</h3>
+    <p>尽管我们都知道地壳只有33km，而地球半径高达6000km，但往往图示上都把地壳画得太厚了，这也是没有办法的事。</p>
+    <p>同样地，地球的大气层相对来说也是极薄的，国际上定义大气层和外太空的分界线，也就是卡门线，高度仅为100km。</p>
+    <p>当然，这只是相对来说，要是与再入大气层的航天器和流星相比，地球的大气层又变得咄咄逼人了。为了维持轨道，航天器与地球的大气层会有较大的相对速度，而它当然不想先把这个相对速度减为零后再入，因为大气层的摩擦减速实在太省事了。流星则具有很大的随机性，往往和大气层的相对速度也很大。
+    </p>
+    <p>再入大气层时，由于巨大的相对速度，摩擦生热，航天器的隔热大底所带的防热涂层会气化，被气流剥去，从而带走热量（物理大题常见）。到了流星上，被气化的则是它的岩层。与此同时，空气也被剧烈加热，形成等离子体拖尾。</p>
+    <h3 id="四阴影">四、阴影</h3>
+    <p>惯性思维常常引导我们把各个系统想成二维的。对于地月系这当然没什么问题，毕竟只有两个坐标点。</p>
+    <p>但是对于太阳系就不能这么看了。如果我们还坚持黄道面是地球所在平面的定义，那么观察一个轨道不仅要看它的形状、大小，更要看它与黄道面的夹角。比如月球的轨道就与黄道面夹角 5.1
+        度，再考虑地月间那极长的距离，造成的位置偏移是不可忽略的。这也就是我们不会每月都看到日食的原因。</p>
+    <p>同样地，我们也不会每年都观察到其他行星的凌日（遮挡太阳），这也是因为它们各有不同的倾角。</p>
+    <p>再回想起刚才说的大小概念，可以发现行星间的遮挡在太阳系广袤的空间内几乎可以不用考虑，也能理解太阳放出的巨大能量真正到达地球的是多么小的一部分。</p>
+    <hr>
+    <p>总之，我希望地理学习者们能建立以上的天文常识，至少下回想到太阳系的时候脑中不是一排桌球绕着一粒大火球，而是无垠的空间。</p>
+
+</body>
+
+</html>