diff options
author | filip <filip.komar@gmail.com> | 2015-12-22 23:10:06 +0100 |
---|---|---|
committer | filip <filip.komar@gmail.com> | 2015-12-22 23:10:06 +0100 |
commit | 6c40bc0ca0ba70e612fad0c03925fd3443bda65e (patch) | |
tree | 8e5df47ee2c00b5a658c6f364b1384531495d325 /lv | |
parent | 1ef1dc28f1e8935f002d7dfc97a6f33aa8b3ea1a (diff) | |
download | www-6c40bc0ca0ba70e612fad0c03925fd3443bda65e.tar www-6c40bc0ca0ba70e612fad0c03925fd3443bda65e.tar.gz www-6c40bc0ca0ba70e612fad0c03925fd3443bda65e.tar.bz2 www-6c40bc0ca0ba70e612fad0c03925fd3443bda65e.tar.xz www-6c40bc0ca0ba70e612fad0c03925fd3443bda65e.zip |
Add file structure for Lithuanian
Diffstat (limited to 'lv')
-rw-r--r--[l---------] | lv/charter.html | 166 | ||||
-rw-r--r--[l---------] | lv/index.php | 307 |
2 files changed, 471 insertions, 2 deletions
diff --git a/lv/charter.html b/lv/charter.html index 6b2e3661b..e1b0fa5b6 120000..100644 --- a/lv/charter.html +++ b/lv/charter.html @@ -1 +1,165 @@ -../en/charter.html
\ No newline at end of file +<!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&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;"> #252D42</span> to <span style="background: #485E82; color: #fff; padding: 0.3em 0.6em;"> #485E82</span> (letters)</li> + <li>from <span style="background: #2397D4; color: #fff; padding: 0.3em 0.6em;"> #2397D4</span> to <span style="background: #65E7FF; color: #000; padding: 0.3em 0.6em;"> #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 index 1d75bdfc3..ac082f8b4 120000..100644 --- a/lv/index.php +++ b/lv/index.php @@ -1 +1,306 @@ -../en/index.php
\ No newline at end of file +<?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 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 & 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> |