File size: 7,310 Bytes
5b63760 357d069 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 |
<!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">
<!-- Navigation -->
<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>
<!-- Hero Section -->
<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">
<!-- Model Title -->
<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>
<!-- Model Logo -->
<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 Content Sections -->
<main class="container mx-auto px-4 py-12">
<!-- Introduction -->
<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>
<!-- Capabilities Grid -->
<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>
<!-- Implementation 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>
<!-- Updates 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>
<!-- Citation -->
<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 -->
<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>
|