⚙️ Remove: 移除前台设置面板

3 files changed, 13 insertions, 270 deletions

diff --git a/assets/css/main/special.css b/assets/css/main/special.css
index 8116b81..182dbd9 100644
--- a/assets/css/main/special.css
+++ b/assets/css/main/special.css
@@ -38,143 +38,6 @@
 	color: black!important;

 }

 

-/* Options Pannel */

-.options {

-	backdrop-filter: blur(18px);

-	-webkit-backdrop-filter: blur(18px);

-	background: rgba(255,255,255,0.86);

-	transition: all 0.3s;

-	background: #fff;

-	border-radius: 2px;

-	box-shadow: 0 1px 8px #bababa;

-	-moz-box-shadow: 0 1px 8px #bababa;

-	-webkit-box-shadow: 0 1px 8px #bababa;

-	position: fixed;

-	top: 50px;

-	right: 0;

-	left: 0;

-	z-index: 20;

-	width: 100%;

-}

-.options hr {

-	border-color: rgb(245,245,245);

-	margin: 0;

-}

-.options.ready {

-	display: none;

-	top: 40px;

-}

-.options-content {

-	padding: 8px;

-	font-size: 15px;

-}

-.options-content h4 {

-	margin: 0;

-	margin-bottom: 8px;

-}

-.options-family {

-	text-align: center;

-}

-.options-family button,

-.options-contentsize-button {

-	display: block;

-	width: 100%;

-	border: none;

-	background: rgb(254,254,254,0);

-	font-size: 20px;

-	padding: 8px 0;

-	transition: all 0.3s;

-	outline: none;

-	cursor: pointer;

-	border-radius: 3px;

-}

-.options-contentsize-button {

-	font-size: 14px;

-	padding: 10xp 15px;

-}

-.options-family button:hover {

-	background: rgb(244,244,244,0.96);

-}

-.options-button-active {

-	background: #f1f1f1!important;

-}

-.options-theme-button.options-button-active {

-	border: 2px solid var(-theme-color);

-}

-.options-themes {

-	text-align: center;

-	margin-top: 20px;

-}

-.options-theme-label {

-	color: #fff;

-	font-size: 12px;

-	transition: color 0.3s;

-}

-.options-theme-item:hover .options-theme-label {

-	color: #bababa;

-}

-.options-theme-button {

-	height: 50px;

-	width: 50px;

-	border-radius: 100%;

-	border: none;

-	outline: none;

-	display: block;

-	margin: 0 auto;

-	cursor: pointer

-}

-.options-theme-normal {

-	background: rgb(240,240,240);

-}

-.options-theme-dark {

-	background: rgb(80,80,80)

-}

-.options-theme-sepia {

-	background: rgb(255,255,200)

-}

-/* Font Size */

-.body-contentsize-small .post-content,

-.body-contentsize-small .comment-content p,

-.body-contentsize-small .banner-content,

-.body-contentsize-small .nav-content {

-	font-size: 100%;

-}

-.body-contentsize-normal .post-content,

-.body-contentsize-normal .comment-content p,

-.body-contentsize-normal .banner-content,

-.body-contentsize-normal .nav-content {

-	font-size: 125%;

-}

-.body-contentsize-big .post-content,

-.body-contentsize-big .comment-content p,

-.body-contentsize-big .banner-content,

-.body-contentsize-big .nav-content {

-	font-size: 140%;

-}

-.body-contentsize-large .post-content,

-.body-contentsize-large .comment-content p,

-.body-contentsize-large .banner-content,

-.body-contentsize-large .nav-content {

-	font-size: 160%;

-}

-/* - For Footer */

-.body-contentsize-small .footer-info {

-	font-size: 15px;

-	line-height: 18px;

-}

-

-.body-contentsize-normal .footer-info {

-	font-size: 17px;

-}

-

-.body-contentsize-big .footer-info {

-	font-size: 18px;

-}

-

-.body-contentsize-large .footer-info {

-	font-size: 20px;

-}

-

 /* Footer */

 .footer-info {

 	background: #f0f0f0;

diff --git a/assets/js/miracles.min.js b/assets/js/miracles.min.js
index b376c79..27d1a1f 100644
--- a/assets/js/miracles.min.js
+++ b/assets/js/miracles.min.js
@@ -75,8 +75,12 @@ function Dark() {
     //Add cookie to record

     if ($("body").hasClass("body-dark")) {

         addCookie("darkTheme", "on", 9);

+		$("#toggle-dark-button").html('<i class="iconfont icon-sun"></i>');

+		$("#toggle-dark-mobile").html('<i class="iconfont icon-sun"></i>');

     } else {

         addCookie("darkTheme", "off", 9);

+		$("#toggle-dark-button").html('<i class="iconfont icon-moon"></i>');

+		$("#toggle-dark-mobile").html('<i class="iconfont icon-moon"></i>');

     }

 }

 

@@ -227,72 +231,6 @@ function bodyScroll(event) {
 }

 

 /**

- *  Front Options Pannel

- */

-//FontFamily

-function ChangeToSerif() {

-    $('body').addClass('body-serif');

-    $('.options-serif-button').addClass('options-button-active');

-    $('.options-sans-button').removeClass('options-button-active');

-}

-

-function ChangeToSansSerif() {

-    $('body').removeClass('body-serif');

-    $('.options-serif-button').removeClass('options-button-active');

-    $('.options-sans-button').addClass('options-button-active');

-}

-//SizeContent

-

-function SizeSmall() {

-    //add class for body

-    $('body').addClass('body-contentsize-small');

-    $('body').removeClass('body-contentsize-normal');

-    $('body').removeClass('body-contentsize-big');

-    $('body').removeClass('body-contentsize-large');

-    //active button

-    $('.options-sizesmall').addClass('options-button-active');

-    $('.options-sizenormal').removeClass('options-button-active');

-    $('.options-sizebig').removeClass('options-button-active');

-    $('.options-sizelarge').removeClass('options-button-active');

-}

-

-function SizeNormal() {

-    $('body').removeClass('body-contentsize-small');

-    $('body').addClass('body-contentsize-normal');

-    $('body').removeClass('body-contentsize-big');

-    $('body').removeClass('body-contentsize-large');

-    //active button

-    $('.options-sizesmall').removeClass('options-button-active');

-    $('.options-sizenormal').addClass('options-button-active');

-    $('.options-sizebig').removeClass('options-button-active');

-    $('.options-sizelarge').removeClass('options-button-active');

-}

-

-function SizeBig() {

-    $('body').removeClass('body-contentsize-small');

-    $('body').removeClass('body-contentsize-normal');

-    $('body').addClass('body-contentsize-big');

-    $('body').removeClass('body-contentsize-large');

-    //active button

-    $('.options-sizesmall').removeClass('options-button-active');

-    $('.options-sizenormal').removeClass('options-button-active');

-    $('.options-sizebig').addClass('options-button-active');

-    $('.options-sizelarge').removeClass('options-button-active');

-}

-

-function SizeLarge() {

-    $('body').removeClass('body-contentsize-small');

-    $('body').removeClass('body-contentsize-normal');

-    $('body').removeClass('body-contentsize-big');

-    $('body').addClass('body-contentsize-large');

-    //active button

-    $('.options-sizesmall').removeClass('options-button-active');

-    $('.options-sizenormal').removeClass('options-button-active');

-    $('.options-sizebig').removeClass('options-button-active');

-    $('.options-sizelarge').addClass('options-button-active');

-}

-

-/**

  *  Open pannel

  */

 //Search

@@ -368,11 +306,11 @@ var loginOpenButton = idGetEl("login-open");
 var loginOpenMobile = idGetEl("login-open-mobile");

 var toggleMobileMenuClose = idGetEl("toggle-mobile-menu-close");

 var toggleMobileMenu = idGetEl("toggle-mobile-menu-button");

-var toggleOptions = idGetEl("toggle-options-button");

-var toggleOptionsMobile = idGetEl("toggle-options-mobile");

 var drawerButton = idGetEl("drawer-button");

 var navBar = idGetEl("navBar");

 var navBarMobile = idGetEl("navBarMobile");

+var darkToggle = idGetEl("toggle-dark-button");

+var darkToggleMobile = idGetEl("toggle-dark-mobile");

 

 /* Add Listeners */

 //返回顶部按钮

@@ -399,13 +337,10 @@ toggleMobileMenu.addEventListener("click", function() {
     $(".mobile-menu").toggleClass("ready");

     $(".mobile-menu-close").toggleClass("ready");

 });

-//开关设置面板

-toggleOptions.addEventListener("click", function() {

-    $(".options").toggleClass("ready");

-});

-toggleOptionsMobile.addEventListener("click", function() {

-    $(".options").toggleClass("ready");

-});

+//切换夜间模式

+darkToggle.addEventListener("click", Dark);

+darkToggleMobile.addEventListener("click", Dark);

+

 

 /**

  *  Load Pjax

diff --git a/includes/header.php b/includes/header.php
index 9caec0b..8530ddf 100644
--- a/includes/header.php
+++ b/includes/header.php
@@ -42,68 +42,13 @@
 		  <p>&copy; <?php echo date('Y'); ?> <a href="<?php $this->options->SiteUrl(); ?>"><?php $this->options->title(); ?></a> | Theme <a href="https://github.com/BigCoke233/miracles">Miracles</a></p>
 		</div>
 	  </div>
-	  <!-- 前台设置 -->
-	  <div class="options ready<?php if($this->options->navStyle==1): ?> options-with-drawer<?php endif; ?>">
-	    <!-- 字体设置 -->
-	    <div class="options-content">
-	      <div class="options-family container-fluid">
-		    <div class="row">
-			  <div class="col-6 options-family-serif">
-			    <button onclick="ChangeToSerif()" class="<?php if($this->options->bodyFonts && $this->options->bodyFonts=1): ?>options-button-active <?php endif; ?>options-family-button options-serif-button body-serif">Serif</button>
-			  </div>
-			  <div class="col-6 options-family-sans">
-			    <button onclick="ChangeToSansSerif()" class="<?php if($this->options->bodyFonts && $this->options->bodyFonts=1): ?><?php else: ?>options-button-active <?php endif; ?>options-family-button options-sans-button" style="font-family: 'Noto Sans SC',sans-serif">Sans Serif</button>
-			  </div>
-		    </div>
-		  </div>
-	    </div>
-		<hr>
-		<!-- 滤镜/模式设置 -->
-		<div class="options-content">
-		  <div class="options-themes container-fluid">
-		    <div class="row">
-			  <div class="col-4 options-theme-item">
-			    <button class="options-theme-button options-theme-dark" onclick="Dark()"></button>
-				<span class="options-theme-label">黑夜模式</span>
-			  </div>
-			  <div class="col-4 options-theme-item">
-			    <button class="options-theme-button options-theme-sepia" onclick="Sepia()"></button>
-				<span class="options-theme-label">日落滤镜</span>
-			  </div>
-		      <div class="col-4 options-theme-item">
-			    <button class="options-theme-button options-theme-normal" onclick="Gray()"></button>
-				<span class="options-theme-label">黑白滤镜</span>
-			  </div>
-			</div>
-		  </div>
-		</div>
-		<hr>
-		<div class="options-content">
-		  <div class="options-contentsize container-fluid">
-		    <div class="row">
-			  <div class="col-3 options-contentsize-small">
-			    <button class="options-sizesmall options-contentsize-button options-button-active" onclick="SizeSmall()">100%</button>
-			  </div>
-			  <div class="col-3 options-contentsize-normal">
-			    <button class="options-sizenormal options-contentsize-button" onclick="SizeNormal()">125%</button>
-			  </div>
-			  <div class="col-3 options-contentsize-big">
-			    <button class="options-sizebig options-contentsize-button" onclick="SizeBig()">140%</button>
-			  </div>
-			  <div class="col-3 options-contentsize-large">
-			    <button class="options-sizelarge options-contentsize-button" onclick="SizeLarge()">180%</button>
-			  </div>
-			</div>
-		  </div>
-		</div>
-	  </div>
 	  <!-- -小屏幕导航 -->
 	  <nav class="small-screen nav nav-mobile nav-fixed"<?php if($this->options->navStyle==1): ?> style="display:none!important"<?php endif; ?> id="navBarMobile">
         <div class="nav-mobile-content">
 		  <a href="<?php $this->options->SiteUrl(); ?>" style="float:left"><i class="iconfont icon-xuanzhongshangcheng"></i></a>
 		  <a id="search-open-mobile" style="float:left"><i class="iconfont icon-chaxun"></i></a>
 		  <a id="login-open-mobile" style="float:left"><i class="iconfont icon-user"></i></a>
-		  <a id="toggle-options-mobile" style="float:left"><i class="iconfont icon-settings"></i></a>
+		  <a id="toggle-dark-mobile" style="float:left"><i class="iconfont icon-moon"></i></a>
 		  <a id="toggle-mobile-menu-button" style="float:right">MENU <i class="iconfont icon-list"></i></a>
 		</div>
 	  </nav>
@@ -121,7 +66,7 @@
 		  </p>
 		  <button class="nav-icon-button search-button" id="search-open-button"><i class="iconfont icon-chaxun"></i></button>
 		  <button class="nav-icon-button login-button" id="login-open"><i class="iconfont icon-user"></i></button>
-		  <button class="nav-icon-button setting-button" id="toggle-options-button"><i class="iconfont icon-settings"></i></button>
+		  <button class="nav-icon-button setting-button" id="toggle-dark-button"><i class="iconfont icon-moon"></i></button>
 		</div>
 	  </nav>
 	  <?php elseif($this->options->navStyle==1): ?>
@@ -144,7 +89,7 @@
 		<div class="drawer-footer">
 		  <button class="drawer-icon" id="search-open-button" onclick="toggleDrawer"><i class="iconfont icon-chaxun"></i></button>
 		  <button class="drawer-icon" id="login-open" onclick="toggleDrawer()"><i class="iconfont icon-user"></i></button>
-          <button class="drawer-icon" id="toggle-options-button"><i class="iconfont icon-settings"></i></button>
+          <button class="drawer-icon" id="toggle-dark-button"><i class="iconfont icon-moon"></i></button>
 		</div>
 	  </div></nav>
 	  <?php endif; ?>