root/documentation/trunk/tutorial_sample_files/custom/home-tutorial.xsl @ 27854

Revision 27854, 5.3 KB (checked in by jlwhisler, 6 years ago)

New files for the new tutorial on GS3 home page customization

Line 
1<?xml version="1.0" encoding="ISO-8859-1"?>
2<xsl:stylesheet version="1.0"
3    xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
4    xmlns:java="http://xml.apache.org/xslt/java"
5    xmlns:util="xalan://org.greenstone.gsdl3.util.XSLTUtil"
6    xmlns:gslib="http://www.greenstone.org/skinning"
7    extension-element-prefixes="java util"
8    exclude-result-prefixes="java util">
9   
10<xsl:template match="/">
11<html>
12<head>
13<meta name="keywords" content="" />
14<meta name="description" content="" />
15<title>A New Home Page</title>
16<link href="interfaces/default/style/themes/tutorialbliss/style.css" rel="stylesheet" type="text/css" media="screen" />
17<!--
18Design by Free CSS Templates
19http://www.freecsstemplates.org
20Released for free under a Creative Commons Attribution 2.5 License
21
22Name       : Heavenly Bliss 
23Description: A two-column, fixed-width design with dark color scheme.
24Version    : 1.0
25Released   : 20130517
26
27-->
28</head>
29<body>
30<div id="banner-wrapper">
31    <div id="banner"><img src="interfaces/default/style/themes/tutorialbliss/images/ngunguru.jpg" width="1200" height="300" alt="" /></div>
32</div>
33<div id="header-wrapper">
34    <div id="header">
35        <div id="logo">
36            <h1><a href="library">A New Home Page</a></h1>
37            <p>A <a href="http://www.greenstone.org/">Greenstone3</a> Digital Library</p>
38        </div>
39    </div>
40</div>
41<div id="wrapper"> 
42    <!-- end #header -->
43    <div id="page">
44        <div id="page-bgtop">
45            <div id="page-bgbtm">
46                <div id="sidebar">
47                    <ul>
48                        <li>
49                            <h2><a href="?a=q&amp;rt=d&amp;s=TextQuery">Cross-Collection Search:</a></h2>
50                            <div id="search" > 
51                                <form method="get" action="#">
52                                    <div>
53                                        <input type="text" name="s" id="search-text" value="" />
54                                        <input type="submit" id="search-submit" value="" />
55                                    </div>
56                                </form>
57                        </div>
58                            <div style="clear: both;"></div>
59                        </li>
60                        <li>
61                            <h2>Library Links</h2>
62                            <ul>
63                                <li><a href="?a=p&sa=login&redirectURL=library%3Fa=p%26sa=home">Login</a></li>
64                                <li><a href="library/admin/AccountSettings?s1.username=">Account Settings</a></li>
65                                <li><a href="library/admin/Register">Register a new user</a></li>
66                                <li><a href="library/admin/ListUsers">Administration</a></li>
67                                <li><a href="library?logout=">Logout</a></li>
68                                <li><a href="library/collection//page/help">Help</a></li>
69                                <li><a href="library/collection//page/pref">Preferences</a></li>
70                            </ul>
71                        </li>
72                        <li>
73                            <h2>External Links</h2>
74                            <ul>
75                                <li><a href="http://www.greenstone.org">Greenstone</a></li>
76                                <li><a href="http://wiki.greenstone.org">Greenstone Wiki</a></li>
77                            </ul>
78                        </li>
79                    </ul>
80                </div>
81                <!-- end #sidebar -->
82                <div id="content">
83                    <div class="post">
84                        <h2 class="title"><a href="#">Welcome to your new home page!</a></h2>
85                        <div class="entry">
86                            <p>A new home page can be created for your Greenstone3 digital library by modifying or replacing the <span style="font-family:courier;">home.xsl</span> file found in the <i>Greenstone3/web/interfaces/default/transform/pages</i> folder.</p>
87                            <p>For this homepage, we first downloaded a free CSS template from <a href="http://www.freecsstemplates.org/previews/heavenlybliss/" rel="nofollow">FreeCSSTemplates.org</a>, released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attributions 2.5</a> license, so you're pretty much free to do whatever you want with it (even use it commercially) provided you keep the links in the footer intact.</p>
88                            <p>We made a few modifications to the HTML of the <span style="font-family:courier;">index.html</span> page-like removing a navigation bar at the top, changing the main photo, and removing or replacing parts of the text, as well as removing some escape characters (e.g. <i>&amp;nbsp;</i>, <i>&amp;copy;</i>), before including it in this tutorial.</p>
89                            <p>In the tutorial, you create your own <span style="font-family:courier;">home.xsl</span>, and <b>define</b> and <b>call</b> some XSL templates that make it possible to do many things, like include an up-to-date list of collections in your library, have a cross-collection search box, and have links that appear/disappear when you login.</p>
90                            <p>If you want to completely change the layout of your entire library, you probably want to define your very own interface. You can read more about interfaces in the <a href="http://www.greenstone.org/docs/greenstone3/manual.pdf">Greenstone3 manual</a>. Tutorial coming soon!</p>
91                        </div>
92                    </div>
93                </div>
94                <!-- end #content -->
95               
96                <div id="sidebar2">
97                    <ul>
98                        <li>
99                            <h2>Select a Collection:</h2>
100                            <ul>
101                                <li><a href="#">Collection 1</a></li>
102                                <li><a href="#">Collection 2</a></li>
103                                <li><a href="#">Collection 3</a></li>
104                                <li><a href="#">Collection 4</a></li>
105                                <li><a href="#">Collection 5</a></li>
106                            </ul>
107                        </li>                   
108                    </ul>
109                </div>
110                <div style="clear: both;"></div>
111            </div>
112        </div>
113    </div>
114    <!-- end #page -->
115</div>
116<div id="footer">
117    <p> 2013 Sitename.com. | Photo by <a href="http://www.leagoon.com/">Leagoon</a> | Design by <a href="http://www.freecsstemplates.org/" rel="nofollow">FreeCSSTemplates.org</a>.</p>
118</div>
119<!-- end #footer -->
120</body>
121</html>
122</xsl:template>
123
124   
125</xsl:stylesheet>
Note: See TracBrowser for help on using the browser.