◊(Local Yarn Code "Check-in [f2c37b22]")

Overview
Comment:Tighten up the home page
Timelines: family | ancestors | descendants | both | trunk
Files: files | file ages | folders
SHA3-256: f2c37b226d2213b87bfe5fc3d1cdb0fc3034e35d7c72373b5c8aa4d252c45f18
User & Date: joel on 2020-03-15 20:47:02
Other Links: manifest | tags
Context
2020-03-15
20:57
Add series ‘Marquee Fiction’ check-in: 0918cebc user: joel tags: trunk, content
20:47
Tighten up the home page check-in: f2c37b22 user: joel tags: trunk
18:33
Change system for managing series: remove from SQLite cache, manage as a hash table of structs instead. check-in: 71cdd100 user: joel tags: trunk
Changes

Modified index.html.pp from [a72cadad] to [456776fa].

36
37
38
39
40
41
42
43
44
45
46
47
48

49


50
51
52
53

54
55

56
57
58
59
60
61
62
..
64
65
66
67
68
69
70
71
72
73
74
75
76
77

78
79
80

81
82
83
84
85
86
87
88
89
90
91
92
93

  #front-page-logo {
    shape-outside: url(web-extra/mark.svg);
    /* filter: brightness(0) saturate(100%) invert(20%) sepia(16%) saturate(903%) hue-rotate(153deg)
     * brightness(93%) contrast(90%); */
    shape-margin: 1rem;
    float: left;
    margin-left: -30vw;
    margin-right: 1rem;
    max-width: 60vw;
    height: auto;
  }


@media (min-width: 667px) {


  #front-page-logo {
    margin-top: -0.65rem;
  }
}




  main {
    background: transparent;
    line-height: 1.2em;
  }
</style>
</head>

................................................................................
 <header id="front-page"><div>
 <h1 class="site-title">The Local Yarn</h1>
 </div></header>

◊(define front-page-body ◊root{
 ◊img[#:id "front-page-logo" #:src "/web-extra/mark.svg"] is the end of the ◊index{thread} that you
 can pick or pluck, the forked ribbon tracing into the bookshelf, your own or someone else’s.
 ◊em{I’ve seen this before} says the voice on the other◊'|nbsp|end.


}) 
◊; stop for now: (crystalize-index-entries! '|index.html| front-page-body)

<main> 

  ◊(->html front-page-body #:splice? #t)

<div>

<br><span class="caps"><a href="/blog-pg1.html">The Blog</a> &middot;
<a href="/keyword-index.html">Keyword Index</a></span>

</div>


  ◊(html$-series-list) 

</main>
<footer id="main" style="text-align: right;">
<a href="/code"><code style="font-size: 0.6em;">◊"◊"SOURCE CODE</code></a>
</footer>
  </body> </html>







|

|



>
|
>
>

|

|
>

|
>







 







|





|
>
|

<
>













36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
..
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85

86
87
88
89
90
91
92
93
94
95
96
97
98
99

  #front-page-logo {
    shape-outside: url(web-extra/mark.svg);
    /* filter: brightness(0) saturate(100%) invert(20%) sepia(16%) saturate(903%) hue-rotate(153deg)
     * brightness(93%) contrast(90%); */
    shape-margin: 1rem;
    float: left;
    margin-left: -4rem;
    margin-right: 1rem;
    max-width: 8rem;
    height: auto;
  }

  #intro {
      max-width: 20rem;
      margin: 0 auto;
  }
  #front-page-logo {
    margin-top: -0.3rem;
  }

@media (min-width: 667px) {

}
  
  main {
    background: transparent;
    line-height: 1.2em;
  }
</style>
</head>

................................................................................
 <header id="front-page"><div>
 <h1 class="site-title">The Local Yarn</h1>
 </div></header>

◊(define front-page-body ◊root{
 ◊img[#:id "front-page-logo" #:src "/web-extra/mark.svg"] is the end of the ◊index{thread} that you
 can pick or pluck, the forked ribbon tracing into the bookshelf, your own or someone else’s.
 ◊em{We’ve seen this before} says the voice on the other◊'|nbsp|end.


}) 
◊; stop for now: (crystalize-index-entries! '|index.html| front-page-body)

<main>

<div id="intro"> ◊(->html front-page-body #:splice? #t) </div>


<div style="text-align: center">
<br><span class="caps"><a href="/blog-pg1.html">The Blog</a> &middot;
<a href="/keyword-index.html">Keyword Index</a></span>

</div>


  ◊(html$-series-list) 

</main>
<footer id="main" style="text-align: right;">
<a href="/code"><code style="font-size: 0.6em;">◊"◊"SOURCE CODE</code></a>
</footer>
  </body> </html>