abdul-kunnummal/gpt-2-chatty-python-pal
0
1<!DOCTYPE html>2<html lang="en" class="light">3<head>4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-scale=1.0">6 <title>GPT-2 Chat Interface</title>7 <script src="https://cdn.tailwindcss.com"></script>8 <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>9 <script src="https://unpkg.com/feather-icons"></script>10 <link rel="stylesheet" href="style.css">11</head>12<body class="bg-gray-50 min-h-screen">13 <custom-navbar></custom-navbar>14 15 <main class="container mx-auto px-4 py-8">16 <div class="max-w-3xl mx-auto bg-white rounded-xl shadow-md overflow-hidden p-6">17 <h1 class="text-3xl font-bold text-gray-800 mb-6">GPT-2 Chat Interface</h1>18 19 <div class="mb-6">20 <label for="python-code" class="block text-sm font-medium text-gray-700 mb-2">Python Code:</label>21 <div class="bg-gray-100 p-4 rounded-lg overflow-x-auto">22 <pre id="python-code" class="text-sm text-gray-800 font-mono">23import torch24from transformers import GPT2LMHeadModel, GPT2Tokenizer25 26# Load pre-trained model and tokenizer27tokenizer = GPT2Tokenizer.from_pretrained("gpt2")28model = GPT2LMHeadModel.from_pretrained("gpt2")29 30def generate_response(prompt):31 inputs = tokenizer.encode(prompt, return_tensors="pt")32 outputs = model.generate(inputs, max_length=100, num_return_sequences=1)33 return tokenizer.decode(outputs[0], skip_special_tokens=True)34 35if __name__ == "__main__":36 print("Enter your prompt (type 'exit' to quit):")37 while True:38 user_input = input("> ")39 if user_input.lower() == 'exit':40 break41 response = generate_response(user_input)42 print("Response:", response)</pre>43 </div>44 </div>45 46 <div class="mb-6">47 <label for="requirements" class="block text-sm font-medium text-gray-700 mb-2">requirements.txt:</label>48 <div class="bg-gray-100 p-4 rounded-lg">49 <pre id="requirements" class="text-sm text-gray-800 font-mono">transformers50torch</pre>51 </div>52 </div>53 54 <div class="bg-blue-50 border-l-4 border-blue-400 p-4 mb-6">55 <div class="flex">56 <div class="flex-shrink-0">57 <i data-feather="info" class="h-5 w-5 text-blue-400"></i>58 </div>59 <div class="ml-3">60 <p class="text-sm text-blue-700">61 To use this code, simply copy the Python script and requirements.txt. Install dependencies with <code class="bg-blue-100 px-1 rounded">pip install -r requirements.txt</code> then run the Python script.62 </p>63 </div>64 </div>65 </div>66 </div>67 </main>68 69 <custom-footer></custom-footer>70 71 <script src="components/navbar.js"></script>72 <script src="components/footer.js"></script>73 <script src="script.js"></script>74 <script>feather.replace();</script>75<script src="https://deepsite.hf.co/deepsite-badge.js"></script>76</body>77</html>