It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: http://www.17cats.com/newblog/post/b8c7806c/?avg=zI5iwWzdTHoURmAa&aim=oIfSzpn0ddva0BRy&query=1660566659&utm=guang5

  1. <!DOCTYPE html>
  2. <html lang="zh" dir="auto">
  3.  
  4. <head><meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  7. <meta name="robots" content="index, follow">
  8. <title>中国最美校园:厦门大学到底美在哪?真正的面朝大海背靠梵音!厦门大学梵音大海 | 17Cats Newer</title>
  9. <meta name="keywords" content="厦门大学, 美丽, 大海, 校园, 厦门">
  10. <meta name="description" content="中国最美丽的校园:[厦门大学](/newblog/post/b8c7806c)的美丽是什么?真正面对大海,回到梵语!谈到我小时候看的青春校园">
  11. <meta name="author" content="17Cats">
  12. <link rel="canonical"
  13.    href="https://www.17cats.com/newblog/post/b8c7806c/">
  14. <link crossorigin="anonymous" href="/newblog/assets/css/stylesheet.0b739a2e2c5e5656e4bcd5f0b2268d063addaf81d89ec3987d6af8f04decdc97.css" integrity="" rel="preload stylesheet" as="style"><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3044138525069216"
  15.        crossorigin="anonymous"></script>
  16. <script defer crossorigin="anonymous" src="/newblog/assets/js/highlight.acb54fd32bbc1982428b8850317e45d076b95012730a5936667e6bc21777692a.js" integrity=""
  17.    onload="hljs.initHighlightingOnLoad();"></script>
  18. <link rel="icon" href="https://www.17cats.com/newblog/favicon.ico">
  19. <link rel="icon" type="image/png" sizes="16x16"
  20.    href="https://www.17cats.com/newblog/favicon-16x16.png">
  21. <link rel="icon" type="image/png" sizes="32x32"
  22.    href="https://www.17cats.com/newblog/favicon-32x32.png">
  23. <link rel="apple-touch-icon" href="https://www.17cats.com/newblog/apple-touch-icon.png">
  24. <link rel="mask-icon" href="https://www.17cats.com/newblog/safari-pinned-tab.svg">
  25. <meta name="theme-color" content="#2e2e33">
  26. <meta name="msapplication-TileColor" content="#2e2e33">
  27. <noscript>
  28.    <style>
  29.        #theme-toggle,
  30.        .top-link {
  31.            display: none;
  32.        }
  33.    </style>
  34.    <style>
  35.        @media (prefers-color-scheme: dark) {
  36.            :root {
  37.                --theme: rgb(29, 30, 32);
  38.                --entry: rgb(46, 46, 51);
  39.                --primary: rgb(218, 218, 219);
  40.                --secondary: rgb(155, 156, 157);
  41.                --tertiary: rgb(65, 66, 68);
  42.                --content: rgb(196, 196, 197);
  43.                --hljs-bg: rgb(46, 46, 51);
  44.                --code-bg: rgb(55, 56, 62);
  45.                --border: rgb(51, 51, 51);
  46.            }
  47.  
  48.            .list {
  49.                background: var(--theme);
  50.            }
  51.  
  52.            .list:not(.dark)::-webkit-scrollbar-track {
  53.                background: 0 0;
  54.            }
  55.  
  56.            .list:not(.dark)::-webkit-scrollbar-thumb {
  57.                border-color: var(--theme);
  58.            }
  59.        }
  60.    </style>
  61. </noscript><meta property="og:title" content="中国最美校园:厦门大学到底美在哪?真正的面朝大海背靠梵音!厦门大学梵音大海" />
  62. <meta property="og:description" content="中国最美丽的校园:[厦门大学](/newblog/post/b8c7806c)的美丽是什么?真正面对大海,回到梵语!谈到我小时候看的青春校园" />
  63. <meta property="og:type" content="article" />
  64. <meta property="og:url" content="https://www.17cats.com/newblog/post/b8c7806c/" /><meta property="article:section" content="post" />
  65. <meta property="article:published_time" content="2022-06-17T18:31:58&#43;08:00" />
  66. <meta property="article:modified_time" content="2022-06-17T18:31:58&#43;08:00" />
  67.  
  68. <meta name="twitter:card" content="summary"/>
  69. <meta name="twitter:title" content="中国最美校园:厦门大学到底美在哪?真正的面朝大海背靠梵音!厦门大学梵音大海"/>
  70. <meta name="twitter:description" content="中国最美丽的校园:[厦门大学](/newblog/post/b8c7806c)的美丽是什么?真正面对大海,回到梵语!谈到我小时候看的青春校园"/>
  71.  
  72.  
  73. <script type="application/ld+json">
  74. {
  75.  "@context": "https://schema.org",
  76.  "@type": "BreadcrumbList",
  77.  "itemListElement": [
  78.    {
  79.      "@type": "ListItem",
  80.      "position":  1 ,
  81.      "name": "Posts",
  82.      "item": "https://www.17cats.com/newblog/post/"
  83.    },
  84.    {
  85.      "@type": "ListItem",
  86.      "position":  2 ,
  87.      "name": "中国最美校园:厦门大学到底美在哪?真正的面朝大海背靠梵音!厦门大学梵音大海",
  88.      "item": "https://www.17cats.com/newblog/post/b8c7806c/"
  89.    }
  90.  ]
  91. }
  92. </script>
  93. <script type="application/ld+json">
  94. {
  95.  "@context": "https://schema.org",
  96.  "@type": "BlogPosting",
  97.  "headline": "中国最美校园:厦门大学到底美在哪?真正的面朝大海背靠梵音!厦门大学梵音大海",
  98.  "name": "中国最美校园:厦门大学到底美在哪?真正的面朝大海背靠梵音!厦门大学梵音大海",
  99.  "description": "中国最美丽的校园:[厦门大学](/newblog/post/b8c7806c)的美丽是什么?真正面对大海,回到梵语!谈到我小时候看的青春校园",
  100.  "keywords": [
  101.    "厦门大学", "美丽", "大海", "校园", "厦门"
  102.  ],
  103.  "articleBody": "中国最美丽的校园:[厦门大学](/newblog/post/b8c7806c)的美丽是什么?真正面对大海,回到梵语!谈到我小时候看的青春校园剧,我要说的是“让我们看流星雨吧”。当时,我对里面的F4如此着迷,以至于我羡慕女主角!不仅如此,他们还被豪华的宿舍和美丽的校园深深吸引。最后,他们得知他们的所在地是[厦门大学](/newblog/post/b8c7806c)!当时我正处于青春期,所以我把[厦门大学](/newblog/post/b8c7806c)视为未来高考后要去的大学。然而,如果我得不到分数,我的梦想就会破灭。虽然我不能成为[厦门大学](/newblog/post/b8c7806c)的学生,但我可以随时打卡去参观那里!今天,小编将向您展示中国最美丽的校园-- -[厦门大学](/newblog/post/b8c7806c)\n厦门是一座美丽的海滨城市,有许多著名的特色景点,每年都吸引着许多游客来这里旅游。在众多的旅游景点中,[厦门大学](/newblog/post/b8c7806c)是旅游景点之一,尽管它是一所被称为“中国”的大学;“最美”;校园里,很多人来到这里回忆校园时光\n现在想想,每天在这么美丽的校园里学习和生活真的是一件非常愉快和美丽的事情!每天,来自世界各地的游客都会来到这里,并问;同学,你怎么。。。“转到”;等等这里的学生也是活着的航海家。人们来到[厦门大学](/newblog/post/b8c7806c)就像参观公园一样\n[厦门大学](/newblog/post/b8c7806c)真的有太多值得停下来看的地方了。它被蓝湾环抱,背靠着古老的南普陀寺,面朝大海,背靠着梵语!看着白城海滩,白浪滔滔,海风习习,阳光沐浴,真是太美了。还有沙波维,文艺青年的必备品。当然,不仅如此,还有孕育着白天鹅的芙蓉湖、充满涂鸦的芙蓉隧道和充满神秘色彩的情人谷等等。有那么多美丽的东西要保留\n[厦门大学](/newblog/post/b8c7806c)是一个在大海怀抱中的校园。校门外是一望无际的大海。可以说,它与大海有着密切的联系,整天被大海包围着。住在这里,你可以到海边呼吸最清新的海风,早上一睁开眼睛就可以散散步。晚上晚餐后,你还可以在这里欣赏月亮和星星。似乎任何美好的生活都是大致相同的。这里有海景教室供学生上课。你可以很容易地看到到处都是大海。这样,你就羡慕那些每天都能住在这里的学生了\n[厦门大学](/newblog/post/b8c7806c)不仅是一所大学校园,也是厦门发展进步的象征,也是厦门百年历史的见证。1921年,当时很多人都不明白为什么著名的[厦门大学](/newblog/post/b8c7806c)会在这么偏远的地方成立?,直到后来,[厦门大学](/newblog/post/b8c7806c)才成为一所海洋大学和中国最美丽的大学。这也有爱国主义的传承和文化的促进与发展\n当然,这里无法解释[厦门大学](/newblog/post/b8c7806c)的美丽。语言无法解释它的美丽。最好亲自去看看。那么,当你没有上过[厦门大学](/newblog/post/b8c7806c)的时候,你在犹豫什么呢?你去过厦门吗?美丽的海滨小镇给你留下了什么印象?欢迎在评论区留言和分享。别忘了关注它,每天分享世界上的新事物\n特别声明:以上文章只代表作者自己的观点,而不是新浪的观点或立场。如果您对作品的内容、版权或其他问题有任何疑问,请联系新浪。在作品出版后30天内。\n相关推荐  徐冬冬近照曝光,穿斑马纹上衣美艳又清纯,手捧鲜花氛围感十足\n女神们:上帝给了你一张漂亮的脸,你为什么还要自己再造一张脸?\n晋城:石末!石末\n见过美的、见过可爱的,但没见过欧阳娜娜这种又美又甜又可爱的!欧阳娜娜美的开学季\n吊带亮片连衣裙,徐冬冬的淑女坐姿,网友:太傲娇!徐冬冬时尚吊带\n ",
  104.  "wordCount" : "1582",
  105.  "inLanguage": "zh",
  106.  "datePublished": "2022-06-17T18:31:58+08:00",
  107.  "dateModified": "2022-06-17T18:31:58+08:00",
  108.  "author":{
  109.    "@type": "Person",
  110.    "name": "17Cats"
  111.  },
  112.  "mainEntityOfPage": {
  113.    "@type": "WebPage",
  114.    "@id": "https://www.17cats.com/newblog/post/b8c7806c/"
  115.  },
  116.  "publisher": {
  117.    "@type": "Organization",
  118.    "name": "17Cats Newer",
  119.    "logo": {
  120.      "@type": "ImageObject",
  121.      "url": "https://www.17cats.com/newblog/favicon.ico"
  122.    }
  123.  }
  124. }
  125. </script>
  126. </head>
  127.  
  128. <body class="" id="top">
  129. <script>
  130.    if (localStorage.getItem("pref-theme") === "dark") {
  131.        document.body.classList.add('dark');
  132.    } else if (localStorage.getItem("pref-theme") === "light") {
  133.        document.body.classList.remove('dark')
  134.    } else if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
  135.        document.body.classList.add('dark');
  136.    }
  137.  
  138. </script>
  139.  
  140. <header class="header">
  141.    <nav class="nav">
  142.        <div class="logo">
  143.            <a href="https://www.17cats.com/newblog/" accesskey="h" title="17Cats Newer (Alt + H)">17Cats Newer</a>
  144.            <div class="logo-switches">
  145.                <button id="theme-toggle" accesskey="t" title="(Alt + T)">
  146.                    <svg id="moon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
  147.                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
  148.                        stroke-linejoin="round">
  149.                        <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path>
  150.                    </svg>
  151.                    <svg id="sun" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
  152.                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
  153.                        stroke-linejoin="round">
  154.                        <circle cx="12" cy="12" r="5"></circle>
  155.                        <line x1="12" y1="1" x2="12" y2="3"></line>
  156.                        <line x1="12" y1="21" x2="12" y2="23"></line>
  157.                        <line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line>
  158.                        <line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line>
  159.                        <line x1="1" y1="12" x2="3" y2="12"></line>
  160.                        <line x1="21" y1="12" x2="23" y2="12"></line>
  161.                        <line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line>
  162.                        <line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line>
  163.                    </svg>
  164.                </button>
  165.            </div>
  166.        </div>
  167.        <ul id="menu">
  168.            <li>
  169.                <a href="https://www.17Cats.com" title="🏠17Cats">
  170.                    <span>🏠17Cats</span>
  171.                </a>
  172.            </li>
  173.            <li>
  174.                <a href="https://www.17cats.com/newblog/search/" title="🔍搜索">
  175.                    <span>🔍搜索</span>
  176.                </a>
  177.            </li>
  178.            <li>
  179.                <a href="https://www.17cats.com/newblog/tags/" title="🔖标签">
  180.                    <span>🔖标签</span>
  181.                </a>
  182.            </li>
  183.            <li>
  184.                <a href="https://www.17cats.com/newblog/categories/" title="🧩分类">
  185.                    <span>🧩分类</span>
  186.                </a>
  187.            </li>
  188.        </ul>
  189.    </nav>
  190. </header>
  191. <main class="main">
  192.  
  193. <article class="post-single">
  194.  <header class="post-header">
  195.    <div class="breadcrumbs"><a href="https://www.17cats.com/newblog/">主页</a>&nbsp;»&nbsp;<a href="https://www.17cats.com/newblog/post/">Posts</a></div>
  196.    <h1 class="post-title">
  197.      中国最美校园:厦门大学到底美在哪?真正的面朝大海背靠梵音!厦门大学梵音大海
  198.    </h1>
  199.    <div class="post-meta"><span title='2022-06-17 18:31:58 +0800 CST'>六月 17, 2022</span>&nbsp;·&nbsp;4 分钟&nbsp;·&nbsp;17Cats
  200.  
  201. </div>
  202.  </header> <div class="toc">
  203.    <details >
  204.        <summary accesskey="c" title="(Alt + C)">
  205.            <span class="details">目录</span>
  206.        </summary>
  207.  
  208.        <div class="inner"><ul>
  209.                <li>
  210.                    <a href="#%e7%9b%b8%e5%85%b3%e6%8e%a8%e8%8d%90" aria-label="相关推荐">相关推荐</a>
  211.                </li>
  212.            </ul>
  213.        </div>
  214.    </details>
  215. </div>
  216.  
  217.  <div class="post-content"><p>中国最<a href="/newblog/post/b8c7806c">美丽</a>的<a href="/newblog/post/e18147ce">校园</a>:[<a href="/newblog/post/58cd015f">厦门</a>大学](/newblog/post/b8c7806c)的<a href="/newblog/post/b8c7806c">美丽</a>是什么?真正面对<a href="/newblog/post/b8c7806c">大海</a>,回到梵语!谈到我小时候看的青春<a href="/newblog/post/e18147ce">校园</a>剧,我要说的是“让我们看流星雨吧”。当时,我对里面的F4如此着迷,以至于我羡慕女主角!不仅如此,他们还被豪华的宿舍和<a href="/newblog/post/b8c7806c">美丽</a>的<a href="/newblog/post/e18147ce">校园</a>深深吸引。最后,他们得知他们的所在地是[<a href="/newblog/post/58cd015f">厦门</a>大学](/newblog/post/b8c7806c)!当时我正处于青春期,所以我把[<a href="/newblog/post/58cd015f">厦门</a>大学](/newblog/post/b8c7806c)视为未来高考后要去的大学。然而,如果我得不到分数,我的梦想就会破灭。虽然我不能成为[<a href="/newblog/post/58cd015f">厦门</a>大学](/newblog/post/b8c7806c)的学生,但我可以随时打卡去参观那里!今天,小编将向您展示中国最<a href="/newblog/post/b8c7806c">美丽</a>的<a href="/newblog/post/e18147ce">校园</a>-- -[<a href="/newblog/post/58cd015f">厦门</a>大学](/newblog/post/b8c7806c)</p>
  218. <p><a href="/newblog/post/58cd015f">厦门</a>是一座<a href="/newblog/post/b8c7806c">美丽</a>的海滨城市,有许多著名的特色景点,每年都吸引着许多游客来这里旅游。在众多的旅游景点中,[<a href="/newblog/post/58cd015f">厦门</a>大学](/newblog/post/b8c7806c)是旅游景点之一,尽管它是一所被称为“中国”的大学;“最美”;<a href="/newblog/post/e18147ce">校园</a>里,很多人来到这里回忆<a href="/newblog/post/e18147ce">校园</a>时光</p>
  219. <p>现在想想,每天在这么<a href="/newblog/post/b8c7806c">美丽</a>的<a href="/newblog/post/e18147ce">校园</a>里学习和生活真的是一件非常愉快和<a href="/newblog/post/b8c7806c">美丽</a>的事情!每天,来自世界各地的游客都会来到这里,并问;同学,你怎么。。。“转到”;等等这里的学生也是活着的航海家。人们来到[<a href="/newblog/post/58cd015f">厦门</a>大学](/newblog/post/b8c7806c)就像参观公园一样</p>
  220. <p>[<a href="/newblog/post/58cd015f">厦门</a>大学](/newblog/post/b8c7806c)真的有太多值得停下来看的地方了。它被蓝湾环抱,背靠着古老的南普陀寺,面朝<a href="/newblog/post/b8c7806c">大海</a>,背靠着梵语!看着白城海滩,白浪滔滔,海风习习,阳光沐浴,真是太美了。还有沙波维,文艺青年的必备品。当然,不仅如此,还有孕育着白天鹅的芙蓉湖、充满涂鸦的芙蓉隧道和充满神秘色彩的情人谷等等。有那么多<a href="/newblog/post/b8c7806c">美丽</a>的东西要保留</p>
  221. <p>[<a href="/newblog/post/58cd015f">厦门</a>大学](/newblog/post/b8c7806c)是一个在<a href="/newblog/post/b8c7806c">大海</a>怀抱中的<a href="/newblog/post/e18147ce">校园</a>。校门外是一望无际的<a href="/newblog/post/b8c7806c">大海</a>。可以说,它与<a href="/newblog/post/b8c7806c">大海</a>有着密切的联系,整天被<a href="/newblog/post/b8c7806c">大海</a>包围着。住在这里,你可以到海边呼吸最清新的海风,早上一睁开眼睛就可以散散步。晚上晚餐后,你还可以在这里欣赏月亮和星星。似乎任何美好的生活都是大致相同的。这里有海景教室供学生上课。你可以很容易地看到到处都是<a href="/newblog/post/b8c7806c">大海</a>。这样,你就羡慕那些每天都能住在这里的学生了</p>
  222. <p>[<a href="/newblog/post/58cd015f">厦门</a>大学](/newblog/post/b8c7806c)不仅是一所大学<a href="/newblog/post/e18147ce">校园</a>,也是<a href="/newblog/post/58cd015f">厦门</a>发展进步的象征,也是<a href="/newblog/post/58cd015f">厦门</a>百年历史的见证。1921年,当时很多人都不明白为什么著名的[<a href="/newblog/post/58cd015f">厦门</a>大学](/newblog/post/b8c7806c)会在这么偏远的地方成立?,直到后来,[<a href="/newblog/post/58cd015f">厦门</a>大学](/newblog/post/b8c7806c)才成为一所海洋大学和中国最<a href="/newblog/post/b8c7806c">美丽</a>的大学。这也有爱国主义的传承和文化的促进与发展</p>
  223. <p>当然,这里无法解释[<a href="/newblog/post/58cd015f">厦门</a>大学](/newblog/post/b8c7806c)的<a href="/newblog/post/b8c7806c">美丽</a>。语言无法解释它的<a href="/newblog/post/b8c7806c">美丽</a>。最好亲自去看看。那么,当你没有上过[<a href="/newblog/post/58cd015f">厦门</a>大学](/newblog/post/b8c7806c)的时候,你在犹豫什么呢?你去过<a href="/newblog/post/58cd015f">厦门</a>吗?<a href="/newblog/post/b8c7806c">美丽</a>的海滨小镇给你留下了什么印象?欢迎在评论区留言和分享。别忘了关注它,每天分享世界上的新事物</p>
  224. <p>特别声明:以上文章只代表作者自己的观点,而不是新浪的观点或立场。如果您对作品的内容、版权或其他问题有任何疑问,请联系新浪。在作品出版后30天内。</p>
  225. <h2 id="相关推荐">相关推荐<a hidden class="anchor" aria-hidden="true" href="#相关推荐">#</a></h2>
  226. <blockquote>
  227. <p><a href="/newblog/post/75c92fe9">徐冬冬近照曝光,穿斑马纹上衣美艳又清纯,手捧鲜花氛围感十足</a></p>
  228. <p><a href="/newblog/post/d893f92f">女神们:上帝给了你一张漂亮的脸,你为什么还要自己再造一张脸?</a></p>
  229. <p><a href="/newblog/post/ad6c612e">晋城:石末!石末</a></p>
  230. <p><a href="/newblog/post/c1a4b69c">见过美的、见过可爱的,但没见过欧阳娜娜这种又美又甜又可爱的!欧阳娜娜美的开学季</a></p>
  231. <p><a href="/newblog/post/264cb66d">吊带亮片连衣裙,徐冬冬的淑女坐姿,网友:太傲娇!徐冬冬时尚吊带</a></p>
  232. </blockquote>
  233.  
  234.  
  235.  </div>
  236.  
  237.  <footer class="post-footer">
  238.    <ul class="post-tags">
  239.      <li><a href="https://www.17cats.com/newblog/tags/%E5%8E%A6%E9%97%A8%E5%A4%A7%E5%AD%A6/">厦门大学</a></li>
  240.      <li><a href="https://www.17cats.com/newblog/tags/%E7%BE%8E%E4%B8%BD/">美丽</a></li>
  241.      <li><a href="https://www.17cats.com/newblog/tags/%E5%A4%A7%E6%B5%B7/">大海</a></li>
  242.      <li><a href="https://www.17cats.com/newblog/tags/%E6%A0%A1%E5%9B%AD/">校园</a></li>
  243.      <li><a href="https://www.17cats.com/newblog/tags/%E5%8E%A6%E9%97%A8/">厦门</a></li>
  244.    </ul>
  245. <nav class="paginav">
  246.  <a class="prev" href="https://www.17cats.com/newblog/post/dea25e91/">
  247.    <span class="title">« 上一页</span>
  248.    <br>
  249.    <span>中国最会打球野球的人!曹芳打野球一年挣得比职业球员还多!中国曹芳</span>
  250.  </a>
  251.  <a class="next" href="https://www.17cats.com/newblog/post/17ffa9c5/">
  252.    <span class="title">下一页 »</span>
  253.    <br>
  254.    <span>中国最豪华火车在乌鲁木齐发车了</span>
  255.  </a>
  256. </nav>
  257.  
  258.  </footer>
  259. </article>
  260.    </main>
  261.    
  262. <footer class="footer">
  263.    <span>&copy; 2023 <a href="https://www.17cats.com/newblog/">17Cats Newer</a></span>
  264.    <a href="https://www.eprolo.com/br/">Fornecedores dropshipping</a>
  265.    <a href="https://unicmi.co/collections/chest-binder">Chest Binder</a>
  266. </footer>
  267. <a href="#top" aria-label="go to top" title="Go to Top (Alt + G)" class="top-link" id="top-link" accesskey="g">
  268.    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 6" fill="currentColor">
  269.        <path d="M12 6H0l6-6z" />
  270.    </svg>
  271. </a>
  272.  
  273. <script>
  274.    let menu = document.getElementById('menu')
  275.    if (menu) {
  276.        menu.scrollLeft = localStorage.getItem("menu-scroll-position");
  277.        menu.onscroll = function () {
  278.            localStorage.setItem("menu-scroll-position", menu.scrollLeft);
  279.        }
  280.    }
  281.  
  282.    document.querySelectorAll('a[href^="#"]').forEach(anchor => {
  283.        anchor.addEventListener("click", function (e) {
  284.            e.preventDefault();
  285.            var id = this.getAttribute("href").substr(1);
  286.            if (!window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
  287.                document.querySelector(`[id='${decodeURIComponent(id)}']`).scrollIntoView({
  288.                    behavior: "smooth"
  289.                });
  290.            } else {
  291.                document.querySelector(`[id='${decodeURIComponent(id)}']`).scrollIntoView();
  292.            }
  293.            if (id === "top") {
  294.                history.replaceState(null, null, " ");
  295.            } else {
  296.                history.pushState(null, null, `#${id}`);
  297.            }
  298.        });
  299.    });
  300. </script>
  301. <script>
  302.    var mybutton = document.getElementById("top-link");
  303.    window.onscroll = function () {
  304.        if (document.body.scrollTop > 800 || document.documentElement.scrollTop > 800) {
  305.            mybutton.style.visibility = "visible";
  306.            mybutton.style.opacity = "1";
  307.        } else {
  308.            mybutton.style.visibility = "hidden";
  309.            mybutton.style.opacity = "0";
  310.        }
  311.    };
  312. </script>
  313. <script>
  314.    document.getElementById("theme-toggle").addEventListener("click", () => {
  315.        if (document.body.className.includes("dark")) {
  316.            document.body.classList.remove('dark');
  317.            localStorage.setItem("pref-theme", 'light');
  318.        } else {
  319.            document.body.classList.add('dark');
  320.            localStorage.setItem("pref-theme", 'dark');
  321.        }
  322.    })
  323. </script></body>
  324.  
  325. </html>
  326.  
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda