Mercurial > sat_docs
annotate printable_cards/xhtml/souliane.html @ 63:63abd824508c
schemas: added "architecture" section with "sat_simplified_overview" schema
author | Goffi <goffi@goffi.org> |
---|---|
date | Mon, 09 Nov 2015 12:29:38 +0100 |
parents | 2b82a4eb40a6 |
children |
rev | line source |
---|---|
5
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
1 <?xml version="1.0" encoding="utf-8"?> |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
3 "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
4 <html xmlns="http://www.w3.org/1999/xhtml"> |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
5 <head> |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
6 <meta name="author" content="Adrien Cossa" /> |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
7 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
8 <link rel="stylesheet" href="cmc/stylesheet.css" type="text/css" charset="utf-8" media="all" /> |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
9 <style type="text/css"> |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
10 body { |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
11 background-color: #fffbe7; |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
12 margin: 0px; |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
13 } |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
14 div.page { |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
15 display: inline-block; |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
16 background-color: white; |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
17 width: 21cm; |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
18 height: 29.7cm; |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
19 } |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
20 div.printable-area { |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
21 display: flex; |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
22 flex-wrap: wrap; |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
23 margin-left: 0.5cm; |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
24 margin-top: 1.35cm; |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
25 } |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
26 div.card { |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
27 width: 8.5cm; |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
28 height: 5.4cm; |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
29 box-shadow: 0px 0px 5px 0px black; |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
30 background-color: white; |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
31 font-family: 'CMUConcreteRoman'; |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
32 font-weight: normal; |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
33 font-style: normal; |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
34 font-size: 0.36cm; |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
35 margin-top: 0cm; |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
36 margin-left: 1cm; |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
37 } |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
38 div.spacer { |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
39 height: 0.3cm; |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
40 } |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
41 div.main { |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
42 margin: 0.5cm 0.8cm 0.5cm 0.8cm; |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
43 } |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
44 div.header { |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
45 display: flex; |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
46 justify-content: space-around; |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
47 align-items: center; |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
48 } |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
49 div.title { |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
50 font-size: 0.8cm; |
46
2b82a4eb40a6
update souliane's printable card
souliane <souliane@mailoo.org>
parents:
5
diff
changeset
|
51 #font-style: italic; |
5
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
52 text-shadow: 1px 1px 1px grey; |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
53 } |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
54 div.abstract { |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
55 font-size: 0.3cm; |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
56 font-style: italic; |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
57 text-shadow: 1px 1px 1px grey; |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
58 text-align: center; |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
59 } |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
60 div.photo img { |
46
2b82a4eb40a6
update souliane's printable card
souliane <souliane@mailoo.org>
parents:
5
diff
changeset
|
61 width: 2.0cm; |
5
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
62 } |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
63 div.columns { |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
64 display: flex; |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
65 justify-content: space-between; |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
66 } |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
67 div.sides { |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
68 display: flex; |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
69 flex-direction: column; |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
70 justify-content: space-around; |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
71 } |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
72 div.sides img { |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
73 width: 0.6cm; |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
74 } |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
75 div.central { |
46
2b82a4eb40a6
update souliane's printable card
souliane <souliane@mailoo.org>
parents:
5
diff
changeset
|
76 text-align: center; |
5
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
77 } |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
78 div.name { |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
79 font-weight: bold; |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
80 text-align: center; |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
81 } |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
82 a:link{ |
46
2b82a4eb40a6
update souliane's printable card
souliane <souliane@mailoo.org>
parents:
5
diff
changeset
|
83 color: black; |
5
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
84 text-decoration: none; |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
85 } |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
86 a:visited{ |
46
2b82a4eb40a6
update souliane's printable card
souliane <souliane@mailoo.org>
parents:
5
diff
changeset
|
87 color: black; |
5
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
88 text-decoration: none; |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
89 } |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
90 @page { |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
91 size: A4; |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
92 margin: 0; |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
93 } |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
94 @media print { |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
95 div.page { |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
96 margin: 0px; |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
97 } |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
98 } |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
99 </style> |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
100 </head> |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
101 <body onload="javascript:duplicate();"> |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
102 <script type="text/javascript"> |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
103 function duplicate() { |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
104 var div = document.getElementsByClassName("card")[0]; |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
105 for (var i=0; i<9; ++i) { |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
106 clone = div.cloneNode(true); |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
107 div.parentElement.appendChild(clone); |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
108 }; |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
109 }; |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
110 </script> |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
111 <div class="page"> |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
112 <div class="printable-area"> |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
113 <div class="card"> |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
114 <div class="main"> |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
115 <div class="header"> |
46
2b82a4eb40a6
update souliane's printable card
souliane <souliane@mailoo.org>
parents:
5
diff
changeset
|
116 <div> |
2b82a4eb40a6
update souliane's printable card
souliane <souliane@mailoo.org>
parents:
5
diff
changeset
|
117 <div class="spacer"></div> |
2b82a4eb40a6
update souliane's printable card
souliane <souliane@mailoo.org>
parents:
5
diff
changeset
|
118 <div class="name">Adrien</div> |
2b82a4eb40a6
update souliane's printable card
souliane <souliane@mailoo.org>
parents:
5
diff
changeset
|
119 <div><a href="mailto:souliane@mailoo.org">souliane@mailoo.org</a></div> |
2b82a4eb40a6
update souliane's printable card
souliane <souliane@mailoo.org>
parents:
5
diff
changeset
|
120 </div> |
5
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
121 <div class="photo"> |
46
2b82a4eb40a6
update souliane's printable card
souliane <souliane@mailoo.org>
parents:
5
diff
changeset
|
122 <img src="sat.svg" alt="image"/> |
5
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
123 </div> |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
124 </div> |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
125 <div class="spacer"></div> |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
126 <div class="central"> |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
127 <div class="spacer"></div> |
46
2b82a4eb40a6
update souliane's printable card
souliane <souliane@mailoo.org>
parents:
5
diff
changeset
|
128 <div class="title">Salut à Toi</div> |
2b82a4eb40a6
update souliane's printable card
souliane <souliane@mailoo.org>
parents:
5
diff
changeset
|
129 <div><a href="http://salut-a-toi.org">http://salut-a-toi.org</a></div> |
5
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
130 </div> |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
131 </div> |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
132 </div> |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
133 </div> |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
134 </div> |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
135 </body> |
dfc5c6be7761
add xhtml template for printing "business" (visiting) cards:
souliane <souliane@mailoo.org>
parents:
diff
changeset
|
136 </html> |