annotate printable_cards/xhtml/souliane.html @ 130:82b148ed4f98

screenshort (0.7): added file sharing animation
author Goffi <goffi@goffi.org>
date Thu, 05 Jul 2018 14:14:58 +0200
parents 2b82a4eb40a6
children
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
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>