Logo and doodles (ask.chaipat.cc)
Component
The logo and doodles, in src/brand.js with their styles in HTML and CSS, are the site's mark and its costumes. The mark is the letters cj, for the cj: vocabulary the whole graph is written in, drawn as a tiny graph: the dot of the j is a node, linked to the c by an edge. It appears beside his name in the header, as the browser icon and as the app icon.
On some days the mark dresses up and his name takes a matching font and animation:
| Day | Doodle |
|---|---|
| New Year | gold, with sparkles |
| Songkran | water blue, with drops, the name riding a wave |
| 24 April, the site's birthday | confetti |
| Halloween | a bat and a pumpkin node, the name flickering |
| Christmas | a star, the name twinkling |
Clicking a doodle asks a question that fits the day. The animations stop for visitors who ask their system for less motion.
In the knowledge graph
Logo and doodles and the 3 things it is linked to. Open any dot for its page, or explore it in the full graph.
As data
Everything on this page is read from triples in the knowledge graph. These are the 10 it states about Logo and doodles, and 1 more its ontology implies; the console runs SPARQL over the whole graph, here in your browser.
@prefix id: <https://ask.chaipat.cc/id/> . @prefix rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#> . @prefix cj: <https://ask.chaipat.cc/ns#> . @prefix rdfs: <http://www.w3.org/2000/01/rdf-schema#> . @prefix xsd: <http://www.w3.org/2001/XMLSchema#> . id:SiteBrand a cj:Component ; rdfs:label "Logo and doodles (ask.chaipat.cc)" ; cj:shortLabel "Logo and doodles" ; cj:componentOf id:ThisSite ; cj:sourceFile "src/brand.js" ; cj:uses id:JavaScript , id:HTMLCSS ; cj:description "The site's mark: a cj monogram drawn as a graph, the j's dot a node linked to the c, after the cj: vocabulary every fact here is written in. On some days it dresses up as a doodle, and his name takes a matching font and animation." ; cj:article "https://ask.chaipat.cc/wiki/SiteBrand"^^xsd:anyURI ; cj:implementationDigest "sha256:296d458de0eee373a60946d74581645eefdfa9ac77357bbd190c4f00eab0a3f0" .