commit 98177b119ba88b07c31ab9abf8372c7bd177a13b
parent 9c66b8d1788e5701f340707e43ec5377a389aebe
Author: minerva-jupiter <ryouturn@gmail.com>
Date: Thu, 17 Jul 2025 20:52:39 +0900
add password page
Diffstat:
6 files changed, 35 insertions(+), 177 deletions(-)
diff --git a/app/globals.css b/app/globals.css
@@ -22,6 +22,8 @@ body {
font-family: Arial, Helvetica, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
+ padding-top: 50px;
+ padding-left: 10vw;
}
* {
@@ -40,3 +42,14 @@ a {
color-scheme: dark;
}
}
+
+main {
+ padding-top: 40px;
+ padding-bottom: 40px;
+}
+
+footer {
+ position: absolute;/*←絶対位置*/
+ padding-bottom: 10px;
+ bottom: 0; /*下に固定*/
+}
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -26,8 +26,9 @@ export default function RootLayout({
<html lang="jp">
<body>
<header>
- <h3>This is WASM tools by Minerva_Juppiter</h3>
- <h5>In case you find issue, please report me vir Github Issue.</h5>
+ <h1>This is WASM tools by Minerva_Juppiter</h1>
+ <br/>
+ <h3>In case you find issue, please report me vir Github Issue.</h3>
<br/>
<a href="https://www.minervajuppiter.net/"><h4>About Me</h4></a>
</header>
diff --git a/app/page.module.css b/app/page.module.css
@@ -1,168 +0,0 @@
-.page {
- --gray-rgb: 0, 0, 0;
- --gray-alpha-200: rgba(var(--gray-rgb), 0.08);
- --gray-alpha-100: rgba(var(--gray-rgb), 0.05);
-
- --button-primary-hover: #383838;
- --button-secondary-hover: #f2f2f2;
-
- display: grid;
- grid-template-rows: 20px 1fr 20px;
- align-items: center;
- justify-items: center;
- min-height: 100svh;
- padding: 80px;
- gap: 64px;
- font-family: var(--font-geist-sans);
-}
-
-@media (prefers-color-scheme: dark) {
- .page {
- --gray-rgb: 255, 255, 255;
- --gray-alpha-200: rgba(var(--gray-rgb), 0.145);
- --gray-alpha-100: rgba(var(--gray-rgb), 0.06);
-
- --button-primary-hover: #ccc;
- --button-secondary-hover: #1a1a1a;
- }
-}
-
-.main {
- display: flex;
- flex-direction: column;
- gap: 32px;
- grid-row-start: 2;
-}
-
-.main ol {
- font-family: var(--font-geist-mono);
- padding-left: 0;
- margin: 0;
- font-size: 14px;
- line-height: 24px;
- letter-spacing: -0.01em;
- list-style-position: inside;
-}
-
-.main li:not(:last-of-type) {
- margin-bottom: 8px;
-}
-
-.main code {
- font-family: inherit;
- background: var(--gray-alpha-100);
- padding: 2px 4px;
- border-radius: 4px;
- font-weight: 600;
-}
-
-.ctas {
- display: flex;
- gap: 16px;
-}
-
-.ctas a {
- appearance: none;
- border-radius: 128px;
- height: 48px;
- padding: 0 20px;
- border: none;
- border: 1px solid transparent;
- transition:
- background 0.2s,
- color 0.2s,
- border-color 0.2s;
- cursor: pointer;
- display: flex;
- align-items: center;
- justify-content: center;
- font-size: 16px;
- line-height: 20px;
- font-weight: 500;
-}
-
-a.primary {
- background: var(--foreground);
- color: var(--background);
- gap: 8px;
-}
-
-a.secondary {
- border-color: var(--gray-alpha-200);
- min-width: 158px;
-}
-
-.footer {
- grid-row-start: 3;
- display: flex;
- gap: 24px;
-}
-
-.footer a {
- display: flex;
- align-items: center;
- gap: 8px;
-}
-
-.footer img {
- flex-shrink: 0;
-}
-
-/* Enable hover only on non-touch devices */
-@media (hover: hover) and (pointer: fine) {
- a.primary:hover {
- background: var(--button-primary-hover);
- border-color: transparent;
- }
-
- a.secondary:hover {
- background: var(--button-secondary-hover);
- border-color: transparent;
- }
-
- .footer a:hover {
- text-decoration: underline;
- text-underline-offset: 4px;
- }
-}
-
-@media (max-width: 600px) {
- .page {
- padding: 32px;
- padding-bottom: 80px;
- }
-
- .main {
- align-items: center;
- }
-
- .main ol {
- text-align: center;
- }
-
- .ctas {
- flex-direction: column;
- }
-
- .ctas a {
- font-size: 14px;
- height: 40px;
- padding: 0 16px;
- }
-
- a.secondary {
- min-width: auto;
- }
-
- .footer {
- flex-wrap: wrap;
- align-items: center;
- justify-content: center;
- }
-}
-
-@media (prefers-color-scheme: dark) {
- .logo {
- filter: invert();
- }
-}
diff --git a/app/page.tsx b/app/page.tsx
@@ -1,9 +1,13 @@
-import Image from "next/image";
+import Link from "next/link";
export default function Home() {
return (
<main>
<h1>Home</h1>
+ <br />
+ <ul>
+ <li><Link href="/password">PasswordGenerator</Link></li>
+ </ul>
</main>
);
}
diff --git a/app/password/page.tsx b/app/password/page.tsx
@@ -0,0 +1,8 @@
+
+export default function Password() {
+ return (
+ <main>
+ <h1>This is Password</h1>
+ </main>
+ );
+}
diff --git a/bun.lock b/bun.lock
@@ -5,14 +5,14 @@
"name": "wsam-webtools",
"dependencies": {
"next": "15.3.5",
- "react": "^19.0.0",
- "react-dom": "^19.0.0",
+ "react": "^19.1.0",
+ "react-dom": "^19.1.0",
},
"devDependencies": {
- "@types/node": "^20",
- "@types/react": "^19",
- "@types/react-dom": "^19",
- "typescript": "^5",
+ "@types/node": "^20.19.8",
+ "@types/react": "^19.1.8",
+ "@types/react-dom": "^19.1.6",
+ "typescript": "^5.8.3",
},
},
},
