Commit f53a7722 authored by ludi's avatar ludi

margins colors and padding

parent c5c4af60
...@@ -181,7 +181,7 @@ ...@@ -181,7 +181,7 @@
<img src="http://osp.kitchen/api/osp.live.up-pen-down/raw/panels/2.svg" /> <img src="http://osp.kitchen/api/osp.live.up-pen-down/raw/panels/2.svg" />
<p class="narrative">Page 2 draws a same line following the 3 langages in action : hpgl, Logo and Metapost. Alternately the body is the <p class="narrative">Page 2 draws a same line following the 3 langages in action : hpgl, Logo and Metapost. Alternately the body is the
pen, the instructor and the interpreter. </p> pen, the instructor and the interpreter. </p>
<code data-lan="hpgl"> <code data-lang="hpgl">
IN; SP1; PA1,1; PD3,5; PU; IN; SP1; PA1,1; PD3,5; PU;
</code> </code>
<code data-lang="logo"> <code data-lang="logo">
...@@ -244,8 +244,11 @@ end ...@@ -244,8 +244,11 @@ end
version of the ה and the 3 points defining its upper right part, we play with curve tensions variations, making version of the ה and the 3 points defining its upper right part, we play with curve tensions variations, making
legible the self initiative behaviour of Metapost dealing with curves. A dialogue between the indications of legible the self initiative behaviour of Metapost dealing with curves. A dialogue between the indications of
Adva - only practitioner drawing this sign - the instructions and the projected drawing of Metapost is played Adva - only practitioner drawing this sign - the instructions and the projected drawing of Metapost is played
out. out.element {
</p>
margin: 21px;
}
<p class="documentation"> <p class="documentation">
Linguists say that the E, fifth letter of the latin alphabet, is derived from the Greek Epsilon E, represented in egyptian Linguists say that the E, fifth letter of the latin alphabet, is derived from the Greek Epsilon E, represented in egyptian
hieroglyph by the rotated , and rotated again from the Phoenician that is rooted in two cuneiform letters from hieroglyph by the rotated , and rotated again from the Phoenician that is rooted in two cuneiform letters from
...@@ -312,6 +315,9 @@ end ...@@ -312,6 +315,9 @@ end
font-style: normal; font-style: normal;
} }
body {
margin: 21px;
}
#project-detail #project-detail-readme article img { #project-detail #project-detail-readme article img {
max-width: 40%; max-width: 40%;
...@@ -328,7 +334,10 @@ end ...@@ -328,7 +334,10 @@ end
color: #9900ff; color: #9900ff;
text-decoration: none !important; text-decoration: none !important;
} }
font-family: "Ume";
max-width: 25em;
letter-spacing: 0.03em;
font-size: 1em;
#project-detail-readme article h4 { #project-detail-readme article h4 {
font-size: 18pt !important; font-size: 18pt !important;
line-height: 21pt !important; line-height: 21pt !important;
...@@ -338,9 +347,25 @@ end ...@@ -338,9 +347,25 @@ end
#dialogue { #dialogue {
font-family: "Ume"; font-family: "Ume";
color:green; font-size: 1em;
line-height: 1.4e font-family: "Ume";
max-width: 25em;
letter-spacing: 0.03em;
font-size: 1em;m;
letter-spacing: 0.03em;
color:forestgreen ;
float: right; float: right;
max-width: 20em; width: 20em;
margin-right: 1em;
margin-left: 1em;
}
code {
font-family: "Ume";
font-size: 1em;
line-height: 1.4em;
letter-spacing: 0.03em;
color:navy ;
margin-right: 1em; margin-right: 1em;
margin-left: 1em; margin-left: 1em;
} }
...@@ -352,17 +377,35 @@ end ...@@ -352,17 +377,35 @@ end
.introduction { .introduction {
font-family: "Nell"; font-family: "Nell";
color:blue; color:navy;
font-size: 1.3em;
line-height: 1.3em;
vertical-align: top; vertical-align: top;
display: inline-block; display: inline-block;
width: 30%; width: 30%;
min-width: 300px;
} }
.narrative { .narrative {
font-family: "Nell"; font-family: "Ume";
max-width: 25em;
letter-spacing: 0.03em; font-family: "Ume";
max-width: 25em;
letter-spacing: 0.03em;
font-size: 1em;
font-size: 1em;
line-height: 1.4em;
color:black; color:black;
} }
.documentation{
font-family: "Ume";
max-width: 25em;
letter-spacing: 0.03em;
font-size: 1em;
color: forestgreen;
}
.introduction:nth-child(n+2) { .introduction:nth-child(n+2) {
margin-left: 3%; margin-left: 3%;
} }
...@@ -370,6 +413,11 @@ end ...@@ -370,6 +413,11 @@ end
.panel { .panel {
position: relative; position: relative;
height: 100vh; height: 100vh;
width: calc(45% - 18px - 10em);
max-width: 600px;
float: left;
padding: 0px 9px 0px 9px;
} }
</style> </style>
</body> </body>
......
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