|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>GLM-4.5V · zai-org</title> |
|
|
<link rel="icon" type="image/x-icon" href="/static/favicon.ico"> |
|
|
<script src="https://cdn.tailwindcss.com"></script> |
|
|
<script src="https://unpkg.com/feather-icons"></script> |
|
|
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> |
|
|
<script> |
|
|
tailwind.config = { |
|
|
theme: { |
|
|
extend: { |
|
|
colors: { |
|
|
brutal: { |
|
|
50: '#fafafa', |
|
|
100: '#f5f5f5', |
|
|
200: '#eeeeee', |
|
|
300: '#e0e0e0', |
|
|
400: '#bdbdbd', |
|
|
500: '#9e9e9e', |
|
|
600: '#757575', |
|
|
700: '#616161', |
|
|
800: '#424242', |
|
|
900: '#212121' |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
</script> |
|
|
</head> |
|
|
<body class="bg-brutal-100 text-brutal-900 font-mono"> |
|
|
|
|
|
<nav class="border-b-4 border-brutal-900 bg-brutal-200 p-4"> |
|
|
<div class="container mx-auto px-4 flex justify-between items-center"> |
|
|
<div class="flex items-center space-x-4"> |
|
|
<div class="w-8 h-8 bg-brutal-900"></div> |
|
|
<div class="hidden md:flex space-x-6"> |
|
|
<a href="#overview" class="hover:bg-brutal-300 px-3 py-1">Overview</a> |
|
|
<a href="#capabilities" class="hover:bg-brutal-300 px-3 py-1">Capabilities</a> |
|
|
<a href="#implementation" class="hover:bg-brutal-300 px-3 py-1">Implementation</a> |
|
|
<a href="#updates" class="hover:bg-brutal-300 px-3 py-1">Updates</a> |
|
|
<a href="#citation" class="hover:bg-brutal-300 px-3 py-1">Citation</a> |
|
|
</div> |
|
|
<button class="md:hidden p-2"> |
|
|
<i data-feather="menu"></i> |
|
|
</button> |
|
|
</div> |
|
|
</nav> |
|
|
|
|
|
|
|
|
<section class="border-b-4 border-brutal-900 bg-brutal-200"> |
|
|
<div class="container mx-auto px-4 py-20"> |
|
|
<div class="max-w-6xl mx-auto"> |
|
|
|
|
|
<div class="bg-brutal-300 p-6 mb-8"> |
|
|
<h1 class="text-4xl md:text-6xl font-black tracking-tight">zai-org/GLM-4.5V</h1> |
|
|
<p class="text-xl mt-4">A Vision-Language Model with 1M Context and Grounding</p> |
|
|
</div> |
|
|
|
|
|
<div class="flex justify-center mb-8"> |
|
|
<div class="w-32 h-32 bg-brutal-900 flex items-center justify-center"> |
|
|
<div class="w-24 h-24 bg-brutal-100 border-4 border-brutal-900"> |
|
|
<div class="w-20 h-20 bg-brutal-500"></div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<main class="container mx-auto px-4 py-12"> |
|
|
|
|
|
<section id="overview" class="mb-16"> |
|
|
<div class="border-4 border-brutal-900 bg-brutal-200 p-8"> |
|
|
<h2 class="text-3xl font-black mb-6">GLM-4.5V: The Multimodal Powerhouse</h2> |
|
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-8"> |
|
|
<div> |
|
|
<p class="text-lg leading-relaxed">GLM-4.5V is zai-org's latest vision-language model featuring 1M context length, superior multimodal capabilities, and advanced grounding functionality.</p> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section id="capabilities" class="mb-16"> |
|
|
<div class="border-4 border-brutal-900 bg-brutal-200 p-6"> |
|
|
<h3 class="text-2xl font-black mb-6 border-b-4 border-brutal-900 p-4"> |
|
|
<h3 class="text-xl font-black mb-4">Multimodal Capabilities</h3> |
|
|
<div class="grid grid-cols-1 md:grid-cols-3 gap-4"> |
|
|
<div class="border-4 border-brutal-900 bg-brutal-200 p-6"> |
|
|
<div class="text-center"> |
|
|
<div class="w-16 h-16 bg-brutal-900"></div> |
|
|
<div class="bg-brutal-300 p-4"> |
|
|
<h4 class="text-lg font-black">Image Reasoning</h4> |
|
|
<p class="mt-2">Advanced visual question answering and detailed image analysis</p> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section id="implementation" class="mb-16"> |
|
|
<h2 class="text-3xl font-black mb-6">Implementation & Usage</h2> |
|
|
<div class="border-4 border-brutal-900 bg-brutal-200 p-4"> |
|
|
<h3 class="text-xl font-black mb-4">Quick Start</h3> |
|
|
<div class="bg-brutal-900 text-brutal-100 p-6"> |
|
|
<h3 class="text-lg font-black mb-4">Environment Setup</h3> |
|
|
<div class="bg-brutal-300 p-4"> |
|
|
<code class="block p-4 bg-brutal-800 text-brutal-100 overflow-x-auto"> |
|
|
# Install dependencies |
|
|
pip install torch torchvision transformers |
|
|
pip install git+https://github.com/zai-org/glm-4.5v |
|
|
</code> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section id="updates" class="mb-16"> |
|
|
<h2 class="text-3xl font-black mb-6">Project Updates</h2> |
|
|
<div class="border-4 border-brutal-900 bg-brutal-200 p-4"> |
|
|
<h3 class="text-lg font-black">Latest Release: v1.0.0</h3> |
|
|
<div class="space-y-4"> |
|
|
<div class="border-4 border-brutal-900 bg-brutal-300 p-4"> |
|
|
<p class="text-sm text-brutal-600">2024-12-19</p> |
|
|
<p class="text-lg">Initial release with comprehensive vision-language capabilities</p> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section id="citation" class="mb-16"> |
|
|
<div class="border-4 border-brutal-900 bg-brutal-200 p-4"> |
|
|
<p class="font-medium">If you use GLM-4.5V in your research, please cite:</p> |
|
|
<div class="bg-brutal-900 text-brutal-100 p-6"> |
|
|
<p class="text-sm">@misc{glm45v2024,<br> |
|
|
title={GLM-4.5V: A Vision-Language Model with 1M Context</p> |
|
|
</section> |
|
|
</main> |
|
|
|
|
|
|
|
|
<footer class="border-t-4 border-brutal-900 bg-brutal-200 p-8"> |
|
|
<div class="flex flex-wrap justify-between items-center"> |
|
|
<div class="flex space-x-6"> |
|
|
<a href="https://github.com/zai-org/GLM-4.5V"> |
|
|
<div class="flex space-x-4"> |
|
|
<a href="https://github.com/zai-org/GLM-4.5V" class="hover:bg-brutal-300 px-3 py-1">GitHub</a> |
|
|
<a href="https://huggingface.co/zai-org/GLM-4.5V" class="hover:bg-brutal-300 px-3 py-1">Demo</a> |
|
|
<a href="https://huggingface.co/zai-org/GLM-4.5V" class="hover:bg-brutal-300 px-3 py-1">API</a> |
|
|
<a href="https://discord.gg/zai-org" class="hover:bg-brutal-300 px-3 py-1">Discord</a> |
|
|
</div> |
|
|
</div> |
|
|
</footer> |
|
|
|
|
|
<script> |
|
|
feather.replace(); |
|
|
</script> |
|
|
</body> |
|
|
</html> |
|
|
|
