master

分支 (2)

管理

管理

master

uniapp

my_resume
/
index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <title>SpaceObj</title>
    <meta name="keywords" content="SpaceObj">
    <link rel="stylesheet" type="text/css" href="./css/FiraCode.css">
    <link rel="stylesheet" type="text/css" href="./css/nutssss.css">
    <link rel="icon" href="./favicon.ico">
    <title>SpaceObj</title>
    <meta name="description" content="SpaceObj"/>
    <meta name="author" content="SpaceObj"/>
    <link rel="base" href="https://www.spaceobj.com"/>
    <link rel="canonical" href="https://www.spaceobj.com"/>
    <meta rel="sitemap" type="application/xml" content="https://www.spaceobj.com"/>
    <meta name="robots" content=""/>
    <meta name="googlebot" content=""/>
    <meta name="theme-color" content="#388ce5"/>
    <meta name="msapplication-navbutton-color" content="#388ce5"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="#388ce5"/>
    <!-- Schema.org markup for Google+ -->
    <meta itemprop="name" content="SpaceObj"/>
    <meta itemprop="description" content="SpaceObj"/>
    <meta itemprop="image" content="https://www.spaceobj.com/img/logo.png"/>
    <!-- markup for facebook -->
    <meta property="og:type" content="website"/>
    <meta property="og:title" content="SpaceObj"/>
    <meta property="og:url" content="https://www.spaceobj.com"/>
    <meta property="og:site_name" content="SpaceObj"/>
    <meta property="og:image" content="https://www.spaceobj.com/img/logo.png"/>
    <meta property="og:description" content="SpaceObj"/>
    <meta property="og:locale" content="html"/>
    <meta property="fb:app_id" content="冀ICP备2020029498号-1"/>
    <meta property="fb:admins" content="admin"/>
    <!-- markup for twitter -->
    <meta name="twitter:card" content="Summary"/>
    <meta name="twitter:title" content="SpaceObj"/>
    <meta name="twitter:description" content="SpaceObj"/>
    <meta name="twitter:creator" content="SpaceObj"/>
    <meta name="twitter:image" content="https://www.spaceobj.com/img/logo.png"/>
    <!-- JSON-LD - structured data markup Google Search -->
    <script type="application/ld+json">
        {
            "@context": "http://www.schema.org",
            "@type": "person",
            "name": "SpaceObj",
            "jobTitle": "java工程师",
            "url": "https://www.spaceobj.com/",
            "address": {
                "addressLocality": "深圳",
                "@type": "PostalAddress",
                "addressRegion": "未知",
                "postalCode": "未知",
                "addressCountry": "中国"
            },
            "email": "[email protected]",
            "telephone": "13212346439",
            "birthDate": "1996-04-23"
        }
    </script>
</head>

<body>
<div id="box">
    <!-- 个人资料卡片 -->
    <div class="meBox">
        <!-- 头像 -->
        <div class="headPhoto"></div>
        <!-- 介绍 -->
        <div class="meBox-title">
            <p>张泓锐</p>
            <div class="fg"></div>
        </div>
        <div class="meBox-text">
            <div>
                <p>宇宙第一帅👍🏻</p>
            </div>
        </div>
        <!-- 两个按钮 -->
        <div class="meBox-Button">
            <a href="#" onclick="about()">关于</a>
            <a href="#" onclick="link()">联系</a>
        </div>
    </div>

    <!-- 伪终端介绍 -->
    <div id="cmdBox">
        <!-- 第一个终端 -->
        <div class="cmd">
            <!-- 三个按钮 -->
            <div class="click">
                <div class="red"></div>
                <div class="yellow"></div>
                <div class="green"></div>
            </div>
            <!-- 顶部标题 -->
            <div class="title">
                <span>SpaceObj - bash</span>
            </div>
            <!-- 终端内文字 -->
            <div class="cmdText">
                <span style="color: rgb(0, 190, 0);">root@SpaceObj</span>
                <span style="color: blue;">~</span>
                <span style="color: rgb(39, 39, 39);">./weather.sh</span>
                <br/>
                <iframe scrolling="no" src="https://tianqiapi.com/api.php?style=tb&skin=pitaya" frameborder="0"
                        width="350" height="24" allowtransparency="true"></iframe>
                <br/>
                <span style="color: rgb(0, 190, 0);">root@SpaceObj</span>
                <span style="color: blue;">~</span>
                <span style="color: rgb(39, 39, 39);">cat /motto.txt</span>
                <p>
                    志同道合的人才会走到一起，这是规律。负能量的人走到一起会加倍负能量，正能量的人走到一起会加倍正能量，这是因果。</p>
                <span style="color: rgb(0, 190, 0);">root@SpaceObj</span>

            </div>
        </div>
        <!-- 第二个终端 -->
        <div class="cmd cmd2">
            <!-- 三个按钮 -->
            <div class="click">
                <div class="red"></div>
                <div class="yellow"></div>
                <div class="green"></div>
            </div>
            <!-- 顶部标题 -->
            <div class="title">
                <span>SpaceObj - bash</span>
            </div>
            <!-- 终端内文字 -->
            <div class="cmdText">
                <span style="color: rgb(0, 190, 0);">root@SpaceObj</span>
                <span style="color: blue;">~</span>
                <span style="color: rgb(39, 39, 39);">./links.sh</span>
                <p>博客站点：</p>
                <ul class="ul">
                    <li><a href="https://www.cnblogs.com/zhanghongrui/">博客园</a></li>
                    <li><a href="https://github.com/zhrgithub">github</a></li>
                </ul>
                <span style="color: rgb(0, 190, 0);">root@SpaceObj</span>
                <span style="color: blue;">~</span>
            </div>
        </div>
    </div>
</div>

<!-- 页脚 -->
<div id="footer" style="color: black">
    <p>© <a href="http://beian.miit.gov.cn" style="color: black">冀ICP备2020029498号-2 </a></p>
    <p>THEME MADE BY <a style="color: black" href="">SpaceObj</a></p>
</div>
<script>
    window.alert = function (msg, callback) {
        var div = document.createElement("div");
        div.innerHTML = "<style type=\"text/css\">"
            + ".nbaMask { position: fixed; z-index: 1000; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); }                                                                                                                                                                       "
            + ".nbaMaskTransparent { position: fixed; z-index: 1000; top: 0; right: 0; left: 0; bottom: 0; }                                                                                                                                                                                            "
            + ".nbaDialog { position: fixed; z-index: 5000; width: 80%; max-width: 300px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #fff; text-align: center; border-radius: 8px; overflow: hidden; opacity: 1; color: white; }"
            + ".nbaDialog .nbaDialogHd { padding: .2rem .27rem .08rem .27rem; }                                                                                                                                                                                                                         "
            + ".nbaDialog .nbaDialogHd .nbaDialogTitle { font-size: 28px; font-weight: 400; }                                                                                                                                                                                                           "
            + ".nbaDialog .nbaDialogBd { padding: .8rem .8rem .8rem .8rem; font-size: 18px; line-height: 1.3; word-wrap: break-word; word-break: break-all; color: #000000; }                                                                                                                                          "
            + ".nbaDialog .nbaDialogFt { position: relative; line-height: 48px; font-size: 17px; display: -webkit-box; display: -webkit-flex; display: flex; }                                                                                                                                          "
            + ".nbaDialog .nbaDialogFt:after { content: \" \"; position: absolute; left: 0; top: 0; right: 0; height: 1px; border-top: 1px solid #e6e6e6; color: #e6e6e6; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }               "
            + ".nbaDialog .nbaDialogBtn { display: block; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; color: #1E90FF; text-decoration: none; -webkit-tap-highlight-color: transparent; position: relative; margin-bottom: 0; }                                                                       "
            + ".nbaDialog .nbaDialogBtn:after { content: \" \"; position: absolute; left: 0; top: 0; width: 1px; bottom: 0; border-left: 1px solid #e6e6e6; color: #e6e6e6; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleX(0.5); transform: scaleX(0.5); }             "
            + ".nbaDialog a { text-decoration: none; -webkit-tap-highlight-color: transparent; }"
            + "</style>"
            + "<div id=\"dialogs2\" style=\"display: none\">"
            + "<div class=\"nbaMask\"></div>"
            + "<div class=\"nbaDialog\">"
            + "    <div class=\"nbaDialogHd\">"
            + "        <strong class=\"nbaDialogTitle\"></strong>"
            + "    </div>"
            + "    <div class=\"nbaDialogBd\" id=\"dialog_msg2\">弹窗内容，告知当前状态、信息和解决方法，描述文字尽量控制在三行内</div>"
            + "    <div class=\"nbaDialogHd\">"
            + "        <strong class=\"nbaDialogTitle\"></strong>"
            + "    </div>"
            + "    <div class=\"nbaDialogFt\">"
            + "        <a href=\"javascript:;\" class=\"nbaDialogBtn nbaDialogBtnPrimary\" id=\"dialog_ok2\">确定</a>"
            + "    </div></div></div>";
        document.body.appendChild(div);

        var dialogs2 = document.getElementById("dialogs2");
        dialogs2.style.display = 'block';

        var dialog_msg2 = document.getElementById("dialog_msg2");
        dialog_msg2.innerHTML = msg;

        var dialog_ok2 = document.getElementById("dialog_ok2");
        dialog_ok2.onclick = function () {
            dialogs2.style.display = 'none';
            callback();
        };
    };

    function about() {
        alert("宇宙第一帅", function () {
            console.log("alert dlg closed");
        });
    }

    function link() {
        alert("微信：SpaceObj", function () {
            console.log("alert dlg closed");
        });
    }

</script>
</body>

</html>