margin: 0px;
}
-#stream-output {
+#stream-metabox {
flex: 1;
min-height: 85vh;
max-height: 85vh;
background-color: #d5d5d5;
padding: 10px;
+ overflow-y: scroll;
}
-#input-box {
+#input-metabox {
flex: 1;
min-height: 15vh;
max-height: 15vh;
background-color: #414141;
color: #d5d5d5;
padding: 10px;
-}
\ No newline at end of file
+}
#:websocket-handler (wrap-apply websocket-handler)))))
(define (view:main-display request body)
+ (define one-entry
+ '(div (@ (class "stream-entry"))
+ (p "This is an entry!")
+ (p "Let's try a few paragraphs")
+ (p "okay?")))
+
(define body-tmpl
- '((div (@ (id "stream-output"))
- (p "nope"))
- (div (@ (id "input-box"))
+ `((div (@ (id "stream-metabox"))
+ (div (@ (id "stream"))
+ ,@(map (const one-entry) (iota 10))))
+ (div (@ (id "input-metabox"))
(p "test test")
(input (@ (id "input"))))))
(body ,@body-tmpl)))
(define (write-template-to-string)
(with-fluids ((%default-port-encoding "UTF-8"))
- (with-output-to-string
- (lambda ()
- (sxml->xml (main-tmpl))))))
+ (call-with-output-string
+ (lambda (p)
+ (sxml->xml (main-tmpl) p)))))
(values (build-response #:code 200
#:headers '((content-type . (application/xhtml+xml))))
(write-template-to-string)))