Folding Landing Page?

[Apoptosis]

As some of you are aware Legit Reviews is currently on the brink of a complete redesign that has been taking place for the past several months. We are getting closer to launching the new layout and are getting close to the point of making the new content pages. I was thinking that it would be nice to have a dedicated landing page for our folding team as it might help get people interested. Right now Legit Reviews doesn't have something like this. (We just link to our stats on the home page) If you look around many other Folding sites actually do have a landing page. This isn't something that we need, but I think it would make for interesting content and might help the team pick up a few members.

If someone would be willing to format a page for this we can add it to the new site. we have a few guys here on the site that can help out on the graphics and I also have some guys that can do graphics if custom graphics are wanted. If you can do coding and want to do team stats on the landing page that would be intersting. The sky is the limit, but if someone has the time and ability to do it that would be great as I can't devote the time to it with the new layout, current articles and so on.

[Alathald]

That'd be really cool, I'd be glad to help out if you need graphics...

[martini161]

you mean like a http://www.folding.legitreviews.com sort of thing? or a http://www.legitreviews.com/folding thing? im not great with my HTML nowadays but i can make a loose layout

[Apoptosis]

just a static page for the folding team not really a sub domain or anything like that unless there is someone that wants to do weekly updates/news and so on.

[Alathald]

Not real sure exactly what is wanted but why not use what you've already got? Something like this maybe?

If something else is wanted, I'm glad to help out but I would think this would be pretty easy to implement (even if I did just Photoshop it ).

[camaroguy1998]

I think a dedicated area for the Folding Team is great idea!
I may not be a code writer but if there's anything I can do to help I'd be happy to help out the team!

[DaIceMan]

I'm not familiar enough with the information that can be pulled from the Stanford servers to load a page. I like the amount of information that Hard has, but I think the page is kinda ugly.

I'll try to take a look at the available code in the next couple days and see if I can come up with something. (don't let this hinder anyone else that is probably more qualified to do the coding than I am. I'm an HTML hack from way back, with enough knowledge to fumble my way through PHP and CSS pretty much in an edit only capacity).

[Apoptosis]

if someone just wants to write something up on word or do it with html that would be fine and we can use it on the new layout.

[Alathald]

Like this?

HTML code

Code: Select all

<div id="fold">
<h2><em>Featured Reviews</em></h2>
<div class="content-bot">


<div>
  <h3> Info About Folding</h3>
  <p>The obvious stuff from Stanford.</p>
</div>
      
<div>
  <h3> Reasons to Fold</h3>
  <p>A few reasons to Fold.</p>
</div>
      
<div>
  <h3>Our Team</h3>
  <p>A bit about the current team. This will probably take some scripting so don't look at me.</p>
</div>
      
<div>
  <h3> How to run Folding@Home</h3>
  <p>Matt's thread pretty much goes here</p>
</div>
      
<div>
  <h3>Other Stuff</h3>
  <p>Anything else that may need added later (like maybe a script to make LR custom folding sigs)</p>
</div>
      
      </div>
</div>

CSS code - can replace the #news section of the /css/main.css

Code: Select all

#news { background: transparent url("/images/news_h2.gif") no-repeat; padding-top: 25px; margin-bottom: 10px;}
#fold { background: transparent url("http://img292.imageshack.us/img292/4424/foldh2eg2.png") no-repeat; padding-top: 25px; margin-bottom: 10px;}
#news, #fold div { margin: 0; padding: 5px; border-left: 1px solid #366; }
#news, #fold h3 { color: #366; background: transparent; font: bolder 18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 5px;}
#news, #fold p.dts { color: #699; background: transparent; margin: 0; padding: 0 0 0 5px;}
#news, #fold p.poster { margin: 0; padding: 5px; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #666; background: transparent; letter-spacing: normal;}
#news, #fold p { margin: 0; padding: 5px; text-align: justify;}
#news, #fold blockquote { color: #366; font-family: Arial, Helvetica, sans-serif; margin: .5em;}
#news, #fold ul { margin: 0; padding: 3px 20px; list-style: none;}
#news, #fold li { font-size: 10px; background: url("/images/bullet.gif") no-repeat 0px 8px; margin: 0; padding-left: 10px;}
#news, #fold img { display: block; margin: 0; padding: 0;}
#news, #fold p.newsimg { background: #eaefef; border: 1px solid #5b8484; display: block; text-align: center; margin: 5px; padding: 5px auto;}

I pretty much ripped this stuff straight from the homepage so it should fit in quite well, the CSS comes straight from the #news CSS on the homepage and you may want to host the image on your server but that's what I got...btw I'm really bad with words for stuff like this so that all still needs filled in. I'll work with it a bit but I just wanted to throw this all out there first...

Here's the image btw, don't forget to fix that first line of CSS if you do host it: