Instructions for LS Web Intersession files

From LS Wiki 

(https://acclswiki-webpagesandpolicies.pbworks.com/w/page/83656444/Web Pages - Intersession)

Web Pages - Intersession

These are the pages to change:

1 Hours & Locations

1.1 Create an intersession "includes file" appropriate to the particular intersession.

Example: /loc/intersession/Aug2014.txt

1.2 Amend /loc/intersession.php to reflect the correct includes file.

Example: <?php include("intersession/Aug2014.txt"); ?>

1.3 Rename (reverse after the break) /loc/index.php to /loc/index[HOLD].php

1.4 Rename (reverse after the break) a copy of /loc/intersession.php to /loc/index.php

2 Ask a Librarian

2.1 Create or revise a page to substitute for the regular /help/ask.php

Example: /help/ask-Aug.php

2.2 At the appropriate time

2.2.1 Rename (reverse after the break) /help/ask.php to /help/ask[HOLD].php

2.2.2 Rename (reverse after the break) substitute file to ask.php

3 Home Page

3.1 Rename (reverse after the break) the home page (index.php) to index[HOLD].php.

3.2 Rename (reverse after the break) index-LSHome-Intersess.php to index.php

3.2.1 Note: has the Limited Hours announcement in top left column

4 HeaderNav-Intersession.php

          4.1 Changes the NavBar code to point to the correct pages.

                    4.1.1 /includes/navbar-interess.php

                    4.1.2 /includes/nav-minimal-intersession.php

          4.2 Rename (reverse after the break) HeaderNav.php to HeaderNav[HOLD].php

          4.3 Rename (reverse after the break) HeaderNav-Intersession.php to HeaderNav.php.

5 Campus Guides "Get Help!" tab

5.1 Correct intersession hours info on the "Ask examples for breaks" tab on the AAA Storage Info Campus guide

5.2 To deploy to all guides with a Get Help! tab, add and reuse this box on the Get Help! tab of these pages:  (reverse after the break)

5.2.1 Creating Research Guides (http://researchguides.austincc.edu/createguide)

5.2.2 Help for Library Guides (http://researchguides.austincc.edu/genericSG)

Update on Small Screen Banner/Nav Bar

 Get rid of any navbar.htm

 Use Textcrawler to replace "navbar.htm" with "navbar.php"

 Finish pages for nav-minimal.htm

About Us

 /gen-info/about-Nav.php

Locations & Hours

 /loc/LocHours-Nav.php

Services & Programs

 /gen-info/Services/SvcProg-Nav.php

Books, Articles, Videos

 /eresources/searchall.php

Get Help / Chat

 /help/getHelp-Nav.php

Your Library Record

 /eresources/YourRecord-Nav.php

Quick Links

 /eresources/Qlinks-Nav.php

 Explore sample files for exact lines of code

Note any groups of exact code.

   

   

    

 Use Textcrawler to replace exact lines of code with HeaderNav php include.

Small Screens Banner & Navigation Bar Fix

Banner & Nav Bar For Small Screens

Minimal Nav Bar

• Parse navbar.php
• Create individual files ( in includes/NavPages)
• AboutUs
• LocHours
• SvcProg
• BksArt
• GetHelp
• YrRecord
• QLinks
•  Create sub Includes (includes/NavPages)
• Create pages in appropriate folders
• example page: About-Nav.php in /Gen-Info/ folder
• Use only minimal info
• Include appropriate includes/NavPages file
• Create nav-minimal.php
• no drop menu
• link to new minimal pages
• may need to reduces font size
• See also: Script that works

Banner: header-minimal.php

• =    Smaller ACC Logo
• =    Reduce space over LS logo
• =    Modify ACC Links
• =    Delete ACC Links
• =    See also: Script that works

Script that works

    <header2 class="show-for-small">
<!-- This next section contains header for small screens. -->
<?php include("http://library.austincc.edu/includes/header-minimal.php"); ?>
    </header2> <!-- end of minimal header -->

    <header class="show-for-medium-up">
<!-- This next section contains header for medium up screens. -->
<?php include("http://library.austincc.edu/includes/header.php"); ?>
    </header>
 
 <topnav2 class="show-for-small">
<!-- This next section contains top navigation bar for small screens. -->
<?php include("http://library.austincc.edu/includes/nav-minimal.htm"); ?>
</topnav2> <!-- end of minimal nav -->

 <topnav class="show-for-medium-up">
<!-- This next section contains top navigation bar for small screens. -->
<?php include("http://library.austincc.edu/includes/navbar.php"); ?>
</topnav> <!-- end of drop menu nav -->

• Gather into one file (HeaderNav.php)
• Replace current separate lines of code with HeaderNav php include

Minimal Nav Bar Menus

Things that would  make the smaller screens look and work better, maybe:

• Use the same mechanism as with hiding the left side bar on 2nd tier pages to hide the navbar.php and show the minimal nav bar file.  (http://foundation.zurb.com/docs/v/4.3.2/components/visibility.html)
• To be created nav-minimal.php
• each entry 
• no drop menu
• link to a page with nothing but links that would be on the drop menu
• make all equal size so will display neatly
• note: they are already of equal size
• maybe need fewer?? or smaller font
• Think also about making the banner smaller by hiding and showing
• smaller ACC logo
• reduce space over LS logo
• leave ACC home off ACC links??
• See mind map (http://irtstaff.austincc.edu/peloquin/a-web/SmallScreensNavBanner.pdf)

Banner for Campus Guides

I've been working on banners for Campus Guides.  Here are examples of two different banners using the different guide groups:

http://irtstaff.austincc.edu/peloquin/CampusGuides/NewBannerEG.htm

I am now able to add the navigation bar and have an example here:
http://researchguides.austincc.edu/BestEBN
Some things to note:

• This is an abridged nav bar because the original construct is too wide for the Campus Guides platform.
• I had to create a separate style sheet to link to called CG-nav.css
• This nav bar can be used with whatever banner we decide on.
• I'd like to reduce the vertical space the bar occupies.  I'll work on this.
• I'd also like to do the same with the banner so will work on that as well.

Amendment to entry:

• I did add the nav bar to all of the test groups 
• I did reduce the vertical space on both the nav bar and the banner.
• Reduces the cell height to 35 and then reduced all instances of 50px to 35px on nav bar.
• Resized the graphics height to 88px and reduced padding to align properly in banner.