Mercurial > sat_docs
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> |