Skip to content
Browse files

Working on getting showcase running.

  • Loading branch information...
1 parent 9ace65b commit 4490b3af2a5f6b678849a505eeeac8c6661dcec2 @brianloveswords committed Jan 23, 2011
Showing with 345 additions and 2 deletions.
  1. +37 −0 css/main.css
  2. +31 −0 css/main.less
  3. BIN images/icon.quote.png
  4. +2 −2 index.html
  5. +275 −0 showcase.html
View
37 css/main.css
@@ -140,6 +140,18 @@ header[role="main"] nav > ul li[role="login-link"] a {
background: #ffde00;
}
/* header */
+body[role="inner"] nav > ul {
+ margin-top: 40px;
+}
+body[role="inner"] header[role="main"] {
+ height: 120px;
+}
+body[role="inner"] header[role="main"] h1 {
+ position: absolute;
+ background-position: center center;
+ height: 120px;
+ z-index: 2;
+}
section[role="masthead"] {
margin-bottom: 40px;
}
@@ -385,3 +397,28 @@ footer[role="main"] ul[role="cc"] li[role="icons"] a {
overflow: hidden;
text-indent: -999em;
}
+header[role="title"] {
+ color: #a9b2c1;
+ height: 160px;
+}
+header[role="title"] h1 {
+ font-size: 58px;
+ font-weight: normal;
+ margin-top: 40px;
+ text-transform: uppercase;
+}
+header[role="title"] h2 {
+ font-size: 20px;
+ font-weight: normal;
+ color: #5a6579;
+}
+section[role="press-sidebar"] {
+ background: url('/images/bg.stripy.png');
+}
+section[role="press-sidebar"] blockquote {
+ font-size: 16px;
+ font-family: Georgia;
+ background: url('/images/icon.quote.png') no-repeat;
+ margin: 0;
+ padding-top: 30px;
+}
View
31 css/main.less
@@ -136,6 +136,19 @@ header[role="main"] {
} /* end nav > ul*/
} /* header */
+body[role="inner"] {
+ nav > ul { margin-top: 40px; }
+ header[role="main"] {
+ height: 120px;
+ h1 {
+ position: absolute;
+ background-position: center center;
+ height: 120px;
+ z-index: 2;
+ }
+ }
+}
+
section[role="masthead"] {
margin-bottom: 40px;
nav {
@@ -341,3 +354,21 @@ footer[role="main"] {
text-indent: -999em;
}
}
+
+header[role="title"] {
+ color: #a9b2c1;
+ height: 160px;
+ h1 { font-size: 58px; font-weight: normal; margin-top: 40px; text-transform: uppercase;}
+ h2 { font-size: 20px; font-weight: normal; color: @main-text-color; }
+}
+
+section[role="press-sidebar"] {
+ background: url('/images/bg.stripy.png');
+ blockquote {
+ font-size: 16px;
+ font-family: Georgia;
+ background: url('/images/icon.quote.png') no-repeat;
+ margin: 0;
+ padding-top: 30px;
+ }
+}
View
BIN images/icon.quote.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
4 index.html
@@ -27,12 +27,12 @@
<script src="js/libs/modernizr-1.6.min.js"></script>
</head>
-<body>
+<body role="frontpage">
<div role="main-container">
<header role='main'>
<div role="container">
<nav role="language">
- <a href='english'>English</a>
+ <a>English</a>
<a>Portugués</a>
<a>Español</a>
</nav>
View
275 showcase.html
@@ -0,0 +1,275 @@
+<!doctype html>
+
+<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->
+<!--[if IE 7 ]> <html lang="en" class="no-js ie7"> <![endif]-->
+<!--[if IE 8 ]> <html lang="en" class="no-js ie8"> <![endif]-->
+<!--[if IE 9 ]> <html lang="en" class="no-js ie9"> <![endif]-->
+<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
+<head>
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+
+ <title>Lernanta GO</title>
+ <meta name="description" content="">
+ <meta name="author" content="P2PU.org">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+ <!-- Place favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
+ <link rel="shortcut icon" href="/favicon.ico">
+ <link rel="apple-touch-icon" href="/apple-touch-icon.png">
+
+ <!-- CSS : implied media="all" -->
+ <link rel="stylesheet" href="css/style.css?v=2">
+ <link rel="stylesheet" href="css/main.css">
+
+ <!-- Arvo font from google font api -->
+ <link href='http://fonts.googleapis.com/css?family=Arvo:regular,italic,bold,bolditalic' rel='stylesheet' type='text/css'>
+ <script src="js/libs/modernizr-1.6.min.js"></script>
+</head>
+
+<body role="inner">
+ <div role="main-container">
+ <header role='main'>
+ <div role="container">
+ <nav role="language">
+ <a>English</a>
+ <a>Portugués</a>
+ <a>Español</a>
+ </nav>
+
+ <h1>P2PU</h1>
+ <nav>
+ <ul>
+ <li><a>Take a Course</a><li>
+ <li><a>Run a Course</a></li>
+ <li><a>Showcase</a></li>
+ <li>
+ <a>Schools</a>
+ <ul>
+ <li><a>General</a></li>
+ <li><a>Webcraft</a></li>
+ <li><a>SoSI</a></li>
+ </ul>
+ </li>
+ <li><a>Join</a></li>
+ <li><input type='text' placeholder='Search'></li>
+ <li role="login-link"><a>Login</a></li>
+ </ul>
+ </nav>
+ </div>
+ </header>
+
+ <header role="title">
+ <div role="container">
+ <h1>Showcase</h1>
+ <h2>Read stories from the peers and see what the worldwide press has been saying about <em role="highlight-1">P</em><em role="highlight-2">2</em><em role="highlight-3">P</em><em role="highlight-4">U</em></h2>
+ </div>
+ </header>
+
+ <section role="stories">
+ </section>
+
+ <section role="press-sidebar">
+ <h2>What the press says about us</h2>
+ <ul>
+ <li>
+ <blockquote>
+ Queres aprender a desenvolver ambientes de experiência de
+ usuário a serem aplicados a vários sistemas? #webcraft #p2pu
+ </blockquote>
+ <cite>El País, Spain</cite>
+ </li>
+
+ <li>
+ <blockquote>
+ Queres aprender a desenvolver ambientes de experiência de
+ usuário a serem aplicados a vários sistemas? #webcraft #p2pu
+ </blockquote>
+ <cite>El País, Spain</cite>
+ </li>
+
+ <li>
+ <blockquote>
+ Queres aprender a desenvolver ambientes de experiência de
+ usuário a serem aplicados a vários sistemas? #webcraft #p2pu
+ </blockquote>
+ <cite>El País, Spain</cite>
+ </li>
+ </ul>
+ </section>
+
+ <footer role="main">
+ <div role="container">
+ <nav>
+ <ul role="about-us">
+ <li>About Us</li>
+ <li><a>What is P2PU</a></li>
+ <li><a>Value</a></li>
+ <li><a>Team</a></li>
+ <li><a>Advisors</a></li>
+ <li><a>Blog</a></li>
+ </ul>
+
+ <ul role="contact-us">
+ <li>Contact Us</li>
+ <li><a>Contact Form</a></li>
+ <li><a>Facebook</a></li>
+ <li><a>Twitter</a></li>
+ <li><a>Google Group</a></li>
+ </ul>
+
+ <ul role="license-info">
+ <li>License Info</li>
+ <li><a>License</a></li>
+ <li><a>Privacy Guidelines</a></li>
+ <li><a>Terms of Use</a></li>
+ </ul>
+
+ <ul role="cc">
+ <li>Creative Commons BY SA</li>
+ <li role="icons"><a>CC BY SA</a></li>
+ </ul>
+ </nav>
+ </div>
+ <br style="clear: both;">
+ </footer>
+ </div> <!--! end of #container -->
+
+
+ <!-- Javascript at the bottom for fast page loading -->
+
+ <!-- Grab Google CDN's jQuery. fall back to local if necessary -->
+ <script src="//ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
+ <script>!window.jQuery && document.write(unescape('%3Cscript src="js/libs/jquery-1.4.4.min.js"%3E%3C/script%3E'))</script>
+
+
+ <!-- scripts concatenated and minified via ant build script-->
+ <script src="js/plugins.js"></script>
+ <script src="js/script.js"></script>
+ <!-- end concatenated and minified scripts-->
+
+
+ <!--[if lt IE 7 ]>
+ <script src="js/libs/dd_belatedpng.js"></script>
+ <script> DD_belatedPNG.fix('img, .png_bg'); //fix any <img> or .png_bg background-images </script>
+ <![endif]-->
+
+ <!-- yui profiler and profileviewer - remove for production -->
+ <!-- <script src="js/profiling/yahoo-profiling.min.js"></script>
+ <script src="js/profiling/config.js"></script> -->
+ <!-- end profiling code -->
+
+ <!-- asynchronous google analytics: mathiasbynens.be/notes/async-analytics-snippet
+ change the UA-XXXXX-X to be your site's ID -->
+ <script>
+ var _gaq = [['_setAccount', 'UA-XXXXX-X'], ['_trackPageview']];
+ (function(d, t) {
+ var g = d.createElement(t),
+ s = d.getElementsByTagName(t)[0];
+ g.async = true;
+ g.src = ('https:' == location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ s.parentNode.insertBefore(g, s);
+ })(document, 'script');
+ </script>
+</body>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+<!--
+ .
+ I am sorry my child, but it appears you have W#D
+ reached the end of the known universe EDW
+ tDD
+ . , fLf
+ :; ;jK:GDL
+ .;.,:.;tfL
+ G :t. f fff
+ E.: i:t ##fED
+ LKDE,i;;.W#WiED
+ G D;.,:DK;:::;tj
+ W.,,Dt;:ji;K.:fE,D
+ .GDE,EE.# ;D: ,ifDW
+ j;ED,if; t,W:.ti,
+ Li;D;jDD ji:##
+ D ,,GtWD Dij
+ W;;:GKED :W
+ E L;GDEG
+ L.GKji;fK
+ jE:ED;GDG
+ D LDD,LKE
+ LD.,f,i;E;
+ E:LG::DEG
+ .WL;EDi:LWG
+ D:DKL,;;GE
+ E:.GD:tG,ii
+ :D,:,,;DKE;
+ L.L,::;LDE;
+ ;t.Ej,Li;,;D
+ fE:tE,GKG:GEj
+ ;E :tD;EWt;EE
+ KE ,::;;jDitEE
+ ;Di ;f,:GG;;;;GK
+ ,DE :.EE;,EEG,,;G
+ ;Gf LL:jE,;WWi;DEE
+ ,D.;,DDi,G,tED:;DWE
+ G:jG fLi:::;Lt:tEE
+ G.DDi .:GfL;,,,,t#
+ tf.Lt:,:,DEGL,LfLD
+ .t:.,iGD;:GEEG,DKK
+ D,GL.LKKG,DED;,DDE
+ ;.Gj.LEG.LEWG;GEG:t;j
+ ,:G.t DL;EG.LKKL:GG,,DfD
+ :;: fEGtG.G. ..,iGDL,,,;GED
+ DG;:j:.E.DD;iGEEL:;:,,::i,;LEt
+ .tLG; EDDj.LKG GEKE;fGjG;fGGG,iE:
+ .. ., LjGL.GD; ,GED,DD;GiLEKDG,f:D
+ t t.DEL .f;D::LG,:,;DEDGEiDEEKDL:..
+ :,L ;t,.fDE.DtLiEE;L;DEEf;;DKKj:;,itL
+ :i,,;:.;:jDE:E:DtE:GDijDfDj,,;tDDD;:GD
+ ,: :DDj.DG.;L:D:DK,LED,Gt;D,:;LEKEEt:Df
+ E,t j,L:jK::.::,Eij,Di,GE:;:GD:ED,,D;EW
+ :LtD,,GDi..:LDLEK,iL:fG,EE;.GEEEi;DED;t
+ .t.Df.:..::LKEK;DitDEKG.;:::fKD,itEWDj
+ :E ::DG:GD,LEjWfDi,;ji,;jt.f,::jD;DWWj
+ tE t..: D;:;j;fi:.j,:t;fGE.Ef;:GE;jtW
+ i G.iD,;GLL:Kt,;:;t,Gj,;D. ,.,Wi,tD
+ f ;,.:tD,WD:.ji;,,,,,,,;,; :;L::iLD
+ :f i: K;DE;,EDjttii;jj;L f .GL.Ej.
+ :. t :K.fED;jtjttttjL it,,,,fD
+ ; , ;D: .:j,jfL it:;,KDt
+ i L:G:G;.jtt iifj:;Df
+ .. ,G.jifi;t ti,,jLL
+ i :Lf;;tji;t ;iL,;ED
+ .; i;.G.tii; ti,L,jL
+ W# .;:.,j;i; i:f:.D
+ EWW E.t;,G;t; ji.:.t
+ #WW ;,;;t ;..ii;
+ WWW : , .L:,i ,,
+ GWK fif::t:;i , .;.
+ WK : .;; ,,; .
+ KW :. ;:t:.,, . .
+ KWW . .:;t::;, .. :
+ DWK : .,,,;, ,
+ KWt .. ;;i, .;
+ WK .. t;: .;t
+-->
+
+</html>

0 comments on commit 4490b3a

Please sign in to comment.
Something went wrong with that request. Please try again.