<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--Kiosk/BrowseKeywords.htm-->
<html lang="en">

<head>
    <title>Sourisseau Academy For State And Local History - Browse by Keywords</title>
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- <meta name="robots" content="index,nofollow"> -->

<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />

        <!-- start scripts -->
	<link rel="icon" href="/graphics/favicon.ico" type="image/x-ico" />

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

	<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>

	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
	<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>

	<script src="https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.min.js"></script>

    <script type="text/javascript" src="/scripts/highslide/highslide-full.min.js"></script>
    <link rel="stylesheet" type="text/css" href="/scripts/highslide/highslide.css" />
    <script type="text/javascript" src="/scripts/highslideinit.js"></script>

    <script type="text/javascript" src="/scripts/myscript.js"></script>
	<script async src="https://www.googletagmanager.com/gtag/js?id=UA-xxx"></script>
	<script type="text/javascript" src="/scripts/ga_tags.js"></script>

	<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css">
	<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>

	<link id="bsdp-css" href="/scripts/bootstrap-datepicker/css/bootstrap-datepicker3.min.css" rel="stylesheet">
	<script src="/scripts/bootstrap-datepicker/js/bootstrap-datepicker.min.js"></script>
	<link rel="stylesheet" type="text/css" href="/kioskstyles.css"/>

    <script type="text/javascript">
		function getGallerySystemsCookie(name) {
			var value = "; " + document.cookie;
			var parts = value.split("; GSWK_" + name + "=");
			if (parts.length >= 2) {
				return parts.pop().split(";").shift();
			} else {
				return "";
			}
		}

		// console.log(jQuery);
        function getStyleObj (obj) {
            // returns a 'style' object that's properly formatted for the user's browser
            if(is.ns5) {
                styleObj = document.getElementById(obj).style;
            }
            else if(is.ie) {
                styleObj = eval("document.all." + obj + ".style");
            }
            else if(is.ns) {
                styleObj = eval("document." + obj);
            }

            return styleObj;
        }

        function menuOn(selMenu) {
            // // Change the background color of selMenu on mouse rollover.
            // var obj = getStyleObj(selMenu);
            // obj.backgroundColor ="#000";
            // //this color corresponds to the .menu a:hover bgcolor set in kioskstyles.css
        }

        function menuOff(selMenu) {
            // // Remove the background color of selMenu on mouse rollout.
            // if(currentMenu == selMenu) {
            //     // this is the 'current' menu; it should continue to look selected;
            //     setMenu(selMenu);
            // } else {
            //     var obj = getStyleObj(selMenu);
            //     obj.backgroundColor ="";
            // }
        }

        var currentMenu = "";

        function setMenu(selMenu) {
            // // Changes the background color of the selected menu
            // // This function is called in the 'onload' script of <body> tags.
            // currentMenu = selMenu;
            // var obj = getStyleObj(selMenu);
            // obj.backgroundColor ="#666666";
        }

        function showHelp(theURL) {
            theURL = '/Help/'+theURL+'.htm';
            var newWindow = window.open(theURL,'Help','width=300,height=400,scrollbars,resizable');
        }

        function addToPort(SessionID,Sequence,objID) {
            document.theForm.objID.value = objID;
            suffix = "?sid="+SessionID + "&x=" + Sequence;
            var portWind = window.open("/Kiosk/ChoosePort.htm"+suffix,"ChoosePort","height=150,width=300")
        }

        function addIDs() {
            document.theForm.action = document.theForm.action+document.theForm.portID.value+"*"+document.theForm.objID.value+suffix;
            document.theForm.submit();
        }

      $(document).ready( function() {
        $( "#accordion" ).accordion({
          collapsible: true,
          header: '.other-info',
          heightStyle: "content",
          active: false
        });
      } );


/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
Disable context menu on images by GreenLava (BloggerSentral.com)
Version 1.0
You are free to copy and share this code but please do not remove this credit notice.
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
/* (remove this line to enable)
   function nocontext(e) {
     var clickedTag = (e==null) ? event.srcElement.tagName : e.target.tagName;
     if (clickedTag == "IMG") {
       alert(alertMsg);
       return false;
     }
   }
   var alertMsg = "Image context menu is disabled";
   document.oncontextmenu = nocontext;
  //-->
(remove this line to enable */



    </script>

    <!-- have this at the end -->
    <link rel="stylesheet" type="text/css" href="/css/filterbox.css"/>
    <script type="text/javascript" src="/scripts/filterbox.js"></script>

    <!-- end scripts -->

</head>

<body class="clearfix">
    <a class="skippy sr-only sr-only-focusable" role="navigation" aria-label="Skip links" href="#main">
    Skip to Content
</a>

<header class="navbar navbar-expand-lg navbar-light bg-light mb-3 sticky-top" style="z-index:900;">
    <a class="navbar-brand" href="/">
       <!--
       <div class="logo" style="display:inline;"></div>
       -->
       <div class="logo" style="display:inline;background-image:url('https://www.sourisseauacademy.org/images/saslh_logo_trans_sm_7816.png');background-size:40px"></div>
       <!--
       <img height="50" width="50" src="https://www.sourisseauacademy.org/images/saslh_logo_trans_sm_7816.png">
       -->
       <strong style="color: #506D77">Sourisseau Academy Web Kiosk</strong>
    </a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>

    <div class="collapse navbar-collapse " id="navbarSupportedContent">
        <div class="navbar-nav mr-auto"></div> <!-- spacer -->

        <ul class="navbar-nav mt-2 mt-lg-0 px-2">
            <li class="nav-item pr-2">
                <a class="nav-link" href="/">Home</a>
            </li>
            
            <li class="nav-item dropdown pr-2">
                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    Browse
                </a>
                <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                    <a class="dropdown-item text-black" href="/index-tree/tree/-1?records=12">Collections</a>
                    <!--#4Dif (gsFunc_HasAccessToTable(->[Portfolios]))-->
                        <a class="dropdown-item text-black" href="/portfolios/list?records=12">Portfolios</a>
                    <!--#4Dendif-->
                    <!--#4Dif ((Records in table([Exhibitions])>0) & (gsFunc_HasAccessToTable(->[Exhibitions]))-->
                        <a class="dropdown-item text-black" href="/exhibitions/list?records=12">Exhibitions</a>
                    <!--#4Dendif-->
                    <!--#4Dif ((Records in table([Biblio_Citation])>0) & (gsFunc_HasAccessToTable(->[Biblio_Citation]))-->
                        <a class="dropdown-item text-black" href="/biblio-citation/list?records=12">Publications</a>
                    <!--#4Dendif-->
                    <!--#4Dif ((Records in table([Acquisition])>0) & (gsFunc_HasAccessToTable(->[Acquisition]))-->
                        <a class="dropdown-item text-black" href="/acquisition/list?records=12">Acquisitions</a>
                    <!--#4Dendif-->
                    <!--#4Dif (gsFunc_HasAccessToTable(->[Artist_Maker]))-->
                        <a class="dropdown-item text-black" href="/kiosk/BrowseArtist.htm">Artists</a>
                    <!--#4Dendif-->
                    <a class="dropdown-item text-black" href="/kiosk/BrowseGeography.htm">Geography</a>
                    <a class="dropdown-item text-black" href="/kiosk/BrowseKeywords.htm">Keywords</a>
                    <!--#4Dif (gsFunc_User_IsSharedPortfolios=true)-->
                        <div class="dropdown-divider"></div>
                        <a class="dropdown-item text-black" href="/portfolios/community?records=12&community=t">User Portfolios</a>
                    <!--#4Dendif-->
                </div>
            </li>

            <li class="nav-item pr-2">
                <a class="nav-link" href="../kiosk/help.htm" target="_blank">Help</a>
            </li>
        </ul>

        <div class="navbar-nav">
            <form class="form-inline my-2 my-lg-0" role="search" action="/4DACTION/HANDLECGI/Search" method="post">
                <input type="hidden" name="SearchField4" value="mfs"/>
                <input type="hidden" name="SearchOp4" value="any"/ id="SearchOp4">
                <input type="hidden" name="SearchTable" value="Objects_1"/>
                <input type="hidden" name="display" value="thumbnails"/>
                <input type="hidden" name="records" value="50"/>
                <input type="hidden" name="sort" value="9"/>
                <script>
                    function flipQuickSearchType () {
                        searchOperandInput = document.getElementById ('SearchOp4');
                        if (searchOperandInput.value==="any") {
                            searchOperandInput.value = "all";
                        } else {
                            searchOperandInput.value = "any";
                        }
                    };
                </script>

                <div>
                    <div class="input-group">
                        <input class="form-control" type="text" placeholder="Search the Collections" size="35" name="SearchValue4" value=""/ style="max-width:270px;">
                        <span class="input-group-btn">
                            <button type="submit" class="btn btn-primary" aria-label="Search Collection" name="doSubmit" style="height:100%;">
                                <i class="fa fa-search"></i>
                            </button>
                        </span>
                    </div>
                    <div class="float-left small">
                        <div class="custom-control custom-switch">
                          <input type="checkbox" class="custom-control-input" id="customSwitch1" onclick="flipQuickSearchType();">
                          <label class="custom-control-label" style="padding-top:3px;" for="customSwitch1">Match all words</label>
                        </div>
                    </div>
                    <div class="float-right small" style="padding-top:3px;">
                        <a href="/kiosk/search.htm">Advanced Search</a>
                    </div>
                </div>
            </form>
        </div>

        <!--#4Dif (gsFunc_GetInfo("Logon Enabled")="Yes")-->
            <ul class="navbar-nav mt-2 mt-lg-0 pl-3">
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        <!--#4Dif (Security_isAuthenticatedUser)-->
                            <i class="fa fa-user-circle fa-lg" style="color:darkgreen; font-size:2.5em;"></i>
                        <!--#4Delse-->
                            <i class="fa fa-user-circle fa-lg" style="color:darkgray; font-size:2.5em;"></i>
                        <!--#4Dendif-->
                    </a>
                    <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
                        <!--#4Dif (Security_isAuthenticatedUser)-->
                            <h6 class="dropdown-header">Logged in as <strong><!--#4Dtext gsFunc_GetInfo("Username")--></strong></h6>
                            <div class="dropdown-divider"></div>
                            <a class="dropdown-item" href="/userHome">Information</a>
                            <a class="dropdown-item" href="/userPortfolios">My Portfolios</a>
                            <a class="dropdown-item" href="/kiosk/password.htm">Change Password</a>
                            <!--#4Dif (Security_isAdmin)-->
                                <div class="dropdown-divider"></div>
                                <a class="dropdown-item" href="/userManager">Manage Web Users</a>
                                <a class="dropdown-item" href="/__preference_summary" target="_prefSummary">Preference Summary</a>
                                <a class="dropdown-item" href="/__ShowAllMissingImages" target="__ShowAllMissingImages">List of Missing Images</a>
                            <!--#4Dendif-->
                            <div class="dropdown-divider"></div>
                            <a class="dropdown-item" href="/LOGOFF*">Log off</a>
                        <!--#4Delse-->
                            <a class="dropdown-item" href="/ULOG">Log on</a>
                        <!--#4Dendif-->
                    </div>
                </li>
            </ul>
        <!--#4Dendif-->
    </div>
</header>


    <div id="head" class="container">
        <a name="main"></a>

        <h1>Browse the Collections by Keywords</h1>

        <p class="lead">
            Click any keyword below to browse through their work.
        </p>

        <p>
            Click a letter below to jump to the keyword that starts with that letter.
        </p>

        <!--#4DEVAL $i:=0-->
        <div role="group" aria-label="Jump to Letter">
            <!--#4DLOOP ($i<26)) -->
                <!--#4DEVAL $char:=char(character code("A")+$i)-->
                <!--#4Dif gsFunc_IsKeywordsStartingWith($char)-->
                    <a href="#<!--#4DTEXT $char-->">
                        <button type="button" class="btn btn-sm btn-outline-primary">
                            <!--#4DTEXT $char-->
                        </button>
                    </a>
                <!--#4Delse-->
                    <button type="button" class="btn btn-sm btn-outline-secondary" disabled="disabled">
                        <!--#4DTEXT $char-->
                    </button>
                <!--#4Dendif-->
                <!--#4DEVAL $i:=$i+1-->
            <!--#4DENDLOOP-->
            <!--#4Dif gsFunc_IsKeywordsStartingWith("#")-->
                <a href="#Numbers">
                    <button type="button" class="btn btn-sm btn-outline-primary">
                        #s
                    </button>
                </a>
            <!--#4Dendif-->
            <!--#4Dif gsFunc_IsKeywordsStartingWith("other")-->
                <a href="#Other">
                    <button type="button" class="btn btn-sm btn-outline-primary">
                        Other
                    </button>
                </a>
            <!--#4Dendif-->
        </div>

        <!--#4DEVAL $i:=0-->
        <!--#4DLOOP ($i<28)) -->
            <!--#4Dif ($i=26)-->
                <!--#4DEVAL $char:="Numbers"-->
                <!--#4DEVAL gsFunc_SpecialFieldQuery(->[Keywords]StartsWithNumber; "True"))-->
            <!--#4Delseif ($i=27)-->
                <!--#4DEVAL $char:="Other"-->
                <!--#4DEVAL gsFunc_SpecialFieldQuery(->[Keywords]StartsWithOtherChar; "True"))-->
            <!--#4Delse-->
                <!--#4DEVAL $char:=char(character code("A")+$i)-->
                <!--#4DEVAL gsFunc_SpecialFieldQuery(->[Keywords]Word; $char+"@"))-->
            <!--#4dendif-->
            <!--#4DEVAL gsFunc_SpecialFieldSubQuery (->[Keywords]Used;"True")-->


            <!--#4dif (Records in Selection([Keywords])>0)-->
                <!--#4DEVAL gsFunc_SortRecords (->[Keywords]Word; ">")-->
                <br/>
                <a name="<!--#4Dtext $char-->"></a>
                <div class="alert alert-secondary" role="subheader" aria-label="Keywords that start with <!--#4Dtext $char-->">
                    <strong class="display-4"><!--#4Dtext $char--></strong> <span class="text-muted">(<!--#4Dtext (records in selection([Keywords]))--> keywords)</span>
                    <div class="small float-right">
                        <a href="#main">Go to top</a>
                    </div>
                </div>

                <ul class="ml-5">
                    <!--#4DLOOP [Keywords] -->
                        <li>
                            <a href="/objects-1/thumbnails?records=20&query=keywordPath=<!--#4Dtext [Keywords]_New_Pathnums-->&keyword=<!--#4Dtext [Keywords]Word-->">
                                <!--#4Dtext [Keywords]Word-->
                            </a>
                            <!--#4Dif ([Keywords]Notes#"") & ([Keywords]Notes#"()")-->
                                <small class="text-muted"><!--#4Dtext [Keywords]Notes--></small>
                            <!--#4Dendif-->
                        </li>
                    <!--#4DENDLOOP-->
                </ul>
            <!--#4dendif-->

            <!--#4DEVAL $i:=$i+1-->
        <!--#4DENDLOOP-->

        <br />
    </div>
    
<div id="footer"><!-- begin footer -->
    <p style="padding-top:20px;" align="center"> | | <a href="https://www.sourisseauacademy.org/" id="footer_url">Sourisseau Academy for State and Local History</a> | | </p>
    <p style="padding-top:3px;" align="center"> | <a href="http://www.sjlibrary.org" id="footer_url">King Library</a> | <a href="http://www.sjsu.edu/depts/history/" id="footer_url">SJSU History Department</a> | <a href="http://www.sjsu.edu" id="footer_url">San Jos&#0233; State University</a> | </p>
    <p style="padding-top:3px;padding-bottom:5px;" align="center">&copy; 2021 Sourisseau Academy for State and Local History</p>
</div><!-- end footer -->


</body>

</html>
