My blog is open sourced! 🎉
2025-08-17
Open source project
The beautiful trajectory of the Three Body Problem
Website
Design domain navigation tool
Tag
2200+ open-source free icons
Tool
My first generation blog website
Contact
Home
Work
Blog
Book
About
© 2025 Design by
Asorn
|
Cookies
Privacy
Larkmap
QingIcon
Neoline
Create a free website with Framer, the website builder loved by startups, designers and agencies.
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><defs ><filter filter-units="objectBoundingBox" height="380.0%" id="owutI6EdM-1958930707-shadow-outset" width="380.0%" x="-140.0%" y="-140.0%"><feOffset dx="0" dy="0" in="SourceAlpha" result="owutI6EdM-1958930707-shadow-outset-0-offset"/><feGaussianBlur in="owutI6EdM-1958930707-shadow-outset-0-offset" result="owutI6EdM-1958930707-shadow-outset-0-blur" stdDeviation="2"/><feFlood flood-color="rgba(255, 255, 255, 0.32)" result="owutI6EdM-1958930707-shadow-outset-0-flood"/><feComposite in="owutI6EdM-1958930707-shadow-outset-0-flood" in2="owutI6EdM-1958930707-shadow-outset-0-blur" operator="in" result="owutI6EdM-1958930707-shadow-outset-0"/></filter><path d="M 0 3 C 0 1.343 1.343 0 3 0 C 4.657 0 6 1.343 6 3 C 6 4.657 4.657 6 3 6 C 1.343 6 0 4.657 0 3 Z" id="owutI6EdM-1958930707" transform="translate(9 9)"/><linearGradient id="j3IuAAGAa-1958930707-linear-gradient" x1="0.18698720858510326" x2="0.8130127914148968" y1="0" y2="1"><stop offset="0" stop-color="rgb(250, 201, 201)"/><stop offset="1" stop-color="rgb(196, 203, 248)"/></linearGradient></defs><mask height="380.0%" id="owutI6EdM-1958930707-shadow-mask" width="380.0%" x="-140.0%" y="-140.0%"><rect fill="white" height="100%" width="100%"/><use fill="black" href="%23owutI6EdM-1958930707"/></mask><g filter="url(%23owutI6EdM-1958930707-shadow-outset)" mask="url(%23owutI6EdM-1958930707-shadow-mask)"><use fill="black" href="%23owutI6EdM-1958930707" stroke-opacity="0" stroke-width="0" stroke="black"/></g><use fill="rgb(9, 9, 11)" height="6px" href="%23owutI6EdM-1958930707" id="owutI6EdM" width="6px"/><path d="M 18.5 10 C 18.5 5.306 14.694 1.5 10 1.5 C 5.306 1.5 1.5 5.306 1.5 10 C 1.5 14.694 5.306 18.5 10 18.5 L 10 20 C 4.477 20 0 15.523 0 10 C 0 4.477 4.477 0 10 0 C 15.523 0 20 4.477 20 10 C 20 15.523 15.523 20 10 20 L 10 18.5 C 14.694 18.5 18.5 14.694 18.5 10 Z" fill="url(%23j3IuAAGAa-1958930707-linear-gradient)" height="20px" id="j3IuAAGAa" transform="translate(2 2)" width="20px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><defs ><linearGradient id="qX28d6lkO-1958828507-linear-gradient" x1="0" x2="1" y1="0.9933928677091868" y2="0.006607132290813278"><stop offset="0" stop-color="rgba(255, 255, 255, 0.6)"/><stop offset="1" stop-color="rgb(255, 255, 255)"/></linearGradient><linearGradient id="D2nDsSxhA-1958828507-linear-gradient" x1="0" x2="1" y1="0.893582173254263" y2="0.10641782674573697"><stop offset="0" stop-color="rgba(255, 255, 255, 0.6)"/><stop offset="1" stop-color="rgb(255, 255, 255)"/></linearGradient></defs><g d="M 10 20 C 4.477 20 0 15.523 0 10 L 0 10 C 0 4.477 4.477 0 10 0 L 10 0 C 15.523 0 20 4.477 20 10 L 20 10 C 20 15.523 15.523 20 10 20 Z M 8.571 14.143 C 8.256 14.143 8 13.887 8 13.572 L 8 13.571 C 8 13.256 8.256 13 8.571 13 L 11.62 13 C 11.935 13 12.191 13.256 12.191 13.571 L 12.191 13.572 C 12.191 13.887 11.935 14.143 11.62 14.143 Z M 9.571 16.143 C 9.256 16.143 9 15.887 9 15.572 L 9 15.571 C 9 15.256 9.256 15 9.571 15 L 10.715 15 C 11.03 15 11.286 15.256 11.286 15.571 L 11.286 15.572 C 11.286 15.887 11.03 16.143 10.715 16.143 Z M 12.5 4.522 C 13.082 4.878 13.571 5.366 13.927 5.948 L 14.449 4 L 12.501 4.522 Z M 10.287 4 C 12.654 4 14.572 5.919 14.572 8.287 C 14.572 10.654 12.653 12.572 10.286 12.572 C 7.918 12.572 6 10.653 6 8.286 C 6 5.918 7.919 4 10.287 4 Z M 11.714 6.096 C 11.294 6.096 10.952 6.437 10.952 6.858 C 10.952 7.279 11.294 7.62 11.714 7.62 C 12.135 7.62 12.476 7.279 12.476 6.858 C 12.476 6.437 12.135 6.096 11.714 6.096 Z" fill="transparent" height="20px" id="j4S52YHcz" transform="translate(2 2)" width="20px"><path d="M 10 20 C 4.477 20 0 15.523 0 10 L 0 10 C 0 4.477 4.477 0 10 0 L 10 0 C 15.523 0 20 4.477 20 10 L 20 10 C 20 15.523 15.523 20 10 20 Z" fill="rgb(95, 66, 164)" height="20px" id="x6ulcYs8P" width="20px"/><g opacity="0.8"><path d="M 0.571 1.143 C 0.256 1.143 0 0.887 0 0.572 L 0 0.571 C 0 0.256 0.256 0 0.571 0 L 3.62 0 C 3.935 0 4.191 0.256 4.191 0.571 L 4.191 0.572 C 4.191 0.887 3.935 1.143 3.62 1.143 Z" fill="rgb(255, 255, 255)" height="1.1430000000000007px" id="HJZ6VVHrd" transform="translate(8 13)" width="4.190999999999974px"/></g><g opacity="0.6"><path d="M 0.571 1.143 C 0.256 1.143 0 0.887 0 0.572 L 0 0.571 C 0 0.256 0.256 0 0.571 0 L 1.715 0 C 2.03 0 2.286 0.256 2.286 0.571 L 2.286 0.572 C 2.286 0.887 2.03 1.143 1.715 1.143 Z" fill="rgb(255, 255, 255)" height="1.1430000000000007px" id="gjDu_Q1cI" transform="translate(9 15)" width="2.2860000000000014px"/></g><path d="M 0 0.522 C 0.582 0.878 1.071 1.366 1.427 1.948 L 1.949 0 L 0.001 0.522 Z" fill="url(%23qX28d6lkO-1958828507-linear-gradient)" height="1.9480000000000004px" id="qX28d6lkO" transform="translate(12.5 4)" width="1.9490000000000123px"/><path d="M 4.287 0 C 6.654 0 8.572 1.919 8.572 4.287 C 8.572 6.654 6.653 8.572 4.286 8.572 C 1.918 8.572 0 6.653 0 4.286 C 0 1.918 1.919 0 4.287 0 Z M 5.714 2.096 C 5.294 2.096 4.952 2.437 4.952 2.858 C 4.952 3.279 5.294 3.62 5.714 3.62 C 6.135 3.62 6.476 3.279 6.476 2.858 C 6.476 2.437 6.135 2.096 5.714 2.096 Z" fill="url(%23D2nDsSxhA-1958828507-linear-gradient)" height="8.572000059607301px" id="D2nDsSxhA" transform="translate(6 4)" width="8.572000059607301px"/></g></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M 10.07 15.999 L 9.999 15.999 C 6.685 15.999 3.999 13.313 3.999 9.999 C 3.999 6.685 6.685 3.999 9.999 3.999 C 13.313 3.999 15.999 6.685 15.999 9.999 L 15.999 10.07 C 17.355 9.872 18.739 10.079 19.978 10.663 C 20.254 6.506 17.925 2.614 14.131 0.893 C 10.338 -0.827 5.875 -0.016 2.929 2.929 C -0.016 5.875 -0.827 10.338 0.893 14.131 C 2.614 17.925 6.506 20.254 10.663 19.978 C 10.078 18.739 9.872 17.355 10.07 15.999 Z" fill="rgb(21, 166, 117)" height="20px" id="gPtBqY_7O" transform="translate(2 2)" width="20px"/><path d="M 6 3 C 6 4.657 4.657 6 3 6 C 1.343 6 0 4.657 0 3 C 0 1.343 1.343 0 3 0 C 4.657 0 6 1.343 6 3 Z" fill="rgb(21, 166, 117)" height="5.999875409733249px" id="QeZYIH4mq" transform="translate(15.889 15.889)" width="5.999875409733221px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><defs ><linearGradient id="gw2jZoHm9-1695285440-linear-gradient" x1="0.49751243781094523" x2="0.5024875621890548" y1="0" y2="1"><stop offset="0" stop-color="rgb(245, 186, 45)"/><stop offset="0.49" stop-color="rgb(229, 115, 19)"/><stop offset="1" stop-color="rgb(253, 189, 27)"/></linearGradient></defs><path d="M 0 10 C 0 4.477 4.477 0 10 0 C 15.523 0 20 4.477 20 10 C 20 15.523 15.523 20 10 20 C 4.477 20 0 15.523 0 10 Z" fill="url(%23gw2jZoHm9-1695285440-linear-gradient)" height="20px" id="gw2jZoHm9" transform="translate(2 2)" width="20px"/></svg>)