aboutsummaryrefslogtreecommitdiffstats
path: root/en/index.php
diff options
context:
space:
mode:
Diffstat (limited to 'en/index.php')
-rw-r--r--en/index.php122
1 files changed, 101 insertions, 21 deletions
diff --git a/en/index.php b/en/index.php
index bfc190b60..a0e4e9755 100644
--- a/en/index.php
+++ b/en/index.php
@@ -5,9 +5,10 @@ define('HLANG', true);
define('ALIGNMENT', 'Center');
require '../langs.php';
$dictionary = read_translation_file($locale, array('index', 'news', 'common_footer'));
+$rtl = is_locale_rtl($locale);
?><!DOCTYPE html>
-<html dir="ltr" lang="<?php echo $locale; ?>">
+<html <?php echo $rtl ? 'dir="rtl"' : 'dir="ltr"'?> lang="<?php echo $locale; ?>">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -81,7 +82,6 @@ $dictionary = read_translation_file($locale, array('index', 'news', 'common_foot
/**/
}
#dl-btn-mageia {
- background: url(/g/3/logo_web.png) no-repeat;
width: 204px;
height: 82px;
display: block;
@@ -107,7 +107,7 @@ $dictionary = read_translation_file($locale, array('index', 'news', 'common_foot
display: block;
width: 280px;
padding: 10px 20px 10px 20px;
- background: rgba(255,255,255, 0.1);
+ background: rgba(255,255,255, 0.15);
border-radius: 4px;
color: #ddeeff;
text-shadow: none;
@@ -115,7 +115,7 @@ $dictionary = read_translation_file($locale, array('index', 'news', 'common_foot
font-size: 85%;
}
.dl-btn-other:hover {
- background: rgba(255,255,255, 0.2);
+ background: rgba(255,255,255, 0.3);
color: #fff;
}
#dl-btn:hover { box-shadow: 0 0 10px rgba(255,255,255,1); }
@@ -185,11 +185,11 @@ $dictionary = read_translation_file($locale, array('index', 'news', 'common_foot
h2 { margin-bottom: 0.3em; }
ul#p li:before { content: " > "; }
#up {
- background: url(/g/7/background.png) no-repeat center;
+ background: url(/g/9/background.png) no-repeat center;
background-size: cover
}
#b1 { padding: 33px 70px 70px 70px; }
- #b2 { padding-left: 70px}
+ #b2 { padding-left: 70px; padding-right: 70px; }
#navb {
padding: 0;
@@ -217,15 +217,96 @@ $dictionary = read_translation_file($locale, array('index', 'news', 'common_foot
}
}
@media (min-width: 1200px) {}
+
+ @keyframes float {
+ 0% {
+ transform: translateY(0em);
+ }
+ 100% {
+ transform: translateY(2em);
+ }
+ }
+ @keyframes fade-in {
+ 0% {
+ opacity: 0;
+ }
+ 60% {
+ opacity: 0.10;
+ }
+ 100% {
+ opacity: 1;
+ }
+ }
+
+ @keyframes fade-out {
+ 0%,85% {
+ opacity: 1;
+ }
+ 100% {
+ opacity: 0;
+ }
+ }
+
+ #dl-btn-mageia .bubble {
+ opacity: 1;
+ animation: fade-in 1.4s infinite, float 1.4s ease infinite reverse ;
+ }
+
+ #dl-btn-mageia .bubble:nth-of-type(1) {
+ animation-delay: 0.2s;
+ }
+ #dl-btn-mageia .bubble:nth-of-type(2) {
+ animation-delay: 0.4s;
+ }
+ #dl-btn-mageia .bubble:nth-of-type(3) {
+ animation-delay: 0.6s;
+ }
+ #dl-btn-mageia .bubble:nth-of-type(4) {
+ animation-delay: 0.8s;
+ }
+ #dl-btn-mageia .bubble:nth-of-type(5) {
+ animation-delay: 1s;
+ }
+
+ #dl-btn-mageia .text {
+ opacity: 1;
+ animation: fade-out 9s ease infinite ;
+ }
+
+ #dl-btn-mageia .text:nth-of-type(1) {
+ animation-delay: 0.15s;
+ }
+ #dl-btn-mageia .text:nth-of-type(2) {
+ animation-delay: 0.30s;
+ }
+ #dl-btn-mageia .text:nth-of-type(3) {
+ animation-delay: 0.45s;
+ }
+ #dl-btn-mageia .text:nth-of-type(4) {
+ animation-delay: 0.6s;
+ }
+ #dl-btn-mageia .text:nth-of-type(5) {
+ animation-delay: 0.75s;
+ }
+ #dl-btn-mageia .text:nth-of-type(6) {
+ animation-delay: 0.9s;
+ }
+ #dl-btn-mageia .text:nth-of-type(8) {
+ animation-delay: 1.05s;
+ }
+ #dl-btn-mageia .text:nth-of-type(7) {
+ animation-delay: 1.2s;
+ }
</style>
+ <link rel="stylesheet" href="/g/fa/css/font-awesome.css">
</head>
-<body>
+<body <?php echo $rtl ? 'align="right"' : ''?>>
<?php echo $hsnav?>
<div id="master">
<h1><a href="about/"><?php _g('Mageia, a free, community-based Linux distribution for desktop & server.'); ?></a></h1>
</div>
-<div id="up">
+<div <?php echo $rtl ? 'align="right"' : ''?> id="up">
<div class="container">
<div>
<?php
@@ -258,13 +339,13 @@ $dictionary = read_translation_file($locale, array('index', 'news', 'common_foot
} else if (0 < $num_fresh_eng_posts) {
show_feed($locale, null, '', '', 0, null, true, $prefix, $fresh_eng_posts);
}
- }
+ }
?>
</div>
<div class="row">
<div class="col">
<div id="b1">
- <h2><?php _g('Change your perspective'); ?></h2>
+ <h2 <?php echo $rtl ? 'align="right"' : ''?>><?php _g('Change your perspective'); ?></h2>
<ul id="p"><?php
_g('Stable, secure operating system for desktop &amp; server', null, 'li');
_g('Free Software, coproduced by hundreds of people', null, 'li');
@@ -274,24 +355,23 @@ $dictionary = read_translation_file($locale, array('index', 'news', 'common_foot
</div>
<div id="b2">
<ul id="dl">
- <li><a href="/<?php echo $locale ?>/downloads/" id="dl-btn">
-
- <span id="dl-btn-mageia">Mageia</span>
- <span style="font-size: 32px; color: green; float: right;"></span>
- <span class="dl-btn free-dl"><?php _g('Mageia 7.1'); /* _g('Mageia 7.2'); */?></span>
- <span class="dl-btn"><?php _g('released in July 2019'); ?></span>
+ <li><a href="/<?php echo $locale ?>/9/" id="dl-btn">
+ <span id="dl-btn-mageia">
+ <svg version="1.1" viewBox="0 0 774 236.92" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"><metadata><rdf:RDF><cc:Work rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/><dc:title/></cc:Work></rdf:RDF></metadata><g transform="translate(-125 -521.36)"><g transform="translate(-.20804 7.0001)" fill="#2397d4"><path class="bubble" d="m177.89 597.13h-0.01c-6.6729 0-12.107-5.4267-12.114-12.095-0.01-6.6905 5.4251-12.125 12.104-12.132 6.683 0 12.116 5.4267 12.124 12.095 0 6.6905-5.4251 12.126-12.104 12.133z"/><path class="bubble" d="m210.61 588.24c-6.2309 0-11.302-5.0662-11.307-11.292-0.01-6.242 5.0612-11.316 11.296-11.321 6.2392 0 11.311 5.0651 11.317 11.291 0 6.242-5.0622 11.316-11.296 11.323h-0.01z"/><path class="bubble" d="m201.3 555.96c0 5.5755-4.5198 10.095-10.095 10.095s-10.095-4.5199-10.095-10.095c0-5.5756 4.5198-10.095 10.095-10.095s10.095 4.5198 10.095 10.095z" stroke-width="1.4422"/><path class="bubble" d="m216.65 539c0 5.1294-4.1581 9.2875-9.2875 9.2875s-9.2875-4.1581-9.2875-9.2875 4.1581-9.2875 9.2875-9.2875 9.2875 4.1581 9.2875 9.2875z" stroke-width=".80761"/><path class="bubble" d="m195.65 522.44c0 4.4603-3.6158 8.0761-8.0761 8.0761s-8.0761-3.6158-8.0761-8.0761 3.6158-8.0761 8.0761-8.0761 8.0761 3.6158 8.0761 8.0761z" stroke-width=".76915"/></g><path class="cauldron" d="m143.93 615.04c-10.45 13.545-18.926 28.781-18.926 47.238 0 40.006 30.358 73 68 73 37.64 0 68-32.993 68-73 0-18.461-8.4889-33.212-19.53-47.238-4.1402-4.3446-10.118-3.6986-14.469-0.91856-12.733 6.5886-19.606 9.2209-34.001 9.1565-13.922-0.0624-21.237-2.336-33.97-9.2774-4.3514-2.6592-10.964-3.3052-15.104 1.0394zm9.0742 11.238c13.198 7.2975 24.969 11 40 11 15.044 0 26.795-3.7025 40-11 7.2055 10.16 14 22.758 14 36 0 32.801-24.175 59-54 59-29.826 0-55-26.199-55-59 0-13.225 7.7788-25.832 15-36z" color="#000000" fill="#262f45" style="text-indent:0;text-transform:none"/><path class="text" d="m346 632.28c-24 0-42 18-42 42v40h12v-40c0-18 12-30 30-30s30 12 30 30v40h12v-40c0-18 12-30 30-30s30 12 30 30v40h12v-40c0-24-18-42-42-42-15.665 0-28.784 7.6868-36 19.687-7.2157-12.001-20.335-19.687-36-19.687z" fill="#262f45"/><path class="text" d="m521 632.28c-24 0-42 18-42 42s18 42 42 42c12 0 22.5-4.5 30-12v10h12v-40c0-24-18-42-42-42zm0 12c18 0 30 12 30 30s-12 30-30 30-30-12-30-30 12-30 30-30z" fill="#262f45"/><path class="text" d="m623 632.28c-24 0-42 18-42 42s18 42 42 42c12 0 22.5-4.5 30-12v12c0 18-12 30-30 30v12c24 0 42-18 42-42v-42c0-24-18-42-42-42zm0 12c18 0 30 12 30 30s-12 30-30 30-30-12-30-30 12-30 30-30z" fill="#262f45"/><path class="text" d="m725 632.28c-24 0-42 18-42 42s18 42 42 42v-12c-15.908 0-27.106-9.3968-29.5-24h71.125c0.25558-1.9564 0.375-3.9482 0.375-6 0-24-18-42-42-42zm0 12c15.908 0 27.106 9.397 29.5 24h-59c2.3939-14.603 13.592-24 29.5-24z" fill="#262f45"/><path class="text" d="m785 634.28h12v80h-12z" fill="#262f45"/><path class="text" d="m791 745.28c-4.9706 0-9-4.0294-9-9 0-4.9705 4.0294-8.9999 9-8.9999 4.9705 0 9 4.0294 9 8.9999 0 4.9706-4.0295 9-9 9z" fill="#2397d4"/><path class="text" d="m857 632.28c-24 0-42 18-42 42s18 42 42 42c12 0 22.5-4.5 30-12v10h12v-40c0-24-18-42-42-42zm0 12c18 0 30 12 30 30s-12 30-30 30-30-12-30-30 12-30 30-30z" fill="#262f45"/></g></svg>
+ </span>
+ <span style="font-size: 32px; color: green; float: right;" class="icon-download-alt"></span>
+ <span class="dl-btn free-dl"><?php _g('Mageia %s', array(_r('9'))); /* _r('9')*/?></span>
+ <span class="dl-btn"><?php _g('released in August 2023'); ?></span>
</a>
<p class="dl-info">
- <?php _g('<a href="%s" hreflang="en">Release notes</a>', array(_r('https://wiki.mageia.org/en/Mageia_7_Release_Notes'))); ?>,
- <?php _g('<a href="%s" hreflang="en">errata</a>', array(_r('https://wiki.mageia.org/en/Mageia_7_Errata'))); ?>.
-
-
+ <?php _g('<a href="%s" hreflang="en">Release notes</a>', array( _r('https://wiki.mageia.org/en/Mageia_9_Release_Notes')) ); ?>,
+ <?php _g('<a href="%s" hreflang="en">errata</a>', array( _r('https://wiki.mageia.org/en/Mageia_9_Errata')) ); ?>,
</p>
</li>
<li><a href="contribute/" class="dl-btn-other"><?php _g('<strong>Get involved</strong> in the next version'); ?></a>
</li>
- <!--<li><a href="/downloads/prerelease/" class="dl-btn-other"><?php _g('Test'); ?> Mageia 8 alpha</a></li>-->
+ <!-- <li><a href="/downloads/prerelease/" class="dl-btn-other"><?php _g('Test'); ?> Mageia 10</a></li> -->
</ul>
</div>