Add files via upload

Gotoueijirou · Sep 16, 2024 · 72d93ea · 72d93ea
1 parent 091e19e
commit 72d93ea
Show file tree

Hide file tree

Showing 8 changed files with 134 additions and 23 deletions.
diff --git a/blig_had.html b/blig_had.html
@@ -0,0 +1,5 @@
+<!--这是blig的had模板-->
+
+<a id="button1" href="index.html">回到主页</a>
+<a id="button">没想好</a>
+
diff --git a/blig_template.html b/blig_template.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html lang="zh">
+    <head>
+        <title>GTEJRの内心ページ</title>
+        <meta charset="UTF-8">
+        <link rel="icon" href="ico/favicon.ico" type="image/x-icon">
+        <link rel="stylesheet" href="css/main.css"><!--统一样式-->
+        <link rel="stylesheet" href="css/blig.css"><!--blig-->
+    </head>
+    <body>
+
+        <!--背景图片-->
+        <img class="background-image" src="background/bg1.png" alt="Background Image">
+
+
+        <!--调用blog类页面的头 file://协议不支持，不用惊慌-->
+        <div class="DivStyle-Glass" id="blig_had"></div><!--日你妈是个blig就给我填上-->
+
+
+        <!--正文-->
+        <div class="DivStyle-Glass" style="width: 30%; height: 100px; display: flex; align-items: center"><!--class="DivStyle-Glass"用于调用默认的毛玻璃效果-->
+            class="DivStyle-Glass"用于调用默认的毛玻璃效果，其余效果自己设置
+        </div>
+
+
+        <!--copy文字内容 目前只支持一个page一个内容-->
+        <p id="textToCopy">你妈死了</p><!--要复制的内容（检测id）-->
+        <a class="button" onclick="copyText()">复制文本</a><!--按钮-->
+        <script src="js/cptext.js"></script><!--这个一般放在末尾</body前面>-->
+
+        <p></p>
+
+        <a id="LinkText1" href="#">链接格式1</a>
+        <a id="button1" href="#">按钮格式1</a>
+        <a id="button" href="#">按钮格式</a>
+
+        <script src="js/blig_had.js"></script><!--blug 头部-->
+
+
+    </body>
+</html>
diff --git a/css/blig.css b/css/blig.css
@@ -0,0 +1,12 @@
+/*因为main.css较为久远，比较混乱，因此博客类page请调用它*/
+
+#blig_had{
+    width: 100%;
+    height: 100px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+#blig_had a{
+    margin-left: 30px;
+}
diff --git a/css/index-right.css b/css/index-right.css
@@ -14,6 +14,9 @@
     opacity: 0;
     display: inline-block; /* 菜单项横向排列 */
 }
+#right div *{
+    margin-bottom: 20px;
+}
 
 #right1{
     animation: r1 1s forwards;

diff --git a/css/main.css b/css/main.css
@@ -19,11 +19,10 @@ main.css
 body{
     font-family: "Microsoft YaHei", "微软雅黑", sans-serif;
     background-color: #cce7ff;
-    display: flex;
     justify-content: center;
 
 }
-#index1{/*可选格式，如果不想有下滑条等的话*/
+#index1{/*可选格式，如果不想有下滑条等的话   应用于<body>*/
     display: flex;
 
     align-items:center;
@@ -43,16 +42,23 @@ body{
 }
 
 
-/*复制信息 about js/cptext.js*/
-.message {
-    margin-top: 20px;
-    font-size: 18px;
-    color: green;
-    display: none; /* Initially hidden */
-}
 
 
 
+
+/*调用背景图片动画*/
+.background-image {/*应用于<img>*/
+    position: absolute;
+    z-index: -1; /* 保证图片在内容之下 */
+    right: 0%;
+    opacity: 1;
+
+    /*动画*/
+
+
+    animation: background-image 1s forwards;
+
+}
 /*#################################*/
 
 
@@ -81,6 +87,8 @@ body{
     color: black;
 }
 
+
+
 .button{/*按钮样式*/
     border: 2px solid black;
     padding: 10px 10px;
@@ -128,6 +136,26 @@ body{
     background-color: #0a476a;
 }
 
+#button1{/*那个傻逼tmd用了class*/
+    border: 2px solid #0b2636;
+    background-color: #0b2636;
+    padding: 10px 10px;
+    border-radius: 5px;
+    color: white;
+    text-decoration: none;
+    cursor: pointer;
+    display: inline-block;
+    transition: 0.5s;
+}
+#button1:hover{
+    background-color: #0a476a;
+}
+
+
+
+
+
+
 
 
 
@@ -145,19 +173,7 @@ body{
 
 
 
-/*调用背景图片动画*/
-.background-image {
-    position: absolute;
-    z-index: -1; /* 保证图片在内容之下 */
-    right: 0%;
-    opacity: 1;
 
-    /*动画*/
-
-
-    animation: background-image 1s forwards;
-
-}
 
 /*#################################*/
 

diff --git a/gtejr_cd.html b/gtejr_cd.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="zh">
+    <head>
+        <title>GTEJRの内心ページ</title>
+        <meta charset="UTF-8">
+        <link rel="icon" href="ico/favicon.ico" type="image/x-icon">
+        <link rel="stylesheet" href="css/main.css"><!--统一样式-->
+        <link rel="stylesheet" href="css/blig.css"><!--blig-->
+    </head>
+    <body>
+        <!--copy文字内容-->
+        <a style="opacity: 0; max-width: 0; max-height: 0;" id="textToCopy">你妈死了</a><!--可选-->
+        <!--背景图片-->
+        <img class="background-image" src="background/bg1.png" alt="Background Image"><!--可选-->
+        <!--调用blog类页面的头 file://协议不支持，不用惊慌-->
+        <div class="DivStyle-Glass" id="blig_had"></div><!--日你妈是个blig就给我填上-->
+
+        <!--正文-->
+        <div class="DivStyle-Glass" style="width: 100%;height: 300px; margin-top: 30px; padding: 20px 20px 20px 20px;"><!--class="DivStyle-Glass"用于调用默认的毛玻璃效果-->
+            Kawaii の　後藤栄次郎对社长さま的好感度：栄栄现在和你是好朋友，亲密度30%，淫乱度0%。<br>
+
+            社长，网站nmd什么时候填词！
+        </div>
+
+        <script src="js/blig_had.js"></script>
+    </body>
+</html>
diff --git a/index.html b/index.html
@@ -7,9 +7,9 @@
         <title>ACG Societies|Website</title>
         <meta charset="UTF-8">
         <link rel="icon" href="ico/favicon.ico" type="image/x-icon">
+        <link rel="stylesheet" href="css/main.css"><!--统一样式-->
         <link rel="stylesheet" href="css/index.css">
         <link rel="stylesheet" href="css/index-right.css">
-        <link rel="stylesheet" href="css/main.css"><!--统一样式-->
         <style>
 
         </style>
@@ -74,7 +74,8 @@
                         <a class="button1" href="https://github.com/Gotoueijirou/ACG-Societies-WebSite">Github项目</a>
                         <a class="button" onclick="copyText()">复制Git地址</a>
                         <a class="button" href="https://space.bilibili.com/1140685131">制作者首页-bilibili</a>
-
+                        <a class="button" href="blig_template.html">main.css文件所有设计</a>
+                        <a class="button" href="gtejr_cd.html">网站设计者内心CD（社长不准看！）</a>
 
                     </p>
                 </div>

diff --git a/js/blig_had.js b/js/blig_had.js
@@ -0,0 +1,6 @@
+// 使用 fetch 动态加载 div
+fetch('../blig_had.html')
+.then(response => response.text())
+.then(data => {
+    document.getElementById('blig_had').innerHTML = data;
+});