diff options
| author | Manuel Hiebel <leuhmanu@mageia.org> | 2021-02-08 18:24:08 +0100 |
|---|---|---|
| committer | Manuel Hiebel <leuhmanu@mageia.org> | 2021-02-08 18:24:08 +0100 |
| commit | 98822f3296516fc7b227d8133073b06e723f777d (patch) | |
| tree | 981b2ce522105eff052dfcd7d51e585a2d239fd9 /en/4 | |
| parent | 4e868caadf39c52e90ba9e31332694c01a99abdb (diff) | |
| download | www-98822f3296516fc7b227d8133073b06e723f777d.tar www-98822f3296516fc7b227d8133073b06e723f777d.tar.gz www-98822f3296516fc7b227d8133073b06e723f777d.tar.bz2 www-98822f3296516fc7b227d8133073b06e723f777d.tar.xz www-98822f3296516fc7b227d8133073b06e723f777d.zip | |
Adapt code to bootstrap, remove old librairies
Diffstat (limited to 'en/4')
| -rw-r--r-- | en/4/index.php | 78 |
1 files changed, 55 insertions, 23 deletions
diff --git a/en/4/index.php b/en/4/index.php index fec5c4540..da329c618 100644 --- a/en/4/index.php +++ b/en/4/index.php @@ -15,11 +15,13 @@ $dictionary = read_translation_file($locale, array('4', 'common_footer')); <?php echo common_header(); ?> <meta name="description" content="<?php _g('Mageia 4 is the new, solid, stable Linux distribution from the Mageia project.')?>"> <?php include '../../analytics.php'; ?> - <style>.para{text-align: justify;text-align: -webkit-auto;}</style> - <link rel="stylesheet" href="/g/style/bjqs.css"> - <script src="/g/js/jquery-1.10.1.min.js"></script> - <script src="/g/js/bjqs-1.3.min.js"></script> - </head> + <style>.para{text-align: justify;text-align: -webkit-auto;} + .bg-caption { background-color: rgba(38, 47, 69, 0.5); color: white; font-weight: bolder} + .bg-caption a { color: rgba(38, 47, 69, 0.9) } + .carousel-indicators li { height: 5px } + .carousel-indicators .active { background-color: rgba(14, 142, 255, 1) } + </style> +</head> <body class="downloads"> <?php echo $hsnav; ?> @@ -64,24 +66,54 @@ $dictionary = read_translation_file($locale, array('4', 'common_footer')); <div class="yui-u" style="width:44.5%"> <div id="banner" style="text-align:center; display: block; padding: 2em 0em 4em;"> - <!-- start Basic Jquery Slider --> - <ul class="bjqs"> - <li><img src="/g/4/kde.png" title="KDE" alt="KDE"></li> - <li><img src="/g/4/razorqt.png" title="RazorQT" alt="RazorQT"></li> - <li><img src="/g/4/xfce.png" title="XFCE" alt="XFCE"></li> - <li><img src="/g/4/gnome.png" title="Gnome" alt="Gnome"></li> - <li><img src="/g/4/cinnamon.png" title="Cinnamon" alt="Cinnamon"></li> - <li><img src="/g/4/mate.png" title="Mate" alt="Mate"></li> - <li><img src="/g/4/mageiawelcome1.png" title="Mageia Welcome 1." alt="Mageia Welcome 1."></li> - <li><img src="/g/4/mageiawelcome2.png" title="Mageia Welcome 2." alt="Mageia Welcome 2."></li> - <li><img src="/g/4/mageiawelcome3.png" title="Mageia Welcome 3." alt="Mageia Welcome 3."></li> - <li><img src="/g/4/mageiawelcome4.png" title="Mageia Welcome 4." alt="Mageia Welcome 4."></li> - <li><img src="/g/4/mageiawelcome5.png" title="Mageia Welcome 5." alt="Mageia Welcome 5."></li> - <li><img src="/g/4/drakconf.png" title="<?php _g('Mageia Control Center');?>" alt="<?php _g('Mageia Control Center');?>"></li> - </ul> - - </div> - <div class="para" style="padding: 1em 2em 1em 0em"> + +<div id="carouselMga" class="carousel carousel-fade slide" data-ride="carousel"> + <ol class="carousel-indicators"> +<?php +for ($i = 0; $i < 12; $i++) { + $li = sprintf('<li data-target="#carouselMga" data-slide-to="%s"%s></li>'. PHP_EOL, $i, $i == 0 ? ' class="active"' : ''); + echo $li; +} +?> + </ol> +<div class="carousel-inner"> +<?php +function carousel($src, $ttl, $active = ''){ + $div = sprintf('<div class="carousel-item%s">', $active ? ' active' : '') ; + $div .= sprintf('<img class="d-block rounded-lg img-fluid"') ; + $div .= sprintf (' src="%s" alt="%s" title="%s">',$src, $ttl, $ttl); + $div .= sprintf('<div class="carousel-caption d-none d-md-block bg-caption">'); + $div .= sprintf('<h5>%s</h5>',$ttl); + $div .= sprintf('</div>'); + $div .= sprintf ('</div>'. PHP_EOL); + echo $div; +} + carousel('/g/4/kde.png', 'KDE', active ); + carousel('/g/4/razorqt.png', 'RazorQT'); + carousel('/g/4/xfce.png', 'XFCE'); + carousel('/g/4/gnome.png', 'GNOME'); + carousel('/g/4/cinnamon.png', 'CINNAMON'); + carousel('/g/4/mate.png', 'mate'); + carousel('/g/4/mageiawelcome1.png', 'mageiawelcome1'); + carousel('/g/4/mageiawelcome2.png', 'mageiawelcome2'); + carousel('/g/4/mageiawelcome3.png', 'mageiawelcome3'); + carousel('/g/4/mageiawelcome4.png', 'mageiawelcome4'); + carousel('/g/4/mageiawelcome5.png', 'mageiawelcome5'); + carousel('/g/4/drakconf.png', _r('Mageia Control Center') ); +?> + <a class="carousel-control-prev" href="#carouselMga" role="button" data-slide="prev"> + <span class="carousel-control-prev-icon" aria-hidden="true"></span> + <span class="sr-only"><?php _r('previous')?></span> + </a> + <a class="carousel-control-next" href="#carouselMga" role="button" data-slide="next"> + <span class="carousel-control-next-icon" aria-hidden="true"></span> + <span class="sr-only"><?php _r('next')?></span> + </a> + </div> +</div> +</div> <!-- div banner --> + +<div class="para" style="padding: 1em 2em 1em 0em"> <?php _g('Mageia in context', null, 'h2'); |