-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
309 lines (264 loc) · 11.7 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Laura e Matteo si sposano</title>
<style>
@font-face {
font-family: 'Della Respira';
font-style: normal;
font-weight: 400;
src: local('Della Respira'), local('DellaRespira-Regular'), url(https://fonts.gstatic.com/s/dellarespira/v4/F4E6Lo_IZ6L9AJCcbqtDVcI79x-VWsl9ZLFyGx7L0Fo.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
@font-face {
font-family: 'infinite_strokebolder';
src: url('assets/infinite_stroke_bolder-webfont.woff2') format('woff2'),
url('assets/infinite_stroke_bolder-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'fontello';
src: url('assets//fontello.eot?39298020');
src: url('assets//fontello.eot?39298020#iefix') format('embedded-opentype'),
url('assets//fontello.woff2?39298020') format('woff2'),
url('assets//fontello.woff?39298020') format('woff'),
url('assets//fontello.ttf?39298020') format('truetype'),
url('assets//fontello.svg?39298020#fontello') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: 1em;
text-align: center;
/* opacity: .8; */
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
/* fix buttons height, for twitter bootstrap */
line-height: 1em;
/* Animation center compensation - margins should be symmetric */
/* remove if not needed */
margin-left: .2em;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Font smoothing. That was taken from TWBS */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-calendar:before { content: '\e800'; } /* '' */
.icon-map:before { content: '\f279'; } /* '' */
body {
text-align: center;
font-family: 'Della Respira', serif;
font-size: 2em;
background: url('assets/background.jpg');
/*background: black;*/
background-size: contain;
margin: 0;
}
header, section {
margin: 0 auto;
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30%, rgba(255, 255, 255, 1) 70%,rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 30%, rgba(255, 255, 255, 1) 70%,rgba(255,255,255,0) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 30%, rgba(255, 255, 255, 1) 70%,rgba(255,255,255,0) 100%);
}
header {
max-width: 800px;
}
.container {
display: flex;
flex-flow: row wrap;
}
section {
width: 50%;
order: 4;
}
header, .cerimonia, .ricevimento {
width: 33%;
}
header {
order: 2
}
.cerimonia {
order: 1;
}
.ricevimento {
order: 3
}
iframe {
margin: 0 auto;
display: block;
max-width: 800px;
}
h1 {
font-family: 'infinite_strokebolder';
font-size: 2em;
padding: 5%;
margin: 0;
}
h2 {
font-family: 'infinite_strokebolder';
font-size: 1.5em;
padding: 5%;
margin: 0;
}
p {
padding: 4% 8%;
margin: 0;
}
ol {
margin: 0 0 0 8%;
padding: 0 8%;
}
ol li {
text-align: left;
font-size: 0.75em;
line-height: 1.55em;
padding: 2.5% 2.5%;
}
h1 small {
display: block;
}
small {
font-style: italic;
font-size: 0.5em;
line-height: 0.5em;
}
.small {
font-size: 0.75em;
line-height: 1.5em;
text-align: left;
}
.date, .time {
font-size: 1.2em;
}
.btn {
display: block;
width: 50%;
margin: 1% auto;
-webkit-border-radius: 5;
-moz-border-radius: 5;
border-radius: 5px;
font-family: Arial;
color: #ffffff;
font-size: 20px;
background: #003B6F;
padding: 10px 20px 10px 20px;
text-decoration: none;
}
.btn:hover, .btn:hover {
background: #0088ff;
text-decoration: none;
}
.separator {
display: flex;
order: 4;
background: url('data:image/jpeg;base64,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');
background-repeat: repeat-x;
/*border-top: 5px solid #4f7ef2;
border-bottom: 5px solid #4f7ef2;*/
border-top: 5px solid #3666e0;
border-bottom: 5px solid #3666e0;
width: 100%;
height: 69px;
}
@media (max-width: 1000px) {
body {
width: 100vw;
}
section, header, .cerimonia, .ricevimento {
width: 90%;
max-width: 800px;
}
header {
order: 0;
}
.btn {
width: 90%;
padding: 4%;
}
h1 {
font-size: 3em;
}
h1 small {
font-size: 0.7em;
}
[class^="icon-"]:before, [class*=" icon-"]:before {
margin-right: 2em;
}
}
</style>
</head>
<body>
<div class="container">
<header>
<h1>Laura e Matteo <small>si sposano</small></h1>
<a href="https://www.youtube.com/watch?v=dB2yj4wxxUM"><img src="assets/preview.png"></a>
</header>
<section class="cerimonia">
<h2>Cerimonia</h2>
<p>il
<date>15/07/2017</date> alle
<time>17:30</time><br>
a Monteriggioni<br>
<small>Largo di Fontebranda<br>Giardino sotto le mura</small>
</p>
<p>
<a class="btn" target="_blank" href="https://goo.gl/maps/bJNCb1oxFdK2"><i class="icon-map"></i>Mappa</a>
<a class="btn" target="_blank" href="https://calendar.google.com/calendar/event?action=TEMPLATE&tmeid=OTI2dWt0ZnJvbDdsczAzcmk0aDhuY2h2YzAgbWF0dGVvLnN1cHBvQG0&tmsrc=matteo.suppo%40gmail.com">
<i class="icon-calendar" aria-hidden="true"></i>Aggiungi al calendario</a>
</p>
</section>
<section class="ricevimento">
<h2>Ricevimento</h2>
<p>il 15/07/2017 alle 19:00<br>
alla Taverna di Bibbiano<br>
<small>Loc. Bibbiano la Taverna, 35<br>
53034 Colle di Val d'Elsa (Siena)</small></p>
<p>
<a class="btn" target="_blank" href="https://goo.gl/maps/KLBXCbikyB42"><i class="icon-map" aria-hidden="true"></i>Mappa</a>
</p>
</section>
<div class="separator"></div>
<section>
<h2>I consigli della sposa</h2>
<ol>
<li>E’ Luglio, fa caldo, non svenite.</li>
<li>La cerimonia si terrà in uno dei giardini del castello di Monteriggioni, da notare: il Castello di Monteriggioni è l’antica rocca di Monteriggioni, non l’hotel con l’ononimo nome.</li>
<li>La cerimonia si svolgerà durante la festa medievale del borgo, quindi ci sarà tanto casino ( gli organizzatori ci hanno parlato di 5 o 6 mila persone, noi speriamo che si sbaglino), preparatevi!</li>
<li>L’entrata alla festa necessita di un biglietto, ancora non sappiamo come il comune ci farà entrare, ma abbiate fiducia che prima del matrimonio vi daremo le istruzioni.</li>
<li>Il parcheggio è in attorno al castello in un campo adibito a tale scopo. Ripeto un campo!</li>
<li>Dal parcheggio al castello ci saranno 300 metri in salita, decidete un po’ voi con che scarpe venire!
<li>La cerimonia inizia alle 5.30 e sappiate che saremo in orario, pechè ad una certa ci buttano fuori dal giardino per fare posto ad altri.</li>
<li>Appena entrati dalla porta a Monteriggioni proseguite dritto di fronte a voi, superate la piazza della cisterna e dopo pochi passi vedrete un’altra porta:Monteriggioni è già finita! Voi saggiamente girate a sinistra prima della discesa e subito sulla destra troverete l’ingresso del giardino sopraelevato. Se trovate un’altra piazza significa che dovete girarvi a destra e entrare nel giardino.</li>
<li>Post cerimonia vi potete godere la festa medievale, sappiate che io e Matteo siamo molto legati a ‘sta festa: è stata un po’ l’inizio del tutto.</li>
<li>Se volete comprare qualcosa alla festa si può fare solo con la moneta della festa: ci sono due banchini all’interno delle mura dove potete farvi cambiare gli euri.</li>
<li>Dalle 19 potete andare a iniziare a mangiare all’agriturismo; arrivate quando vi pare, noi faremo altrettanto!</li>
<li>L’aperitivo è attorno alla piscina, per arrivarci non rotolate, sennò il bagno è assicurato.</li>
<li>Per favore se avete intolleranze, allergie o semplicemente se siete schizzinosi: ditelo! Vi faremo mangiare in un tavolo lontano da tutti!No, seriamente avvertiteci. Anche se avete bambini, noi non avendoli non sappiamo cosa mangiano, se mangiano, quando, perchè, dove...cmq ci hanno assicurato che c’è un comodo posto dove parcheggiare le carrozzine cosìcchè possano dormire tutti vicini vicini.</li>
<li>Direi che i consigli sono finiti...ah dimenticavo: DIVERTITEVI!</li>
</ol>
</section>
<section>
<h2>Viaggio di Nozze</h2>
<img src="assets/flag.png">
<p class="small">Non siamo ancora certi al 100%, ma ci piacerebbe andare in Nuova Zelanda. Principalmente perchè io (Laura) voglio vedere i pinguini e animali pucciosi e Matteo mi ha assicurato che lì ci sono. Non ho idea perchè Matteo ci voglia andare, forse avrà visto un documentario.</p>
<img src="assets/penguin.jpg">
<p class="small">Cmq se volete contribuire al nostro viaggio alla scoperta dei Pinguini (sicuramente ne toccherò uno e mi farà schifino) e di non so che altro, potete usare il seguente IBAN come riferimento:</p>
<pre>IT 79 A 01030 14208 000000422777</pre>
<pre>Intestato a Laura Brandini e Matteo Suppo</pre>
</section>
</div>
</body>
</html>