Import mga8 files

author: Manuel Hiebel <leuhmanu@mageia.org> 2021-02-08 19:47:33 +0100
committer: Manuel Hiebel <leuhmanu@mageia.org> 2021-02-08 19:47:33 +0100
commit: 3a757480220a1178c90ecf9049e8d9c24a613595 (patch)
tree: c3fa56025004ea0b671318b607a9c41b81f97b1e /en/8
parent: afb7fa9b0a52d9f35fbb440b5af4692edf67c2b5 (diff)
download: www-3a757480220a1178c90ecf9049e8d9c24a613595.tar
www-3a757480220a1178c90ecf9049e8d9c24a613595.tar.gz
www-3a757480220a1178c90ecf9049e8d9c24a613595.tar.bz2
www-3a757480220a1178c90ecf9049e8d9c24a613595.tar.xz
www-3a757480220a1178c90ecf9049e8d9c24a613595.zip
3 files changed, 586 insertions, 0 deletions
diff --git a/en/8/download_index.php b/en/8/download_index.php
new file mode 100644
index 000000000..3d4fe6baa
--- /dev/null
+++ b/en/8/download_index.php
@@ -0,0 +1,424 @@
+<?php
+
+$name = 'Mageia';
+$version = '8'; 
+$versionOld = ''; //if version for classical iso differ to livecd
+$release = '';
+$torrentavailable=true;
+$classical=false;
+$live=false;
+
+
+define('HLANG', true);
+define('ALIGNMENT', 'Center');
+
+require '../../langs.php';
+$dictionary = read_translation_file($locale, array('8', 'common_footer'));
+$rtl = is_locale_rtl($locale);
+
+function get_mageia($name, $version, $release)
+{
+  $re   = empty($release) ? $version : $version . '-' . $release;
+  return implode('-', array($name, $re));
+}
+
+function get_mageia_image_file_name($name, $version, $release, $variant = null, $arch, $medium, $ext)
+{
+  $va   = empty($variant) ? $arch : $variant . '-' . $arch;
+  $re   = empty($release) ? $va : $release . '-' . $va;
+
+  return implode('-', array($name, $version, $re)) . $ext;
+}
+
+function dl_link($name, $version, $release, $variant = null, $arch = 'i586', $medium, $torrent = false, $torrentavailable = true)
+{
+  switch ($arch) {
+  case "i586":
+    $bit = _r('32 bit');
+    break;
+  case "x86_64":
+    $bit = _r('64 bit');
+    break;
+  default:
+    $bit = '';
+    break;
+  }
+
+echo $torrent && !$torrentavailable  ? sprintf(_t('forthcoming')) :  sprintf('<a rel="nofollow" href="../downloads/get/?q=%s%s" title="%s">%s</a>',
+    get_mageia_image_file_name($name, $version, $release, $variant, $arch, $medium, '.iso'),
+    $torrent ? '&amp;torrent=1' : '',
+    implode(' ', array($name, $version, $release, $variant, $arch)),
+    $bit
+  );
+}
+
+function get_image($ttl, $src, $sty){
+    echo sprintf('<noscript><img class="lazy" src="%s" alt="%s" title="%s" style="%s" /></noscript>', $src, $ttl, $ttl, $sty);
+    echo sprintf('<img class="lazy" src="%s" alt="%s" title="%s" style="%s" />', $src, $ttl, $ttl, $sty);
+}
+
+?>
+<!DOCTYPE html>
+<html <?php echo $rtl ? 'dir="rtl"' : 'dir="ltr"'?> lang="<?php echo $locale; ?>">
+<head>
+    <meta charset="utf-8">
+    <title><?php echo sprintf(_g('Download').' '. '%s %s %s', $name, $version, $release)?></title>
+    <meta name="description" content="<?php _g('Download %s DVD, LiveDVD, network install ISO images.', array("$name $version"))?>">
+    <meta name="keywords" content="<?php _g('mageia, %s, linux, free, download, iso, torrent, vm, http, ftp, rsync, bittorrent', array("$name $version"))?>">
+    <meta name="robots" content="index,nofollow,nosnippet">
+    <link rel="canonical" href="/<?php echo $locale.'/'.$version;?>/">
+    <?php echo common_header(); ?>
+    <?php include '../../analytics.php'; ?>
+    <style>
+
+input[type="radio"]:checked + label,.ui-button:active  {
+    background: #2383C2;
+    background: -webkit-linear-gradient(top, #3494D3 0%, #2383C2 50%);
+    background: -moz-linear-gradient(top, #3494D3 0%, #2383C2 50%);
+    background: -o-linear-gradient(top, #3494D3 0%, #2383C2 50%);
+    background: linear-gradient(top, #3494D3 0%, #2383C2 50%);
+    color: white;
+}
+input[type="radio"], input[type="submit"], .popover-content  {
+    display: none;
+}
+.warn {
+	color:#a00;
+}
+</style>
+</head>
+<body class="release downloads" <?php echo $rtl ? 'style="text-align: right;"' : ''?>>
+    <?php echo $hsnav; ?>
+
+    <h1 id="mgnavt"><?php echo sprintf(_g('Download') . ' <strong>%s %s %s</strong>',$name, $version, $release)?></h1>
+        <?php include '../8/nav.php'; ?>
+<div class="bg-warning text-white p-3 container">WIP</div>
+    <div id="doc4" class="yui-t7" style="margin-bottom: 0px;">
+        <div id="bd" role="main">
+            <div class="yui-ge bb1 row">
+            <div class="yui-u first col-md-8">
+
+<noscript>
+<div class="para alert alert-info"><?php _g('It looks like you have JavaScript disable. Please <a href="%s">enable</a> it to have better render. At the <a href="%s">end</a> of this page there will be download link for you. But what is written between is important.',array('http://www.enable-javascript.com/','#NoscriptDownload'),'p'); ?></div>
+<style>.pop{display: none;} .popover-content{display:block ;}</style>
+</noscript>
+
+<div class="para">
+    <?php // _g('But please remember that it will soon <a href="%s">reach EOL</a>.', array('../support/'), 'h2 class="warn"');
+    // _g('But please remember that it already <a href="%s">reached EOL</a>.', array(_not_yet('https://blog.mageia.org/en/2019/.../')), 'h2 class="warn"'); ?>
+    <p>
+    <?php _g('Mageia is provided as ISO image files that have to be written to blank <a href="%s">CD or DVD discs</a>.', array(_r('https://wiki.mageia.org/en/Writing_CD_and_DVD_images')), ' '); ?>
+    <br>
+    <?php _g('All ISOs can also be launched from a <a %s>USB drive</a>.', array('href="' . _r('https://wiki.mageia.org/en/Installation_Media#Dump_Mageia_ISO_on_a_USB_flash_drive') . '"'));
+    echo '</p>';
+    _g('To <a %s>dump</a> a Mageia installation ISO on a USB stick, you may try one of several tools:', array('href="#" data-tip="iso2usb" class="pop"'),'p');
+    echo '<ul><li>';
+    _g('For Linux, IsoDumper, available inside repo. Or any tools based on %sdd%s.', array('<span class="italic" >', '</span>'), ' ');
+    _g('Unetbootin is not supported.', null, 'span class="warn"'); ?>
+    </li>
+    <?php _g('For Windows please have a look on our <a href="%s">wiki</a> for your options.', array(_r('https://wiki.mageia.org/en/Dump_Mageia_ISO_on_a_USB_flash_drive_-_Alternative_tools')), 'li'); ?>
+    </ul>
+    <div id="iso2usbEx" class="popover-content"><p>
+    <?php _g('"Dumping" an image onto a flash device destroys any prior file-system in the partition; access to any data not destroyed will be lost, and partition capacity will be reduced to the image size. In other words, all prior data on the device is at risk.'); ?>
+    </p></div>
+    <p>
+    <?php _g('If you have <a href="%s">UEFI</a>, a procedure is available in the <a href="%s">wiki</a>.', array(_r('http://en.wikipedia.org/wiki/Unified_Extensible_Firmware_Interface'),_r('https://wiki.mageia.org/en/Installing_on_systems_with_UEFI_firmware' /*this will be changed to tooltip, so no more url*/))) ;?>
+    </p>
+<?php
+    echo '<p>';
+    _g('ISO image files have been updated to support new hardware.', null, ' ');
+//    _g('They are called Mageia 8.1 release to distinguish them from the original Mageia 8 release.', null, ' ');
+//    _g("Use these if the original Mageia 8 iso images are unable to boot on your hardware, or if you would like more up-to-date software while running in live mode.", null, ' ');
+//    _g('Please take a look in the <a href="%s">documentation</a> for the appropriate media.', array('../doc/'), null, ' ');
+//_g("There's no need to reinstall if you have Mageia 7 installed and already have the latest updates installed.");
+    echo '</p>';
+?>
+</div>
+
+<div class="para" id="format">
+
+<?php if($classical == true){?>
+<div id="classicalEx" class="popover-content">
+    <?php _g('Classical Installation Flavours',null,'h2')?>
+
+    <?php _g('The Classical ISO is the traditional way to install Mageia directly. Take a look at the complete <a href="%s">documentation</a> for this installer.', array('../doc/'), 'p'); ?>
+    <p>
+        <?php _g('Up to 167 locales are supported:'); ?>
+            Deutsch, English, Español, Français, Italiano, Português, Svenska, Nederlands, Polski, Dansk, Pусский
+        <?php _g('and so much more!'); ?>
+        <a href="https://wiki.mageia.org/en/Available_locales" hreflang="en"><?php _g('See the comprehensive list')?></a>.
+    </p>
+    <p><?php
+        _g('These ISOs contains Free Software and some proprietary drivers.');
+        _g('You will be asked of which kind of Software you want to install.');
+        _g('The installer includes the capability of adding the online Mageia repositories during the installation, which means you can install even more packages than those available on the ISO.');?>
+    </p>
+
+    <?php _g('For 32 and 64bit, size of the ISOs is about %sGB.',array('4.1'),'p class="dlinfo"');?>
+
+</div>
+<?php } ?>
+
+
+<?php if($live == true){?>
+<div id="liveEx" class="popover-content">
+    <?php _g('LiveDVDs',null,'h3');?>
+
+    <?php _g('Live ISO\'s let you try %s without installation. You can run Mageia directly from a DVD or USB device, and try it using one of the graphical user interfaces such as GNOME, Plasma or Xfce.', array("$name $version"), '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');?>
+
+    <p><?php _g('Use LiveDVDs for fresh new installs ONLY.');?>
+    <span class="warn"><?php _g('DO NOT use these LiveDVDs to upgrade from the prior Mageia release!'); ?></span>
+    <?php _g('Use a classical installation and see <a href="%s" hreflang="en">upgrade guide</a>.', array($upgradeguide));?>
+    </p>
+
+    <?php _g('For LiveDVDs, size of the ISOs is about %sGB.',array('2.2 - 2.8'),'p class="dlinfo"');?>
+</div>
+<?php } ?>
+
+<div id="lanEx" class="popover-content">
+    <?php _g('Wired Network-based Installation CD',null,'h3');
+    _g('Download quickly and immediately boot into install mode from <em>wired</em> network or a local disk.',null,'p');
+    _g('Have a look in the <a href="%s">wiki</a> to get a list of possibilities.',array(_r('https://wiki.mageia.org/en/Boot.iso_install')),'p');
+
+    _g('Size of the ISOs is about 50MB.',null,'p class="dlinfo"');?>
+</div>
+
+<div class="d-sm-flex justify-content-center">
+    <?php if( $classical ){?><input type="radio" value="DVD" name="format" id="classical"/>
+    <label for="classical" class="btn btn-outline-primary" ><?php _g('Classic Installation', null, ' '); /*_g('(initial release 7)');*/ ?>
+    <a role="button" class="badge badge-pill badge-info text-white pop" data-tip="classical">?</a></label><?php }?>
+    <?php if($live){ ?><input type="radio" id="live" value="Live" name="format" />
+    <label for="live" class="btn btn-outline-primary"><?php _g('Live Media');?>
+    <a role="button" class="badge badge-pill badge-info text-white pop" data-tip="live">?</a></label><?php }?>
+    <input type="radio" id="lan" value="netinstall" name="format" />
+    <label for="lan" class="btn btn-outline-primary"><?php _g('Network Installation')?>
+    <a role="button" class="badge badge-pill badge-info text-white pop" data-tip="lan">?</a></label>
+</div>
+<?php if( !$live || !$classical ){?>
+<p style="margin-top:1.5em;" class="warn">
+    <?php if(!$live) {_g('LiveDVDs are not yet available.');}?>
+    <?php if(!$classical){ _g('Classical Installation flavours is not yet available.');}?>
+</p>
+<?php }?>
+</div>
+
+<?php if($live){ ?>
+
+<div class="para" id="desktop">
+    <?php _g('Desktop',null,'h2');?>
+
+    <div id="gnomeEx" class="popover-content">
+        <?php _g('GNOME Desktop',null,'h3');?>
+        <?php //get_image('GNOME', '/g/5/gnome.png', 'width: 100%');?>
+    </div>
+    <div id="kdeEx" class="popover-content">
+        <?php _g('Plasma Desktop',null,'h3');?>
+        <?php //get_image('PLASMA', '/g/5/kde.png', 'width: 100%');?>
+    </div>
+    <div id="xfceEx" class="popover-content">
+        <?php _g('Xfce Desktop',null,'h3');?>
+        <?php //get_image('PLASMA', '/g/5/kde.png', 'width: 100%');?>
+    </div>    
+
+    <div class="d-sm-flex justify-content-center">
+        <input type="radio" id="kde" value="Plasma" name="desktop" />
+        <label for="kde" class="btn btn-outline-primary"><?php _g('Plasma Desktop')?>
+        <a role="button" class="badge badge-pill badge-info text-white pop" data-tip="kde">?</a></label>
+        <input type="radio" id="gnome" value="GNOME" name="desktop" />
+        <label for="gnome" class="btn btn-outline-primary"><?php _g('GNOME Desktop')?>
+        <a role="button" class="badge badge-pill badge-info text-white pop" data-tip="gnome">?</a></label>
+        <input type="radio" id="xfce" value="Xfce" name="desktop" />
+        <label for="xfce" class="btn btn-outline-primary"><?php _g('Xfce Desktop')?>
+        <a role="button" class="badge badge-pill badge-info text-white pop" data-tip="xfce">?</a></label>
+    </div>
+</div><?php }/*live*/?>
+
+<div class="para" id="nat">
+    <?php _g('Network installer',null,'h2');?>
+
+    <div id="freeEx" class="popover-content">
+        <?php _g('Network installer, Free Software CD', null,'h3');
+        _g('Contain only free software',null,'p')?>
+    </div>
+    <div id="nonfreeEx" class="popover-content">
+        <?php _g('Network installer + nonfree firmware CD', null,'h3');
+        _g('Contain nonfree drivers needed for some disc controllers, some network cards, etc.',null,'p')?>
+    </div>
+    <div class="d-sm-flex justify-content-center">
+        <input type="radio" id="free" value="-" name="nat" />
+        <label for="free" class="btn btn-outline-primary"><?php _g('Free Software CD')?>
+        <a role="button" class="badge badge-pill badge-info text-white pop" data-tip="free">?</a></label>
+        <input type="radio" id="nonfree" value="nonfree" name="nat" />
+        <label for="nonfree" class="btn btn-outline-primary"><?php _g('Nonfree Firmware CD')?>
+        <a role="button" class="badge badge-pill badge-info text-white pop" data-tip="nonfree">?</a></label>
+    </div>
+</div>
+
+<div class="para" id="arch">
+    <?php _g('Supported Architecture',null,'h2');?>
+    <div id='64bEx' class="popover-content">
+        <?php _g('64 bit',null,'h3');
+        _g('Most new computers support x86-64 (also known as AMD64 and Intel64), but some laptop processors and netbook processors do not support it.',null,'p')?>
+    </div>
+    <div id='32bEx' class="popover-content">
+        <?php _g('32 bit',null,'h3');
+        _g('This version runs on all PCs including those that support 64 Bit. If you have more than 3 GB of RAM you should prefer the 64 Bit version though.',null,'p')?>
+    </div>
+
+    <div class="d-sm-flex justify-content-center">
+        <input type="radio" id="32b" value="i586" name="arch" />
+        <label for="32b" class="btn btn-outline-primary"><?php _g('32 bit')?>
+        <a role="button" class="badge badge-pill badge-info text-white pop" data-tip="32b">?</a></label>
+        <input type="radio" id="64b" value="x86_64" name="arch" />
+        <label for="64b" class="btn btn-outline-primary"><?php _g('64 bit')?>
+        <a role="button" class="badge badge-pill badge-info text-white pop" data-tip="64b">?</a></label>
+    </div>
+</div>
+
+<div class="dllink para" id="dllink" >
+    <?php _g('Download Method',null,'h2');?>
+    <div id="directEx" class="popover-content">
+        <?php _g('Direct Link',null,'h3');
+        _g('You will be redirected to a HTTP or FTP mirror.',null,'p') ?>
+    </div>
+
+
+    <div id="torrentEx" class="popover-content">
+<?php if($torrentavailable){ ?>
+    <?php _g('BitTorrent',null,'h3');
+    _g('We recommend you to use <a href=%s>BitTorrent</a> for downloading as it usually give a higher speeds and more reliable download of large files.',array(_r('http://en.wikipedia.org/wiki/BitTorrent')),'p');?>
+<?php } else { echo _g('BitTorrent link are not yet available.',null, 'p style="margin-top:1.5em;" class="warn"'); } ?> 
+    </div>
+
+    <div class="d-sm-flex justify-content-center">
+    <?php if($torrentavailable){ ?>
+        <a href="#" id="torrentlink" class="btn btn-outline-primary"><?php _g('BitTorrent')?>
+        <span class="badge badge-pill badge-info text-white pop" data-tip="torrent">?</span></a><?php }?>
+        <a href="#" id="directlink" class="btn btn-outline-primary" ><?php _g('Direct Link')?>
+        <span class="badge badge-pill badge-info text-white pop" data-tip="direct">?</span></a>
+    </div>
+</div>
+
+<noscript>
+<div class="para" id="NoscriptDownload"><a href="/downloads/alternative/"><?php _g('Alternative downloads')?></a></div>
+</noscript>
+                </div>
+
+                <div class="yui-u col">
+                    <div class="para mt-3">
+                        <ul class="hl">
+                            <li><a href=<?php echo sprintf('"%s">',$releasenotes); _g('Release notes')?></a></li>
+                            <li><a href=<?php echo sprintf('"%s">',$errata); _g('More about known issues or limitation in installation and usage')?></a></li>
+                            <?php _g('<a href="%s">Which to choose</a>', array(_r('https://wiki.mageia.org/en/Installation_Media')), 'li')?>
+                            <?php _g('<a href="%s">Get ISO on USB flash drive</a>', array(_r('https://wiki.mageia.org/en/Installation_Media#Dump_Mageia_ISO_on_a_USB_flash_drive')),'li') ?>
+                            <?php _g('Newcomer? <a href="%s">Here\'s a wiki page for you.</a>', array(_r('https://wiki.mageia.org/en/Newcomers_start_here')), 'li')?>
+                            <?php _g('Help us on %s', array("<a href=\"../contribute/\">$name 9</a>"), 'li')?>
+                            <li><a href="../downloads/alternative/"><?php _g('Alternative downloads')?></a></li>
+                        </ul>
+
+                            <?php '<br>';
+/*                            _g('Looking for a stable release?', null, 'h3');
+                            echo '<p>';
+                            _g('It is <a href="%s">here</a>.', array('../downloads/'));
+                            echo '</p'; 
+*/                            _g('Upgrading<br>from %s ?', array('Mageia 7'), 'h3');
+                            echo '<ul class="hl">';
+                            _g('<strong>do not</strong> use LiveDVDs;', null, 'li');
+                            _g('see the <a href="%s" hreflang="en">upgrade guide</a>', array($upgradeguide), 'li');
+                            echo '</ul>';
+ ?>
+
+                    </div>
+                    <hr>
+                </div>
+            </div>
+        </div>
+    </div>
+<?php echo common_footer($locale); ?>
+<script>
+
+$(function () {
+
+
+$('.pop').each(function () {
+  $(this).popover({
+    html: true,
+    container: 'body',
+    trigger: 'manual',
+    placement: 'auto',
+    content: function () {
+      var id = $(this).data('tip')
+      return $('#' + id + 'Ex').html();
+    }
+  }).on('mouseenter', function () {
+    var _this = this;
+    $(this).popover('show');
+    $('.popover').on('mouseleave', function () {
+      $(_this).popover('hide');
+    });
+  }).on('mouseleave', function () {
+    var _this = this;
+    setTimeout(function () {
+      if (!$('.popover:hover').length) {
+        $(_this).popover('hide');
+      }
+    }, 300);
+  });
+});
+});
+
+function lazyload(){
+$('img.lazy').each(function(){
+        $(this)
+        .attr( 'src', $(this).data('src') )
+        .removeClass('hidden')
+        .removeAttr('data-src');
+});
+}
+
+    $('#arch,#nat,#desktop,#dllink').hide();
+    $('input[name=format]').click(function () {
+        $('#arch')[this.id == 'classical' ? 'slideDown' : 'slideUp']();
+        $('label[for="32b"]').show();
+        $('input[name="desktop"],input[name="nat"],input[name="arch"],input[name="dllink"]').prop('checked', false);
+        $('#desktop')[this.id == 'live' ? 'slideDown' : 'slideUp']();
+        $('#nat')[this.id == 'lan' ? 'slideDown' : 'slideUp']();
+        $('#dllink')[$('#lan,#live,#classical').is(':checked') ? 'slideUp' : 'slideDown']();
+    });
+
+    $('input[name=nat]').click(function () {
+        $('#arch')[ $('#free,#nonfree').is(':checked') ? 'slideDown' : 'slideUp']();
+    });
+
+    $('input[name=desktop]').click(function () {
+        $('#arch')[ $('#gnome,#kde,#xfce').is(':checked') ? 'slideDown' : 'slideUp']();
+        $('label[for="32b"]')[$('#gnome,#kde').is(':checked') ? 'hide' : 'show']()
+        $('#dllink')[$('#lan,#live,#classical').is(':checked') ? 'slideUp' : 'slideDown']();
+        lazyload();
+    });
+
+    $('input[name=arch]').click(function () {
+        $('#dllink')[$('#32b,#64b').is(':checked') ? 'slideDown' : 'slideUp']();
+        $('input[name="dllink"]').prop('checked', false);
+        $('#torrentlink')[$('#lan').is(':checked') ? 'hide' : 'show']();
+    });
+
+    $('#directlink,#torrentlink').hover(function () {
+        format = $('input[name=format]:checked').val();
+        desktop = $('input[name=desktop]:checked').val();
+        nat = (nat = $('input[name=nat]:checked').val()) == '-' ? '-' : '-' + nat + '-';
+        arch = $('input[name=arch]:checked').val();
+        getname ='<?php echo get_mageia($name, $version, $release)?>' + '-';
+<?php	if($versionOld){ ?>
+        getnameOld ='<?php echo get_mageia($name, $versionOld, $release)?>' + '-';
+        file = $('#live').is(':checked') ? getname + format + '-' + desktop + '-' + arch + '.iso' : $('#classical').is(':checked') ? getnameOld + arch + '.iso' : getname + format + nat + arch + '.iso';
+<?php }else{ ?>
+        file = $('#live').is(':checked') ? getname + format + '-' + desktop + '-' + arch + '.iso' : $('#classical').is(':checked') ? getname + arch + '.iso' : getname + format + nat + arch + '.iso';
+<?php } ?>
+        file = (this.id == 'torrentlink') ? file + '&torrent=1' :  file ;
+        $("a.btn").attr('href','../downloads/get/?q=' + file+'&d=1');
+    });
+</script>
+</body>
+</html>
diff --git a/en/8/index.php b/en/8/index.php
new file mode 100644
index 000000000..0ef4e163a
--- /dev/null
+++ b/en/8/index.php
@@ -0,0 +1,130 @@
+<?php
+define('HLANG', true);
+define('ALIGNMENT', 'Center');
+require '../../langs.php';
+$rtl = is_locale_rtl($locale);
+
+$dictionary = read_translation_file($locale, array('8', 'common_footer'));
+?>
+<!DOCTYPE html>
+<html <?php echo $rtl ? 'dir="rtl"' : 'dir="ltr"'?> lang="<?php echo $locale; ?>">
+<head>
+    <meta charset="utf-8">
+    <title><?php _g('Mageia 8')?></title>
+    <meta name="description" content="<?php _g('Mageia 8 is the new, solid, stable Linux distribution from the Mageia project.')?>">
+    <?php echo common_header(); ?>
+    <?php include '../../analytics.php'; ?>
+    <style>
+    @media (min-width:1200px) {
+        .mga-slider{
+            max-width:960px
+        }
+    }
+    @media (min-width:1400px) {
+        .mga-slider{
+            max-width: 1140px
+        }
+    }
+    .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 <?php echo $rtl ? 'style="text-align: right;"' : ''?> class="downloads">
+    <?php echo $hsnav; ?>
+
+    <h1 id="mgnavt"><a href="../8/">Mageia 8</a></h1>
+    <?php include './nav.php'; ?>
+<div class="bg-warning text-white p-3 container">WIP</div>
+<div class="container mga-slider">
+    <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 ,$title, $text, $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);
+            if ( $title || $text ){
+                $div .= sprintf('<div class="carousel-caption d-none d-md-block bg-caption">');
+                $div .= $title ? sprintf('<h5>%s</h5>',$title) : '';
+                $div .= $text ? sprintf('<p>%s</p>', $text) : '';
+                $div .= sprintf('</div>');
+            }
+            $div .= sprintf ('</div>'. PHP_EOL);
+            echo $div;
+        }
+        //carousel('/g/path/to.png', 'alt text', 'TitleCaption', 'TextCaption', active);
+        carousel('/g/8/slide/live-plasma-1.png', 'live-plasma-1', _r('Welcome on Mageia'), _('Try without installing. ') . ' '.  _r('Here is the Plasma Desktop'), active );
+        carousel('/g/8/slide/live-plasma-2.png', 'live-plasma-2', _r('Daily use'), _r('Access all your files') );
+        carousel('/g/8/slide/live-plasma-3.png', 'live-plasma-3', _r('Daily use'), _r('Watch all your media') );
+        carousel('/g/8/slide/live-plasma-4.png', 'live-plasma-4', _r('Install'), _r('If you are happy with the Mageia experience, you can then install it onto your hard drive from the Live media') . ' <a href="../doc/">'. _r('Doc'). '</a>');
+        carousel('/g/8/slide/live-gnome-1.png', 'live-gnome-1', _r('A choice of desktops'), _r('Here is the GNOME Desktop') );
+        carousel('/g/8/slide/live-gnome-2.png', 'live-gnome-2', '', '');
+        carousel('/g/8/slide/live-gnome-3.png', 'live-gnome-3', _r('Install'), '' );
+        carousel('/g/8/slide/live-xfce-1.png', 'live-xfce-1', _r('A choice of desktops'), _r('Here is the Xfce Desktop') );
+        carousel('/g/8/slide/live-xfce-2.png', 'live-xfce-2', _r('Install'), _r('You can install all <a href="https://madb.mageia.org/">apps available</a> even in live mode') );
+        carousel('/g/8/slide/mcc-1.png', 'mcc-1', _r('Tools'), _r('Mageia Center Control') . ': '. _r('Install applications') );
+        carousel('/g/8/slide/mcc-2.png', 'mcc-2', _r('Tools'), _r('Mageia Center Control') . ': '. _r('Configure your hardware') );
+        carousel('/g/8/slide/classical-1.png', 'classical-1', _r('Install') , _r('Classic Installation') );
+        ?>
+        <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><?php //container mga-slide ?>
+
+<div id="doc5">
+    <div class="row">
+    <div class="col">
+    <div class="para">
+        <?php _g('About Mageia 8', null, 'h2'); ?>
+
+        <?php
+        _g('Mageia 8 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="./download_index.php" 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 8 directly from there, and try Mageia using one of the graphical user interfaces such as GNOME or Plasma.', 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');
+        _g('The Classical ISO is the more traditional way to install Mageia directly. Take a look at the complete <a href="%s">documentation</a> for this installer.', array('../doc/'), 'p');
+        _g('Mageia 8 includes several desktop managers including Plasma, GNOME, Xfce, Mate, LXQt and Cinnamon.', null, 'p');
+        _g('There are lots of applications in the official repositories. You can have a look at the <a href="%s">Mageia Application Database</a> to get a complete list of packages inside Mageia.', array('//madb.mageia.org'), 'p');
+        _g('What\'s new?', null, 'h2');
+        _g('There\'s plenty of new goodness in Mageia 8, too much to include here - see the <a hreflang="en" href="%s">release notes</a> for an extensive exposé.',array($releasenotes), 'p', 'class="warn"');
+        ?>
+    </div>
+    </div>
+
+    <div class="col-md-4" >
+    <div class="para">
+       <?php
+         _g('Mageia in context', null, 'h2');
+
+           _g('Mageia 8 is supported by the <a href="%s">Mageia.org nonprofit organisation</a>, which is  governed by a body of recognized and elected contributors.',array('../about/'), 'p');
+
+           _g('Our work adds to the excellent work of the wider Linux and Free Software community. We aim to blend all the excellent work done by the community, adding the special Mageia ingredients, to bring you the best, most stable, reliable and enjoyable experience we can make for regular users, developers and businesses.', null, 'p');
+
+           _g('We welcome new contributors to any of the many different teams that go to make up Mageia the Community, and we encourage you to <a href="%s">join us</a>.', array('../contribute'), 'p');
+       ?>
+    </div>
+  </div>
+</div>
+</div>
+
+<?php echo common_footer($locale); ?>
+</body>
+</html>
diff --git a/en/8/nav.php b/en/8/nav.php
new file mode 100644
index 000000000..83cdaf540
--- /dev/null
+++ b/en/8/nav.php
@@ -0,0 +1,32 @@
+<?php
+
+$releasenotes = '';
+$errata       = '';
+$upgradeguide = '';
+
+$releasenotes = _r('https://wiki.mageia.org/en/Mageia_8_Release_Notes');
+$errata       = _r('https://wiki.mageia.org/en/Mageia_8_Errata');
+$upgradeguide = _r('https://wiki.mageia.org/en/Mageia_8_Release_Notes#Upgrading_from_Mageia_7');
+
+$nav = array(
+    "/{$locale}/8/"  => 'Mageia&nbsp;8',
+    "/{$locale}/downloads/" => _r('Download'),
+    $releasenotes => _r('Release notes'),
+    $errata => _r('Errata'),
+//     "//bugs.mageia.org/" => _r('Bugs Reports'),
+);
+
+$sru = trim($_SERVER['REQUEST_URI']);
+
+$pnav = array();
+foreach ($nav as $k => $v) {
+    $pnav[] = sprintf('<li class="text-sm-center nav-item"><a href="%s"%s>%s</a></li>',
+        $k,
+        $k == $sru ? ' class="nav-link active"' : ' class="nav-link"',
+        $v);
+}
+$pnav = implode($pnav);
+
+echo <<<S
+<div id="mgnavsub"><ul id="mgnavsubl" class="nav nav-pills flex-column flex-sm-row justify-content-center">{$pnav}</ul></div>
+S;
author	Manuel Hiebel <leuhmanu@mageia.org>	2021-02-08 19:47:33 +0100
committer	Manuel Hiebel <leuhmanu@mageia.org>	2021-02-08 19:47:33 +0100
commit	3a757480220a1178c90ecf9049e8d9c24a613595 (patch)
tree	c3fa56025004ea0b671318b607a9c41b81f97b1e /en/8
parent	afb7fa9b0a52d9f35fbb440b5af4692edf67c2b5 (diff)
download	www-3a757480220a1178c90ecf9049e8d9c24a613595.tar www-3a757480220a1178c90ecf9049e8d9c24a613595.tar.gz www-3a757480220a1178c90ecf9049e8d9c24a613595.tar.bz2 www-3a757480220a1178c90ecf9049e8d9c24a613595.tar.xz www-3a757480220a1178c90ecf9049e8d9c24a613595.zip