https://cmx-im.github.io/

Submitted URL:
https://cmx.imRedirected
Report Finished:

The outgoing links identified from the page

LinkText
https://github.com/geph-official/geph4-client/wiki/%E8%BF%B7%E9%9B%BE%E9%80%9A%EF%BC%88%E5%85%8D%E7%BF%BB%E5%A2%99%E9%95%9C%E5%83%8F%EF%BC%89迷雾通VPN
https://m.cmx.im/直连主站
https://unsplash.com/@chengfengrecordCheng Feng
https://m.cmx.im/@strawberry
https://mastodon.online/@cmx_status

JavaScript Variables · 35 found

Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope

NameType
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
ytpobject
onYouTubeIframeAPIReadyfunction
nAgtstring
isTouchSupportedfunction
getOSfunction
nameOffsetundefined
verOffsetnumber

Console log messages · 2 found

Messages logged to the web console

TypeCategoryLog
warningother
Text
Error with Permissions-Policy header: Origin trial controlled feature not enabled: 'interest-cohort'.
logother
URL
https://cmx-im.github.io/js/load-mirrors.js
Text
mastodon reachable

HTML

The raw HTML body of the page

<!DOCTYPE html><html lang="zh-Hans" dir="ltr" class=" js flexbox flexboxlegacy canvas canvastext webgl no-touch geolocation postmessage no-websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers no-applicationcache svg inlinesvg smil svgclippaths"><head>
    <meta charset="utf-8">

    <!-- Page Title-->
    <title>长毛象中文站 - Mastodon Chinese</title>

    <!-- Meta Tags-->
    <meta name="description" content="CMX.IM是长毛象(Mastodon)的一个中文实例。Mastodon 是一个开源的、符合 GNU Social 规范的去中心化社交网络,整个长毛象社区是由无数实例组成的。注册本社区后你不仅可以与本实例内的用户互动,并且可以与来自世界各地的其他实例中的用户无缝连接。 ">
    <meta name="keywords" content="长毛象中文站, 长毛象, 草莓县, 联邦宇宙, 去中心化, 社交网络, Mastodon, Mastodon Chinese, Fediverse">
    <meta name="author" content="长毛象中文站">

    <!-- Viewport Meta-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

    <!-- Template Favicon & Icons Start -->
    <link rel="icon" href="favicon.ico" sizes="any">
    <link rel="apple-touch-icon" href="img/favicon/apple-touch-icon.png">
    <link rel="manifest" href="img/favicon/manifest.webmanifest">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw==" crossorigin="anonymous" referrerpolicy="no-referrer">
    <!-- Template Favicon & Icons End -->
    
    <!-- Template Styles Start -->
    <link rel="stylesheet" type="text/css" href="css/loaders/loader.css">
    <link rel="stylesheet" type="text/css" href="css/plugins.css">
    <link rel="stylesheet" type="text/css" href="css/main.css">
    <!-- Template Styles End -->

    <!-- Custom Browser Color Start -->
    <meta name="theme-color" content="#fc466b">
    <meta name="msapplication-navbutton-color" content="#fc466b">
    <meta name="apple-mobile-web-app-status-bar-style" content="#fc466b">
    <!-- Custom Browser Color End -->

    <style>
      a {
        color: blueviolet;
      }
      #mirror-login[disabled] {
        opacity: 0.5;
        pointer-events: none;
      }
    </style>

  </head>

  <body>

    <!-- Loader Start -->
    <div class="loader is-animated">
      <div class="loader__container">
        <div class="loader-content">
          <div class="loader-logo fadeOut">
            <!-- Your Logo Here -->
            <img src="favicon.ico" alt="长毛象中文站">
          </div>
        </div>
      </div>
      <div class="loader__darkscreen"></div>
    </div>
    <!-- Loader End -->

    <!-- Main Section Start -->
    <section id="main" class="main">

      <!-- Main Section Content Start -->
      <div class="main__content">
        <div class="container-fluid p-0 fullheight">
          <div class="row g-0 fullheight">

            <!-- Main Section Intro Start -->
            <div class="col-12 col-xl-6 main__intro">
              <div class="intro__content">

                <!-- Headline Start -->
                <div id="headline" class="headline">
                  <!-- Animated Headline Start -->
                  <h1 class="headline__title animated-headline">
                    我们相信<span class="gradient-text">社交网络</span><br>
                    应该是<span id="typed-strings" style="display: none;">
                      <b>尊重隐私的</b>
                      <b>言论自由的</b>
                      <b>安全的</b>
                      <b>包容多元的</b>
                      <b>来去自由的</b>
                    </span>
                    <span id="typed">尊重隐私的</span><span class="typed-cursor typed-cursor--blink" aria-hidden="true">|</span>
                  </h1>
                  <!-- Animated Headline End -->
                  <p class="headline__text">长毛象中文站是一个开放、友好、有爱的社区。长毛象中文站主题为喵、汪、各种动物、社交、科技、编程及生活。
                    我们欢迎友好、热情、乐于分享的朋友,无论你的兴趣点是什么。长毛象中文站是 Mastodon 的一个中文实例。
                    Mastodon 是一个开源的、符合 GNU Social 规范的去中心化社交网络,整个 Mastodon 社区是由无数实例组成的。
                    注册本社区后你不仅可以与本实例内的用户互动,并且可以与来自世界各地的其他实例中的用户无缝连接。</p>
                  
                  <p id="walled-warning" style="display:none; color:palevioletred"><br><strong>
                    ⚠️ 检测到您的网络环境阻断了到长毛象中文站的连接!
                    如果您在中国,请尝试使用下方“镜像入口”或使用VPN,例如
                    <a href="https://github.com/geph-official/geph4-client/wiki/%E8%BF%B7%E9%9B%BE%E9%80%9A%EF%BC%88%E5%85%8D%E7%BF%BB%E5%A2%99%E9%95%9C%E5%83%8F%EF%BC%89">迷雾通VPN</a>,访问本站。
                    镜像入口仍然随时可能被墙,请收藏本页面以便日后访问。
                  </strong></p>
                  
                  <p id="proxy-missing-filter-warning" style="display:none; color:palevioletred"><br><strong>
                    ⚠️ 检测到您已经翻墙成功,但可能没有正确配置VPN的分流规则。
                    请将 m.cmx.im 这个域名添加到到您的VPN软件的分流规则中,或使用全局代理模式。
                    否则即使开启了VPN,如果本站不在翻墙规则内,您依然无法正常访问本站。
                    </strong></p>

                  <p id="mirror-addresses-loading" style="display:none;"><br><strong>
                    <span id="mirror-addresses-loading-spinner" class="spinner-border spinner-border-sm" role="status" aria-hidden="true">
                      <i class="fas fa-spinner fa-spin"></i>
                    </span>
                    镜像地址正在加载中,请等待10秒。加载成功后请点击下方“镜像入口”按钮。
                  </strong></p>

                  <p id="walled-ok" style="display: inline-block; color: cyan;"><br><strong>✅ 您的网络环境通畅,可以正常访问长毛象中文站,不需要镜像。</strong></p>
                  
                  <div class="headline__btnholder">
                    <a id="login" href="https://m.cmx.im/" target="_blank" class="btn btn-l btn-gradient">
                      <span class="btn-border"></span>
                      <span class="btn-hover"></span>
                      <span class="btn-caption">直连主站</span>
                    </a>
                    <a id="mirror-login" href="https://m.cmx.im/" target="_blank" class="btn btn-l btn-gradient" disabled="">
                      <span class="btn-border"></span>
                      <span class="btn-hover"></span>
                      <span class="btn-caption">
                        镜像入口</span>
                    </a>
                    <a id="terms" href="terms.html" target="_blank" class="btn btn-l btn-outline">
                      <span class="btn-border"></span>
                      <span class="btn-hover"></span>
                      <span class="btn-caption">社区规则</span>
                    </a>
                  </div>
                </div>
                <!-- Headline End -->

                

              </div>
            </div>
            <!-- Main Section Intro End -->

            <!-- Main Section Media Start -->
            <div class="col-12 col-xl-6 main__media">
              <div class="main__darkscreen"></div>
              <div class="media__content">

                <!-- Main Section Split Image Background Start -->
                <div class="media__image media-image-1"></div>
                <!-- Main Section Split Image Background End -->

                <!-- Main Section Color Gradient Layer Start -->
                <div class="color-layer gradient-layer-bottom-low"></div>
                <!-- Main Section Color Gradient Layer End -->

                <!-- Main Section Copyright Start -->
                <div class="media__copyright">
                  <p><a href="https://unsplash.com/@chengfengrecord" class="light" target="_blank">Cheng Feng</a></p>
                </div>
                <!-- Main Section Copyright Start -->

              </div>
            </div>
            <!-- Main Section Media End -->

            

          </div>
        </div>
      </div>
      <!-- Main Section Content End -->

    </section>
    <!-- Main Section End -->

    

    <!-- Root element of PhotoSwipe. Must have class pswp. -->
    <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">

      <!-- Background of PhotoSwipe.
      It's a separate element, as animating opacity is faster than rgba(). -->
      <div class="pswp__bg"></div>

      <!-- Slides wrapper with overflow:hidden. -->
      <div class="pswp__scroll-wrap">

        <!-- Container that holds slides. PhotoSwipe keeps only 3 slides in DOM to save memory. -->
        <!-- don't modify these 3 pswp__item elements, data is added later on. -->
        <div class="pswp__container">
            <div class="pswp__item"></div>
            <div class="pswp__item"></div>
            <div class="pswp__item"></div>
        </div>

        <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. -->
        <div class="pswp__ui pswp__ui--hidden">

          <div class="pswp__top-bar">

            <!--  Controls are self-explanatory. Order can be changed. -->

            <div class="pswp__counter"></div>

            <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>

            <button class="pswp__button pswp__button--share" title="Share"></button>

            <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>

            <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>

            <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR -->
            <!-- element will get class pswp__preloader-active when preloader is running -->
            <div class="pswp__preloader">
                    <div class="pswp__preloader__icn">
                      <div class="pswp__preloader__cut">
                        <div class="pswp__preloader__donut"></div>
                      </div>
                    </div>
            </div>
          </div>

            <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
                <div class="pswp__share-tooltip"></div>
            </div>

            <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
            </button>

            <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
            </button>

            <div class="pswp__caption">
                <div class="pswp__caption__center"></div>
            </div>

        </div>

      </div>

      <a rel="me" href="https://m.cmx.im/@strawberry"> </a>
      <a rel="me" href="https://mastodon.online/@cmx_status"> </a>

    </div>

    <!-- Load Scripts Start -->
    <script src="js/libs.min.js"></script>
    <script src="js/gallery-init.js"></script>
    <script src="js/custom.js"></script>
    <script src="js/load-mirrors.js"></script>

    <!-- Load Scripts End -->

  


<style type="text/css" data-typed-js-css="true">
        .typed-cursor{
          opacity: 1;
        }
        .typed-cursor.typed-cursor--blink{
          animation: typedjsBlink 0.7s infinite;
          -webkit-animation: typedjsBlink 0.7s infinite;
                  animation: typedjsBlink 0.7s infinite;
        }
        @keyframes typedjsBlink{
          50% { opacity: 0.0; }
        }
        @-webkit-keyframes typedjsBlink{
          0% { opacity: 1; }
          50% { opacity: 0.0; }
          100% { opacity: 1; }
        }
      </style></body></html>