aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--lv/charter.html165
-rw-r--r--lv/index.php306
2 files changed, 0 insertions, 471 deletions
diff --git a/lv/charter.html b/lv/charter.html
deleted file mode 100644
index e1b0fa5b6..000000000
--- a/lv/charter.html
+++ /dev/null
@@ -1,165 +0,0 @@
-<!DOCTYPE html>
-<html dir="ltr" lang="en">
-<head>
- <meta charset="utf-8">
- <title>Mageia style charter</title>
- <meta name="description" content="Charter for Mageia">
- <meta name="keywords" content="mageia, charter, graphic, style, design, layout, font, colours, logo, favicon, identity, web">
- <meta name="robots" content="noindex,nosnippet,nofollow,noarchive">
- <link rel="stylesheet" type="text/css" href="/g/style/all.css">
- <link href="http://fonts.googleapis.com/css?family=Rock Salt&amp;subset=latin" rel="stylesheet" type="text/css">
- <link rel="icon" type="image/png" href="/g/favicon.png">
- <style>
- #abtlg {
- display: block;
- margin: 0 auto;
- width: 500px;
- }
- </style>
-
-</head>
-<body class="release about">
- <script src="/_nav/js/"></script>
- <h1 id="mgnavtitle"><span style="font-family: Rock Salt;">Style charter</span></h1>
- <div id="doc" class="yui-t7">
- <div id="bd" role="main">
- <div class="yui-g">
- <div class="para">
- <p>This draft guide is to help build consistent style for Mageia.org on the Web and in the printed world.
- It starts from the current charter of <a href="//www.mageia.org/">www.mageia.org</a> and takes into account
- several other options that are available to this day.</p>
-
- <ul>
- <li><a href="#mlogo">Logo</a></li>
- <li><a href="#mcolours">Colours</a></li>
- <li><a href="#mwww">Web sites</a></li>
- <li><a href="#next">What's next?</a></li>
- </ul>
-
- <hr>
- <div id="by-role">
-
- <h2 id="mlogo">Logo</h2>
- <p>Mageia official logo is <img src="/g/media/logo/mageia-2013.png" id="abtlg" alt="Mageia logo">.</p>
- <p>Our logo still does not have a specific font - it would need to be forged.</p>
- <p>No other logo must be used for official Mageia.org communication.</p>
- <p>This logo must not be altered. We need a more comprehensive guide for it (use of cauldron alone, of "mageia" alone, availability of derivative logos and buttons for other uses).</p>
-
- <p>Logo colours/gradients:</p>
- <ul>
- <li>white/transparent background</li>
- <li>from <span style="background: #252D42; color: #fff; padding: 0.3em 0.6em;">&nbsp; #252D42</span> to <span style="background: #485E82; color: #fff; padding: 0.3em 0.6em;">&nbsp; #485E82</span> (letters)</li>
- <li>from <span style="background: #2397D4; color: #fff; padding: 0.3em 0.6em;">&nbsp; #2397D4</span> to <span style="background: #65E7FF; color: #000; padding: 0.3em 0.6em;">&nbsp; #65E7FF</span> (bubbles)</li>
- </ul>
- <p>See <a href="/g/media/logo/">/g/media/logo/</a> for higher resolution PNG and SVG.</p>
- </ul>
- <hr>
- <h2 id="mcolours">Colours</h2>
- <p>Current colours scheme is a cold one, consisting of basically three major: white, black, blue.</p>
- <table class="dlt2">
- <thead><tr><th>Colour</th><th>Hex code</th><th>Usage</th></tr></thead>
- <tbody>
- <tr><td style="background: #ffffff"></td><td>#ffffff</td><td>background</td>
- <tr><td style="background: #000000;"></td><td>#000000</td><td>body text, h3</td></tr>
- <tr><td style="background: #3494d3"></td><td>#3494d3</td><td>titles: h1, h2, h3</td><td rowspan="2">Those two should be reconciled</td></tr>
- <tr><td style="background: #2383c2"></td><td>#2383c2</td><td>links: a</td><tr>
- <tr><td style="background: orange;"></td><td>orange</td><td>sub-title of h1</td></tr>
- <tr><td style="background: #555555;"></td><td>#555555</td><td>preamble text, footer text</td></tr>
- <tr><td style="background: #aaaaaa;"></td><td>#aaaaaa</td><td>table header/footer</td></tr>
- </tbody>
- </table>
- <hr>
- <h2 id="mwww">Web sites</h2>
- <ul class="contrib-list charter">
- <li id="favicon">
- <h3>Favicon</h3>
- <p>Our favicon is <img src="//www.mageia.org/g/favicon.png" alt="Mageia favicon">. You may reference it through:
- <code>https://www.mageia.org/g/favicon.png</code>.</p>
- </li>
-
- <li id="fonts">
- <h3>Fonts</h3>
- <p>Page body fonts rule is:</p>
- <code class="term">font-family: Verdana, "Trebuchet MS", "Lucida Grande", "Lucida Sans", Verdana, Tahoma, Arial, sans-serif;</code>
- <br>
- <p>Titles (h1, h2, etc.) fonts rule is:</p>
- <code class="term">font-family: "Century Gothic", "Trebuchet MS", Arial, sans-serif;</code>
- </li>
-
- <li id="width">
- <h3>Page width and layout</h3>
- <p>Current:</p>
- <ul>
- <li><a href="//www.mageia.org/">www</a>: fixed 749px, centered</li>
- <li><a href="//blog.mageia.org/">blog</a>: fixed 980px, centered</li>
- <li><a href="https://forums.mageia.org/">forum</a>: fluid 100%</li>
- <li><a href="//bugs.mageia.org/">bugs</a>: fluid 100%</li>
- <li><a href="http://hugs.mageia.org/">hugs</a>: fixed ~700px, left-aligned</li>
- </ul>
-
- <p>Preferred:</p>
- <ul>
- <li>Preferred: fixed 980px, centered</li>
- <li>Even better, using media queries:
- <ul>
- <li>desktop, large screen > 1240,1400</li>
- <li>tablet</li>
- <li>phone</li>
- </ul>
- (tools to test: http://quirktools.com/screenfly/)
- </li>
- </ul>
- </li>
-
- <li id="bg">
- <h3>Page background</h3>
- <p>Current background is built in three layers:</p>
- <ul>
- <li>plain white background: <code class="term">html { background: #fff; }</code></li>
- <li>blue to white gradient with stripes: <code class="term">html { background: url(<a href="https://www.mageia.org/g/images/bg_ln_4.png">https://www.mageia.org/g/images/bg_ln_4.png</a>) repeat-x; }</code>
- </li>
- <li>white cauldron mask placed: <code class="term">body { background: url(<a href="https://www.mageia.org/g/images/cauldron_alpha_ln_1.png">https://www.mageia.org/g/images/cauldron_alpha_ln_1.png</a>) no-repeat -20px 200px; }</code>
- </li>
- </ul>
- </li>
-
- <li>
- <h3>www header</h3>
- <div id="hd" role="banner"><h1><a id="logo" href="/en/"><span>Mageia</span></a> <span class="lsep">|</span> <span class="subh">Title <em class="tag">Tag</em></span></h1></div>
- <br>
- <pre class="term">background: linear-gradient(top, #ffffff 50%, #f0f0f0);
-border-radius: 10px 10px 0 0;
-border-bottom: 1px solid #9db1ca;
-box-shadow: 0 1px 3px #9db1ca;</pre>
- <br>
- <p>The whole header may be redesigned along with the global nav bar: below:</p>
- </li>
-
- <li>
- <h3><a href="/_nav/">Global navigation bar</a></h3>
- <p><a href="/_nav/">See documentation</a>.</p>
- </li>
-
- <li id="css">
- <h3>Reference CSS</h3>
- <p>Our current reference CSS is based on:</p>
- <ul>
- <li>YUI reset-fonts-grids CSS</li>
- <li>YUI base CSS</li>
- <li>our own: <a href="//www.mageia.org/g/style/screen.css">screen.css</a></li>
- </ul>
- <p>This can be dramatically improved, splitting into several CSSes for reuse through mageia.org.</p>
- </li>
- </ul>
- <hr>
- <h2 id="next">What to do next?</h2>
- <ul>
- <li>
- </ul>
- </div>
- </div>
- </div>
-</div>
-
-</body>
-</html>
diff --git a/lv/index.php b/lv/index.php
deleted file mode 100644
index ac082f8b4..000000000
--- a/lv/index.php
+++ /dev/null
@@ -1,306 +0,0 @@
-<?php
-/**
-*/
-define('HLANG', true);
-define('ALIGNMENT', 'Center');
-require '../langs.php';
-$dictionary_1 = read_translation_file($locale, 'index');
-$dictionary_2 = read_translation_file($locale, 'news');
-$dictionary = array_merge($dictionary_1, $dictionary_2);
-
-$nav = array(
- 'nav-support' => array('support/', _r('Support')),
- 'nav-community' => array('community/', _r('Community')),
- 'nav-about' => array('about/', _r('About&nbsp;Mageia.Org'))
-);
-
-?><!DOCTYPE html>
-<html dir="ltr" lang="<?php echo $locale; ?>">
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title><?php _g('Home of the Mageia project'); ?></title>
- <meta name="description" content="<?php _g('Mageia is a community-based Linux distribution, for desktop & server.'); ?>">
- <meta name="keywords" content="<?php _g('linux, mageia, free software, operating system, computer, laptop, desktop, server, headless, device, mobile, mandriva, mandrake'); ?>">
- <link type="text/plain" rel="author" href="/humans.txt">
- <?php
- foreach ($langs as $l => $name)
- if ($l != $locale)
- echo sprintf('<link rel="alternate" hreflang="%s" href="//www.mageia.org/%s/">', $l, $l);
- ?>
- <link rel="alternate" type="application/rss+xml" title="<?php _g('Mageia Blog (English)'); ?>" href="<?php _g('https://blog.mageia.org/en/?feed=rss'); ?>">
- <?php require '../analytics.php'; ?>
- <style>
- html, body {
- margin: 0;
- padding: 0;
- font-family: "Trebuchet MS","Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
- line-height: 1.4;
- }
- hr { display: none; }
- ol, ul { margin: 0; padding: 0; list-style: none; }
- h1, h2 { font-size: 40px; font-weight: normal; margin-top: 0; color: #fff !important; }
- #b1 { color: #fff !important; }
- #mgnav { background: #fff !important; }
- #lang_form { position: absolute; top: 0; right: 0; }
- a[hreflang]:after { color:#d0d0ff; font-style:italic; content: "\A0["attr(hreflang)"]"; }
-
- #master {
- padding: 2em;
- border: 1px solid red;
- margin: 2em;
- font-size: 90%;
- display: none;
- }
-
- #up, #down { margin: 0; padding: 0; }
-
- #up {
- padding-bottom: 0px;
- color: #fff;
- text-shadow: 0 0 1px #333;
- background: #131923;
- /*
- background: -webkit-radial-gradient(20% 350px, circle cover, #3494D3 0%, #2383C2 50%);
- background: -moz-radial-gradient(26% 370px, circle cover, #3494D3 0%, #2383C2 50%);
- background: -o-radial-gradient(20% 350px, circle cover, #3494D3 0%, #2383C2 50%);
- background: radial-gradient(20% 350px, circle cover, #3494D3 0%, #2383C2 50%);
- */
- }
-
- .container {
- margin: 0 auto;
- max-width: 1024px;
- padding-bottom: 40px;
- }
-
- ul#dl li { margin-bottom: 14px; }
- #dl-btn {
- display: block;
- color: #000;
- text-decoration: none;
- width: 280px;
- background: #E8EBEE;
- padding: 20px 20px 15px 20px;
- border-radius: 4px;
- text-shadow: none;
- box-shadow: 0 0 1px #333;
- /*
- background: #ff6020;
- background: -webkit-linear-gradient(top, #ff6600 0%, orange 100%);
- background: -moz-linear-gradient(top, #ff3000 0%, orange 100%);
- background: -o-linear-gradient(top, #ff3000 0%, orange 100%);
- background: linear-gradient(top, #ff3000 0%, orange 100%);
- /**/
- }
- #dl-btn-mageia {
- background: url(/g/3/logo_web.png) no-repeat;
- width: 186px;
- height: 61px;
- display: block;
- color: transparent;
- margin-bottom: 10px;
- }
- span.dl-btn {
- display: block;
- font-size: 90%;
- }
- span.dl-btn span.low {
- color: #777;
- font-size: 75%;
- }
- p.dl-info {
- padding: 0 20px;
- font-size: 75%;
- }
- p.dl-info a {
- color: #fff;
- text-shadow: none;
- text-decoration: none;
- }
- .dl-btn-other {
- display: block;
- width: 222px;
- padding: 10px 20px 10px 20px;
- background: rgba(255,255,255, 0.1);
- border-radius: 4px;
- color: #ddeeff;
- text-shadow: none;
- text-decoration: none;
- font-size: 75%;
- }
- .dl-btn-other:hover {
- background: rgba(255,255,255, 0.2);
- color: #fff;
- }
- #dl-btn:hover { background: #fff; }
- #dl-btn:active { border-radius: 0; }
-
- #fnotes {
- text-align: center;
- font: 60%/1.2 Verdana,Arial,sans-serif;
- color: #f0f0f0;
- }
- #fnotes a { color: #ccc; text-decoration: none; }
- .free-dl { color: green; font-weight: bold; }
-
- /* Landscape phones and down */
- @media (max-width: 480px) {}
-
- /* Landscape phone to portrait tablet */
- @media (max-width: 768px) {}
-
- /* Portrait tablet to landscape and desktop */
- @media (max-width: 1000px) {
- h2 { margin: 0 0 .3em; line-height: 1.2; font-size: 200%; }
-
- ul#p { font-size: 90%; list-style: circle; padding: 0 0 0 2em; margin: 0; }
- #up { padding-bottom: 0; }
- #up > .container { padding: 1em; }
- #b1 { margin: 0; padding: 0 0 1em 0; }
- #navb li { margin: 1em 0 0 1em; float: left; }
- #navb li a {
- display: block;
- width: 222px;
- padding: 10px 20px 10px 20px;
- background: rgba(50,160,200, 0.1);
- border-radius: 4px;
- color: #68a;
- text-shadow: none;
- text-decoration: none;
- font-size: 75%;
- }
- #dl-btn { width: 222px; }
- .dl-btn-other:hover {
- background: rgba(255,255,255, 0.2);
- color: #fff;
- }
- #fnotes { clear: both; padding: 2em; text-align: left; }
- }
-
- @media (min-width: 1000px) {
- h2 { margin-bottom: 0.3em; }
- ul#p li:before { content: " > "; }
- #up > .container { background: url(/g/5/background.png) no-repeat 100% 100%; }
- #b1 { padding: 33px 70px 70px 70px; }
- #b2 { padding-left: 70px}
-
- #navb {
- padding: 0;
- margin: 0 auto;
- display: table;
- border-radius: 4px;
- font-size: 80%;
- margin-bottom: 20px;
- }
- #navb li {
- display: table-cell;
- padding: 0;
- border-right: 1px solid #f0f0f0;
- }
- #navb li:last-child { border: none; }
- #navb a {
- text-decoration: none;
- padding: 20px 1em 20px 1em;
- display: block;
- min-width: 80px;
- text-align: center;
- color: #444;
- }
- #navb a:hover {
- color: #2383C2;
- }
- }
- @media (min-width: 1200px) {}
- #newslist {
- display: block;
- padding: 5px 10px;
- margin: 0px 70px;
- background: rgba(255,255,255, 0.1);
- border-radius: 4px;
- color: #ddeeff;
- text-shadow: none;
- font-size: 120%;
- }
- #newslist a {
- color: #ddeeff;
- text-decoration: none;
- }
- #newslist a:hover { color: #ffffff; }
- </style>
- <link rel="stylesheet" href="/g/fa/css/font-awesome.css">
-</head>
-<body>
- <?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 class="container">
- <div>
- <?php
- include '../lib/news.php';
- $prefix = '<span style="font-weight: bold;">';
- $prefix .= sprintf(_r('Latest news from our <a href="%s">blog</a>:'), _r('https://blog.mageia.org/en/'));
- $prefix .= '</span> ';
- if (_r('https://planet.mageia.org/en/') != 'https://planet.mageia.org/en/') {
- show_feed($locale, null, _r('https://planet.mageia.org/en/'), _r('https://planet.mageia.org/en/') . '?type=rss10', 1, null, true, $prefix);
- } else {
- show_feed($locale, null, _r('https://blog.mageia.org/en/'), _r('https://blog.mageia.org/en/') . '?feed=rss', 1, null, true, $prefix);
- }
- ?>
- </div>
- <div id="b1">
- <h2><?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');
- _g('Elected governance, nonprofit organization', null, 'li');
- _g('You can be part of it', null, 'li');
- ?></ul>
- </div>
- <div id="b2">
- <ul id="dl">
- <li><a href="/<?php echo $locale ?>/5/" 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 5'); ?></span>
- <span class="dl-btn"><?php _g('released in June 2015'); ?></span>
-
- </a>
- <p class="dl-info">
- <?php _g('<a href="%s" hreflang="en">Release notes</a>', array(_r('https://wiki.mageia.org/en/Mageia_5_Release_Notes'))); ?>,
- <?php _g('<a href="%s" hreflang="en">errata</a>', array(_r('https://wiki.mageia.org/en/Mageia_5_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="6/" class="dl-btn-other"><?php _g('Test'); ?> Mageia 6 alpha</a></li>-->
-
- </ul>
- </div>
- </div>
-</div>
-<hr>
-<div id="down">
- <div class="container">
- <ul id="navb"><?php foreach ($nav as $k => $v)
- echo sprintf(
- '<li><a class="%s" href="%s">%s</a></li>',
- $k, $v[0], $v[1]
- );
- ?></ul>
- <hr>
- <p id="fnotes">
- <a href="/<?php echo $locale ?>/map/"><?php _g('Sitemap')?></a>
- | <a href="/<?php echo $locale ?>/about/policies/privacy/"><?php _g('Privacy policy')?></a>
- </p>
- </div>
-</div>
-
-</body>
-</html>