source: documentation/trunk/tutorial_sample_files/custom/tutorialbliss/index.html@ 27854

Last change on this file since 27854 was 27854, checked in by jlwhisler, 11 years ago

New files for the new tutorial on GS3 home page customization

File size: 5.0 KB
2Design by Free CSS Templates
4Released for free under a Creative Commons Attribution 2.5 License
6Name : Heavenly Bliss
7Description: A two-column, fixed-width design with dark color scheme.
8Version : 1.0
9Released : 20130517
14<meta name="keywords" content="" />
15<meta name="description" content="" />
16<title>My Greenstone Library</title>
17<link href="interfaces/default/style/themes/tutorialbliss/style.css" rel="stylesheet" type="text/css" media="screen" />
20<div id="banner-wrapper">
21 <div id="banner"><a href="#"><img src="interfaces/default/style/themes/tutorialbliss/images/ngunguru.jpg" width="1200" height="300" alt="" /></a></div>
23<div id="header-wrapper">
24 <div id="header">
25 <div id="logo">
26 <h1><a href="library">My Greenstone Library</a></h1>
27 <p>A <a href="">Greenstone3</a> Digital Library</p>
28 </div>
29 </div>
31<div id="wrapper">
32 <!-- end #header -->
33 <div id="page">
34 <div id="page-bgtop">
35 <div id="page-bgbtm">
36 <div id="sidebar">
37 <ul>
38 <li>
39 <h2><a href="#">Cross-Collection Search:</a></h2>
40 <div id="search" >
41 <form method="get" action="#">
42 <div>
43 <input type="text" name="s" id="search-text" value="" />
44 <input type="submit" id="search-submit" value="" />
45 </div>
46 </form>
47 </div>
48 <div style="clear: both;"></div>
49 </li>
50 <li>
51 <h2>Library Links</h2>
52 <ul>
53 <li><a href="#">Login</a></li>
54 <li><a href="#">Register as a new user</a></li>
55 <li><a href="#">Administration</a></li>
56 <li><a href="#">Help</a></li>
57 <li><a href="#">Preferences</a></li>
58 </ul>
59 </li>
60 <li>
61 <h2>External Links</h2>
62 <ul>
63 <li><a href="">Greenstone</a></li>
64 <li><a href="">Greenstone Wiki</a></li>
65 </ul>
66 </li>
67 </ul>
68 </div>
69 <!-- end #sidebar -->
70 <div id="content">
71 <div class="post">
72 <h2 class="title"><a href="#">Welcome to your new home page!</a></h2>
73 <div class="entry">
74 <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>
75 <p>For this homepage, we first downloaded a free CSS template from <a href="" rel="nofollow"></a>, released under a <a href="">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>
76 <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>
77 <p>In the tutorial, you create your own <span style="font-family:courier;">home.xsl</span> (after saving the original as something else!), and start making a new home page, by copying in the HTML from <span style="font-family:courier;">index.html</span> into the right place. Then, you have to modify the paths to the stylesheet and any images, so they point to the right place, and voila! you have a pretty library home page. But it doesn't have links to anywhere else in your library yet.</p>
78 <p>So, we add in links for some library pages (like the Login, Administration, and Help pages). But somethings, like the up-to-date list of collections in your library, </p>
79 <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="">Greenstone3 manual</a>. Tutorial coming soon!</p>
80 </div>
81 </div>
82 </div>
83 <!-- end #content -->
85 <div id="sidebar2">
86 <ul>
87 <li>
88 <h2>Select a Collection:</h2>
89 <ul>
90 <li><a href="#">Collection 1</a></li>
91 <li><a href="#">Collection 2</a></li>
92 <li><a href="#">Collection 3</a></li>
93 <li><a href="#">Collection 4</a></li>
94 <li><a href="#">Collection 5</a></li>
95 </ul>
96 </li>
97 </ul>
98 </div>
99 <div style="clear: both;"></div>
100 </div>
101 </div>
102 </div>
103 <!-- end #page -->
105<div id="footer">
106 <p> 2013 | Photo by <a href="">Leagoon</a> | Design by <a href="" rel="nofollow"></a>.</p>
108<!-- end #footer -->
Note: See TracBrowser for help on using the repository browser.