1 2 3<html> 4 5<head> 6 7 <title>Artsonia Search Results</title> 8 9 <meta name="keywords" content="student, kid, art, museum, gallery, portfolio, artist, children, teacher, education, school, project, idea, art contest, lesson plan, artwork, child, painting, elementary, middle, high"> 10 <meta name="description" content="Artsonia is a gallery of student art portfolios where young artists (grades PK-12) display their art worldwide. We have a vibrant community of art teachers who also share their ideas and lesson plans."> 11 12 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 13 14 15 <link rel="stylesheet" type="text/css" href="/shared/styles/main.css?v=20260626"> 16 17 18 <link rel="stylesheet" type="text/css" href="/shared/lib/load-awesome-1.1.0/css/ball-clip-rotate.min.css" /> 19 <link rel="stylesheet" type="text/css" href="/shared/styles/loaders.css" /> 20 21 22 23 <link type="text/css" href="/shared/jquery/jquery-ui-1.14.1/jquery-ui.min.css" rel="Stylesheet" /> 24
24<script type="text/javascript" src="/shared/jquery/jquery-3.7.1.js"></script>
24 25
25<script type="text/javascript" src="/shared/jquery/jquery-ui-1.14.1/jquery-ui.min.js"></script>
25 26
26<script type="text/javascript" src="/shared/jquery/jquery.timers-1.2.js"></script>
26 27
27<script type="text/javascript" src="/shared/jquery/jquery.ui.touch-punch.min.js"></script>
27 28
28<script type="text/javascript" src="/shared/jquery/jquery.blockUI.js"></script>
28 29
29<script type="text/javascript" src="/shared/jquery/js.cookie.min.js"></script>
29 30
30<script type="text/javascript" src="/shared/jquery/artsonia.js?v=20240726b"></script>
30 31 32
32<script src="/shared/lib/sweetalert/sweetalert.min.js"></script>
32 33 <link rel="stylesheet" type="text/css" href="/shared/lib/sweetalert/sweetalert.css"> 34 35 36 <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> 37 38 39
39<script type="text/javascript"> 40 41 window.onerror = function (msg, url, line, col, error) { 42 43 let container = document.getElementById("ScriptError"); 44 if ( container ) { 45 container.style.display = ""; 46 let output = document.getElementById("ScriptErrorDetails"); 47 if ( output ) { 48 output.innerHTML = msg + "<br>"; 49 output.innerHTML += url + "<br>"; 50 output.innerHTML += "Line " + line + ", Col " + col + "<br>"; 51 output.innerHTML += error.message + "<br>"; 52 output.innerHTML += error.stack; 53 } 54 } 55 56 try { 57 var errorData = { 58 errorMsg: msg, 59 errorUrl : url, 60 errorLocation: "line " + line + ", col " + col, 61 errorObjMessage: error.message, 62 errorObjStack: error.stack, 63 url: document.location.href, 64 sessionID: "55316D24252248DC84D83C9D5575FFB3", 65 psessionID: "55266F9107F94CB88BBDFFF41A7E8EE7", 66 authToken: "", 67 authUserID: "", 68 authUserType: "", 69 cartID: "" 70 }; 71 $.post("/shared/httperrors/client.asp", errorData); // , function(result) { }); 72 } 73 catch(err) { 74 } 75 76 return false; 77 } 78 79 $(function() { 80 81 if (typeof themeMobile !== 'undefined') { 82 var theme = themeMobile; 83 if ( theme == "dark" ) { 84 document.body.style.filter = 'invert(100%)'; 85 document.body.style.backgroundColor = 'black'; // Optional: ensures parent view background shows through 86 } 87 } 88 89 $(document).on("change", "select.hasPlaceholder", function() { updateSelect($(this)); }); 90 var $selects = $("select.hasPlaceholder"); 91 $selects.each(function() { updateSelect($(this)); }); 92 /* 93 const observer = new MutationObserver( () => { $selects.trigger("mutated") }); 94 observer.observe($selects[1], { childList: true }); 95 $selects.on("mutated", (e) => { console.log("mutated"); updateSelect($(this)); }); 96 */ 97 function updateSelect($select) { 98 var val = $select.val(); 99 $select.css("color", val == "" || val == null ? "#ccc" : "inherit"); 100 } 101 102 function scrubEmoji(str) { 103 var result = str; 104 if ( str !== undefined && str !== null ) { 105 const emojiRegex = /[\u{1F600}-\u{1F64F}|\u{1F300}-\u{1F5FF}|\u{1F680}-\u{1F6FF}|\u{2600}-\u{26FF}|\u{2700}-\u{27BF}|\u{1F900}-\u{1F9FF}|\u{1F1E6}-\u{1F1FF}]/gu; 106 result = result.replace(emojiRegex, ""); 107 } 108 return result; 109 } 110 111 $("textarea, input[type='text']").keyup(checkEmoji).change(checkEmoji); 112 113 function checkEmoji(e) { 114 var $obj = $(e.target); 115 var text = $obj.val(); 116 text2 = scrubEmoji(text); 117 if ( text !== text2 ) { 118 text2 = text2.replace(/ +/g, ' '); 119 $obj.val(text2); 120 $("<div class='emoji-warning' style='background:#f00;color:#fff;padding:5px 10px;font-family:arial;font-size:12px;font-weight:bold;border-radius:3px;margin-top:5px;position:absolute;'>Emoji are not allowed</div>") 121 .insertAfter($obj) 122 .delay(1000).fadeOut(1000, function() { 123 $(this).remove(); 124 }); 125 } 126 } 127 128 }); 129 130 </script>
130 131 132 133 134
134<script src="/shared/lib/masonry/masonry.pkgd.min.js"></script>
134 135 136 <style> 137 138 #page { background: #eee; } 139 140 .grid-sizer, 141 .grid-item { 142 width: 296px; 143 } 144 145 .gutter-sizer { width: 30px; } 146 147 .filter-item { 148 margin-right: 20px; 149 } 150 151 .scope-bar { } 152 153 .scope-btn { 154 background-color: #f2f2f2; 155 border-color: #ddd; 156 border-width: 1px; 157 border-style: solid; 158 border-radius: 6px; 159 cursor: pointer; 160 white-space: nowrap; 161 padding: 7px 13px; 162 font-family: arial; 163 font-size: 10pt; 164 color: #999; 165 } 166 .scope-btn:hover { 167 background-color: #ddd; 168 } 169 170 .scope-btn-selected { 171 background-color: #f80; 172 border-color: #f80; 173 color: #fff; 174 font-weight: bold; 175 } 176 .scope-btn-selected:hover { 177 background-color: #f80; 178 border-color: #f80; 179 color: #fff; 180 cursor: default; 181 } 182 183 div .search-helper-panel { 184 margin: 25px -20px; 185 background: #ffff; 186 padding: 20px; 187 border-radius: 10px; 188 box-shadow: 0 2px 2px rgba(0,0,0,0.1); 189 } 190 .search-helper-title { 191 font-family: arial; 192 font-size: 16pt; 193 color: #000; 194 font-weight: normal; 195 } 196 .search-helper-hint { 197 background: #3af; 198 color: #fff; 199 padding: 5px 8px 4px; 200 border-radius: 6px; 201 font-weight: normal; 202 margin-right: 5px; 203 } 204 .search-helper-text { 205 font-family: arial; 206 font-size: 12pt; 207 } 208 209 </style> 210 211
211<script> 212 213 $(function() { 214 215 $("#BtnChangeSearch").click(function() { 216 $("#BtnChangeSearch").hide(); 217 $("#SearchText").hide(); 218 $("#NewSearchContainer").show(); 219 }); 220 221 $("#BtnSearch").click(function() { search(); }); 222 $("#NewSearchText").keypress(function(e) { 223 if ( e.which==13 ) { 224 search(); 225 } 226 }); 227 228 /* 229 $("#BtnCancelSearch").click(function() { 230 $("#NewSearchContainer").hide(); 231 $("#BtnChangeSearch").show(); 232 $("#SearchText").show(); 233 }); 234 */ 235 236 function search() { 237 var txt = $("#NewSearchText").val(); 238 txt = txt.replace(/^\s+|\s+$/g, ""); 239 if ( txt == "" ) { 240 swal("You did not type anything into the search box."); 241 } 242 else { 243 location.href = "/search/_default.asp?q=" + escape(txt); 244 } 245 } 246 247 $("span[id^='Scope_']").click(function() { 248 249 if ( $(this).hasClass("scope-btn-selected") ) return; 250 251 $("span[id^='Scope_']").removeClass("scope-btn-selected"); 252 $(this).addClass("scope-btn-selected"); 253 254 var scope = $(this).attr("id").split("_")[1].toLowerCase(); 255 var url = "/search/?q=&s=" + scope; 256 location.href = url; 257 258 }); 259 260 $("span[id^='Filter_Grade_']").click(function() { 261 262 if ( $(this).hasClass("scope-btn-selected") ) return; 263 264 $("span[id^='Filter_Grade_']").removeClass("scope-btn-selected"); 265 $(this).addClass("scope-btn-selected"); 266 267 var grade = $(this).attr("id").split("_")[2]; //.toLowerCase(); 268 var url = "/search/?q=&s=project" + (grade != "0" ? "&gb=" + grade : ""); 269 location.href = url; 270 271 }); 272 273 //$("#Scope_project").trigger("click"); 274 275 var _unitsPerLoad = 20; 276 var _more = false; 277 278 var $grid = $('.grid').masonry({ 279 itemSelector: '.grid-item', 280 columnWidth: '.grid-sizer', 281 gutter: '.gutter-sizer', 282 percentPosition: true 283 }); 284 285 var $win = $(window); 286 var checkScroll = false; 287 $win.scroll(function() { 288 if ( !checkScroll ) return; 289 var $elem = $("#LoadBar"); 290 var docViewTop = $win.scrollTop(); 291 var docViewBottom = docViewTop + $win.height(); 292 var elemTop = $elem.offset().top; 293 var elemBottom = elemTop + $elem.height(); 294 if ( (elemTop >= docViewTop) && (elemTop <= docViewBottom) ) { 295 checkScroll = false; 296 loadMore(_unitsPerLoad); 297 } 298 }); 299 300 $("#BtnLoadMore").click(function() { 301 loadMore(_unitsPerLoad); 302 }); 303 304 var _countOnScreen = 0; 305 306 function loadMore(count) { 307 308 $("#BtnLoadMore").hide(); 309 $("#LoadSpinner").show(); 310 311 $.ajax({
312 type: "POST", 313 url: "/search/default.ajax.asp", 314 data: "Action=GetResults&SearchText=&Scope=project&FilterGradeBits=255&StartAt=" + _countOnScreen.toString() + "&Count=" + count.toString(), 315 success: function(xml, status, xhr) { 316 var resultType = $(xml).find("result").attr("type"); 317 var result = $(xml).find("result").text(); 318 if ( resultType != "success" ) { 319 $("#LoadSpinner").hide(); 320 $("#LoadError").html("Unable to load results" + (result != "" ? " ("+result+")" : "")); 321 $("#LoadError").show(); 322 } 323 else { 324 //var xmlString = (new XMLSerializer()).serializeToString(xml); 325 //alert(xmlString); 326 $("#TheGrid").show(); 327 $(xml).find("object").each(function() { 328 329 _countOnScreen++; 330 331 var type = $(this).attr("type"); 332 var subtype = $(this).attr("subtype"); 333 var objectid = $(this).attr("objectid"); 334 335 var colWH = 296; 336 //var pileWH = Math.floor(colWH*1.0); 337 338 var item = ""; 339 340 item += "<div class='grid-item' style='background:none;box-shadow:none;'>"; 341 342 item += "<div class='grid-item-image' arts-type='"+type+"' arts-subtype='"+subtype+"' arts-objectid='"+objectid+"' style='cursor:pointer;z-index:5;'>"; 343 344 var imageUrl = ""; 345 var noImageText = ""; 346 var w, h; 347 var isVideo=false, isTranscoding=false; 348 if ( type=="school" && subtype=="teacher" ) { 349 var photoFileId = $(this).find("teacher photo id").text(); 350 if ( photoFileId != "" ) { 351 imageUrl = "https://images.artsonia.com/people/" + photoFileId + ".jpg?size=400"; 352 w = 400; 353 h = 400; 354 //w = $(this).find("teacher photo width").text(); 355 //h = $(this).find("teacher photo height").text(); 356 } 357 else { 358 noImageText = "teacher photo<br>not available"; 359 } 360 } 361 else { 362 var artid = $(this).find("activity").find("last-published-art").find("artid").text(); 363 if ( artid != "" ) { 364 imageUrl = "https://images.artsonia.com/art/"+artid+".jpg?maxwidth=400&maxheight=400"; 365 w = $(this).find("activity").find("last-published-art").find("imagewidth").text(); 366 h = $(this).find("activity").find("last-published-art").find("imageheight").text(); 367 isVideo = ($(this).find("activity").find("last-published-art").find("video").text() == "Y"); 368 isTranscoding = ($(this).find("activity").find("last-published-art").find("transcoding").text() == "Y"); 369 isTranscodingError = ($(this).find("activity").find("last-published-art").find("error").text() == "Y"); 370 } 371 else { 372 noImageText = "no artwork<br>published"; 373 } 374 } 375 376 if ( imageUrl != "" ) { 377 378 var preview = ""; 379 var cw, ch, cdx=0, offset=0; 380 if ( isVideo && w==0 && h==0 ) { 381 w=296; 382 h=296; 383 cw=296; 384 ch=296; 385 var iconWidth=Math.round(cw*0.6); 386 var iconHeight=Math.round(ch*0.6); 387 preview = "<div class='genthumb-nopreview grid-item-art' style='background:#f8f8f8;display:absolute;z-index:1;border-radius:15px;width:" +cw.toString() + "px;height:" +ch.toString() + "px;text-align:center;'>"; 388 preview += "<img src='/images/video-nopreview.png' width='" + iconWidth.toString() + "' height='" + iconHeight.toString() + "' style='opacity:0.1;margin-top:" + Math.round((ch-iconHeight)*0.5) + "px;'>"; 389 preview += "</div>"; 390 } 391 else { 392 var scalew = 296 / w; 393 var scaleh = 400 / h; 394 var scale = scalew < scaleh ? scalew : scaleh; 395 w = Math.round(w * scale); 396 h = Math.round(h * scale); 397 cw = w; 398 ch = h; 399 cdx = (296-w)*0.5; 400 preview = "<img src='" + imageUrl + "' width='"+w.toString()+"' height='"+h.toString()+"' border='0' class='grid-item-art'>"; 401 } 402 var destUrl; 403 if ( type == "school" ) destUrl = "/schools/school.asp?id=" + objectid; 404 else if ( type == "project") destUrl = "/museum/gallery.asp?project=" + objectid; 405 else if ( type == "artist" ) destUrl = "/artists/portfolio.asp?id=" + objectid; 406 else if ( type == "art" ) destUrl = "/museum/art.asp?id=" + objectid; 407 var htm = "<a href='" + destUrl + "'>"; 408 htm += "<div style='display:inline-block;
408width:" + w.toString() + "px;height:" + h.toString() + "px;' class='genthumb'>"; 409 if ( isVideo ) { 410 var wIcon = Math.round(296*0.2); 411 var fontSize = Math.round(wIcon*0.3); 412 if ( isTranscodingError ) { 413 htm += "<div style='position:absolute;z-index:2;margin-left:"+Math.round(0.5*(w-wIcon))+"px;margin-top:"+Math.round(0.5*(h-wIcon))+"px;text-align:center;color:#f00;font-weight:bold;font-size:"+fontSize+"px;filter: drop-shadow(0px 0px 5px #fff);'><img src='/images/video-warning.png' width='"+wIcon+"' height='"+wIcon+"'><br>error</div>" 414 } 415 else if ( isTranscoding ) { 416 htm += "<div style='position:absolute;z-index:2;margin-left:"+Math.round(0.5*(w-wIcon))+"px;margin-top:"+Math.round(0.5*(h-wIcon))+"px;width:"+wIcon+"px;height:"+wIcon+"px;'><div class='loader' style='width:"+wIcon+"px;height:"+wIcon+"px;'></div></div>"; 417 //htm += "<div class='la-ball-clip-rotate la-dark' style='position:absolute;z-index:2;margin-left:" + Math.round(0.5*(w-wIcon)) + "px;margin-top:" + Math.round(0.5*(h-wIcon)) + "px;'><div></div></div>"; 418 } 419 else { 420 htm += "<div style='position:absolute;z-index:2;margin-left:" + Math.round(0.5*(w-wIcon)) + "px;margin-top:" + Math.round(0.5*(h-wIcon)) + "px;'><img src='/images/video-play-btn-lg.png' width='" + wIcon + "' height='" + wIcon + "'></div>"; 421 } 422 } 423 htm += preview + "</div>"; 424 htm += "</a>"; 425 426 /* 427 // updated 2017-03-07 to never crop image even on maximum height of item container 428 var scalew = 296 / w; 429 var scaleh = 400 / h; 430 var scale = scalew < scaleh ? scalew : scaleh; 431 w = Math.round(w * scale); 432 h = Math.round(h * scale); 433 var cw = w, ch = h; 434 var cdx = (296-w)*0.5; 435 var offset = 0; 436 //if ( h > 400 ) { 437 // ch = 400; 438 // offset = Math.floor((-0.5)*(h-ch)); 439 //} 440 */ 441 442 item += "<div style='z-index:1;width:"+cw+"px;height:"+ch+"px;margin-left:"+cdx+"px;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0px 2px 2px #666;'>"; 443 item += "<div style='margin-top:"+offset+"px;'>"; 444 //item += "<img src='" + imageUrl + "' width='"+w.toString()+"' height='"+h.toString()+"' border='0'>"; 445 item += htm; 446 item += "</div></div>"; 447 448 } 449 450 else { 451 452 item += "<div style='width:"+colWH.toString()+"px;height:"+colWH.toString()+"px;box-shadow:0px 2px 2px #999;background-image: linear-gradient(#fff, #f0f0f0);background-color: #f0f0f0;'><div class='textLabel' style='padding-top:100px;font-size:16pt;color:#bbb;line-height:1.5em;text-align:center;'>" + noImageText + "</div></div>"; 453 w = colWH; 454 455 } 456 457 var artcount = parseInt($(this).find("activity artcount").text()); 458 if ( type != "art" && artcount > 0 ) { 459 item += "<div style='position:absolute;top:0;z-index:11;width:"+colWH.toString()+"px;'>"; 460 item += "<table align='center' border='0' cellspacing='0' cellpadding='0' width='"+w+"'><tr valign='top'><td align='right' style='padding:10px 7px;'>"; 461 item += "<span style='background:#d00;border-radius:5px;padding:3px 8px;font-size:9pt;box-shadow:0px 0px 8px rgba(255,255,255,0.90);color:#fff;font-weight:bold;font-family:arial;'>"; 462 item += artcount.toLocaleString() + " art"; 463 item += "</span>"; 464 item += "</td></tr></table>" 465 item += "</div>"; 466 } 467 468 item += "</div>"; 469 470 /* 471 if ( type == "project" && imageUrl != "" ) { 472 for ( var i=0; i < 3; i++ ) { 473 var rgb = (192+(i*16)).toString(); 474 var color = "rgba("+rgb+","+rgb+","+rgb+",1.0)"; 475 item += "<div style='background:"+color+";position:absolute;z-index:" + (4-i).toString() + ";border-radius:"+(7-i).toString()+"px;margin-left:"+((i+1)*5).toString()+"px;width:"+(pileWH-((i+1)*10)).toString()+"px;height:"+pileWH.toString()+"px;overflow:hidden;margin-top:"+((i+1)*-5).toString()+"px;'>"; 476 item += " "; 477 item += "</div>"; 478 } 479 } 480 */ 481 482 item += "<div class='textNormal' style='margin-top:10px;'>"; 483
484 var city = $(this).find("school city").text(); 485 var state = $(this).find("school state").text(); 486 var country = $(this).find("school country").text(); 487 var line1="", line2="", line3=""; 488 489 if ( type == "school" && subtype == "school" ) { 490 line1 = "<b>School:</b> " + $(this).find("school name").text(); 491 line2 = city; 492 if ( state != "" ) line2 += ", " + state 493 if ( country != "" && country != "United States" ) line2 += ", " + country; 494 } 495 else if ( type == "school" && subtype == "teacher" ) { 496 line1 = "<b>Teacher:</b> " + $(this).find("teacher name").text(); 497 line2 = $(this).find("school name").text(); 498 line2 += " (" + city; 499 if ( state != "" ) line2 += ", " + state 500 if ( country != "" && country != "United States" ) line2 += ", " + country; 501 line2 += ")"; 502 } 503 else if ( type == "project" ) { 504 line1 = "<b>Project:</b> " + $(this).find("project name").text(); 505 line2 = $(this).find("school name").text(); 506 line2 += " (" + city; 507 if ( state != "" ) line2 += ", " + state 508 if ( country != "" && country != "United States" ) line2 += ", " + country; 509 line2 += ")"; 510 } 511 else if ( type == "artist" ) { 512 line1 = "<b>Artist:</b> " + $(this).find("artist screenname").text(); 513 var grade = $(this).find("artist grade").text(); 514 if ( grade != "" ) { line1 += " (" + grade + ")"; } 515 line2 = $(this).find("school name").text(); 516 if ( line2 == "" ) { 517 line2 = "<i style='color:#aaa;'>not currently on a school roster</i>"; 518 } 519 else { 520 line2 += " (" + city; 521 if ( state != "" ) line2 += ", " + state 522 if ( country != "" && country != "United States" ) line2 += ", " + country; 523 line2 += ")"; 524 } 525 } 526 else if ( type == "art" ) { 527 line1 = "<b>Artwork:</b> " + $(this).find("project name").text(); 528 if ( line1 == "" ) { line1 = "<i style='color:#aaa;'>untitled artwork</i>"; } 529 line2 = "by " + $(this).find("artist screenname").text(); 530 } 531 532 item += "<div style='margin-left:5px;width:"+(colWH-10).toString()+"px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;'>" + line1 + "</div>"; 533 item += "<div style='margin-left:5px;width:"+(colWH-10).toString()+"px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;color:#666;font-size:90%;'> " + line2 + " </div>"; 534 item += "</div>"; 535 536 item += "</div>"; 537 538 item += "</div>"; 539 540 var $item = $(item); 541 542 $grid.append($item).masonry("appended", $item); 543 544 }); 545 546 var more = $(xml).find("searchresults").attr("more") == "y"; 547 if ( more ) { 548 $("#LoadSpinner").hide(); 549 $("#BtnLoadMore").show(); 550 checkScroll = true; 551 } 552 else { 553 $("#LoadBar").hide(); 554 } 555 556 if (_countOnScreen==0) { 557 $("#LoadBar").hide(); 558 $("#PanelEmptySet").show(); 559 $("#TheGrid").hide(); 560 } 561 562 } 563 }, 564 error: function(xhr, status, error) { 565 $("#LoadSpinner").hide(); 566 $("#LoadError").html("Unable to load results"); 567 $("#LoadError").show(); 568 } 569 }); 570 571 } 572 573 // initialize the first set 574 loadMore(_unitsPerLoad); 575 576 // handler for clicking search results 577 /* 578 $("body").on("click", ".grid-item-image", function() { 579 580 var type = $(this).attr("arts-type"); 581 var subtype = $(this).attr("arts-subtype"); 582 var objectid = $(this).attr("arts-objectid"); 583 var artid = $(this).attr("arts-artid"); 584 585 if ( type == "school" ) { 586 location.href = "/schools/school.asp?id=" + objectid; 587 } 588 else if ( type == "project") { 589 location.href = "/museum/gallery.asp?project=" + objectid; 590 } 591 else if ( type == "artist" ) { 592 location.href = "/artists/portfolio.asp?id=" + objectid; 593 } 594 else if ( type == "art" ) { 595 location.href = "/museum/art.asp?id=" + objectid; 596 } 597 598 }); 599 */ 600 601 }); 602 603 </script>
603 604 605</head> 606 607<body> 608 609 610 611 <div id="HeaderWrapper"> 612 613 614 615 <a name="top"></a> 616 617 618 619 <div id="header" class="header-standard header-xmas"> 620 621 622 <div class="headerPromoBanner" onclick="location.href='/gifts/'"><span class='show-for-large'><span style='font-weight:bold;color:#fe0;'>Back-to-School Sale! —</span> Student art on <a href='/gifts/notebooks/'>Notebooks</a>, <a href='/gifts/sketchbooks/'>Sketchbooks</a>, <a href='/gifts/magnets/'>Locker Magnets</a> and <a href='/gifts/tshirts/'>T-Shirts</a></span><span class='show-for-small'>Sale on <a href='/gifts/'>Back-to-School Favorites</a></span></div> 623 624 625 <div class="show-for-large-flex" style="height:68px;display:flex;align-items:center;justify-content:flex-start;"> 626 627 <div style="min-width:210px;align-items:center;justify-content:center;display:flex;"> 628 <a href="/"><img src="/emails/system/templates/images/header-logo.png" width="160" height="42" border="0"></a> 629 </div> 630 631 <div class="headerTab "><a href="/teachers/">Teachers</a></div> 632 <div class="headerTab "><a href="/parents/">Parents</a></div> 633 <div class="headerTab "><a href="/class/">Students</a></div> 634 <div class="headerTab "><a href="/gifts/">Gift Shop</a></div> 635 636 637 <div id="HeaderSearchContainer" style="margin-left:30px;flex-grow:1;display:flex;align-items:center;"> 638 <input type="text" id="HeaderSearchText" value="" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" placeholder="Search for anything..." size="40" maxlength="100" class="inputField" style="border:1px rgba(0,0,0,0) solid;background:rgba(0,0,0,0.15);width:100%;min-width:250px;max-width:400px;height:2.25em;color:#fff;" onkeydown="if (event.keyCode == 13) headerSearch('HeaderSearchText');"> 639 <img id="HeaderSearchBtn" src="/images/nav/search_magnify_tool.png" border="0" width="20" height="20" style="display:absolute;margin-left:-30px;filter:brightness(0);opacity:0.2;cursor:pointer;"> 640 </div> 641 <div id="HeaderAltSearchToggle" style="display:none;flex-grow:1;margin-left:25px;align-items:center;"> 642 <img id="HeaderAltSearchToggleBtn" src="/images/nav/search_magnify_tool.png" border="0" width="20" height="20" style="filter:brightness(2);opacity:0.75;cursor:pointer;" onclick="headerShowSmallSearch()"> 643 </div> 644 645 <a class="hoverLink" style="margin-left:20px;color:#000;font-weight:bold;font-size:11pt;" href="/login.asp">Log in</a> 646 <a style="margin-left:10px;margin-right:20px;" href="/login.asp"><div style='position:relative;width:40px;height:40px;border-radius:100%;background:transparent;overflow:hidden;opacity:0.85;'><img src='/images/icons/account.png' border='0' & width='40' height='40' style='border-radius:100%;'></div></a> 647 648 649 </div> 650 651 <div class="show-for-small" style="position:relative;z-index:102;height:68px;width:100%;"> 652 <div style="position:absolute;z-index:103;width:100%;height:68px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;"> 653 654 <a href="/"><img src="/emails/system/templates/images/header-logo.png" border="0" style="width:50%;min-width:140px;max-width:160px;"></a> 655 656 </div> 657 <div style="position:absolute;z-index:104;left:5px;height:68px;width:48px;display:flex;align-items:center;gap:10px;"> 658 <img class="nav-small-menu-toggle" src="/images/nav/menu_slideover.png" width="48" height="48" border="0" style="cursor:pointer;filter:invert(1.0);" onclick="headerSmallMenu()"> 659 660 <img id="NavSmallSearchIcon" src="/images/nav/search_magnify_tool2.png" width="28" height="28" border="0" style="cursor:pointer;filter:invert(1.0);" onclick="headerShowSmallSearch()"> 661 662 </div> 663 664 </div> 665 666 </div> 667 668 <div id="NavSmallMenuOverlay" style="position:absolute;z-index:998;display:none;left:0;top:0;bottom:0;right:0;width:100%;height:100%;background:rgba(0,0,0,0.6);"> 669 670 </div> 671 672 <div id="NavSmallMenuContainer" style="position:absolute;z-index:999;display:none;margin-top:-60px;"> 673 674 <img class="nav-small-menu-toggle" src="/images/icons/close-plain.png" width="36" height="36" border="0" style="position:absolute;cursor:pointer;left:10px;top:10px;" onclick="headerSmallMenu()"> 675 676 677 <div style="height:35px;"> </div> 678 679 680 <ul style="margin-top:5px;"> 681 <li><a href="/">Homepage</a></li> 682 <li><a href="/gifts/">Gift Shop</a></li> 683 684 <li><a href="/teachers/">Teachers</a></li> 685 686 <li><a href="/parents/">Parents</a></li> 687 688 <li><a href="/class/">Students</a></li> 689 690 <li style="border-bottom:0px;"><a href="/login.asp" style="color:#09f;">Account Login</a></li> 691 692 </ul> 693 694 </div> 695 696 697 <div id="HeaderAltSearchContainer" style="background:#fff;display:none;padding:20px 25px;"> 698 <div style="display:flex;align-items:center;justify-content:space-between;"> 699 <div style="flex-grow:1;"><input type="text" id="HeaderAltSearchText" class="noFocusHighlight" value="" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" placeholder="Search for anything..." size="40" maxlength="100" style="color:#000;background:#fff;width:100%;border:0px;font-size:14pt;font-family:arial;" onkeydown="if (event.keyCode == 13) document.getElementById('HeaderAltSearchBtn').click()"></div> 700 <div style="margin-left:20px;"><span id="HeaderAltSearchBtn" onclick="headerSearch('HeaderAltSearchText')" style="cursor:pointer;"><img src="/images/nav/search_magnify_tool.png" border="0" width="24" height="24"></span></div> 701 </div> 702 </div> 703 704 705 <style> 706 .nav-verified { 707 padding: 5px 8px; 708 font-family:arial; 709 font-size:11pt; 710 display:flex; 711 align-items:center; 712 gap:7px; 713 color: #0b0; 714 } 715 .nav-verified img { 716 filter: contrast(0.5) brightness(1.5) invert(0.7) sepia(0.5) hue-rotate(90deg) saturate(400%); 717 } 718 .nav-unverified { 719 display: none; 720 padding: 5px 8px; 721 font-family:arial; 722 font-size:11pt; 723 /*display:flex;*/ 724 align-items:center; 725 gap:7px; 726 opacity: 0.5; 727 border-radius: 5px; 728 } 729 .nav-unverified:hover { 730 background: #eee; 731 cursor: pointer; 732 opacity: 1;
733 color: #09f; 734 } 735 </style> 736 737 <div id="NavProfilePopup" style="position:absolute;overflow:hidden;z-index:999;display:none;width:100%;margin-top:-60px;right:10px;max-width:350px;background:#fff;border-radius:10px;box-shadow: 0px 6px 12px rgba(0,0,0,0.5);"> 738 739 <img id="NavProfilePopupCloseBtn" src="/images/icons/close-plain.png" width="24" height="24" style="cursor:pointer;position:absolute;opacity:0.75;right:10px;top:10px;"> 740 741 <div style="margin-top:20px;display:flex;align-items:center;flex-direction:column;"> 742 <div></div> 743 <div style="margin-top:10px;font-family:arial;font-size:15pt;"></div> 744 <div style="margin-top:5px;font-family:arial;font-size:11pt;color:#666;text-align:center;">Unknown account type</div> 745 746 <div style="padding:0 20px;margin-top:20px;font-family:arial;font-size:11pt;display:flex;align-items:center;justify-content:space-evenly;width:100%;gap:20px;"> 747 <a href="" style="font-weight:bold;" class="hoverLink">Dashboard</a> 748 749 <a href="" style="color:#f00;" class="hoverLink">Log out</a> 750 </div> 751 </div> 752 753 <div style="background:#f6f6f6;padding:12px 20px 14px;border-top:1px #eee solid;margin-top:25px;text-align:center;font-weight:normal;font-family:arial;font-size:11pt;display:flex;align-items:center;gap:10px;justify-content:center;"> 754 <a href="/accounts.asp" class="hoverLink"><img src="/images/icons/change-user.png" width="32" height="32" style="opacity:0.65;" border="0"></a> 755 <a href="/accounts.asp" class="hoverLink">Switch to a different account</a> 756 </div> 757 758 </div> 759 760
760<script language="javascript"> 761 762 function headerSearch(id) { 763 var txt = $("#"+id).val(); 764 txt = txt.replace(/^\s+|\s+$/g, ""); 765 if ( txt == "" ) { 766 swal("","You did not type anything into the search box.","error"); 767 } 768 else { 769 location.href = "/search/_default.asp?q=" + escape(txt); 770 } 771 } 772 773 $("#HeaderSearchBtn").click(function() { 774 headerSearch("HeaderSearchText"); 775 }); 776 777 function headerSmallMenu() { 778 var visible = $("#NavSmallMenuContainer").is(":visible"); 779 if ( visible ) $("#NavSmallMenuOverlay").fadeOut(250); else $("#NavSmallMenuOverlay").fadeIn(250); 780 $("#NavSmallMenuContainer").toggle("slide", {direction:"left"}, 250); 781 //$("#NavSmallMenuIcon").css("transform","rotate(" + ($("#NavSmallMenuContainer").is(":visible") ? "90" : "0") + "deg)"); 782 } 783 784 function headerShowSmallSearch() { 785 $("#NavSmallSearchIcon").hide(); 786 $("#HeaderAltSearchToggleBtn").hide(); 787 $("#HeaderAltSearchContainer").slideDown(); 788 $("#HeaderAltSearchText").focus(); 789 } 790 791 $(".profile-container").click(function() { 792 $("#NavProfilePopup").toggle(); 793 }); 794 795 $("#NavProfilePopupCloseBtn").click(function() { 796 $("#NavProfilePopup").hide(); 797 }); 798 799 $(document).mouseup(function(event) 800 { 801 var div = $("#NavProfilePopup"); 802 if (!div.is(event.target) && div.has(event.target).length === 0) div.hide(); 803 }); 804
805 </script>
805 806 807 808 809 </div> 810 811 <div id="page-new" style="border-top:2px #fff solid;"> 812 813 814 815<h1 class="textPageTitle" style="margin-bottom:5px;"> 816 817 Exploring <span style="color:#39c;">Newest Art Projects</span> 818 819</h1> 820 821 822 823 <div style="background:#fff;margin:25px -25px 30px;padding:20px 25px 0px;border-top:1px #e8e8e8 solid;border-bottom:1px #e8e8e8 solid;"> 824 825 <div style="display:flex;align-items:center;flex-wrap:wrap;"> 826 827 828 <div style="display:flex;align-items:center;margin-bottom:25px;"> 829 <div class="textNormal show-for-large" style="padding-right:10px;white-space:nowrap;">Grades:</div> 830 <div> 831 <span class="filter-item scope-bar"> 832 <span id='Filter_Grade_0' class='scope-btn' style='margin-right:10px;'>All</span><span id='Filter_Grade_255' class='scope-btn scope-btn-selected' style='margin-right:10px;'>Elem PK-5</span><span id='Filter_Grade_1792' class='scope-btn' style='margin-right:10px;'>Mid 6-8</span><span id='Filter_Grade_30720' class='scope-btn' style='margin-right:10px;'>High 9-12</span> 833 </span> 834 </div> 835 </div> 836 837 838 </div> 839 840 </div> 841 842 <div style="clear:both;height:1px;overflow:hidden;"> </div> 843 844 <div class="grid" id="TheGrid" style="display:;"> 845 <div class="grid-sizer"></div> 846 <div class="gutter-sizer"></div> 847 </div> 848 849 <div id="LoadBar" style="margin-top:35px;clear:both;"> 850 <table border="0" cellspacing="0" cellpadding="0" height="50"> 851 <tr valign="middle"> 852 <td width="50%"><div class="hline" style="border-top:1px #ccc solid;"> </div></td> 853 <td style="padding:0px 10px;" nowrap> 854 <div id="BtnLoadMore"><span class="button buttonBlue">more</span></div> 855 <div id="LoadSpinner" style="display:none;"><img src="/images/icons/anim_refresh1.gif" width="32" height="32" border="0"></div> 856 <div id="LoadError" style="display:none;color:#999;font-family:arial;font-size:14pt;" class="textNormal">{ERROR}</div> 857 </td> 858 <td width="50%"><div class="hline" style="border-top:1px #ccc solid;"> </div></td> 859 </tr> 860 </table> 861 </div> 862 863 864 865 <div style="height:10px;"> </div> 866 867 </div> 868 869 870 871 <div id="FooterWrapper" style="background:#f4f3f1;"> 872 873 <div style="height:1px;background:#ddd;overflow:hidden;margin:0 30px;"> </div> 874 875 <div id="footer" style="padding-top:25px;color:#888;"> 876 <div class="textNormal" style="color:#ccc;text-align:center;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px 40px;"> 877 878 <div style="display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px 20px;"> 879 <a href="https://www.artsonia.com/about/" style="color:#666;" class="hoverLink">About us</a> 880 <a href="https://www.artsonia.com/terms/" style="color:#666;" class="hoverLink">Terms</a> 881 <a href="https://www.artsonia.com/privacy/" style="color:#333;font-weight:bold;" class="hoverLink">Privacy</a> 882 <a href="https://www.artsonia.com/accessibility/" style="color:#666;" class="hoverLink">Accessibility</a> 883 <a href="https://www.artsonia.com/contact.asp" style="color:#666;" class="hoverLink">Contact us</a> 884 <a href="https://help.artsonia.com/hc/en-us/" style="color:#666;" class="hoverLink">Helpdesk</a> 885 </div> 886 </div> 887 888 <div class="textNormal" style="margin-top:25px;display:flex;align-items:center;justify-content:center;"> 889 <div style="margin:0 5px;"><a href="https://www.facebook.com/artsonia"><img src="/emails/system/templates/images/icon-facebook.png" border="0" width="40" height="40"></a></div> 890 <div style="margin:0 5px;"><a href="https://twitter.com/artsonia"><img src="/emails/system/templates/images/icon-twitter.png" border="0" width="40" height="40"></a></div> 891 <div style="margin:0 5px;"><a href="https://pinterest.com/artsonia"><img src="/emails/system/templates/images/icon-pinterest.png" border="0" width="40" height="40"></a></div> 892 <div style="margin:0 5px;"><a href="https://instagram.com/artsonia"><img src="/emails/system/templates/images/icon-instagram.png" border="0" width="40" height="40"></a></div> 893 <div style="margin:0 5px;">
893<a href="https://www.tiktok.com/@artsoniaofficial"><img src="/emails/system/templates/images/icon-tiktok.png" border="0" width="40" height="40"></a></div> 894 </div> 895 896 <div class="textNormal" style="margin-top:25px;text-align:center;" align="center"> 897 ©2000-2026 Artsonia LLC. All rights reserved. 898 </div> 899 <div class="textNormal" style="font-size:8pt;margin-top:10px;text-align:center;margin-bottom:40px;"> 900 By using this website you agree to our <a href="/terms/" target="_blank" style="color:#999;">Terms of Service</a> and <a href="/privacy/" target="_blank" style="color:#999;">Privacy Policy</a>. 901 </div> 902 903 </div> 904 905 </div> 906 907 908
908<script> (function(){ var s = document.createElement('script'); var h = document.querySelector('head') || document.body; s.src = 'https://acsbapp.com/apps/app/dist/js/app.js'; s.async = true; s.onload = function(){ acsbJS.init(); }; h.appendChild(s); })(); </script>
908 909 910 911</body> 912</html> 913
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.