Gentoo Forums
Gentoo Forums
Gentoo Forums
Quick Search: in
Unified layout for gentoo.org and sub pages
View unanswered posts
View posts from last 24 hours

 
Reply to topic    Gentoo Forums Forum Index Gentoo Chat
View previous topic :: View next topic  
Author Message
defer-
Tux's lil' helper
Tux's lil' helper


Joined: 11 Jun 2007
Posts: 135
Location: Finland

PostPosted: Mon Jul 01, 2013 8:21 pm    Post subject: Unified layout for gentoo.org and sub pages Reply with quote

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
View user's profile Send private message
swathe
n00b
n00b


Joined: 04 Jul 2011
Posts: 65

PostPosted: Mon Jul 01, 2013 11:10 pm    Post subject: Reply with quote

I quite like the look of it personally :)
Back to top
View user's profile Send private message
steveL
Advocate
Advocate


Joined: 13 Sep 2006
Posts: 2459
Location: The Peanut Gallery

PostPosted: Tue Jul 02, 2013 1:11 am    Post subject: Reply with quote

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
View user's profile Send private message
Dr.Willy
Guru
Guru


Joined: 15 Jul 2007
Posts: 332
Location: NRW, Germany

PostPosted: Tue Jul 02, 2013 11:19 am    Post subject: Reply with quote

If there would be an option for a bright-on-dark variant I would be so happy.
Back to top
View user's profile Send private message
defer-
Tux's lil' helper
Tux's lil' helper


Joined: 11 Jun 2007
Posts: 135
Location: Finland

PostPosted: Tue Jul 02, 2013 2:33 pm    Post subject: Reply with quote

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
View user's profile Send private message
shazeal
Apprentice
Apprentice


Joined: 03 May 2006
Posts: 165
Location: New Zealand

PostPosted: Tue Jul 02, 2013 7:32 pm    Post subject: Reply with quote

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. :D

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
View user's profile Send private message
defer-
Tux's lil' helper
Tux's lil' helper


Joined: 11 Jun 2007
Posts: 135
Location: Finland

PostPosted: Tue Jul 02, 2013 9:33 pm    Post subject: Reply with quote

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
View user's profile Send private message
forrestfunk81
Guru
Guru


Joined: 07 Feb 2006
Posts: 400
Location: münchen.de

PostPosted: Thu Jul 11, 2013 1:56 pm    Post subject: Reply with quote

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
View user's profile Send private message
defer-
Tux's lil' helper
Tux's lil' helper


Joined: 11 Jun 2007
Posts: 135
Location: Finland

PostPosted: Wed Jul 24, 2013 9:22 am    Post subject: Reply with quote

Im glad to inform there is already work in progress. And its further than my simple draft. :)
_________________
https://github.com/defer-
Back to top
View user's profile Send private message
Kollin
Veteran
Veteran


Joined: 25 Feb 2006
Posts: 1098
Location: Sofia/Bulgaria

PostPosted: Wed Jul 24, 2013 10:17 am    Post subject: Reply with quote

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
View user's profile Send private message
likewhoa
l33t
l33t


Joined: 04 Oct 2006
Posts: 740
Location: Brooklyn, New York

PostPosted: Tue Jul 30, 2013 5:14 pm    Post subject: Reply with quote

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
View user's profile Send private message
defer-
Tux's lil' helper
Tux's lil' helper


Joined: 11 Jun 2007
Posts: 135
Location: Finland

PostPosted: Tue Jul 30, 2013 9:49 pm    Post subject: Reply with quote

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
View user's profile Send private message
666threesixes666
Veteran
Veteran


Joined: 31 May 2011
Posts: 1237
Location: 42.68n 85.41w

PostPosted: Wed Jul 31, 2013 12:47 am    Post subject: Reply with quote

make it a userstyle. idgaf if "there is work in progress" i still style and distort to my own tastes.

gentoo dark side:
http://userstyles.org/styles/59533/gentoo-dark

& even others css.... (someone posted css to make bugs.gentoo.org more reasonable)
http://userstyles.org/styles/90931/bugs-gentoo-org-css-love

my dark style is gentoo.org wide. ill start punching in your changes. & with user styles, i can use all 3 at the same time.
_________________
cat /etc/*-release
Funtoo Linux - baselayout 2.2.0
consider this warning no. 1
https://wiki.gentoo.org/index.php?title=Special:Contributions/666threesixes666&offset=&limit=500&target=666threesixes666
Back to top
View user's profile Send private message
Display posts from previous:   
Reply to topic    Gentoo Forums Forum Index Gentoo Chat All times are GMT
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum