1 2 3<html> 4 5<head> 6 7 <title>Artsonia :: Login</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: "13F03BAD344D4B01804C922F87BCE876", 65 psessionID: "639A729A5F6B4E219E2BC2D9A9043245", 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 <style> 135 136 .login-type-container { 137 } 138 139 .login-type { 140 width: 90%; 141 border-radius: 15px; 142 cursor:pointer; 143 font-family:arial; 144 font-size:18pt; 145 padding:10px; 146 color:#fff; 147 margin: 25px auto 0; 148 transition: transform 250ms ease-in-out; 149 } 150 151 @media only screen and (min-width: 48em) 152 { 153 .login-type-container { 154 display: flex; 155 align-items: flex-start; 156 justify-content: space-evenly; 157 margin-top: 15px; 158 } 159 160 .login-type { 161 width: 135px; 162 height: 135px; 163 display: flex; 164 align-items: center; 165 justify-content: center; 166 border-radius: 100%; 167 } 168 .login-type:hover { 169 transform: translate(0,-10px); 170 } 171 } 172 173 </style> 174 175
175<script> 176 177 $(function() { 178 179 $(".login-type") 180 .click(function() { 181 var url = $(this).attr("data-url"); 182 location.href = url; 183 }); 184 /* 185 .mouseenter(function() { 186 var color = $(this).attr("data-color"); 187 $(this).css("background-color", color).css("color","#fff"); 188 }) 189 .mouseleave(function() { 190 var color = $(this).attr("data-color"); 191 $(this).css("background-color", "#fff").css("color",color); 192 }); 193 */ 194 195 }); 196 197 </script>
197 198 199</head> 200 201<body> 202 203 204 205 <div id="HeaderWrapper"> 206 207 208 209 <a name="top"></a> 210 211 212 213 <div id="header" class="header-standard header-xmas"> 214 215 216 <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> 217 218 219 <div class="show-for-large-flex" style="height:68px;display:flex;align-items:center;justify-content:flex-start;"> 220 221 <div style="min-width:210px;align-items:center;justify-content:center;display:flex;"> 222 <a href="/"><img src="/emails/system/templates/images/header-logo.png" width="160" height="42" border="0"></a> 223 </div> 224 225 <div class="headerTab "><a href="/teachers/">Teachers</a></div> 226 <div class="headerTab "><a href="/parents/">Parents</a></div> 227 <div class="headerTab "><a href="/class/">Students</a></div> 228 <div class="headerTab "><a href="/gifts/">Gift Shop</a></div> 229 230 231 <div id="HeaderSearchContainer" style="margin-left:30px;flex-grow:1;display:flex;align-items:center;"> 232 <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');"> 233 <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;"> 234 </div> 235 <div id="HeaderAltSearchToggle" style="display:none;flex-grow:1;margin-left:25px;align-items:center;"> 236 <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()"> 237 </div> 238 239 <a class="hoverLink" style="margin-left:20px;color:#000;font-weight:bold;font-size:11pt;" href="/login.asp">Log in</a> 240 <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> 241 242 243 </div> 244 245 <div class="show-for-small" style="position:relative;z-index:102;height:68px;width:100%;"> 246 <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;"> 247 248 <a href="/"><img src="/emails/system/templates/images/header-logo.png" border="0" style="width:50%;min-width:140px;max-width:160px;"></a> 249 250 </div> 251 <div style="position:absolute;z-index:104;left:5px;height:68px;width:48px;display:flex;align-items:center;gap:10px;"> 252 <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()"> 253 254 <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()"> 255 256 </div> 257 258 </div> 259 260 </div> 261 262 <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);"> 263 264 </div> 265 266 <div id="NavSmallMenuContainer" style="position:absolute;z-index:999;display:none;margin-top:-60px;"> 267 268 <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()"> 269 270 271 <div style="height:35px;"> </div> 272 273 274 <ul style="margin-top:5px;"> 275 <li><a href="/">Homepage</a></li> 276 <li><a href="/gifts/">Gift Shop</a></li> 277 278 <li><a href="/teachers/">Teachers</a></li> 279 280 <li><a href="/parents/">Parents</a></li> 281 282 <li><a href="/class/">Students</a></li> 283 284 <li style="border-bottom:0px;"><a href="/login.asp" style="color:#09f;">Account Login</a></li> 285 286 </ul> 287 288 </div> 289 290 291 <div id="HeaderAltSearchContainer" style="background:#fff;display:none;padding:20px 25px;"> 292 <div style="display:flex;align-items:center;justify-content:space-between;"> 293 <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> 294 <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> 295 </div> 296 </div> 297 298 299 <style> 300 .nav-verified { 301 padding: 5px 8px; 302 font-family:arial; 303 font-size:11pt; 304 display:flex; 305 align-items:center; 306 gap:7px; 307 color: #0b0; 308 } 309 .nav-verified img { 310 filter: contrast(0.5) brightness(1.5) invert(0.7) sepia(0.5) hue-rotate(90deg) saturate(400%); 311 } 312 .nav-unverified { 313 display: none; 314 padding: 5px 8px; 315 font-family:arial; 316 font-size:11pt; 317 /*display:flex;*/ 318 align-items:center; 319 gap:7px; 320 opacity: 0.5; 321 border-radius: 5px; 322 } 323 .nav-unverified:hover { 324 background: #eee; 325 cursor: pointer; 326 opacity: 1;
327 color: #09f; 328 } 329 </style> 330 331 <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);"> 332 333 <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;"> 334 335 <div style="margin-top:20px;display:flex;align-items:center;flex-direction:column;"> 336 <div></div> 337 <div style="margin-top:10px;font-family:arial;font-size:15pt;"></div> 338 <div style="margin-top:5px;font-family:arial;font-size:11pt;color:#666;text-align:center;">Unknown account type</div> 339 340 <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;"> 341 <a href="" style="font-weight:bold;" class="hoverLink">Dashboard</a> 342 343 <a href="" style="color:#f00;" class="hoverLink">Log out</a> 344 </div> 345 </div> 346 347 <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;"> 348 <a href="/accounts.asp" class="hoverLink"><img src="/images/icons/change-user.png" width="32" height="32" style="opacity:0.65;" border="0"></a> 349 <a href="/accounts.asp" class="hoverLink">Switch to a different account</a> 350 </div> 351 352 </div> 353 354
354<script language="javascript"> 355 356 function headerSearch(id) { 357 var txt = $("#"+id).val(); 358 txt = txt.replace(/^\s+|\s+$/g, ""); 359 if ( txt == "" ) { 360 swal("","You did not type anything into the search box.","error"); 361 } 362 else { 363 location.href = "/search/_default.asp?q=" + escape(txt); 364 } 365 } 366 367 $("#HeaderSearchBtn").click(function() { 368 headerSearch("HeaderSearchText"); 369 }); 370 371 function headerSmallMenu() { 372 var visible = $("#NavSmallMenuContainer").is(":visible"); 373 if ( visible ) $("#NavSmallMenuOverlay").fadeOut(250); else $("#NavSmallMenuOverlay").fadeIn(250); 374 $("#NavSmallMenuContainer").toggle("slide", {direction:"left"}, 250); 375 //$("#NavSmallMenuIcon").css("transform","rotate(" + ($("#NavSmallMenuContainer").is(":visible") ? "90" : "0") + "deg)"); 376 } 377 378 function headerShowSmallSearch() { 379 $("#NavSmallSearchIcon").hide(); 380 $("#HeaderAltSearchToggleBtn").hide(); 381 $("#HeaderAltSearchContainer").slideDown(); 382 $("#HeaderAltSearchText").focus(); 383 } 384 385 $(".profile-container").click(function() { 386 $("#NavProfilePopup").toggle(); 387 }); 388 389 $("#NavProfilePopupCloseBtn").click(function() { 390 $("#NavProfilePopup").hide(); 391 }); 392 393 $(document).mouseup(function(event) 394 { 395 var div = $("#NavProfilePopup"); 396 if (!div.is(event.target) && div.has(event.target).length === 0) div.hide(); 397 }); 398
399 </script>
399 400 401 402 403 </div> 404 405 <div id="page-new" style="border-top:2px #fff solid;"> 406 407 408 409<div class="textNormal" style="width:100%;max-width:640px;background:#fff;border:1px #ddd solid;border-radius:5px;color:#000;text-align:center;margin:25px auto 0;box-shadow:0 3px 3px rgba(0,0,0,0.1);" align="center"><div style="padding:30px;"> 410 411 <div style="font-family:arial;font-size:24pt;font-weight:normal;color:#000;margin-bottom:5px;">Log in to Artsonia</div> 412 413 <div class="textNormal" style="margin-top:25px;font-family:arial;font-size:14pt;"> 414 Which type of account do you have? 415 </div> 416 417 <div class="login-type-container"> 418 419 <div class="login-type" style="background:#e00;background-image:linear-gradient(#900,#e00);" data-url="/teachers/members/login.asp" data-color="#d00"> 420 Teacher 421 </div> 422 423 <div class="login-type" style="background:#39f;background-image:linear-gradient(#06c,#39f);" data-url="/class/" data-color="#38c"> 424 Student 425 </div> 426 427 <div class="login-type" style="background:#f80;background-image:linear-gradient(#d60,#f93);" data-url="/members/login.asp" data-color="#f60"> 428 <div class="show-for-large-inline">Parent<br><span style="font-size:60%;">or</span><br>Fan</div> 429 <div class="show-for-small">Parent / Fan</div> 430 </div> 431 432 </div> 433 434 <div class="textNormal" style="margin-top:50px;"> 435 <a href="/">Back to homepage</a> 436 </div> 437 438</div></div> 439 440 441 442 <div style="height:10px;"> </div> 443 444 </div> 445 446 447 448 <div id="FooterWrapper" style="background:#f4f3f1;"> 449 450 <div style="height:1px;background:#ddd;overflow:hidden;margin:0 30px;"> </div> 451 452 <div id="footer" style="padding-top:25px;color:#888;"> 453 <div class="textNormal" style="color:#ccc;text-align:center;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px 40px;"> 454 455 <div style="display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px 20px;"> 456 <a href="https://www.artsonia.com/about/" style="color:#666;" class="hoverLink">About us</a> 457 <a href="https://www.artsonia.com/terms/" style="color:#666;" class="hoverLink">Terms</a> 458 <a href="https://www.artsonia.com/privacy/" style="color:#333;font-weight:bold;" class="hoverLink">Privacy</a> 459 <a href="https://www.artsonia.com/accessibility/" style="color:#666;" class="hoverLink">Accessibility</a> 460 <a href="https://www.artsonia.com/contact.asp" style="color:#666;" class="hoverLink">Contact us</a> 461 <a href="https://help.artsonia.com/hc/en-us/" style="color:#666;" class="hoverLink">Helpdesk</a> 462 </div> 463 </div> 464 465 <div class="textNormal" style="margin-top:25px;display:flex;align-items:center;justify-content:center;"> 466 <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> 467 <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> 468 <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> 469 <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> 470 <div style="margin:0 5px;"><a href="https://www.tiktok.com/@artsoniaofficial"><img src="/emails/system/templates/images/icon-tiktok.png" border="0" width="40" height="40"></a></div> 471 </div> 472 473 <div class="textNormal" style="margin-top:25px;text-align:center;" align="center"> 474 ©2000-2026 Artsonia LLC. All rights reserved. 475 </div> 476 <div class="textNormal" style="font-size:8pt;margin-top:10px;text-align:center;margin-bottom:40px;"> 477 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>. 478 </div> 479 480 </div> 481 482 </div> 483 484
485
485<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>
485 486 487 488</body> 489</html> 490 491 492
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.