Commit 206967f0 authored by svilayphiou's avatar svilayphiou

Some more organization.

Main change: `page.less` is now called `layout.less` for easier
understanding.
parent 06cac5df
......@@ -94,6 +94,15 @@ then hiding the footer with visibility:none on pages where one would not want th
Changing the visual structure of the document
---------------------------------------------
If you want to have another type of layout than header/body/footer, you might want to edit the pages `index.html` and `/assets/less/layout.less`. Look at the code in the `examples` folder for more help.
Opening several projects
------------------------
......@@ -110,6 +119,18 @@ By default, the `start` script uses the port 8000. If you want to launch another
Troubleshooting
===============
### When I launch the server (by opening the `start` file or through the terminal, I got the following error: "socket.error: [Errno 98] Address already in use"
Run the mini-server on another port (see section "Opening several projects).
PDFutils
========
See the repository PDFutils <http://osp.kitchen/tools/PDFutils/> for
......@@ -117,3 +138,6 @@ pre-press tools such as:
- PDF conversion from RGB to CMYK via Ghostscript
- Check color separation
See <http://stdin.fr/Bazar/Ghostscript> for Ghostscript tips (PDF manipulation software).
......@@ -108,9 +108,7 @@
.page {
width: @page-width;
height: @page-height;
position: relative;
text-rendering: optimizeLegibility;
}
// TODO: changer le format du papier en spread pour pouvoir imprimer en planche
......@@ -130,44 +128,6 @@
}
}
@media screen {
body {
background-color: #F0F0F0;
}
#pages {
width: @paper-width;
height: @paper-height;
margin-left: auto;
margin-right: auto;
}
.spread #pages {
width: @paper-width * 2;
height: @paper-height * 2;
}
.paper {
/* centrer la page à l'écran */
background-color: white;
margin-top: 1em;
margin-bottom: 1em;
}
.normal .paper {
//outline: 1px solid lightgray;
}
.normal .page {
outline: 1px dashed lightsalmon;
}
.preview .paper {
background: none;
}
.preview .page {
outline: 1px solid lightgray;
background-color: white;
}
}
@media print {
html {
width: @paper-width;
......@@ -177,15 +137,13 @@
background-color: white;
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
/* Activate opentype features and kernings */
-webkit-font-feature-settings: "liga", "dlig", "clig", "kern";
text-rendering: optimizeLegibility;
}
}
@media print {
#interface {
display: none;
}
}
/**
* Helpers
......
......@@ -6,8 +6,6 @@
/* __________________________________ HEADER __________________________________ */
.header {
/*position: absolute;*/
/*margin-top: @page-margin-top;*/
top: 0;
margin: 0;
padding-top: @page-margin-top;
......@@ -23,7 +21,6 @@
.body {
height: @page-height - @header-height - @footer-height;
width: @page-width;
/*margin: @crop;*/
margin-bottom: @page-margin-bottom;
padding-top: @page-margin-top + @header-height;
padding-bottom: @page-margin-bottom;
......@@ -53,7 +50,7 @@
}
}
/* for spreads only */
/* mirrored pages */
.paper {
&:nth-child(odd) .header {
text-align: right;
......@@ -73,12 +70,6 @@
}
}
body {
-webkit-font-feature-settings: "liga", "dlig", "clig", "kern";
text-rendering: optimizeLegibility;
}
img {
max-width: 100%;
}
......
......@@ -2,6 +2,44 @@
* User Interface
*/
@media screen {
// C A N V A S
body {
background-color: #F0F0F0;
}
#pages {
width: @paper-width;
height: @paper-height;
margin-left: auto;
margin-right: auto;
}
.spread #pages {
width: @paper-width * 2;
height: @paper-height * 2;
}
.paper {
/* centrer la page à l'écran */
background-color: white;
margin-top: 1em;
margin-bottom: 1em;
}
.normal .paper {
//outline: 1px solid lightgray;
}
.normal .page {
outline: 1px dashed lightsalmon;
}
.preview .paper {
background: none;
}
.preview .page {
outline: 1px solid lightgray;
background-color: white;
}
// M E N U
.button {
z-index: 1000;
background-color: black;
......@@ -103,3 +141,10 @@
}
}
@media print {
#interface {
display: none;
}
}
......@@ -16,7 +16,7 @@
// Header & footer variables
@header-height: 10mm;
@header-text: " A Romance of Many Dimensions";
@header-text: " Running title";
@footer-height: 10mm;
@footer-text: counter(page-counter);
......
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