Xishan (西山)
Xishan (西山) is the design system used to build maxdeviant.com.
It gets its name from the Western Hills in Yunnan province.
Typography
Type scale
Article entry
Default
A Post
Blockquote
Default
It is practically impossible to teach good programming to students that have had a prior exposure to BASIC: as potential programmers they are mentally mutilated beyond hope of regeneration.
The use of COBOL cripples the mind; its teaching should, therefore, be regarded as a criminal offense.
— Edsger Dijkstra
Code block
Default
fn fibonacci(n: u32) -> u32 {
match n {
0 => 0,
1 => 1,
_ => fibonacci(n - 1) + fibonacci(n - 2),
}
}
fn main() {
for i in 0..10 {
println!("fibonacci({i}) = {}", fibonacci(i));
}
}
With filepath
fn fibonacci(n: u32) -> u32 {
match n {
0 => 0,
1 => 1,
_ => fibonacci(n - 1) + fibonacci(n - 2),
}
}
fn main() {
for i in 0..10 {
println!("fibonacci({i}) = {}", fibonacci(i));
}
}
Figure
Default
Headline
Default
This is a headline
Subheadline
Default
This is a subheadline
Body copy
Default
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sodales finibus magna id consequat. Nulla consequat turpis non pulvinar interdum. Donec id dolor vitae arcu ornare venenatis nec quis ligula. Aenean tempor sodales turpis, at tempus ex consectetur vitae. Nullam a est et arcu congue porttitor. Donec tempor turpis ut iaculis vulputate. Sed tempus magna vitae felis ultricies gravida. Etiam mattis mauris non nibh fringilla, eu laoreet ligula imperdiet. Aenean pellentesque consequat nisl, ac pharetra erat condimentum quis. Cras blandit volutpat volutpat. Nam facilisis aliquam nibh. Mauris quis lorem et ex vestibulum dapibus eu a mauris.
Note
Info
Warning
Error
Read time
Default
Table of contents
Inside paragraph
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sodales finibus magna id consequat. Nulla consequat turpis non pulvinar interdum. Donec id dolor vitae arcu ornare venenatis nec quis ligula. Aenean tempor sodales turpis, at tempus ex consectetur vitae. Nullam a est et arcu congue porttitor. Donec tempor turpis ut iaculis vulputate. Sed tempus magna vitae felis ultricies gravida. Etiam mattis mauris non nibh fringilla, eu laoreet ligula imperdiet. Aenean pellentesque consequat nisl, ac pharetra erat condimentum quis. Cras blandit volutpat volutpat. Nam facilisis aliquam nibh. Mauris quis lorem et ex vestibulum dapibus eu a mauris.