comparison printable_cards/xhtml/souliane.html @ 46:2b82a4eb40a6

update souliane's printable card
author souliane <souliane@mailoo.org>
date Thu, 28 May 2015 01:41:42 +0200
parents dfc5c6be7761
children
comparison
equal deleted inserted replaced
45:2ff373d2571a 46:2b82a4eb40a6
46 justify-content: space-around; 46 justify-content: space-around;
47 align-items: center; 47 align-items: center;
48 } 48 }
49 div.title { 49 div.title {
50 font-size: 0.8cm; 50 font-size: 0.8cm;
51 font-style: italic; 51 #font-style: italic;
52 text-shadow: 1px 1px 1px grey; 52 text-shadow: 1px 1px 1px grey;
53 } 53 }
54 div.abstract { 54 div.abstract {
55 font-size: 0.3cm; 55 font-size: 0.3cm;
56 font-style: italic; 56 font-style: italic;
57 text-shadow: 1px 1px 1px grey; 57 text-shadow: 1px 1px 1px grey;
58 text-align: center; 58 text-align: center;
59 } 59 }
60 div.photo img { 60 div.photo img {
61 width: 1.0cm; 61 width: 2.0cm;
62 } 62 }
63 div.columns { 63 div.columns {
64 display: flex; 64 display: flex;
65 justify-content: space-between; 65 justify-content: space-between;
66 } 66 }
71 } 71 }
72 div.sides img { 72 div.sides img {
73 width: 0.6cm; 73 width: 0.6cm;
74 } 74 }
75 div.central { 75 div.central {
76 76 text-align: center;
77 } 77 }
78 div.name { 78 div.name {
79 font-weight: bold; 79 font-weight: bold;
80 text-align: center; 80 text-align: center;
81 } 81 }
82 a:link{ 82 a:link{
83 color: blue; 83 color: black;
84 text-decoration: none; 84 text-decoration: none;
85 } 85 }
86 a:visited{ 86 a:visited{
87 color: blue; 87 color: black;
88 text-decoration: none; 88 text-decoration: none;
89 } 89 }
90 @page { 90 @page {
91 size: A4; 91 size: A4;
92 margin: 0; 92 margin: 0;
111 <div class="page"> 111 <div class="page">
112 <div class="printable-area"> 112 <div class="printable-area">
113 <div class="card"> 113 <div class="card">
114 <div class="main"> 114 <div class="main">
115 <div class="header"> 115 <div class="header">
116 <div class="title">Salut à Toi</div> 116 <div>
117 <div class="spacer"></div>
118 <div class="name">Adrien</div>
119 <div><a href="mailto:souliane@mailoo.org">souliane@mailoo.org</a></div>
120 </div>
117 <div class="photo"> 121 <div class="photo">
118 <img src="sat.png" alt="image"/> 122 <img src="sat.svg" alt="image"/>
119 </div> 123 </div>
120 </div> 124 </div>
121 <div class="abstract">Vos communications sont sécurisées et contrôlables.</div>
122 <div class="spacer"></div> 125 <div class="spacer"></div>
123 <div class="columns">
124 <div class="sides">
125 <img src="tango/applications-internet.png" alt="image"/>
126 <img src="tango/document_encrypted_gold.png" alt="image"/>
127 <img src="tango/internet-group-chat.png" alt="image"/>
128 </div>
129 <div class="central"> 126 <div class="central">
130 <div>projet : <a href="http://salut-a-toi.org">http://salut-a-toi.org</a></div>
131 <div>démo : <a href="https://libervia.org">https://libervia.org</a></div>
132 <div class="spacer"></div> 127 <div class="spacer"></div>
133 <div class="name">Adrien</div> 128 <div class="title">Salut à Toi</div>
134 <div>courriel : <a href="mailto:souliane@mailoo.org">souliane@mailoo.org</a></div> 129 <div><a href="http://salut-a-toi.org">http://salut-a-toi.org</a></div>
135 <div>XMPP : <a href="xmpp:souliane@libervia.org">souliane@libervia.org</a></div>
136 </div>
137 <div class="sides">
138 <img src="tango/utilities-terminal.png" alt="image"/>
139 <img src="tango/x-office-address-book.png" alt="image"/>
140 <img src="tango/internet-mail.png" alt="image"/>
141 </div> 130 </div>
142 </div> 131 </div>
143 </div>
144 </div> 132 </div>
145 </div> 133 </div>
146 </div> 134 </div>
147 </body> 135 </body>
148 </html> 136 </html>