/-  boke  
|_  [s=state:boke =bowl:gall]
++  css  ^~  %-  trip
'''
html, body, main{
  height: 100%;
  overflow-y: hidden;
}
main{
  display: flex;
  & #icons{
    width: 5%;
    border-right: 1px solid black;
    & img{
      display:block;
      margin: auto;
      cursor: pointer;
      width: 30px;
    }
  }
}
.scroll{
  height: 100%;
  overflow-y: auto;
}
#main{
  display: flex;
  width: 95%;
}
'''
++  $  ^-  manx
;html  
=data-theme  "light"
  ;head
    ;meta(charset "utf-8");
    ;meta(name "viewport", content "width=device-width, initial-scale=1, shrink-to-fit=no");
    ;title:"Sorcal"
    ;style:"{css}"
  ==
  ;body
    ;main
      ;div#icons
        =kaji  "scry"
        =swap  "swap"
        =targ  "#main"
        ;img@"https://s3.sortug.com/img/icons/notes.svg"
          =path  "/cal/f/notes"
        ;
        ==
        ;img@"https://s3.sortug.com/img/icons/todo.svg"
          =path  "/cal/f/todo"
        ;
        ==
        ;img@"https://s3.sortug.com/img/icons/calendar.svg"
          =path  "/cal/f/cal"
        ;
        ==
        ;select
          =kaji  "scry"
          =path  "/search/f"
          =name  "interval"
          ;option
            =value  "all"
            ; All time
          ==
          ;option
            =value  "day"
            :: =selected  ""
            ; Past 24h
          ==
        ==
      ==
      ;div#main;
    ==
  ==
==
--