Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
35 changes: 34 additions & 1 deletion blog/src/_data/media.json
Original file line number Diff line number Diff line change
Expand Up @@ -4556,12 +4556,45 @@
"inline": {},
"youtube": []
},
"how-to-run-mistral-large-4": {
"title": "How to Run Mistral Large 4 Locally: Hardware, GGUF Sizes and vLLM (Oct 2026)",
"category": "guides",
"hero": {
"file": "assets/media/how-to-run-mistral-large-4/hero.png",
"alt": "Title card on white. Run Mistral Large 4 in large ink type with the line From 256 GB of memory, three suitcases tagged 233 GB, 378 GB and 605 GB, and Checked 29 Oct 2026",
"prompt": "Still of the hero scene in assets/media/how-to-run-mistral-large-4/motion.js.",
"status": "ready"
},
"inline": {}
},
"mistral-large-4-vs-claude-opus-5-5": {
"title": "Mistral Large 4 vs Claude Opus 5.5: Price, Coding Scores and Open Weights (Oct 2026)",
"category": "comparisons",
"hero": {
"file": "assets/media/mistral-large-4-vs-claude-opus-5-5/hero.png",
"alt": "Title card on white. Mistral Large 4 vs Claude Opus 5.5 in large ink type with the line Open weights or top scores, two taxi meters reading $2.10 and $20, and Checked 29 Oct 2026",
"prompt": "Still of the hero scene in assets/media/mistral-large-4-vs-claude-opus-5-5/motion.js.",
"status": "ready"
},
"inline": {}
},
"what-is-kimi-k3-1-pro": {
"title": "What Is Kimi K3.1 Pro? Price, Weights and How to Use It for Coding (Oct 2026)",
"category": "concepts",
"hero": {
"file": "assets/media/what-is-kimi-k3-1-pro/hero.png",
"alt": "Title card on white. Kimi K3.1 Pro in large ink type with the line 1M context, weights by 4 Nov, three high jump bars, and Checked 29 Oct 2026",
"prompt": "Still of the hero scene in assets/media/what-is-kimi-k3-1-pro/motion.js.",
"status": "ready"
},
"inline": {}
},
"mistral-large-4": {
"title": "Mistral Large 4 (Le Chonk): size, price, scores and weights",
"category": "concepts",
"hero": {
"file": "assets/media/mistral-large-4/hero.png",
"alt": "Title card on white. Mistral Large 4 in large ink type with a lilac kettlebell labelled Le Chonk and the line Checked 6 Oct 2026",
"alt": "Title card on white. Mistral Large 4 in large ink type with a lilac kettlebell labelled Le Chonk and the line Checked 29 Oct 2026",
"prompt": "Still of the hero scene in assets/media/mistral-large-4/motion.js.",
"status": "ready"
},
Expand Down
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
13 changes: 13 additions & 0 deletions blog/src/assets/media/how-to-run-mistral-large-4/motion.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
/* Bright coded scenes for "How to run Mistral Large 4". Pairs with motion.js. */
.prose figure.mg { margin: 42px 0; }
.prose figure.mg img, .mg .mg-svg { display: block; width: 100%; height: auto; border: 1px solid #1A1320; border-radius: 18px; background: #fff; }
.mg figcaption { font: 500 13px/1.5 "Space Grotesk", system-ui, sans-serif; color: #6B5878; padding-top: 10px; text-align: center; }
.mg .mg-svg { touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
.mg .mg-svg text { -webkit-user-select: none; user-select: none; pointer-events: none; }
.mg .mg-hit { cursor: pointer; outline: none; }
.mg [role="slider"] { cursor: grab; touch-action: none; }
.mg .mg-ring { stroke-opacity: 0; transition: stroke-opacity 0.15s; }
.mg .mg-hit:focus-visible .mg-ring { stroke-opacity: 1; }
.mg [role="slider"]:focus-visible circle:nth-child(2) { stroke-width: 5; }
@media (hover: hover) { .mg .mg-hit:hover .mg-ring { stroke-opacity: 0.5; } }
@media (prefers-reduced-motion: reduce) { .mg .mg-ring { transition: none; } }
238 changes: 238 additions & 0 deletions blog/src/assets/media/how-to-run-mistral-large-4/motion.js

Large diffs are not rendered by default.

Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
/* Bright coded scenes for "Mistral Large 4 vs Claude Opus 5.5". Pairs with motion.js. */
.prose figure.mg { margin: 42px 0; }
.prose figure.mg img, .mg .mg-svg { display: block; width: 100%; height: auto; border: 1px solid #1A1320; border-radius: 18px; background: #fff; }
.mg figcaption { font: 500 13px/1.5 "Space Grotesk", system-ui, sans-serif; color: #6B5878; padding-top: 10px; text-align: center; }
.mg .mg-svg { touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
.mg .mg-svg text { -webkit-user-select: none; user-select: none; pointer-events: none; }
.mg .mg-hit { cursor: pointer; outline: none; }
.mg [role="slider"] { cursor: grab; touch-action: none; }
.mg .mg-ring { stroke-opacity: 0; transition: stroke-opacity 0.15s; }
.mg .mg-hit:focus-visible .mg-ring { stroke-opacity: 1; }
.mg [role="slider"]:focus-visible circle:nth-child(2) { stroke-width: 5; }
@media (hover: hover) { .mg .mg-hit:hover .mg-ring { stroke-opacity: 0.5; } }
@media (prefers-reduced-motion: reduce) { .mg .mg-ring { transition: none; } }
Loading
Loading