fix 🐛 test style

nknighta · Nov 1, 2024 · 45fd6ff · 45fd6ff
1 parent f01a12d
commit 45fd6ff
Show file tree

Hide file tree

Showing 6 changed files with 99 additions and 62 deletions.
diff --git a/css/pictures.css b/css/pictures.css
@@ -0,0 +1,4 @@
+* {
+    padding: 0;
+    margin: 0;
+}
diff --git a/helpapp.html b/helpapp.html
diff --git a/index.css b/index.css
@@ -228,36 +228,6 @@ header h1 {
     height: 300px
 }
 
-.maintext {
-    font-size: 25px;
-    padding: 2vh;
-    text-align: center;
-    opacity:0;
-}
-
-.maintext-anime {
-    transition: all 0.5s;
-    animation-name: fade-in;
-    animation-duration: 1.4s;
-    animation-iteration-count: 1;
-    animation-delay: 0.23s;
-    animation-fill-mode: forwards;
-    animation-timing-function: ease-in-out;
-}
-
-/* アニメーション */
-@keyframes fade-in {
-    0% {
-        opacity: 0;
-        transform: translateY(60px);
-    }
-
-    100% {
-        opacity: 1;
-        transform: translateY(0);
-    }
-}
-
 .links {
     display: flex;
     justify-content: center;
@@ -302,3 +272,17 @@ header h1 {
     color: #fff;
     background-color: #000;
 }
+.maintext {
+    color: #fff;
+    text-align: center;
+    font-size: 30px;
+}
+#introduction {
+    color: #bbaaff;
+    text-align: center;
+    padding: 2vh;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    font-size: 24px;
+}
diff --git a/index.html b/index.html
@@ -17,7 +17,8 @@
     <meta property="twitter:image" content="https://nknighta.github.io/img/icon.jpg">
     <meta property="twitter:card" content="summary_large_image">
     <meta property="twitter:site" content="@ama_dev_1">
-    <link rel="icon" href="https://media.varius.technology/favicon.ico" type="image/x-icon" />
+    <link rel="icon" href="/img/icon.jpg" type="image/x-icon" />
+    <link rel="icon" href="/img/icon.jpg" type="image/jpeg">
     <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
 </head>
 
@@ -72,12 +73,11 @@ <h1>>>>>&emsp;Nknight AMAMIYA </h1>
             <div class="container-main-left-img">
                 <img src="img/icon.jpg" alt="my photo">
             </div>
-
-            <div class=" maintext-anime maintext ">
+            <strong id="introduction">
                 i &apos;m technical college Student in Japan.<br>
                 studying about web development.<br>
                 using javascript, typescript, sass, React and NextJS.
-            </div>
+            </strong>
         </div>
         <div class="maintext">
             my apps
@@ -125,28 +125,6 @@ <h1>>>>>&emsp;Nknight AMAMIYA </h1>
 </body>
 
 <script>
-    const swiper = new Swiper('.swiper', {
-        // Optional parameters
-        direction: 'horizontal',
-        loop: true,
-
-        // If we need pagination
-        pagination: {
-            el: '.swiper-pagination',
-        },
-
-        // Navigation arrows
-        navigation: {
-            nextEl: '.swiper-button-next',
-            prevEl: '.swiper-button-prev',
-        },
-
-        // And if we need scrollbar
-        scrollbar: {
-            el: '.swiper-scrollbar',
-        },
-    });
-
     function hamburger() {
         document.getElementById('line1').classList.toggle('line_1');
         document.getElementById('line2').classList.toggle('line_2');
@@ -158,4 +136,4 @@ <h1>>>>>&emsp;Nknight AMAMIYA </h1>
     });
 </script>
 
-</html>
+</html>
diff --git a/works/helpapp.html b/works/helpapp.html
@@ -0,0 +1,46 @@
+<html>
+<header>
+  <title>Help App | care for your heart💗</title>
+</header>
+
+<body>
+  <main>
+    <h1>main projects</h1>
+    <a href="https://github.com/nknighta/helpapp-flutter">nknighta/helpapp-flutter</a>
+    <a href="https://github.com/nknighta/helpapp-website">nknighta/helpapp-website</a>
+  </main>
+  <footer>
+    <a href="/">@nknighta</a>
+  </footer>
+</body>
+
+<style>
+  * {
+    padding: 0;
+    margin: 0;
+  }
+
+  body {
+    background-color: #d9f0cb;
+  }
+
+  main {
+    width: 100%;
+    height: 70%;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+  }
+
+  footer {
+
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+  }
+</style>
+
+</html>
diff --git a/works/pictures.html b/works/pictures.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Pictures</title>
+
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" type="text/css" href="/css/pictures.css" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.css" />
+    <meta name="description" content="About me | Nknight AMAMIYA">
+    <meta property="og:title" content="About me | Nknight AMAMIYA">
+    <meta property="og:description" content="About me | Nknight AMAMIYA">
+    <meta property="og:image" content="https://nknighta.github.io/img/icon.jpg">
+    <meta property="og:url" content="https://nknighta.github.io/">
+    <meta property="og:type" content="website">
+    <meta property="og:site_name" content="Nknight AMAMIYA - about me">
+    <link rel="icon" href="https://nknighta.github.io/img/icon.jpg" type="image/jpeg">
+    <meta property="twitter:image" content="https://nknighta.github.io/img/icon.jpg">
+    <meta property="twitter:card" content="summary_large_image">
+    <meta property="twitter:site" content="@ama_dev_1">
+    <link rel="icon" href="https://varius.technology/favicon.ico" type="image/x-icon" />
+</head>
+<body>
+    <h1>pictures</h1>
+    <strong>My Icon by Own Twetter Follower.</strong>
+    <img src="https://raw.githubusercontent.com/nknighta/nknighta.github.io/refs/heads/master/img/icon.jpg" alt="My Icon by Own Twetter Follower." id="myicon">
+    <a href="/">home</a>
+</body>
+</html>