moved place and compile

3 files changed, 222 insertions, 0 deletions

diff --git a/src/html/index.html b/src/html/index.html
new file mode 100644
index 00000000..cc863d4d
--- /dev/null
+++ b/src/html/index.html
@@ -0,0 +1,88 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="description" content="littleblack111's profile website" />
+    <meta name="keywords" content="littleblack, littleblack111, profile" />
+    <meta property="og:type" content="website" />
+    <meta property="type" content="website" />
+    <meta name="author" content="littleblack111" />
+    <meta property="og:url" content="https://www.littleblack111.com" />
+    <meta property="og:title" content="littleblack111" />
+    <meta
+      property="og:description"
+      content="littleblack111's profile website"
+    />
+    <meta
+      property="og:image"
+      content="https://avatars.githubusercontent.com/u/97672521"
+    />
+    <meta property="url" content="https://www.littleblack111.com" />
+    <meta property="title" content="littleblack111" />
+    <title>littleblack111</title>
+    <link
+      rel="icon"
+      href="https://avatars.githubusercontent.com/u/97672521"
+      type="image/png"
+    />
+    <link rel="stylesheet" href="/css/style.css">
+    <link rel="stylesheet" href="/css/index.css">
+
+    <!-- preloading all pages -->
+    <!-- fonts -->
+    <link rel="preload" href="/fonts/RockSalt-Regular.ttf" as="font" />
+    <link rel="preload" href="/fonts/LigaJetBrainsMonoNerdFont-Regular.ttf" as="font" />
+    <link rel="preload" href="/fonts/Monoton.ttf" as="font" />
+    <link rel="preload" href="/fonts/audiowide.ttf" as="font" />
+    <link rel="preload" href="/fonts/devicon.ttf" as="font" />
+    <link rel="preload" href="/fonts/Inter.ttf" as="font" />
+    <!-- css -->
+    <link rel="preload" href="/js/style.css" as="style" />
+    <link rel="preload" href="/js/index.css" as="style" />
+    <link rel="preload" href="/js/devicon.min.css" as="style" />
+    <!-- js -->
+    <link rel="preload" href="/js/main.js" as="script" />
+    <link rel="preload" href="/js/header.js" as="script" />
+    <link rel="preload" href="/js/swup.js" as="script" />
+    <link rel="preload" href="/js/transition.js" as="script" />
+    <link rel="preload" href="/js/2dtilt.js" as="script" />
+    <link rel="preload" href="/js/dynamicBlob.js" as="script" />
+    <link rel="preload" href="/js/getrepo.js" as="script" />
+    <link rel="preload" href="/js/hacktype.js" as="script" />
+    <link rel="preload" href="https://unpkg.com/swup@4?module" as="script" />
+  </head>
+  <body class="animate reveal">
+    <!-- headers -->
+    <div header page="Home"></div>
+
+    <!-- index page -->
+    <div class="wrapper">
+      <section class="indexPage">
+        <div class="window slowScroll animate zoomIn animate--fast">
+          <div class="windowWrap tilt" data-tilt-full-page-listening>
+            <div class="text">
+              <h2 class="description">Hello , I am</h2>
+              <object class="br"></object>
+              <div data-value="littleblack111" class="title animate bounce animation--delay-p3s hacktype">
+                littleblack111
+              </div>
+              <object class="br"></object>
+              <h2 class="description">welcome to my<br />website !</h2>
+            </div>
+          </div>
+        </div>
+      </section>
+      <div data-force-form="random" id="blob" class="blob" style="opacity: 0"></div>
+    </div>
+    <script src="/js/main.js"></script>
+    <!-- <script src="/js/index.js"></script> -->
+    <script defer src="/js/2dtilt.js"></script>
+    <!-- <script defer src="/js/tilt.conf.noglare.js"></script> -->
+    <script defer src="/js/dynamicBlob.js"></script>
+    <script src="/js/hacktype.js"></script>
+    <!-- <script defer src="/js/transition.js"></script> -->
+  </body>
+  <script>
+  </script>
+</html>
diff --git a/src/html/pages/info/about.html b/src/html/pages/info/about.html
new file mode 100644
index 00000000..5c58d6a1
--- /dev/null
+++ b/src/html/pages/info/about.html
@@ -0,0 +1,69 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <title>About Me</title>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link href="/css/style.css" rel="stylesheet">
+    <link href="/css/about.css" rel="stylesheet">
+    <link rel="icon" href="https://avatars.githubusercontent.com/u/97672521" type="image/png">
+    <!-- preloading all pages -->
+    <!-- fonts -->
+    <link rel="preload" href="/fonts/RockSalt-Regular.ttf" as="font" />
+    <link rel="preload" href="/fonts/LigaJetBrainsMonoNerdFont-Regular.ttf" as="font" />
+    <link rel="preload" href="/fonts/Monoton.ttf" as="font" />
+    <link rel="preload" href="/fonts/audiowide.ttf" as="font" />
+    <link rel="preload" href="/fonts/devicon.ttf" as="font" />
+    <link rel="preload" href="/fonts/Inter.ttf" as="font" />
+    <!-- css -->
+    <link rel="preload" href="/js/style.css" as="style" />
+    <link rel="preload" href="/js/index.css" as="style" /> <!-- just in case loaded in other pages -->
+    <link rel="preload" href="/js/devicon.min.css" as="style" />
+    <!-- js -->
+    <link rel="preload" href="/js/main.js" as="script" />
+    <link rel="preload" href="/js/header.js" as="script" />
+    <link rel="preload" href="/js/swup.js" as="script" />
+    <link rel="preload" href="/js/transition.js" as="script" />
+    <link rel="preload" href="/js/2dtilt.js" as="script" />
+    <link rel="preload" href="/js/dynamicBlob.js" as="script" />
+    <link rel="preload" href="/js/getrepo.js" as="script" />
+    <link rel="preload" href="/js/hacktype.js" as="script" />
+    <link rel="preload" href="https://unpkg.com/swup@4?module" as="script" />
+</head>
+<body class="animate reveal">
+    <!-- headers -->
+    <div header page="About"></div>
+    <!-- main page -->
+    <div class="wrapper">
+        <section class="aboutPage">
+            <div class="container">
+                <div id="blob" class="sblob"></div>
+                <div class="left">
+                    <img src="https://avatars.githubusercontent.com/u/97672521" alt="Me" loading="lazy">
+                </div>
+                <div class="right">
+                    <div class="main">
+                        <strong class="name">littleblack111</strong>
+                        <div class="sep"></div>
+                        <div class="intro">
+                            <strong>Who am I</strong>
+                            <p>I'm a senior programmer</p>
+                        </div>
+                        <div class="info">
+                            <ul>What programming language do I do?
+                                <li>Python(3)</li>
+                                <li>C</li>
+                                <li>C++</li>
+                                <li>JavaScript</li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+    </div>
+    <script src="/js/main.js"></script>
+    <script src="/js/about.js"></script>
+    <script src="/js/dynamicBlob.js"></script>
+</body>
+</html>
diff --git a/src/html/pages/repo/github/repos.html b/src/html/pages/repo/github/repos.html
new file mode 100644
index 00000000..47fde7d4
--- /dev/null
+++ b/src/html/pages/repo/github/repos.html
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html lang="en">
+
+    <head>
+        <meta charset="UTF-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <title>Github Projects</title>
+        <link rel="icon" href="https://avatars.githubusercontent.com/u/97672521" type="image/png">
+        <link rel="stylesheet" href="/css/style.css">
+        <link rel="stylesheet" href="/css/ghrepo.css">
+        <link rel="stylesheet" href="/css/devicon.min.css">
+        <script async src="/js/getrepo.js" defer></script>
+        <!-- preloading all pages -->
+        <!-- fonts -->
+        <link rel="preload" href="/fonts/RockSalt-Regular.ttf" as="font" />
+        <link rel="preload" href="/fonts/LigaJetBrainsMonoNerdFont-Regular.ttf" as="font" />
+        <link rel="preload" href="/fonts/Monoton.ttf" as="font" />
+        <link rel="preload" href="/fonts/audiowide.ttf" as="font" />
+        <link rel="preload" href="/fonts/devicon.ttf" as="font" />
+        <link rel="preload" href="/fonts/Inter.ttf" as="font" />
+        <!-- css -->
+        <link rel="preload" href="/js/style.css" as="style" />
+        <link rel="preload" href="/js/index.css" as="style" /> <!-- just in case loaded in other pages -->
+        <link rel="preload" href="/js/devicon.min.css" as="style" />
+        <!-- js -->
+        <link rel="preload" href="/js/main.js" as="script" />
+        <link rel="preload" href="/js/header.js" as="script" />
+        <link rel="preload" href="/js/swup.js" as="script" />
+        <link rel="preload" href="/js/transition.js" as="script" />
+        <link rel="preload" href="/js/2dtilt.js" as="script" />
+        <link rel="preload" href="/js/dynamicBlob.js" as="script" />
+        <link rel="preload" href="/js/getrepo.js" as="script" />
+        <link rel="preload" href="/js/hacktype.js" as="script" />
+        <link rel="preload" href="https://unpkg.com/swup@4?module" as="script" />
+    </head>
+
+    <body>
+        <!-- headers -->
+        <div header page="GhRepo"></div>
+        <div class="bgWrap animate reveal animation--slow">
+
+            <!-- main Github Functions -->
+            <main class="container">
+                <section class="intro tilt" data-tilt-reverse="false" data-tilt-full-page-listening>
+                    <div
+                        class="user-info animate fadeZoomIn"></div>
+                </section>
+
+                <div class="sep"></div>
+
+                <section class="repos">
+                    <input type="text" class="filter-repos animate animate--slow fadeIn hide tilt" placeholder="Search Projects"/>
+                    <ul class="repo-list" id="repo-list"></ul>
+                </section>
+            </main>
+            <div id="blob" class="sblob"></div>
+        </div>
+        <script src="/js/main.js"></script>
+        <script defer src="/js/2dtilt.js"></script>
+        <!-- <script defer src="/js/tilt.conf.noglare.js"></script> -->
+        <script src="/js/hacktype.js"></script>
+        <script defer src="/js/dynamicBlob.js"></script>
+    </body>
+</html>