Spaces:

Aminrezaei
/

easy-gen-305

Running

Amin Rez

Upload folder using huggingface_hub

3f3a9a6 verified 11 months ago

7.39 kB

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>ChatGPT</title>
	<meta name="description" content="ChatGPT is a large language model trained by OpenAI.">
	<link rel="stylesheet" href="assets/css/styles.css">
	<link rel="preconnect" href="https://fonts.googleapis.com">
	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
	<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
	</head>
	<body>
	<header class="header">
	<div class="nav-container">
	<div class="nav-left">
	<svg class="logo" viewBox="0 0 41 41" fill="none" xmlns="http://www.w3.org/2000/svg">
	<path d="M37.5324 16.8707C37.9808 15.5241 38.1363 14.0974 37.9886 12.6859C37.8408 11.2744 37.3934 9.91076 36.676 8.68622C35.9586 7.46167 34.9872 6.40247 33.8289 5.57403C32.6705 4.74559 31.3574 4.16606 29.9724 3.86951C28.5874 3.57296 27.152 3.56533 25.7637 3.84706C24.3755 4.12879 23.056 4.69391 21.8886 5.50998C20.7213 6.32605 19.7385 7.37486 19.0083 8.59172C18.2781 9.80857 17.8162 11.1675 17.6539 12.5772C17.4917 13.987 17.5328 15.4145 17.7751 16.8089C18.0173 18.2033 18.5557 19.5345 19.3535 20.7171C20.1513 21.8997 21.1908 22.909 22.4052 23.6804C23.6196 24.4519 24.9821 24.9694 26.4037 25.2026C27.8253 25.4358 29.275 25.3802 30.6745 25.0393C32.0739 24.6984 33.3939 24.0793 34.5433 23.2215C35.6926 22.3637 36.6484 21.2861 37.3476 20.0534C38.0468 18.8207 38.475 17.4595 38.6061 16.0572C38.7372 14.655 38.5686 13.241 38.1095 11.9015" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
	</svg>
	<span class="brand-name">ChatGPT</span>
	</div>
	<nav class="nav-menu">
	<button class="mobile-menu-btn" aria-label="Menu">
	<svg width="16" height="16" viewBox="0 0 24 24" fill="none">
	<path d="M3 12H21M3 6H21M3 18H21" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
	</svg>
	</button>
	</nav>
	</div>
	</header>

	<main class="main">
	<div class="hero-section">
	<h1 class="hero-title">ChatGPT</h1>
	</div>

	<div class="examples-section">
	<div class="examples-grid">
	<div class="example-card" data-prompt="Explain parallel computing in simple terms">
	<svg width="16" height="16" viewBox="0 0 24 24" fill="none">
	<path d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
	</svg>
	<span>Explain parallel computing in simple terms</span>
	<svg class="arrow-icon" width="16" height="16" viewBox="0 0 24 24" fill="none">
	<path d="M7 17L17 7M17 7H7M17 7V17" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
	</svg>
	</div>

	<div class="example-card" data-prompt="Got any creative ideas for a 10 year old's birthday?">
	<svg width="16" height="16" viewBox="0 0 24 24" fill="none">
	<path d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
	</svg>
	<span>Got any creative ideas for a 10 year old's birthday?</span>
	<svg class="arrow-icon" width="16" height="16" viewBox="0 0 24 24" fill="none">
	<path d="M7 17L17 7M17 7H7M17 7V17" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
	</svg>
	</div>

	<div class="example-card" data-prompt="How do I make an HTTP request in JavaScript?">
	<svg width="16" height="16" viewBox="0 0 24 24" fill="none">
	<path d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
	</svg>
	<span>How do I make an HTTP request in JavaScript?</span>
	<svg class="arrow-icon" width="16" height="16" viewBox="0 0 24 24" fill="none">
	<path d="M7 17L17 7M17 7H7M17 7V17" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
	</svg>
	</div>

	<div class="example-card" data-prompt="What are the key differences between Python lists and tuples?">
	<svg width="16" height="16" viewBox="0 0 24 24" fill="none">
	<path d="M4 6h16M4 12h16M4 18h7" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
	</svg>
	<span>What are the key differences between Python lists and tuples?</span>
	<svg class="arrow-icon" width="16" height="16" viewBox="0 0 24 24" fill="none">
	<path d="M7 17L17 7M17 7H7M17 7V17" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
	</svg>
	</div>
	</div>
	</div>

	<div class="input-section">
	<div class="input-container">
	<div class="input-wrapper">
	<textarea
	class="message-input"
	placeholder="Message ChatGPT..."
	rows="1"
	></textarea>
	<button class="attach-button" aria-label="Attach file">
	<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
	<path d="M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
	</svg>
	</button>
	<button class="send-button" aria-label="Send message">
	<svg width="16" height="16" viewBox="0 0 24 24" fill="none">
	<path d="M22 2L11 13M22 2l-7 20-4-9-9-4 20-7z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
	</svg>
	</button>
	</div>
	</div>
	<p class="disclaimer">ChatGPT can make mistakes. Consider checking important information.</p>
	</div>
	</main>

	<footer class="footer">
	<p>Built with <a href="https://huggingface.co/spaces/akhaliq/anycoder" target="_blank" rel="noopener">anycoder</a></p>
	</footer>

	<script src="assets/js/script.js"></script>
	</body>
	</html>