| 1 | <!--
|
|---|
| 2 | Design by Free CSS Templates
|
|---|
| 3 | http://www.freecsstemplates.org
|
|---|
| 4 | Released for free under a Creative Commons Attribution 2.5 License
|
|---|
| 5 |
|
|---|
| 6 | Name : Heavenly Bliss
|
|---|
| 7 | Description: A two-column, fixed-width design with dark color scheme.
|
|---|
| 8 | Version : 1.0
|
|---|
| 9 | Released : 20130517
|
|---|
| 10 |
|
|---|
| 11 | -->
|
|---|
| 12 | <html>
|
|---|
| 13 | <head>
|
|---|
| 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" />
|
|---|
| 18 | </head>
|
|---|
| 19 | <body>
|
|---|
| 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>
|
|---|
| 22 | </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="http://www.greenstone.org/">Greenstone3</a> Digital Library</p>
|
|---|
| 28 | </div>
|
|---|
| 29 | </div>
|
|---|
| 30 | </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="http://www.greenstone.org">Greenstone</a></li>
|
|---|
| 64 | <li><a href="http://wiki.greenstone.org">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="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>
|
|---|
| 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>&nbsp;</i>, <i>&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="http://www.greenstone.org/docs/greenstone3/manual.pdf">Greenstone3 manual</a>. Tutorial coming soon!</p>
|
|---|
| 80 | </div>
|
|---|
| 81 | </div>
|
|---|
| 82 | </div>
|
|---|
| 83 | <!-- end #content -->
|
|---|
| 84 |
|
|---|
| 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 -->
|
|---|
| 104 | </div>
|
|---|
| 105 | <div id="footer">
|
|---|
| 106 | <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>
|
|---|
| 107 | </div>
|
|---|
| 108 | <!-- end #footer -->
|
|---|
| 109 | </body>
|
|---|
| 110 | </html> |
|---|
