HTML5 and jQuery

author: randomdan <randomdan@localhost> 2011-11-22 21:04:07 +0000
committer: randomdan <randomdan@localhost> 2011-11-22 21:04:07 +0000
commit: 011425d2b82c8d792db11c6de0dca658ffd177af (patch)
tree: 38096ebc3432c8c3014a1435a7952695baf03b21 /gentoobrowse/xslt/base.xslt
parent: Finally sort the stupid names problem in the XML lib and remove xmlMemCache f... (diff)
download: gentoobrowse-011425d2b82c8d792db11c6de0dca658ffd177af.tar.bz2
gentoobrowse-011425d2b82c8d792db11c6de0dca658ffd177af.tar.xz
gentoobrowse-011425d2b82c8d792db11c6de0dca658ffd177af.zip
1 files changed, 83 insertions, 60 deletions
diff --git a/gentoobrowse/xslt/base.xslt b/gentoobrowse/xslt/base.xslt
index 7f02a74..34f2dad 100644
--- a/gentoobrowse/xslt/base.xslt
+++ b/gentoobrowse/xslt/base.xslt
@@ -1,71 +1,94 @@
 <?xml version="1.0" encoding="UTF-8" ?>
 <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns="http://www.w3.org/1999/xhtml"
 	xmlns:project2="http://project2.randomdan.homeip.net" exclude-result-prefixes="project2" >
-  <xsl:output  encoding="utf-8"  method="xml" media-type="text/html" indent="yes"
-    doctype-system="http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
-    doctype-public="-//W3C//DTD XHTML 1.0 Strict//EN" />
+  <xsl:output encoding="utf-8" method="html" media-type="text/html" indent="yes" />
   <xsl:template match="/*">
-	<html>
-		<head>
-			<link rel="stylesheet" href="/css/screen.css" type="text/css" />
-			<link rel="shortcut icon" href="/images/glogo-small.png" type="image/png" />
-			<link rel="start" href="/" />
-			<link rel="search" href="/search" />
-			<meta http-equiv="content-language" content="en" />
-			<xsl:call-template name="head" />
-			<script type="text/javascript" src="/js/googletracking.js" />
-		</head>
-		<body>
-			<h1>Gentoo Browse</h1>
-			<div class="tabs">
-				<a href="/">Home</a> |
-				<a href="/categories">Browse</a> |
-				<a href="/popular">Popular</a> |
-				<a href="/search" rel="nofollow">Search</a> |
-				<xsl:if test="count(/gentoo/project2:session/project2:var[@name='loggedInUserID']) = 0">
-					<a href="/login" rel="nofollow">Login</a>
-				</xsl:if>
-				<xsl:if test="count(/gentoo/project2:session/project2:var[@name='loggedInUserID']) &gt; 0">
-					<a href="/accountHome" rel="nofollow">My Account</a>
-				</xsl:if>
-			</div>
-			<table width="100%">
-				<tr>
-					<td class="colLeft">
-						<h2>News</h2>
-					</td>
-					<td class="content">
-						<xsl:call-template name="content" />
-					</td>
-				</tr>
-			</table>
-			<div class="trademark">
-				This website is not an official Gentoo website.
-				The name "Gentoo" and the "g" logo are trademarks of the Gentoo Foundation, Inc.
-			</div>
-			<div class="poweredby">
-				Powered by |
-				<xsl:for-each select="/gentoo/power/by">
-					<a>
-						<xsl:attribute name="href"><xsl:value-of select="url" /></xsl:attribute>
-						<xsl:value-of select="name" />
-					</a> |
-				</xsl:for-each>
-				Many thanks.
-			</div>
-		</body>
-	</html>
+		<xsl:text disable-output-escaping="yes">&lt;!DOCTYPE html&gt;&#10;</xsl:text>
+		<html>
+			<head>
+				<link rel="stylesheet" href="/css/screen.css" type="text/css" />
+				<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Salsa" type="text/css" />
+        <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400,700" type="text/css" />
+				<link rel="shortcut icon" href="/images/glogo-small.png" type="image/png" />
+				<link rel="start" href="/" />
+				<link rel="search" href="/search" />
+				<meta http-equiv="content-language" content="en" />
+				<script src="/js/js.js" />
+				<script src="/js/googletracking.js" />
+				<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js" />
+				<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js" />
+				<xsl:call-template name="head" />
+			</head>
+			<body>
+				<header>
+					<h1>Gentoo Browse</h1>
+				</header>
+				<nav>
+					<ul>
+						<li><a href="/">Home</a></li>
+						<li><a href="/categories">Browse</a></li>
+						<li><a href="/popular">Popular</a></li>
+						<li><a href="JavaScript: void(0);" onclick="toggleForm('#search');" rel="nofollow">Search</a></li>
+						<xsl:if test="count(/gentoo/project2:session/project2:var[@name='loggedInUserID']) = 0">
+							<li><a href="JavaScript: void(0);" onclick="toggleForm('#login');" rel="nofollow">Login</a></li>
+						</xsl:if>
+						<xsl:if test="count(/gentoo/project2:session/project2:var[@name='loggedInUserID']) &gt; 0">
+							<li><a href="/accountHome" rel="nofollow">My Account</a></li>
+						</xsl:if>
+					</ul>
+					<form id="search" class="popup" action="/search" method="get">
+						<h1>Site search</h1>
+						<input type="search" name="criteria" placeholder="Search criteria" required="required" autofocus="autofocus">
+							<xsl:attribute name="value"><xsl:value-of select="/gentoo/project2:params/project2:param[@name='criteria']/@value" /></xsl:attribute>
+						</input>
+						<input type="submit" value="Search" class="submit" />
+						<input type="submit" value="Cancel" class="submit" onclick="return hideForm('#search');" />
+					</form>
+					<form id="login" class="popup" action="/dologin" method="post">
+						<h1>Login</h1>
+						<input type="text" name="username" placeholder="Username" required="required" autofocus="autofocus" />
+						<input type="password" name="password" placeholder="Password" required="required" />
+						<input type="submit" value="Login" class="submit" />
+						<input type="submit" value="Cancel" class="submit" onclick="return hideForm('#login');" />
+					</form>
+				</nav>
+				<aside id="news">
+					<h2>News</h2>
+					<ul>
+						<li>Gone all HTML5 and jQuery etc etc</li>
+					</ul>
+				</aside>
+				<article id="content">
+					<xsl:call-template name="content" />
+				</article>
+				<footer>
+					<p class="disclaimer">This website is not an official Gentoo website. The name "Gentoo" and the "g" logo are trademarks of the Gentoo Foundation, Inc.</p>
+					<ul class="poweredby">
+						<li>Powered by</li>
+						<xsl:for-each select="/gentoo/power/by">
+							<li>
+								<a>
+									<xsl:attribute name="href"><xsl:value-of select="url" /></xsl:attribute>
+									<xsl:value-of select="name" />
+								</a>
+							</li>
+						</xsl:for-each>
+						<li>Many thanks.</li>
+					</ul>
+				</footer>
+			</body>
+		</html>
   </xsl:template>
   <xsl:template name="head">
-	<title>Gentoo Browse</title>
+		<title>Gentoo Browse</title>
   </xsl:template>
   <xsl:template match="package">
   	<li>
-		<a>
-			<xsl:attribute name="href">/package/<xsl:value-of select="catname" />/<xsl:value-of select="pkgname" /></xsl:attribute>
-			<xsl:attribute name="title"><xsl:value-of select="description" /></xsl:attribute>
-			<xsl:value-of select="catname" />/<xsl:value-of select="pkgname" />
-		</a> - <xsl:value-of select="description" />
-	</li>
+			<a>
+				<xsl:attribute name="href">/package/<xsl:value-of select="catname" />/<xsl:value-of select="pkgname" /></xsl:attribute>
+				<xsl:attribute name="title"><xsl:value-of select="description" /></xsl:attribute>
+				<xsl:value-of select="catname" />/<xsl:value-of select="pkgname" />
+			</a> - <xsl:value-of select="description" />
+		</li>
   </xsl:template>
 </xsl:stylesheet>
author	randomdan <randomdan@localhost>	2011-11-22 21:04:07 +0000
committer	randomdan <randomdan@localhost>	2011-11-22 21:04:07 +0000
commit	011425d2b82c8d792db11c6de0dca658ffd177af (patch)
tree	38096ebc3432c8c3014a1435a7952695baf03b21 /gentoobrowse/xslt/base.xslt
parent	Finally sort the stupid names problem in the XML lib and remove xmlMemCache f... (diff)
download	gentoobrowse-011425d2b82c8d792db11c6de0dca658ffd177af.tar.bz2 gentoobrowse-011425d2b82c8d792db11c6de0dca658ffd177af.tar.xz gentoobrowse-011425d2b82c8d792db11c6de0dca658ffd177af.zip