Source: site.view [edit]
Function name: cartoonTopics
Arguments:
Description: User interface for search results. Shows thumbnails, tag cloud, etc.
Page type: html
Render function:  
Module: perfectCartoon

Page source:

<html>
  <head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <title>Cartoon Search | Find the Cartoon you need!</title>
    <link rel="stylesheet" href="/css/basic.css" type="text/css" />
    <webl>WubCall("perfectCartoon.css", []);</webl>

    <!-- JQuery: Used for autocomplete and image rollover -->
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>        
    <script type="text/javascript" src="/js/jquery.galleriffic.js"></script>
    <script type="text/javascript" src="/js/jquery.opacityrollover.js"></script>
        
    <!-- We only want the thumbnails to display when javascript is disabled -->
    <script type="text/javascript">
      document.write('<style>.noscript { display: none; }</style>');
    </script>      
    
    <style>
#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
    width:400px;
	}

    </style>
    
  </head>
  <body>
    <div id="page">
      <div id="container">
        
        <div><a href="/"><img width=550 class="centered" src="/images/perfect-cartoon-logo-final.png"></a>
             <center><b>Brought to you by <a target='_blank' href='http://www.humorpoint.net'>HumorPoint</a></b></center>
          
			<p>To stimulate your cartoon search we've provided an assortment of Business and Personal cartoon topics below. 
              When you find one that interests you click on the title and you will be delivered back to the Perfect Cartoon 
              Search Engine with a nice assortment of brilliant cartoon humor for your review. Or, feel free to type in any 
              word you wish to start a new search.          
          </p>         
        </div>
        <div>
          <h3>Business Cartoons</h3>
          <p><webl>
               var res = "";
               var terms = ["Accounting","Advertising","Business","Career","Coffee","Committees",        
 				"Communication","Computers","Consultants","Customer Service","Data","Doctors",
				"Economics","Education","Energy","Ethics","Entrepreneur","Environment",         
				"Farming","Government","Green","Hospitals","Human Resources","Innovation",
				"Laid Off","Leadership", "Legal","Management","Women Management","Manufacturing",
				"Marketing","Meetings","Mergers","Mindfulness","News Media","Politics",
				"Military","Motivation","Negotiation","Presentation","Procrastination","Sales",
				"Science","Self-Deprecating","Social Media","Start-Ups","Statistics","Strategy",
				"Suggestions","Real Estate","Regulations","Taxes","Teaching","Technology",
				"Warning Signs","Wealth","Work","Workaholic","Working from Home"];
            
               every term in terms do
                  if res != "" then
                     res = res + " ~ "
                  end;
                  var term2 = Wub_ReplaceAll(term, " ", "+");
                  res = res + `<a href="http://www.perfectcartoon.com/category/` + term2 + 
                      `">` + term + "</a>\n"
               end;
               res;
            </webl>           
          </p>
          <h3>Personal Cartoons</h3>
          <p><webl>
               var res = "";
               var terms = ["Animals","Anger","Apology", "Babies","Birthday","Books","Breaking Up","Cats",
				"Careers","Coffee","Crayons","Dating","Death","Diet","Dieting","Divorce",
				"Doctors","Dogs","Education","Elderly","Exercise","Feelings","Finances","Flying",
				"Gardening","Gay","Genetics","God","Grammar","Happiness","Hats",
				"Health","Hugs","Interior Design","Joy","Kids","Lemmings","Life Coach",
				"Love","Men","Mindfulness","Negative Attitude","New York", 
				"Parenting","Parties","Pharmacy","Pharmaceutical","Piano","Politician",
				"Procrastination","Questions","Reading","Relationship","Restaurant","Sports",
				"Social Media","Suggestions","Teasers","Technology",
				"Therapy","Time","Travel","Trees","UFO","Unemployed ","Vegan",
				"Warning Signs","Wealth","Wedding","Wine","Women","Yoga"];
            
               every term in terms do
                  if res != "" then
                     res = res + " ~ "
                  end;
                  var term2 = Wub_ReplaceAll(term, " ", "+");
                  res = res + `<a href="http://www.perfectcartoon.com/category/` + term2 + 
                      `">` + term + "</a>\n"
               end;
               res;
            </webl>
            </p>
        </div>
        
        
      </div>        
    </div>
    <div id="footer">
       <webl>
          var html = `&copy; 2016 www.perfectcartoon.com`;
          html;
       </webl>
    </div>


  </body>
</html>