update docs, add favicon to docs template

This commit is contained in:
liquidex 2024-09-01 19:15:41 +02:00
parent ef1e35fcf0
commit 1543534101
3 changed files with 16 additions and 2 deletions

View file

@ -40,6 +40,7 @@ You can likewise move your viewport by *holding down your middle or right mouse
You can also zoom in and out by *scrolling.* You can also zoom in and out by *scrolling.*
Try to familiarize yourself with these controls by drawing some stuff! Try to familiarize yourself with these controls by drawing some stuff!
You can also invite friends to play around with, by sending them your wall's URL.
## Your brush ## Your brush

View file

@ -309,7 +309,7 @@ This is because it's easier to do math on normalized colors.
For example, consider multiplicatively blending two colors. For example, consider multiplicatively blending two colors.
```haku ```haku
; This is how you can multiply two colors together. -- This is how you can multiply two colors together.
mulRgba = \a, b -> mulRgba = \a, b ->
rgba (rgbaR a * rgbaR b) (rgbaG a * rgbaG b) (rgbaB a * rgbaB b) (rgbaA a * rgbaA b) rgba (rgbaR a * rgbaR b) (rgbaG a * rgbaG b) (rgbaB a * rgbaB b) (rgbaA a * rgbaA b)
``` ```
@ -317,7 +317,7 @@ mulRgba = \a, b ->
If haku represented colors using an 8-bit `0` to `255` range instead, to multiply two colors together, you would have to divide them by `255` to get them back into the correct range. If haku represented colors using an 8-bit `0` to `255` range instead, to multiply two colors together, you would have to divide them by `255` to get them back into the correct range.
```haku ```haku
; NOTE: This example does NOT work correctly. -- NOTE: This example does NOT work correctly.
mulRgba = \a, b -> mulRgba = \a, b ->
let red = (rgbaR a * rgbaR b) / 255 let red = (rgbaR a * rgbaR b) / 255
let green = (rgbaG a * rgbaG b) / 255 let green = (rgbaG a * rgbaG b) / 255

View file

@ -10,6 +10,19 @@
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<script src="/static/live-reload.js" type="module"></script> <script src="/static/live-reload.js" type="module"></script>
<link rel="icon" sizes="16x16" href="/static/favicon/rkgk@1x.png">
<link rel="icon" sizes="32x32" href="/static/favicon/rkgk@2x.png">
<link rel="icon" sizes="64x64" href="/static/favicon/rkgk@4x.png">
<link rel="icon" sizes="128x128" href="/static/favicon/rkgk@8x.png">
<link rel="icon" sizes="256x256" href="/static/favicon/rkgk@16x.png">
<link rel="icon" sizes="512x512" href="/static/favicon/rkgk@32x.png">
<link rel="apple-touch-icon" sizes="16x16" href="/static/favicon/rkgk@1x.png">
<link rel="apple-touch-icon" sizes="32x32" href="/static/favicon/rkgk@2x.png">
<link rel="apple-touch-icon" sizes="64x64" href="/static/favicon/rkgk@4x.png">
<link rel="apple-touch-icon" sizes="128x128" href="/static/favicon/rkgk@8x.png">
<link rel="apple-touch-icon" sizes="256x256" href="/static/favicon/rkgk@16x.png">
<link rel="apple-touch-icon" sizes="512x512" href="/static/favicon/rkgk@32x.png">
</head> </head>
<body> <body>