View previous topic :: View next topic |
Author |
Message |
defer- Tux's lil' helper
Joined: 11 Jun 2007 Posts: 140 Location: Finland
|
Posted: Mon Jul 01, 2013 8:21 pm Post subject: Unified layout for gentoo.org and sub pages |
|
|
Hello. Im interested in implementing unified layout for all gentoo.org sub pages. I already have small demonstration.
http://i.imgur.com/TctQcgV.png
http://i.imgur.com/vTdoXYQ.png
IMO it would be nice to have the same header for all pages. At least for forums and wiki? The header doesnt have to be that large. What do you think about my suggestion? Any feedback is appreciated. _________________ https://github.com/defer- |
|
Back to top |
|
|
swathe n00b
Joined: 04 Jul 2011 Posts: 73
|
Posted: Mon Jul 01, 2013 11:10 pm Post subject: |
|
|
I quite like the look of it personally |
|
Back to top |
|
|
steveL Watchman
Joined: 13 Sep 2006 Posts: 5153 Location: The Peanut Gallery
|
Posted: Tue Jul 02, 2013 1:11 am Post subject: |
|
|
Have to say I don't see that much difference, but a change would be nice.
In design, as not in software, a change is as good as a rest ;-) |
|
Back to top |
|
|
Dr.Willy Guru
Joined: 15 Jul 2007 Posts: 547 Location: NRW, Germany
|
Posted: Tue Jul 02, 2013 11:19 am Post subject: |
|
|
If there would be an option for a bright-on-dark variant I would be so happy. |
|
Back to top |
|
|
defer- Tux's lil' helper
Joined: 11 Jun 2007 Posts: 140 Location: Finland
|
Posted: Tue Jul 02, 2013 2:33 pm Post subject: |
|
|
I think its about ready now. I like the new look but we could use the current g.o header as well. It should be quite easy to replace the new header to current pages and add the same header for phpBB and wiki. I can do that if i can get some sources of the forums and wiki.
This is how it looks now :
http://i.imgur.com/H0AuU6h.png
Heres the source :
Code: |
<html>
<head>
<style type="text/css">
body { font: 12px sans-serif; color: #222; margin: 0px; }
div.head { background: #45367b url('logo3.jpg') no-repeat; border-bottom: 1px solid #333;
color: #FFF; }
div.head h1 {font: 36px sans-serif; color: #4aff00; margin-left: 100px; padding-top: 28px;}
div.head a { font-weight: bold; text-decoration: none; color: #222; padding: 5px 8px 5px 8px; }
div.head a:hover { background: #444; }
div.head a.active { border-right: 1px solid #999; background: #FFFFFF; }
div.head a.passive { border-right: 1px solid #999; color: #FFFFFF; }
div.links { background: #333; font-size: 12px; margin-bottom: 10px; padding: 5px 0px 5px 0px; }
div.main { padding: 5px; }
div.tail { background: #45367b; color: #FFF; padding: 5px;
border-top: 1px solid #333; border-bottom: 1px solid #333; }
div.tail a { color: #FFF; }
table { font: 12px sans-serif; }
p { font: 12px sans-serif; margin: 0px; padding: 5px; }
p.chaphead { font-weight: bold; color: #45367b; font-size: 20px; padding: 10px; }
p.secthead { font-weight: bold; font-size: 16px; padding: 5px; }
</style>
<body>
<div class="head">
<h1>Gentoo Linux</h1>
<div class="links">
<?php
$links = [
"About", "Projects", "Docs", "Forums", "Lists", "Bugs", "Download",
"Support", "Planet", "Wiki"
];
if (empty($_GET["page"])) {
$page = "About";
}
else {
$page = $_GET["page"];
}
foreach ($links as $link) {
if ($page == $link) {
echo '<a class="active" href="?page='.urlencode($link).'">'.$link.'</a>';
}
else {
echo '<a class="passive" href="?page='.urlencode($link).'">'.$link.'</a>';
}
}
echo '
</div>
</div>
<div class="main">
';
include($page.".php");
?>
</div>
<div class="tail">
Copyright 2001-2013 Gentoo Foundation, Inc. Questions, Comments? <a href="">Contact us</a>.
</div>
</body>
</html>
|
I would be happy to hear some feedback from the gentoo staff. _________________ https://github.com/defer- |
|
Back to top |
|
|
shazeal Apprentice
Joined: 03 May 2006 Posts: 206 Location: New Zealand
|
Posted: Tue Jul 02, 2013 7:32 pm Post subject: |
|
|
I thought meh, but then I went to have a look at the main site. I forgot how bad the design was.
This is definitely much better.
I cant stand the Gentoo logo though, it looks like something I would make in Blender. I think that needs a redesign as well. _________________ CFLAGS="-OmgWTFR1CE --fun-lol-loops --march=asmx86go" |
|
Back to top |
|
|
defer- Tux's lil' helper
Joined: 11 Jun 2007 Posts: 140 Location: Finland
|
Posted: Tue Jul 02, 2013 9:33 pm Post subject: |
|
|
Well yeah. I took the logo straight from the current theme. I can do some web design but i suck with gimp and blender. I just wanted to show the idea and i like the design if someone just could design better logo. I still think it should be using the official gentoo logo. Thank you everyone for feedback. I hope we can get some updates for the website. _________________ https://github.com/defer- |
|
Back to top |
|
|
forrestfunk81 Guru
Joined: 07 Feb 2006 Posts: 565 Location: münchen.de
|
Posted: Thu Jul 11, 2013 1:56 pm Post subject: |
|
|
Have you seen the recent analysis of the Gentoo Website Survey? Maybe you can contact Alex Legler, if you want to help.
Personally, I think a Gentoo website redesign is in overdue. _________________ # cd /pub/
# more beer |
|
Back to top |
|
|
defer- Tux's lil' helper
Joined: 11 Jun 2007 Posts: 140 Location: Finland
|
Posted: Wed Jul 24, 2013 9:22 am Post subject: |
|
|
Im glad to inform there is already work in progress. And its further than my simple draft. _________________ https://github.com/defer- |
|
Back to top |
|
|
Kollin Veteran
Joined: 25 Feb 2006 Posts: 1139 Location: Sofia/Bulgaria
|
Posted: Wed Jul 24, 2013 10:17 am Post subject: |
|
|
defer- wrote: | Im glad to inform there is already work in progress. And its further than my simple draft. |
Perfect, thank you! _________________ "Dear Enemy: may the Lord hate you and all your kind, may you be turned orange in hue, and may your head fall off at an awkward moment."
"Linux is like a wigwam - no windows, no gates, apache inside..." |
|
Back to top |
|
|
likewhoa l33t
Joined: 04 Oct 2006 Posts: 778 Location: Brooklyn, New York
|
Posted: Tue Jul 30, 2013 5:14 pm Post subject: |
|
|
If you're really going to contribute a new layout for the gentoo.org website, please make sure it's a responsive layout as more and more people are browsing the net with their phones,tablets,tvs so we shouldn't make a website that can adjust to these various screen sizes.
likewhoa |
|
Back to top |
|
|
defer- Tux's lil' helper
Joined: 11 Jun 2007 Posts: 140 Location: Finland
|
Posted: Tue Jul 30, 2013 9:49 pm Post subject: |
|
|
I meant there is work in progress from Gentoo staff. I stopped my work when i heard there is already work in progress. _________________ https://github.com/defer- |
|
Back to top |
|
|
666threesixes666 Veteran
Joined: 31 May 2011 Posts: 1248 Location: 42.68n 85.41w
|
|
Back to top |
|
|
|