﻿<!DOCTYPE html>
<html>

<head>
  <link rel="icon" href="https://q1.qlogo.cn/g?b=qq&nk=927924546&s=5" type="image/x-icon">
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="renderer" content="webkit">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <script type="text/javascript" src="pixi.min.js.html"></script>
  <script type="text/javascript" src="main.js.html"></script>
  <link rel="stylesheet" href="font.css.html">
  <title>小宇の小主页</title>
  <style>
    canvas {
      display: block;
      position: fixed;
      top: 0;
      left: 0;
      z-index: -2;
      pointer-events: none
    }
a:hover,
a:link,
a:visited,
a:active,
a:focus {
    text-decoration: none;
   
}

button,
input,
input:focus {
    outline: none;
    border: none;

}

a,
button,
input {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
*{

  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* 其他浏览器 */
}

    * {
      box-sizing: border-box;
      -webkit-text-size-adjust: none
    }

    img {
      border: 0;
      vertical-align: middle
    }


    body {
    margin: 0;
    padding: 0;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    width: 100vw;
    background: radial-gradient(#619bff, #e0e0e3);
}

    .main {
      width: 35%;
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    @media screen and (max-width:1024px) {
      .main {
        width: 45%;
      }
    }

    @media screen and (max-width:768px) {
      .main {
        width: 50%;
      }
    }

    @media screen and (max-width:540px) {
      .main {
        width: 60% !important;
      }
    }

    @media screen and (max-width:480px) {
      .main {
        width: 90% !important;
      }
    }

    @media screen and (max-width:360px) {
      .main {
        width: 100% !important;
      }
    }


    img {
      border: 3px solid rgba(255, 255, 255, 0.8);
      border-radius: 50%;
      box-shadow:0 0px 20px 5px #e6e8ea;
      transition: .4s ease-in-out;
    }

    h1 {

  font-family: 'Noto Serif SC', serif;
      color: #fff;
      font-size: 1.8rem;
      line-height: 2em;
      font-weight: 800;
    }

    h2 {
      margin: 0;
      color: #ffffffa3;
      padding-bottom: 45px;
      font-size: 18px;
    }

    ul {
      margin: 0;
      padding: 0;
      position: relative;
      list-style-type: none;
      display: -ms-inline-flexbox;
      display: inline-flex;
      width: 100%;
      -ms-flex-pack: distribute;
      justify-content: space-around;
      border-bottom: 2px solid hsla(0, 0%, 100%, .1);
      border-top: 2px solid hsla(0, 0%, 100%, .1);
      height: 80px;
      display: flex;
      align-items: center;
      justify-content: center;
      max-width: 85%
    }

    li {
      display: flex;
      transition: all .2s;
      width: 100%;
      border-left: 1px solid hsla(0, 0%, 100%, .1);
      border-right: 1px solid hsla(0, 0%, 100%, .1);
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center
    }

    a {
      font-size: 1.2rem;
      color: #ffffff;
      transition: all .2s;
     
      cursor: pointer;
    }

    a:hover {
      color: #fff !important;
       text-shadow:0 0px 20px  #ffffff;
    }
  </style>
</head>

<body>


  <div class="main">

    <img src="https://q1.qlogo.cn/g?b=qq&nk=927924546&s=5" width="130" height="130" alt="avatar">
    <h1>小宇yyds</h1>
    <h2>活着是为了什么呢？</h2>

    <ul>
      <li><a href="javascript:void(0)" onclick="showQQAlert()"><span>QQ</span></a></li>
      <li><a href="https://idc.xiaoyu17.top/"><span>IDC</span></a></li>
      <li><a href="https://ti.qq.com/new_open_qq/index.html?appid=64&url=mqqapi%3A%2F%2Fqqrobotaio%2Fopen%3Fuin%3D3889688774"><span>QQ机器人</span></a></li>
      <li><a href="https://space.bilibili.com/1854114783"><span>Bilibili</span></a></li>
    </ul>

  </div>
</body>
<script>
//按键触发 
document.onkeydown = function(event) {
    event = event || window.event;
    
    // 屏蔽所有Ctrl组合键
    if (event.ctrlKey) {
        // 完全屏蔽所有Ctrl组合键
        event.preventDefault();
        return false;
    }
    
    // 禁止 ctrl+u（已包含在上面的ctrlKey判断中）
    if (event.ctrlKey && event.keyCode == 85) {
        event.preventDefault();
        return false;
    }
    
    // 禁止 F12
    if (event.keyCode == 123) {
        event.preventDefault();
        event.returnValue = false;
        return false;
    }
};

//网站禁止右键
document.body.oncontextmenu = function() {
    return false;
};

// 禁用右键菜单、复制、选择
$(document).bind("contextmenu copy selectstart", function() {
    return false;
});

// 显示QQ提示框
function showQQAlert() {
    alert("QQ封禁中，等我解了再填，大号：927924546、小号：3834351146");
}
</script>
</html>