From ed3b56c2be3332999aba97898b8f3db33cbc7218 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=9C=E6=81=92?= <2323333339@qq.com>
Date: Tue, 19 Jan 2021 17:56:21 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/css/joe.global.css     |   1 +
 assets/css/joe.global.scss    |  32 +++++++++
 assets/css/joe.normalize.css  |   1 +
 assets/css/joe.normalize.scss | 128 ++++++++++++++++++++++++++++++++++
 assets/img/logo.png           | Bin 0 -> 9875 bytes
 assets/js/joe.config.js       |   3 -
 assets/js/joe.global.js       |   1 +
 functions.php                 |  14 +++-
 index.php                     |  19 +++++
 public/footer.php             |   0
 public/header.php             |  11 +++
 public/include.php            |  11 +++
 12 files changed, 217 insertions(+), 4 deletions(-)
 create mode 100644 assets/css/joe.global.css
 create mode 100644 assets/css/joe.global.scss
 create mode 100644 assets/css/joe.normalize.css
 create mode 100644 assets/css/joe.normalize.scss
 create mode 100644 assets/img/logo.png
 create mode 100644 assets/js/joe.global.js
 create mode 100644 public/footer.php
 create mode 100644 public/header.php
 create mode 100644 public/include.php

diff --git a/assets/css/joe.global.css b/assets/css/joe.global.css
new file mode 100644
index 0000000..9dcccce
--- /dev/null
+++ b/assets/css/joe.global.css
@@ -0,0 +1 @@
+.joe_header{position:-webkit-sticky;position:sticky;top:0;z-index:1000;background:var(--background);box-shadow:0 2px 10px 0 rgba(0,0,0,0.1)}.joe_header__above-logo{position:relative;display:flex;align-items:center;height:60px;padding-right:15px;margin-right:15px}.joe_header__above-logo img{max-width:150px;max-height:50px;-o-object-fit:cover;object-fit:cover}.joe_header__above-logo::after{content:'';position:absolute;top:50%;right:0;width:1px;height:20px;background:var(--classC);-webkit-transform:translateY(-50%);transform:translateY(-50%)}
diff --git a/assets/css/joe.global.scss b/assets/css/joe.global.scss
new file mode 100644
index 0000000..39a175f
--- /dev/null
+++ b/assets/css/joe.global.scss
@@ -0,0 +1,32 @@
+.joe_header {
+    position: sticky;
+    top: 0;
+    z-index: 1000;
+    background: var(--background);
+    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
+    &__above {
+        &-logo {
+            position: relative;
+            display: flex;
+            align-items: center;
+            height: 60px;
+            padding-right: 15px;
+            margin-right: 15px;
+            img {
+                max-width: 150px;
+                max-height: 50px;
+                object-fit: cover;
+            }
+            &::after {
+                content: '';
+                position: absolute;
+                top: 50%;
+                right: 0;
+                width: 1px;
+                height: 20px;
+                background: var(--classC);
+                transform: translateY(-50%);
+            }
+        }
+    }
+}
diff --git a/assets/css/joe.normalize.css b/assets/css/joe.normalize.css
new file mode 100644
index 0000000..626ca6e
--- /dev/null
+++ b/assets/css/joe.normalize.css
@@ -0,0 +1 @@
+*{margin:0;padding:0;box-sizing:border-box;outline:none;-webkit-tap-highlight-color:transparent}body{font-size:14px;background:#f5f5f5;font-family:'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif}input[type='text']{-webkit-appearance:none;border-radius:0;font-size:13px;font-weight:500}textarea{resize:none;-webkit-appearance:none}li{list-style:none}a{text-decoration:none}h1,h2,h3,h4,h5,h6{font-weight:500}img{border:0;vertical-align:middle}img[src=''],img:not([src]){border:0;opacity:0}svg,canvas{vertical-align:middle}button{cursor:pointer;-webkit-appearance:none;font-size:13px}table{border-collapse:collapse;border-spacing:0}.joe_container{display:flex;max-width:1140px;margin:0 auto;padding:0 15px}.joe_main{min-width:0;flex:1;padding:15px 0}@media (max-width: 1200px){.joe_container{max-width:960px}}@media (max-width: 992px){.joe_container{max-width:720px}}@media (max-width: 768px){.joe_container{max-width:540px}}@media (max-width: 576px){.joe_container{max-width:100%}}html{--background: #fff;--theme: #f24e4e;--main: #303133;--routine: #606266;--minor: #909399;--seat: #c0c4cc;--classA: #dcdfe6;--classB: #e4e7ed;--classC: #ebeef5;--classD: #f2f6fc;--text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);--box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22)}html[dark='true']{--background: #303133;--box-shadow: none}
diff --git a/assets/css/joe.normalize.scss b/assets/css/joe.normalize.scss
new file mode 100644
index 0000000..1de9afe
--- /dev/null
+++ b/assets/css/joe.normalize.scss
@@ -0,0 +1,128 @@
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+    outline: none;
+    -webkit-tap-highlight-color: transparent;
+}
+
+body {
+    font-size: 14px;
+    background: #f5f5f5;
+    font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
+}
+
+input[type='text'] {
+    -webkit-appearance: none;
+    border-radius: 0;
+    font-size: 13px;
+    font-weight: 500;
+}
+
+textarea {
+    resize: none;
+    -webkit-appearance: none;
+}
+
+li {
+    list-style: none;
+}
+
+a {
+    text-decoration: none;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    font-weight: 500;
+}
+
+img {
+    border: 0;
+    vertical-align: middle;
+}
+
+img[src=''],
+img:not([src]) {
+    border: 0;
+    opacity: 0;
+}
+
+svg,
+canvas {
+    vertical-align: middle;
+}
+
+button {
+    cursor: pointer;
+    -webkit-appearance: none;
+    font-size: 13px;
+}
+
+table {
+    border-collapse: collapse;
+    border-spacing: 0;
+}
+
+.joe_container {
+    display: flex;
+    max-width: 1140px;
+    margin: 0 auto;
+    padding: 0 15px;
+}
+
+.joe_main {
+    min-width: 0;
+    flex: 1;
+    padding: 15px 0;
+}
+
+@media (max-width: 1200px) {
+    .joe_container {
+        max-width: 960px;
+    }
+}
+@media (max-width: 992px) {
+    .joe_container {
+        max-width: 720px;
+    }
+}
+@media (max-width: 768px) {
+    .joe_container {
+        max-width: 540px;
+    }
+}
+@media (max-width: 576px) {
+    .joe_container {
+        max-width: 100%;
+    }
+}
+
+html {
+    --background: #fff;
+
+    --theme: #f24e4e;
+
+    --main: #303133;
+    --routine: #606266;
+    --minor: #909399;
+    --seat: #c0c4cc;
+
+    --classA: #dcdfe6;
+    --classB: #e4e7ed;
+    --classC: #ebeef5;
+    --classD: #f2f6fc;
+
+    --text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
+
+    --box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22);
+}
+
+html[dark='true'] {
+    --background: #303133;
+    --box-shadow: none;
+}
diff --git a/assets/img/logo.png b/assets/img/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..aa6873da733c9c484270c739234f959d25e97d58
GIT binary patch
literal 9875
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

literal 0
HcmV?d00001

diff --git a/assets/js/joe.config.js b/assets/js/joe.config.js
index 6083db7..58552e1 100644
--- a/assets/js/joe.config.js
+++ b/assets/js/joe.config.js
@@ -9,10 +9,8 @@ document.addEventListener("DOMContentLoaded", function () {
                 _item.classList.remove("active");
             });
             item.classList.add("active");
-
             let current = item.getAttribute("data-current");
             sessionStorage.setItem("joe_config_current", current);
-
             if (current === "joe_notice") {
                 Notice.style.display = "block";
                 Form.style.display = "none";
@@ -20,7 +18,6 @@ document.addEventListener("DOMContentLoaded", function () {
                 Notice.style.display = "none";
                 Form.style.display = "block";
             }
-
             Content.forEach(function (_item) {
                 _item.style.display = "none";
                 let flag = _item.classList.contains(current);
diff --git a/assets/js/joe.global.js b/assets/js/joe.global.js
new file mode 100644
index 0000000..7e7d7c8
--- /dev/null
+++ b/assets/js/joe.global.js
@@ -0,0 +1 @@
+document.addEventListener('DOMContentLoaded', function () {});
diff --git a/functions.php b/functions.php
index 39ad655..d60799d 100644
--- a/functions.php
+++ b/functions.php
@@ -38,7 +38,7 @@ function themeConfig($form)
     $JFavicon = new Typecho_Widget_Helper_Form_Element_Textarea(
         'JFavicon',
         NULL,
-        "https://cdn.jsdelivr.net/gh/HaoOuBa/Joe@master/assets/img/favicon.ico",
+        'https://cdn.jsdelivr.net/gh/HaoOuBa/Joe@master/assets/img/favicon.ico',
         '网站 Favicon 设置（非必填）',
         '介绍：用于设置网站 Favicon，一个好的 Favicon 可以给用户一种很专业的观感 <br />
          格式：图片 URL地址 或 Base64 地址 <br />
@@ -46,4 +46,16 @@ function themeConfig($form)
     );
     $JFavicon->setAttribute('class', 'joe_content joe_image');
     $form->addInput($JFavicon);
+
+    $JLogo = new Typecho_Widget_Helper_Form_Element_Textarea(
+        'JLogo',
+        NULL,
+        'https://cdn.jsdelivr.net/gh/HaoOuBa/Joe@master/assets/img/logo.png',
+        '网站 Logo 设置（非必填）',
+        '介绍：用于设置网站 Logo，一个好的 Logo 能为网站带来有效的流量 <br />
+         格式：图片 URL地址 或 Base64 地址 <br />
+         其他：免费制作 logo 网站 <a target="_blank" href="//www.uugai.com">www.uugai.com</a>'
+    );
+    $JLogo->setAttribute('class', 'joe_content joe_image');
+    $form->addInput($JLogo);
 } ?>
\ No newline at end of file
diff --git a/index.php b/index.php
index 68f740d..de1b723 100644
--- a/index.php
+++ b/index.php
@@ -6,3 +6,22 @@
  * @author Joe
  * @link https://ae.js.cn
  */
+
+?>
+
+<!DOCTYPE html>
+<html lang="zh-CN">
+
+<head>
+    <?php $this->need('public/include.php'); ?>
+</head>
+
+<body>
+    <div id="Joe">
+        <?php $this->need('public/header.php'); ?>
+
+        <?php $this->need('public/footer.php'); ?>
+    </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/footer.php b/public/footer.php
new file mode 100644
index 0000000..e69de29
diff --git a/public/header.php b/public/header.php
new file mode 100644
index 0000000..222fb74
--- /dev/null
+++ b/public/header.php
@@ -0,0 +1,11 @@
+<header class="joe_header">
+
+    <!-- Header Above -->
+    <div class="joe_header__above">
+        <div class="joe_container">
+            <a class="joe_header__above-logo" href="<?php $this->options->siteUrl(); ?>">
+                <img src="<?php $this->options->JLogo() ?>" alt="<?php $this->options->title(); ?>" />
+            </a>
+        </div>
+    </div>
+</header>
\ No newline at end of file
diff --git a/public/include.php b/public/include.php
new file mode 100644
index 0000000..3e5b8c1
--- /dev/null
+++ b/public/include.php
@@ -0,0 +1,11 @@
+<meta charset="utf-8" />
+<meta name="renderer" content="webkit" />
+<meta http-equiv="Cache-Control" content="no-siteapp" />
+<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
+<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, shrink-to-fit=no, viewport-fit=cover">
+<link rel="shortcut icon" href="<?php $this->options->JFavicon() ?>" />
+<?php $this->header(); ?>
+<title><?php $this->options->title(); ?></title>
+<link rel="stylesheet" href="<?php $this->options->themeUrl('assets/css/joe.normalize.css'); ?>">
+<link rel="stylesheet" href="<?php $this->options->themeUrl('assets/css/joe.global.css'); ?>">
+<script src="<?php $this->options->themeUrl('assets/js/joe.global.js'); ?>"></script>
\ No newline at end of file