PageSourceSearch

https://www.artsonia.com/login.asp

html artsonia.com collected 2026-09-24 09:28:42 UTC 19,926 bytes, 492 lines download raw bytes

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! &#151;</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&nbsp;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			&nbsp;
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;">&nbsp;</div>
272			
273			
274			<ul style="margin-top:5px;">
275				<li><a href="/">Homepage</a></li>
276				<li><a href="/gifts/">Gift&nbsp;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;">&nbsp;</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;">&nbsp;</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				&copy;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.