Auto Commit

812b4a84 · 626a44894779c90d95441b69 · 8abd2472 · 812b4a84
隐藏空白更改
内联并排

Showing with 77 addition and 2 deletion

index.ts index.ts +77 -2

未找到文件。
--- a/index.ts
+++ b/index.ts
-const s: string = "欢迎来到 InsCode";
-console.log(s);
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Product Hunt Home Page</title>
+  <link rel="stylesheet" href="https://cdn.tailwindcss.com/dist/tailwind.min.css">
+</head>
+<body class="bg-gray-100">
+  <!-- Top Navbar -->
+  <nav class="bg-white shadow">
+    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+      <div class="flex justify-between h-16">
+        <div class="flex">
+          <a href="/" class="flex-shrink-0 flex items-center">
+            <img class="block lg:hidden h-8 w-auto" src="https://via.placeholder.com/150x50" alt="Product Hunt">
+            <img class="hidden lg:block h-8 w-auto" src="https://via.placeholder.com/200x50" alt="Product Hunt">
+          </a>
+          <div class="hidden sm:ml-6 sm:flex">
+            <a href="#" class="mx-2 px-3 py-2 rounded-md text-sm font-medium text-gray-600 hover:text-gray-900 hover:bg-gray-50 focus:outline-none focus:text-gray-900 focus:bg-gray-50 transition duration-150 ease-in-out">Products</a>
+            <a href="#" class="mx-2 px-3 py-2 rounded-md text-sm font-medium text-gray-600 hover:text-gray-900 hover:bg-gray-50 focus:outline-none focus:text-gray-900 focus:bg-gray-50 transition duration-150 ease-in-out">Collections</a>
+            <a href="#" class="mx-2 px-3 py-2 rounded-md text-sm font-medium text-gray-600 hover:text-gray-900 hover:bg-gray-50 focus:outline-none focus:text-gray-900 focus:bg-gray-50 transition duration-150 ease-in-out">Conversations</a>
+          </div>
+        </div>
+        <div class="hidden sm:ml-6 sm:flex">
+          <a href="#" class="mx-2 px-3 py-2 rounded-md text-sm font-medium text-gray-600 hover:text-gray-900 hover:bg-gray-50 focus:outline-none focus:text-gray-900 focus:bg-gray-50 transition duration-150 ease-in-out">Login</a>
+          <a href="#" class="mx-2 px-3 py-2 bg-blue-600 rounded-md text-sm font-medium text-white hover:bg-blue-500 focus:outline-none focus:bg-blue-500 transition duration-150 ease-in-out">Sign Up</a>
+        </div>
+        <div class="-mr-2 flex items-center sm:hidden">
+          <button type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out" id="main-menu" aria-label="Main menu" aria-expanded="false">
+            <svg class="block h-6 w-6" stroke="currentColor" fill="none" viewBox="0 0 24 24">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
+            </svg>
+            <svg class="hidden h-6 w-6" stroke="currentColor" fill="none" viewBox="0 0 24 24">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
+            </svg>
+          </button>
+        </div>
+      </div>
+    </div>
+    <div class="hidden sm:hidden" id="mobile-menu">
+      <div class="px-2 pt-2 pb-3">
+        <a href="#" class="block px-3 py-2 rounded-md text-base font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-50 focus:outline-none focus:text-gray-900 focus:bg-gray-50 transition duration-150 ease-in-out">Products</a>
+        <a href="#" class="block px-3 py-2 rounded-md text-base font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-50 focus:outline-none focus:text-gray-900 focus:bg-gray-50 transition duration-150 ease-in-out">Collections</a>
+        <a href="#" class="block px-3 py-2 rounded-md text-base font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-50 focus:outline-none focus:text-gray-900 focus:bg-gray-50 transition duration-150 ease-in-out">Conversations</a>
+      </div>
+      <div class="pt-4 pb-3 border-t border-gray-200">
+        <div class="flex items-center px-4">
+          <div class="flex-shrink-0">
+            <img class="h-10 w-10 rounded-full" src="https://via.placeholder.com/50x50" alt="">
+          </div>
+          <div class="ml-3">
+            <div class="text-base font-medium leading-none text-gray-800">John Doe</div>
+            <div class="text-sm font-medium leading-none text-gray-500">john@example.com</div>
+          </div>
+        </div>
+        <div class="mt-3 px-2">
+          <a href="#" class="block px-3 py-2 rounded-md text-base font-medium text-gray-500 hover:text-gray-800 hover:bg-gray-100 focus:outline-none focus:text-gray-800 focus:bg-gray-100 transition duration-150 ease-in-out">Dashboard</a>
+          <a href="#" class="block px-3 py-2 rounded-md text-base font-medium text-gray-500 hover:text-gray-800 hover:bg-gray-100 focus:outline-none focus:text-gray-800 focus:bg-gray-100 transition duration-150 ease-in-out">Account Settings</a>
+          <a href="#" class="block px-3 py-2 rounded-md text-base font-medium text-gray-500 hover:text-gray-800 hover:bg-gray-100 focus:outline-none focus:text-gray-800 focus:bg-gray-100 transition duration-150 ease-in-out">Sign out</a>
+        </div>
+      </div>
+    </div>
+  </nav>
+  
+  <!-- Hero Section -->
+  <div class="bg-white shadow">
+    <div class="max-w-7xl mx-auto py-16 px-4 sm:px-6 lg:px-8">
+      <h1 class="text-4xl leading-10 font-extrabold tracking-tight text-gray-900 sm:text-5xl sm:leading-none md:text-6xl">
+        Discover Your Next Favorite Thing
+      </h1>
+      <div class="mt-6 sm:max-w-lg sm:mx-auto">
+        <div class="text-center">
+          <form action="#" method="POST" class="sm:flex">
+            <input type="text" name="email" id="email" autocomplete="email" required class="w-full px-4 py-3 rounded-md text-gray-900 focus:outline-none focus:border-blue-500 transition duration-150 ease-in-out sm:max-w-xs" placeholder="Enter your email">
+            <button type="submit" class="mt-4 sm:mt-0 sm:ml-3 w-full uppercase tracking-widest font-semibold bg-blue-500 text-white rounded-md py-3 px-4 hover:bg-blue-400 focus:outline-none focus:bg-blue-400 transition duration-150 ease-in-out sm:w-auto sm:text-base">Get Started</button>
+          </form>
+          <p class="mt-3 text-sm leading-5 text-gray- 
\ No newline at end of file