Move the carousel to an external file (rename index.def to index.inc and we'll use that one); update Makefile

1 files changed, 114 insertions, 0 deletions

diff --git a/english/index.inc b/english/index.inc
new file mode 100644
index 00000000000..708f8119d7f
--- /dev/null
+++ b/english/index.inc
@@ -0,0 +1,114 @@
+#use wml::debian::countries
+#use wml::debian::url
+#use wml::debian::common_tags
+ 
+<bind-gettext-domain domain="homepage" /> 
+ 
+# Here we define the tags that will be used in the homepage
+
+<define-tag motto whitespace=delete>
+<gettext domain="homepage">The Universal Operating System</gettext>
+</define-tag>
+
+<define-tag DC19Title whitespace=delete>
+<gettext domain="homepage">DC19 Group Photo</gettext>
+</define-tag>
+<define-tag DC19Alt whitespace=delete>
+<gettext domain="homepage">DebConf19 Group Photo</gettext>
+</define-tag>
+
+<define-tag MiniDebConfHamburgTitle whitespace=delete>
+<gettext domain="homepage">Mini DebConf Hamburg 2018</gettext>
+</define-tag>
+<define-tag MiniDebConfHamburgAlt whitespace=delete>
+<gettext domain="homepage">Group photo of the MiniDebConf in Hamburg 2018</gettext>
+</define-tag>
+
+<define-tag CalamaresTitle whitespace=delete>
+<gettext domain="homepage">Screenshot Calamares Installer</gettext>
+</define-tag>
+<define-tag CalamaresAlt whitespace=delete>
+<gettext domain="homepage">Screenshot from the Calamares installer</gettext>
+</define-tag>
+
+<define-tag SwissKnifeTitle whitespace=delete>
+<gettext domain="homepage">Debian is like a Swiss Knife</gettext>
+</define-tag>
+<define-tag SwissKnifeAlt whitespace=delete>
+<gettext domain="homepage">Debian is like a Swiss Knife</gettext>
+</define-tag>
+
+<define-tag PeopleTitle whitespace=delete>
+<gettext domain="homepage">People have fun</gettext>
+</define-tag>
+<define-tag PeopleAlt whitespace=delete>
+<gettext domain="homepage">Debian people at Debconf18 in Hsinchu really having fun</gettext>
+</define-tag>
+
+# Here is the code of the image carousel (using the tags above)
+
+<!-- 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" />
+
+  <div class="slider-wrapper">
+    <div class="inner">
+     <article>
+      <div class="info bottom-right">
+       <h3><DC19Title></h3>
+      </div>
+      <img src="Pics/Debconf19_group_photo.jpg" alt="<DC19Alt>"/>
+     </article>
+
+     <article>
+      <div class="info top-left">
+       <h3><MiniDebConfHamburgTitle></h3>
+      </div>
+      <img src="Pics/minidc-hh2019-group-photo-1024x576.jpg" alt="<MiniDebConfHamburgAlt>"/>
+     </article>
+
+     <article>
+      <div class="info top-left">
+       <h3><CalamaresTitle></h3>
+      </div>
+      <img src="Pics/calamares-debian-installer-1024x576.jpg" 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>
+  </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>
+  </div>  <!-- .slider-dot-control -->
+ </div>
+</div>