blob: 9c1465fbcb693aef03a2f5c45b37b03410542b91 (
plain) (
blame)
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
|
#use wml::debian::countries
#use wml::debian::url
#use wml::debian::common_tags
# Here is the code of the image carousel (using the tags in index.def file)
<!-- The following div is containing the static image carousel.
Currently made of five images. -->
<div class="wrapper">
<input checked type="radio" name="slider" id="slide1" />
<input type="radio" name="slider" id="slide2" />
<input type="radio" name="slider" id="slide3" />
<input type="radio" name="slider" id="slide4" />
<input type="radio" name="slider" id="slide5" />
<input type="radio" name="slider" id="slide6" />
<div class="slider-wrapper">
<div class="inner">
<article>
<div class="info bottom-right">
<h3><DC23Title></h3>
</div>
<img src="Pics/debconf23_group_photo.jpg" alt="<DC23Alt>"/>
</article>
<article>
<div class="info top-left">
<h3><DebianReunionHamburgTitle></h3>
</div>
<img src="Pics/mini-dc23-hamburg.jpg" alt="<DebianReunionHamburgAlt>"/>
</article>
<article>
<div class="info top-left">
<h3><MiniDebConfBrasiliaTitle></h3>
</div>
<img src="Pics/mini-dc23-brasilia.jpg" alt="<MiniDebConfBrasiliaAlt>"/>
</article>
<article>
<div class="info top-left">
<h3><CalamaresTitle></h3>
</div>
<img src="Pics/calamares-bookworm.png" alt="<CalamaresAlt>" />
</article>
<article>
<div class="info top-left">
<h3><SwissKnifeTitle></h3>
</div>
<img src="Pics/debian-swiss-knife-hands-1024x576.jpg" alt="<SwissKnifeAlt>" />
</article>
<article>
<div class="info top-left">
<h3><PeopleTitle></h3>
</div>
<img src="Pics/debian-funny-people-1024x576.jpg" alt="<PeopleAlt>"/>
</article>
</div> <!-- .inner -->
</div> <!-- .slider-wrapper -->
<div class="slider-prev-next-control">
<label for="slide1"></label>
<label for="slide2"></label>
<label for="slide3"></label>
<label for="slide4"></label>
<label for="slide5"></label>
<label for="slide6"></label>
</div> <!-- .slider-prev-next-control -->
<div class="slider-dot-control">
<label for="slide1"></label>
<label for="slide2"></label>
<label for="slide3"></label>
<label for="slide4"></label>
<label for="slide5"></label>
<label for="slide6"></label>
</div> <!-- .slider-dot-control -->
</div>
</div>
|