Commit 3e9e02b8 authored by julientaq's avatar julientaq
Browse files

update before launch

parent 3c9c2737
---
title: "About"
title: "About Paged.js"
date: 2019-11-02T00:08:22+01:00
draft: false
class: "about"
......
......@@ -2,20 +2,14 @@
title: 'Paged Media approaches : page floats'
author: Julie Blanc
type: post
date: 2018-04-02T21:24:56+00:00
date: 2020-02-01T21:24:56+00:00
intro: 'In CSS specifications, the float property is very interesting. The property indicates that an element is to be removed from the normal flow and instead be placed into a different place - currently, on the right or left side of its container. Text and other inline elements will then surround the floated element.'
url: /page-floats/
categories:
- Blog post
- Guidelines
- Paged Media Open Source initiative
tags:
- automated layout with CSS
- Automated Typesetting
- CSS layout design
- floats
- paged media
- Paged Media Open Source initiative
- pagemasters and flows
- Page-floats
---
Layout is the operation of positioning and styling elements of content in a given space. It aims to position the content (text, images, notes…) in a hierarchical and harmonious way (balancing the zones, colors and spaces, contrasts), in order to facilitate display and the flow of reading.
......
---
title: "And we’re back!"
date: 2020-01-27T15:56:54+01:00
draft: false
draft: true
intro: "After a year of undercover work in the realm of printing HTML, we’re proudly introducing the new Paged.js website."
tags:
- pagedjs
......
---
title: "Build An Index With Pagedjs"
date: 2020-02-14T15:40:08+01:00
title: "Build An Index With Pagedjs"
date: 2020-02-02T15:40:08+01:00
draft: false
author: "Julie Blanc"
class: cookbook
intro: "Indexing is not an easy task. But what if we could automatize a bit the whole experience, on the export? Here is how you can do it with Paged.js"
tags:
- index
- Indexing
- guide
- paged.js
---
......
---
title: "Our position paper for the W3C print CSS event"
title: "Our position paper for the W3C CSS print workshop"
date: 2020-02-14T11:19:56+01:00
draft: false
class:
......
---
title: " A Table of Contents"
title: " Build a Table of Contents from your HTML"
subtitle: "Find your way in your book!"
class: "cookbook"
date: 2019-12-12T15:56:54+01:00
date: 2020-01-01T15:56:54+01:00
# colorPaper: "gold"
baseline: "the library that prints the web"
header: "tryout"
intro: "You got some HTML content you want to make a book with, but it would takes too much time to set the ids and hyperlinks? We got you covered!"
author: "Julie Blanc"
draft: false
tags:
- guide
- pagedjs
- hooks
author: "Julie Blanc"
---
......
---
title: "This Is Where Our Spirit Go"
date: 2020-01-30T09:35:13+01:00
draft: true
---
# This is the first test
How is it going?
Ex laboris consequat mollit Lorem ex enim ea sint anim. Ex laboris consequat mollit Lorem ex enim ea sint anim.Ex laboris consequat mollit Lorem ex enim ea sint anim.Ex laboris consequat mollit Lorem ex enim ea sint anim.Ex laboris consequat mollit Lorem ex enim ea sint anim.Ex laboris consequat mollit Lorem ex enim ea sint anim.Ex laboris consequat mollit Lorem ex enim ea sint anim.
\ No newline at end of file
{"Target":"css/main.min.e6229e0ca1616b27ea08f2b6bf4ba6d1.css","MediaType":"text/css","Data":{"Integrity":"md5-5iKeDKFhayfqCPK2v0um0Q=="}}
\ No newline at end of file
{"Target":"css/main.min.a9204129a3581f789dccf03d871572d6.css","MediaType":"text/css","Data":{"Integrity":"md5-qSBBKaNYH3idzPA9hxVy1g=="}}
\ No newline at end of file
......@@ -6,25 +6,29 @@
#TableOfContents {
font-size: 0.9em;
a {
text-decoration: none;
background: var(--color-paper);
font-family: var(--font-sans);
font-weight: 400;
font-style: normal;
font-size: 0.85em;
}
ul {
border-left: 1px solid var(--color-body);
font-family: var(--font-sans);
/* border-left: 1px solid var(--color-body);
margin-left: 3px;
margin-top: 0;
margin-top: 0; */
padding-top: .5em;
border-left: 2px solid var(--color-grey);
}
li {
list-style-type: none;
/* list-style-type: none;
max-width: 100%;
position: relative;
margin-left: 2ch;
margin-left: 2ch; */
a {
background: var(--color-paper);
......
......@@ -21,7 +21,7 @@
--color-paper: var(--color-background);
--color-accent: var(--color-primary);
--color-primary: var(--color-body);
--color-grey: currentcolor;
--color-grey: #ddd;
/* --font-serif: "Minipax Variable", serif; */
/* --font-serif: "Fanwood Text", serif; */
--font-serif: "Linden Hill", serif;
......
......@@ -8,7 +8,11 @@
.list .content .article {
ul ul{
font-size: 1em;
/* font-size: 0.9em; */
color: red;
}
}
}
......
......@@ -16,6 +16,7 @@
padding-left: 2ch;
border-left: 1px solid var(--color-lightest-grey);
margin-left: 2ch;
font-size: 1em;
}
nav:not(".menu") > ul {
......@@ -28,8 +29,10 @@
> ul {
margin-bottom: 0.5em;
padding-left: 2ch;
margin-left: 1ch;
padding-left: 1ch;
font-size: 1em;
border-left: 1px solid var(--color-lightest-grey);
}
......@@ -67,11 +70,14 @@
margin-top: 0.3em;
color: var(--color-primary);
padding-left: 1em;
border-left: 2px solid currentcolor;
/* border-left: 2px solid currentcolor; */
border-left: 2px solid var(--color-grey);
max-width: 51ch;
display: block;
font-family: var(--font-serif);
margin-left: 4ch;
margin-left: 3ch;
/* align-self: flex-end; */
}
h2 {
......
{{ define "main"}}
<main>
<div>
<h1 id="title"><a href="{{ "/" | relURL }}">Go Home</a></h1>
</div>
</main>
{{ end }}
\ No newline at end of file
{{ define "main" }}
<div class="list content">
<ul>
{{ range .Pages }}
{{ range .Pages.ByDate.Reverse }}
<li class="article">
<h2><a href="{{ .Permalink }}"><span>{{ .Title }}</span></a></h2>
{{ if eq .Page.Section "documentation"}}
{{ .TableOfContents }}
{{else}}
{{ if .Params.intro }}
<div class="meta">
{{ if .Params.author }}Written by <span class="author"> {{ .Params.author }}</span>, {{ end }}
{{ if and .Params.author .Date }} {{ end }}
{{ if .Params.date }} the <span class="date"> {{ dateFormat "2 of january 2006" .Date }} </span> {{ end }}
<span class="intro"> {{ .Params.intro }} </span> {{ end }}
{{ if .Params.date }} the <span class="date"> {{ dateFormat "2 january 2006" .Date }} </span> {{ end }}
<span class="intro"> {{ .Params.intro }} </span>
{{end}}
</a>
</li>
......
......@@ -7,7 +7,7 @@
<h1 id="title">{{ .Title }}</h1>
<p class="meta">
written by <span class="author">{{ .Params.author }}</span> on
<span class="date">{{ dateFormat "2 of January 2006" .Date }}</span>
<span class="date">{{ dateFormat "2 January 2006" .Date }}</span>
</p>
{{ end }}
......
{{ define "main" }}
<div class="list content">
<ul>
{{ range .Pages.ByDate }}
<li class="article">
<h2><a href="{{ .Permalink }}"><span>{{ .Title }}</span></a></h2>
{{ .TableOfContents }}
</li>
{{ end }}
<li class="article">
<h2><a href="/tags/guide"><span>Guides and How-tos from the journal</span></a></h2>
<nav id="TableOfContents">
<ul>
{{ range .Site.RegularPages.ByDate.Reverse }}
{{ if in .Params.tags "guide" }}
<li><a href={{ .Page.Permalink }}>
{{ .Page.Title }}
</a></li>
{{ end }}
{{ end }}
</ul>
</nav>
</li>
</ul>
</div>
{{ end }}
\ No newline at end of file
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment