Auto Commit

d54502c7 · weixin_40885370 · ef53fd87 · d54502c7 · d54502c7 · d54502c7
展开全部隐藏空白更改
内联并排

Showing with 1718 addition and 5 deletion

.inscode .inscode +5 -1

index.html index.html +10 -2

script.js script.js +1677 -0

style.css style.css +26 -2

未找到文件。
--- a/.inscode
+++ b/.inscode
 run = "index.html"
+language = "node"

 [env]
 PATH = "/root/${PROJECT_DIR}/.config/npm/node_global/bin:/root/${PROJECT_DIR}/node_modules/.bin:${PATH}"
 XDG_CONFIG_HOME = "/root/.config"
-npm_config_prefix = "/root/${PROJECT_DIR}/.config/npm/node_global"
\ No newline at end of file
+npm_config_prefix = "/root/${PROJECT_DIR}/.config/npm/node_global"
+
+[debugger]
+program = "main.js"
--- a/index.html
+++ b/index.html
@@ -9,8 +9,16 @@
 </head>
 <body>
    <div class="container">
-        <img src="src/assets/logo.svg" alt="InsCode">
-        <div>欢迎来到 InsCode</div>
+        <!-- <img src="src/assets/logo.svg" alt="InsCode">
+        <div>欢迎来到 InsCode</div> -->
+        <section>
+            <img
+              src="src/assets/logo.svg"
+              class="bg"
+              alt=""
+            />
+            <div id="particles-js"></div>
+          </section>
    </div>
    <script src="script.js"></script>
 </body>

--- a/script.js
+++ b/script.js
--- a/style.css
+++ b/style.css
@@ -3,7 +3,31 @@ html{
  width: 100%;
 }

-.container {
+/* .container {
  text-align: center;
  padding: 64px;
-}
\ No newline at end of file
+} */
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+.section {
+  position: relative;
+  width: 100%;
+  height: 100vh;
+}
+.bg {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+#particles-js {
+  position: relative;
+  height: 100vh;
+  background: #fff;
+  mix-blend-mode: screen;
+}