diff options
author | Manuel Hiebel <leuhmanu@mageia.org> | 2017-07-05 11:56:27 +0200 |
---|---|---|
committer | Manuel Hiebel <leuhmanu@mageia.org> | 2017-07-05 11:56:27 +0200 |
commit | 125e8f6bff6e613c9c8310ef11fd5e13866c3901 (patch) | |
tree | 5218fa90fdf339b65b58c02d3ff8aad6017cb41e /en/5/index.php | |
parent | 16b6d6859544258bea750103e235bd7e216ecfc1 (diff) | |
download | www-125e8f6bff6e613c9c8310ef11fd5e13866c3901.tar www-125e8f6bff6e613c9c8310ef11fd5e13866c3901.tar.gz www-125e8f6bff6e613c9c8310ef11fd5e13866c3901.tar.bz2 www-125e8f6bff6e613c9c8310ef11fd5e13866c3901.tar.xz www-125e8f6bff6e613c9c8310ef11fd5e13866c3901.zip |
adapt to bootstrap
+ clean head
+ add common_header
+ remove custom unnecessary css
+ switch to bootstrap carousel
+ move JS script before </body>
Diffstat (limited to 'en/5/index.php')
-rw-r--r-- | en/5/index.php | 91 |
1 files changed, 59 insertions, 32 deletions
diff --git a/en/5/index.php b/en/5/index.php index 6df61a52e..daa8b8224 100644 --- a/en/5/index.php +++ b/en/5/index.php @@ -10,16 +10,11 @@ $dictionary = read_translation_file($locale, array('5', 'common_footer')); <head> <meta charset="utf-8"> <title><?php _g('Mageia 5.1')?></title> - <link rel="stylesheet" href="/g/style/all.css"> - <link rel="stylesheet" type="text/css" href="/g/style/common_footer.css"> <meta name="description" content="<?php _g('Mageia 5 is the new, solid, stable Linux distribution from the Mageia project.')?>"> + <?php echo common_header(); ?> <?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> .fixed-img{ max-height:342px } </style> +</head> <body class="downloads"> <?php echo $hsnav; ?> @@ -28,15 +23,15 @@ $dictionary = read_translation_file($locale, array('5', 'common_footer')); <div id="doc5" class="yui-t3" style="margin-bottom: 0px;"> <div id="bd" role="main"> - <div class="yui-ge bb1"> - <div class="yui-u first" style="width:55.5%"> + <div class="yui-ge bb1 row"> + <div class="yui-u first col" > <div class="para"> <?php _g('About Mageia 5', null, 'h2'); _g('Mageia 5 is a GNU/Linux distribution for your computer, released by the <a href="%s">Mageia community</a>. It can be installed in several ways, with the Live or Classical ISOs being the most popular methods.', array('../community'), 'p');?> - <p><a href="../downloads/" style="background: #1272B1; color: white; padding: 0.9em; margin: 1em; display: inline-block; text-shadow: 0 1px 6px #000; border-radius: 3px;"><?php _g('Download it right away!');?></a></p> + <p><a href="../downloads/" class="btn btn-primary"><?php _g('Download it right away!');?></a></p> <?php _g('Live ISO\'s let you try Mageia without installation. Use <a href="%s">these instructions</a> to put the Live ISO on a CD, DVD or USB device. Then you can run Mageia 5 directly from there, and try Mageia using one of the graphical user interfaces such as GNOME or KDE.', array(_r('https://wiki.mageia.org/en/Installation_Media#Dump_Mageia_ISO_on_a_USB_flash_drive')), 'p'); _g('If you are happy with the Mageia experience, you can then install it onto your hard drive from the Live media.', null, 'p'); @@ -59,29 +54,61 @@ $dictionary = read_translation_file($locale, array('5', 'common_footer')); </div> </div> - <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/5/Cinnamon.png" title="Cinnamon"></li> - <li><img src="/g/5/Enlightenment.png" title="Enlightenment"></li> - <li><img src="/g/5/gnome.png" title="GNOME"></li> - <li><img src="/g/5/kde.png" title="KDE"></li> - <li><img src="/g/5/Lxde.png" title="LXDE"></li> - <li><img src="/g/5/Lxqt.png" title="LXQT"></li> - <li><img src="/g/5/Mate.png" title="MATE"></li> - <li><img src="/g/5/Xfce.png" title="XFCE"></li> - <li><img src="/g/5/MageiaControlCenter.png" title="<?php _g('Mageia Control Center');?>"></li> - <li><img src="/g/5/MageiaWelcome1.png" title="Mageia Welcome 1"></li> - <li><img src="/g/5/MageiaWelcome2.png" title="Mageia Welcome 2"></li> - <li><img src="/g/5/MageiaWelcome3.png" title="Mageia Welcome 3"></li> - <li><img src="/g/5/MageiaWelcome4.png" title="Mageia Welcome 4"></li> - <li><img src="/g/5/MageiaWelcome5.png" title="Mageia Welcome 5"></li> - </ul> - + <div class="yui-u col-sm-6" > + + <div id="carouselExampleControls" class="carousel slide mx-30" data-ride="carousel"> + <div class="carousel-inner" role="listbox"> + <div class="carousel-item active"> + <img class="d-block fixed-img" src="/g/5/Cinnamon.png" alt="Cinnamon"> + </div> + <div class="carousel-item"> + <img class="d-block fixed-img" src="/g/5/Enlightenment.png" alt="Enlightenment"> + </div> + <div class="carousel-item"> + <img class="d-block fixed-img" src="/g/5/gnome.png" alt="gnome"> + </div> + <div class="carousel-item"> + <img class="d-block fixed-img" src="/g/5/kde.png" alt="kde"> + </div> + <div class="carousel-item"> + <img class="d-block fixed-img" src="/g/5/Lxde.png" alt="Lxde"> + </div> + <div class="carousel-item"> + <img class="d-block fixed-img" src="/g/5/Mate.png" alt="Mate"> + </div> + <div class="carousel-item"> + <img class="d-block fixed-img" src="/g/5/Xfce.png" alt="Xfce"> + </div> + <div class="carousel-item"> + <img class="d-block fixed-img" src="/g/5/MageiaControlCenter.png" alt="<?php _g('Mageia Control Center');?>"> + </div> + <div class="carousel-item"> + <img class="d-block fixed-img" src="/g/5/MageiaWelcome1.png" alt="Mageia Welcome 1"> + </div> + <div class="carousel-item"> + <img class="d-block fixed-img" src="/g/5/MageiaWelcome2.png" alt="Mageia Welcome 2"> + </div> + <div class="carousel-item"> + <img class="d-block fixed-img" src="/g/5/MageiaWelcome3.png" alt="Mageia Welcome 3"> + </div> + <div class="carousel-item"> + <img class="d-block fixed-img" src="/g/5/MageiaWelcome4.png" alt="Mageia Welcome 4"> + </div> + <div class="carousel-item"> + <img class="d-block fixed-img" src="/g/5/MageiaWelcome5.png" alt="Mageia Welcome 5"> + </div> </div> - <div class="para" style="padding: 1em 2em 1em 0em"> + <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev"> + <span class="carousel-control-prev-icon" aria-hidden="true"></span> + <span class="sr-only">Previous</span> + </a> + <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next"> + <span class="carousel-control-next-icon" aria-hidden="true"></span> + <span class="sr-only">Next</span> + </a> + </div> + <div class="para py-3"> <?php _g('Mageia in context', null, 'h2'); |