2024-12-05 05:33:27 +00:00
< html >
< head >
<!-- This is the Ubuntu Font beginning. INCLUDE THIS! -->
< 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=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap" rel = "stylesheet" >
<!-- This is the Ubuntu Font ending. INCLUDE THIS! -->
< link href = './output/yaru-dark.css' rel = 'stylesheet' >
< / head >
< body >
< div class = "header" >
Hello yaru!
< / div >
2024-12-05 07:18:52 +00:00
< div class = "box" >
< div class = "sidebar" >
< button class = "sb_button" > lorem ipsum< / button >
< button class = "sb_button" > dolor sit amet< / button >
< / div >
< div class = "box-content-1" >
< h1 > Hello yaru!< / h1 >
< h2 > Hello yaru!< / h2 >
< h3 > Hello yaru!< / h3 >
< p > yaru.css is a css library attempting to recreate the Ubuntu Yaru style in a web format. it also works as it's own implementation of something like bootstrap with built in GTK style elements like Boxes and Popovers. This is a simple test page showing the different elements.< / p >
< button > Test< / button >
< / div >
< / div >
2024-12-05 05:33:27 +00:00
< / body >
< / html >
