Posts with new style
[blog.git] / haunt.scm
1 (use-modules (haunt asset)
2              (haunt builder blog)
3              (haunt builder atom)
4              (haunt builder assets)
5              (haunt html)
6              (haunt page)
7              (haunt reader)
8              (haunt reader texinfo)
9              (haunt site)
10              (haunt post)
11              (srfi srfi-1)
12              (srfi srfi-19))
13
14 (define (stylesheet name)
15   `(link (@ (rel "stylesheet")
16             (href ,(string-append "css/" name ".css")))))
17
18 (define (static-page title file-name body)
19   (lambda (site posts)
20     (make-page file-name
21                (with-layout flex-theme site title body)
22                sxml->html)))
23
24 (define (get-tags post)
25   (or (assoc-ref (post-metadata post) 'tags) '()))
26
27 (define (post-date-and-tags date tags)
28   (let ((div `(div (@ (class "date-and-tags"))
29                    (time (@ (datetime ,(date->string date "~Y-~m-~dT~H:~M:~S")))
30                          ,(date->string date "~Y-~m-~d")))))
31     (cond ((> (length tags) 0)
32            (append div
33                    `(" "
34                      (span (@ (style "margin: 0 3px")) ÔŽ┐)
35                      (span (@ (class "tags"))
36                            ,@(map (lambda (tag)
37                                     `((a (@ (href ,(format #f "tags/~a.html" tag))) ,tag) " "))
38                                   tags)))))
39           (else
40            div))))
41
42 (define flex-theme
43   (theme #:name "Flex"
44          #:layout
45          (lambda (site title body)
46            `((doctype "html")
47              (html
48               (head
49                (meta (@ (charset "utf-8")))
50                (title ,(string-append title " - " (site-title site)))
51                (link (@ (rel "stylesheet") (href "https://fonts.googleapis.com/css?family=Merriweather+Sans:400,300,300italic,400italic,700,700italic,800,800italic|Merriweather:400,300,300italic,400italic,700,700italic,900,900italic|Source+Code+Pro:200,300,400,500,600,700,900")))
52                ,(stylesheet "application.min")
53                ,(stylesheet "pygments.min")
54                (meta (@ (name "viewport") (content "width=device-width, initial-scale=1.0"))))
55               (body
56                ,(let ((metadata (site-default-metadata site)))
57                   `(div (@ (id "page-content"))
58                         (header
59                          (nav (@ (role "navigation") (class "navigation-bar"))
60                               (ul (@ (class "navigation-items left"))
61                                   (li (@ (id "blog-title-header"))
62                                       (a (@ (href "index.html"))
63                                          (h1 ,(assoc-ref metadata 'author)))))
64                               (ul (@ (class "navigation-items center")))
65                               (ul (@ (class "navigation-items right"))
66                                   ,@(map (lambda (page)
67                                            `(li (a (@ (href ,(cdr page))) ,(car page))))
68                                          (assoc-ref metadata 'pages)))))
69                         (section (@ (role "main"))
70                                  (div (@ (class "content") (class "col-md-12")) ,body))))))))
71
72          #:post-template
73          (lambda (post)
74            `((article (@ (class "inline"))
75                       (header
76                        (h1 (@ (class "title")) ,(post-ref post 'title))
77                        ,(post-date-and-tags (post-date post) (get-tags post)))
78                       ,(post-sxml post))))
79
80          #:collection-template
81          (lambda (site title posts prefix)
82            (define (post-uri post)
83              (string-append (or prefix "")
84                             (site-post-slug site post) ".html"))
85
86            (define (get-paragraphs sxml count)
87              (let ((pars (filter
88                           (lambda (e) (and (pair? e) (eq? (car e) 'p)))
89                           sxml)))
90                (list-head pars (min count (length pars)))))
91                      
92            (define (post-summary post)
93              (or (post-ref post 'summary)
94                  (get-paragraphs (cdr (post-sxml post)) 3)))
95
96            `(
97              ,@(map (lambda (post)
98                       `(article (@ (class "inline"))
99                                 (header
100                                  (h2 (@ (class "title"))
101                                      (a (@ (href ,(post-uri post)))
102                                         ,(post-ref post 'title)))
103                                  ,(post-date-and-tags (post-date post) (get-tags post)))
104                                 ,(post-summary post)
105                                 (footer (@ (class "read-more"))
106                                            (a (@ (href ,(post-uri post))) "...read more..."))))
107                     (posts/reverse-chronological posts))))))
108
109 (define about-page
110   (static-page
111    "About me"
112    "about.html"
113    `((h2 "hi."))))
114
115 (define %collections
116   `(("Home" "index.html" ,posts/reverse-chronological)))
117
118 (site #:title "Javier Sancho"
119       #:domain "jsancho.org"
120       #:default-metadata
121       '((author . "Javier Sancho")
122         (description . "Free Software Evangelist - Programmer")
123         (email . "jsf@jsancho.org")
124         (picture . "images/jsancho.jpg")
125         (pages . (("projects" . "http://git.jsancho.org/")
126                   ("about me" . "about.html"))))
127       #:readers (list sxml-reader html-reader)
128       #:builders (list (blog #:theme flex-theme #:collections %collections)
129                        (atom-feed)
130                        (atom-feeds-by-tag)
131                        about-page
132                        (static-directory "images")
133                        (static-directory "fonts")
134                        (static-directory "css")))