Help
RSS
API
Feed
Maltego
Contact
Domain > grid.mindplay.dk
×
More information on this domain is in
AlienVault OTX
Is this malicious?
Yes
No
DNS Resolutions
Date
IP Address
2018-09-13
208.113.187.28
(
ClassC
)
2024-09-12
18.197.220.131
(
ClassC
)
Port 80
HTTP/1.1 200 OKAccept-Ranges: bytesContent-Length: 38955Content-Type: text/html; charsetutf-8Etag: o3teisu23Last-Modified: Thu, 10 Mar 2016 08:35:16 GMTServer: CaddyDate: Thu, 12 Sep 2024 09:32:02 GMT !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd>html xmlnshttp://www.w3.org/1999/xhtml xml:langen langen>head>title>Grid Designer 2/title>style typetext/css>/* --- CSS Reset --- */html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, code,del, dfn, em, img, q, dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td { margin: 0px; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}body { line-height: normal; background: #ffffff; }table { border-collapse: separate; border-spacing: 0; }caption, th, td { text-align: left; font-weight:normal; }blockquote:before, blockquote:after, q:before, q:after { content: ; }blockquote, q { quotes: ; }a img { border: none; }/* --- Application Layout --- */body { font-family: Verdana, Arial, Helvetica; line-height: 1.5;}#header { background-color: #eeeeee; padding: 0px 0px 0px 20px;}#header h1 { font-size: 40px; color: #d0d0d0; margin: 0px; font-weight: bold;}#header small { font-family: Arial,Helvetica,Verdana; font-size: 12px; font-style: italic; font-weight: bold; color: #b8b8b8; margin-top: -8px; padding-bottom: 6px; display: block;}#header a, #marginalia a { color: #cd9090; text-decoration: none;}#header a:hover, #marginalia a:hover { color: #000000;}#donate { float:right; width:140px; }#marginalia { float:right; margin-right:10px; width:160px; padding:4px; font-size:11px; line-height:17px; background-color:#eeeeee; }#marginalia a { font-weight:bold; }#fontjazz { float:right; margin-right:10px; width:160px; padding:4px; font-size:11px; line-height:17px; background-color:#eeeeee; }#fontjazz a { font-weight:bold; }form { margin: 20px 0px 18px 20px;}#grid_form input,#grid_form button { width: 100px;}#grid_form button { height:25px; }table { border-collapse: collapse;}table td { padding: 2px;}#grid-container { padding: 0px 0px 0px 20px;}/* --- Application Tabs --- */#tabs { background-color: #e0e0e0; padding: 5px 0px 4px 20px;}#tabs a { margin: 3px 0px 2px 0px; text-decoration: none; font-weight: bold;}#tabs .active { color: #000000; border-bottom: dotted 1px #000000;}#tabs .inactive { color: #808080;}#tabs a:hover.inactive { color: #000000;}.tab_hidden { display: none; }.tab_visible { display: block; }/* --- Grid Layout --- */.grid { font-size: 10px; clear: both;}.grid.design .column,.grid.design .gutter { float:left; height:300px; overflow-x:hidden white-space: nowrap;}.grid.design .column { background-color: #e1e1e1; }.grid.design .gutter { background-color: #cd9090; }.grid .ruler-fg,.grid .ruler-bg,.grid .ruler-margin { float:left; height:18px; overflow-x:hidden}.grid .ruler-fg { background-color: #b9d9c2; }.grid .ruler-bg { background-color: #696969; padding-bottom:1px }.grid .ruler-margin { background-color: #cd9090; }.grid .spanners { text-align:right; padding-right:8px; }.grid .spanners a { text-decoration: none; font-weight: bold; color: #000; font-size: 14px;}.grid .spanners a:hover { color: #04f;}/* --- Typographic Sample --- */.grid.typo { background-color: #e1e1e1; padding: 2px 0px 2px 0px;}.grid.typo .column { float:left; background-color: #ffffff;}.grid.typo .gutter { float:left; height:32px; overflow-x:hidden}.grid.typo .column { white-space: normal; overflow: display;}h1, h2, h3, h4, h5, h6 { font-weight: normal; /* (IE 6 and older does not properly inherit this setting for h-tags) */}#typo_head { margin-top: 12px;}#typo_head th { text-align: center; font-weight: bold; font-size: 11px;}#typo_head .wide { width: 100px;}#typo_head .narrow { width: 60px;}#typo_head .btn { width: 20px;}#typo_form input,#typo_form button,#typo_form label,#typo_form select { font-size: 11px;}#typo_form td.rowhead { font-size: 11px; color: #808080; font-weight: bold; padding-right: 8px; text-align: right;}/* --- Export Form --- */#export_form h1 { font-size: 20px; border-bottom: dotted 1px #808080; margin-right: 20px;}#export_form h2 { font-size: 15px; font-weight: bold; margin-top: 15px;}#export_form textarea { font-family: Lucida Console, Monaco, monospace; font-size: 14px; width: 80%; height: 150px;}/* --- About Panel --- */#tab_about_panel { padding: 20px; width: 600px;}#tab_about_panel h1 { font-size: 30px;}#tab_about_panel p { line-height: 22px; margin-top: 10px; margin-bottom: 15px;}#tab_about_panel li { margin-left: 30px;}#tab_about_panel em { font-size: 14px;}/style>script typetext/javascript>//!CDATAfunction Designer(gridform, typoform, exportform) { /* --- Grid Design Functionality --- */ this.gridform gridform; this.typoform typoform; this.exportform exportform; this.typo false; this.spans {}; this.scalable false; this.cssreset true; this.design function() { var columns parseInt(this.gridform.columns.value); var pixels parseInt(this.gridform.pixels.value); var gutters parseInt(this.gridform.gutters.value); var margins parseInt(this.gridform.margins.value); var height parseInt(this.typoform.height.value); var available pixels - (gutters * (columns-1)) - margins * 2; var per_column Math.floor(available / columns); pixels per_column * columns + (gutters * (columns-1)) + margins * 2; if (per_column 20) { window.alert(impossible!); return; } this.pixels pixels; this.gutters gutters; this.columns columns; this.per_column per_column; this.margins margins; this.height height; this.render(); }; this.setScalable function(on) { this.scalable on; this.do_export(); }; this.setCSSReset function(on) { this.cssreset on; this.do_export(); }; this.addColumns function(n) { var columns this.columns + n; var pixels this.pixels + n * (this.per_column + this.gutters); if (columns 2) return; this.columns columns; this.pixels pixels; this.render(); }; this.mulColumns function(n) { var columns this.columns + n; var available this.pixels - this.margins * 2 - (this.gutters * (columns-1)); var per_column Math.floor(available / columns); var pixels per_column * columns + (this.gutters * (columns-1)) + this.margins * 2; if (per_column 20 || columns 2) return; this.columns columns; this.per_column per_column; this.pixels pixels; this.render(); }; this.widen function(n) { var pixels this.pixels + n * this.columns; var per_column this.per_column + n; this.pixels pixels; this.per_column per_column; this.render(); }; this.addGutters function(n) { var gutters this.gutters + n; var pixels this.pixels + (this.columns - 1) * n; if (gutters 2) return; this.gutters gutters; this.pixels pixels; this.render(); }; this.addMargins function(n) { this.pixels + n * 2; this.margins + n; this.render(); }; this.expMargins function(n) { var margins this.margins + Math.floor(0.5 * this.columns * n); if (margins 2) return; this.gridform.margins.value margins; this.design(); this.render(); }; this.expGutters function(n) { var gutters this.gutters + n; var per_column this.per_column - n; if (gutters 2 || per_column 2) return; this.pixels per_column * this.columns + (gutters * (this.columns-1)) + this.margins * 2; this.gutters gutters; this.per_column per_column; this.render(); }; this.addHeight function(n) { var height this.height + n; if (height2 || height>100) return; this.height height; this.render(); }; this.getSpan function(n) { return ( this.spansn || 0 ); }; this.setSpan function(n,s) { if (s 0) { delete this.spansn; } else { this.spansn s; } }; this.render function() { this.hide(false); this.gridform.pixels.value this.pixels; this.gridform.columns.value this.columns; this.gridform.gutters.value this.gutters; this.gridform.margins.value this.margins; this.typoform.height.value this.height; var ruler ; var html div class\grid + (this.typo ? typo : design) + \ style\width: + this.pixels + px\>; var ruler_width 0; var exp ; html + div class\gutter\ style\width: + this.margins + px;\>br /> + (this.typo ? : this.margins) + /div>; exp.push(this.margins); for (var i1; ithis.columns; i++) { while (this.getSpan(i) + i > this.columns) this.setSpan(i,this.getSpan(i)-1); var span this.getSpan(i); var w this.per_column + (this.per_column+this.gutters) * span; var li i; i + span; html + div class\column\ style\width: + w + px;\>; exp.push(w); if (this.typo) { html + this.getSample(i) + this.getSample(i*2); } else { html + w + div class\spanners\>; if (span > 0) html + a class\left\ href\#\ onclick\designer.setSpan( + li + , + (this.getSpan(li)-1) + ); designer.render(); return false;\>←/a> ; if (i this.columns && this.getSpan(i+1) 0) html + a class\right\ href\#\ onclick\designer.setSpan( + li + , + (this.getSpan(li)+1) + ); designer.render(); return false;\>→/a> ; html + /div>; } html + /div>; if (i this.columns) { html + div class\gutter\ style\width: + this.gutters + px;\> + (this.typo ? : br /> + this.gutters) + /div>; exp.push(this.gutters); } } for (i1; ithis.columns; i++) { ruler_width + this.per_column; if (i > 1) ruler_width + this.gutters; ruler + div class\grid\ style\width: + this.pixels + px\> + div class\ruler-margin\ style\width: + this.margins + px\>/div> + div class\ruler-fg\ style\width: + ruler_width + px\> + ruler_width + /div> + div class\ruler-bg\ style\width: + (this.pixels - ruler_width - this.margins * 2) + px\>/div> + div class\ruler-margin\ style\width: + this.margins + px\>/div> + /div>; } html + div class\gutter\ style\width: + this.margins + px;\> + (this.typo ? : br /> + this.margins) + /div>; exp.push(this.margins); html + br style\clear:both\ />/div> + ruler; document.getElementById(grid-container).innerHTML html; this.exp exp; this.do_export(); }; this.hide function(hide) { document.getElementById(grid-container).style.display hide ? none : block; }; /* --- Typographic Samples --- */ this.h_samples new Array( Lorem ipsum, Donec at tortor, Suspendisse nulla elit, Praesent tempus iaculis neque, Nunc varius ipsum et ipsum, Sed sodales scelerisque nibh ); this.p_samples new Array( Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In risus. Pellentesque nibh dolor, vestibulum sed, accumsan a, convallis sit amet, quam. Vestibulum lacus metus, pellentesque non, vestibulum ut, viverra sit amet, purus. Integer tempus quam posuere augue., Donec at tortor ac mi eleifend aliquet. Suspendisse tellus ipsum, fermentum ut, condimentum ac, viverra sit amet, ipsum. Vivamus porttitor, quam non egestas vehicula, massa nulla volutpat purus, sit amet viverra augue risus in orci. Duis est. Donec eget libero nec erat vehicula laoreet. Nulla leo eros, luctus sed, aliquam et, posuere sed, lacus. Nunc blandit lacinia justo. Nunc sed turpis eu augue blandit varius. Donec tortor., Suspendisse nulla elit, molestie nec, porta rhoncus, condimentum vel, nibh. Phasellus ac tortor ut justo bibendum dapibus. Sed dignissim, justo sit amet pulvinar elementum, nunc arcu aliquam urna, sed facilisis pede sapien ut ante. Fusce vel lorem. Sed cursus justo id diam., Curabitur rutrum nisl eu tellus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nam elementum iaculis nisi. Nullam dolor metus, adipiscing in, consectetuer id, suscipit quis, nulla. Phasellus vitae turpis tincidunt dui luctus bibendum. Nam id mauris feugiat ligula volutpat tempor. Vivamus vitae neque. Ut erat. Quisque porta. Pellentesque commodo sodales lectus. Donec ac arcu vel mauris consectetuer dignissim., Etiam porta varius lorem. Aenean eros neque, eleifend suscipit, gravida a, iaculis eu, sapien. Praesent at magna eget magna commodo facilisis. Sed accumsan, sapien eu consequat vestibulum, odio ante molestie diam, et tincidunt lectus mauris nec libero. Aenean et metus ut enim hendrerit pharetra., Mauris consequat viverra magna. Nulla euismod, velit id accumsan luctus, elit risus auctor risus, id ultricies tortor est ac felis. Donec enim. Vivamus sit amet velit in nunc eleifend tincidunt. Duis viverra. Nullam elit. Donec tempor lorem sit amet mauris. Pellentesque et elit blandit purus nonummy ullamcorper. ); this.typefaces { Verdana: Verdana, Geneva, sans-serif, Sans: Arial, Helvetica, sans-serif, Sans Black: Arial Black, Gadget, sans-serif, Monospace: Courier New, Courier, monospace, Serif: Georgia, serif, Modern: Impact, Charcoal, sans-serif, Mono Sans: Lucida Console, Monaco, monospace, Book: Palatino Linotype, Book Antiqua, Palatino, serif, Tahoma: Tahoma, Geneva, sans-serif, Times: Times New Roman, Times, serif, Helvetica: Trebuchet MS, Helvetica, sans-serif }; this.h_index new Array(); this.p_index new Array(); this.do_export function() { var css this.cssreset ? /* --- CSS Reset --- */\n\nhtml, body, div, span, object, iframe,\nh1, h2, h3, h4, h5, h6, p, blockquote, pre,\na, abbr, acronym, address, code,\ndel, dfn, em, img, q, dl, dt, dd, ol, ul, li,\nfieldset, form, label, legend,\ntable, caption, tbody, tfoot, thead, tr, th, td {\n margin: 0px;\n padding: 0;\n border: 0;\n font-weight: inherit;\n font-style: inherit;\n font-size: 100%;\n font-family: inherit;\n vertical-align: baseline;\n}\n\n : ; css + /* --- Typography --- */\n\n; css + .grid p {\n + this.getStyle(0) + }\n\n; for (var h1; h6; h++) css + .grid h + h + {\n + this.getStyle(h) + }\n\n; css + /* --- + (this.scalable ? Scalable : ) + Grid --- */\n\n; if (!this.scalable) css + .grid {\n width: + this.pixels + px;\n margin: auto;\n}\n\n; var html !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd>\n; html + html xmlnshttp://www.w3.org/1999/xhtml xml:langen langen>\n\n; html + head>title>Grid Template/title>/head>\n\nbody>\n\ndiv classgrid>\n; for (var i0; ithis.exp.length-1; i++) { var m i % 2; var cn (1+Math.floor(i/2)); var cls grid- + (m 0 ? m : c) + cn; css + . + cls + {\n; css + float: left;\n css + width: + ( this.scalable ? (Math.round((this.expi/this.pixels)*10000)/100) + % : this.expi + px ) + ;\n; if (m 0) css + height: 1px;\n; css + }\n\n; html + div class\ + cls + \> + (m 0 ? : \n {column + cn + }\n ) + /div>\n; } html + br styleclear:both />\n/div>\n\n/body>\n\n/html>\n; this.exportform.css.value css; this.exportform.template.value html; this.exportform.margins.value this.exp.join(, ); this.set_url(); }; this.getSample function(n) { if (this.h_indexn undefined) this.h_indexn Math.floor( Math.random() * (this.h_samples.length-1) ); if (this.p_indexn undefined) this.p_indexn Math.floor( Math.random() * (this.p_samples.length-1) ); var size ((n+5) % 6) + 1; return h + size + style\ + this.getStyle(size) + \> + this.h_samplesthis.h_indexn + (h + size + )/h + size + > + p style\ + this.getStyle(0) + \> + this.p_samplesthis.p_indexn + /p>; }; this.getStyle function(h) { var style line-height: + ( this.h_linesh * this.height) + px;\n; style + font-size: + this.h_sizesh + px;\n; var leading this.h_leadh * this.height; var tweak this.h_tweakh; if (tweak) style + + (-tweak 0 ? margin : padding) + -top: + (-tweak) + px;\n; if (tweak || leading) style + + (tweak+leading 0 ? margin : padding) + -bottom: + (tweak+leading) + px;\n; style + font-family: + this.typefaces this.h_faces this.h_facesh ? 0 : h + ;\n; if (this.h_boldh) style + font-weight: bold;\n; if (this.h_italich) style + font-style: italic;\n; if (this.h_underlineh) style + text-decoration: underline;\n; return style; }; this.h_lines new Array(1,2,2,2,2,2,2); this.h_sizes new Array(10,16,16,16,16,16,16); this.h_tweak new Array(0,0,0,0,0,0,0); this.h_lead new Array(0,0,0,0,0,0,0); this.h_faces new Array(Verdana,,,,,,); this.h_bold new Array(false,false,false,false,false,false,false); this.h_italic new Array(false,false,false,false,false,false,false); this.h_underline new Array(false,false,false,false,false,false,false); this.setLines function(h, lines) { this.h_linesh parseInt(lines); this.render(); }; this.setSize function(h, size) { this.h_sizesh parseInt(size); this.render(); }; this.setTweak function(h, tweak) { this.h_tweakh parseInt(tweak); this.render(); }; this.setLeading function(h, lead) { this.h_leadh parseInt(lead); this.render(); }; this.setFace function(h, face) { this.h_facesh face; this.render(); }; this.setBold function(h, bold) { this.h_boldh bold; this.render(); }; this.setItalic function(h, italic) { this.h_italich italic; this.render(); }; this.setUnderline function(h, underline) { this.h_underlineh underline; this.render(); }; // * Import and export settings: this._state h_bold,h_faces,h_italic,h_lead,h_lines,h_sizes,h_tweak,h_underline; this.get_url function() { var parse (function(){ // based on http://json-sans-eval.googlecode.com/svn/trunk/src/json_sans_eval.js var number(?:-?\\b(?:0|1-90-9*)(?:\\.0-9+)?(?:eE+-?0-9+)?\\b);var oneChar(?:^\\0-\\x08\\x0a-\\x1f\\\\\+|\\\\(?:\/\\\\bfnrt|u0-9A-Fa-f{4}));var string(?:\+oneChar+*\);var jsonTokennew RegExp((?:false|true|null|\\{\\}\\\\+|+number+|+string+),g);var escapeSequencenew RegExp(\\\\(?:(^u)|u(.{4})),g);var escapes{:,/:/,\\:\\,b:\b,f:\f,n:\n,r:\r,t:\t};function unescapeOne(_,ch,hex){return ch?escapesch:String.fromCharCode(parseInt(hex,16));}var EMPTY_STRINGnew String();var SLASH\\;var firstTokenCtors{{:Object,:Array};return function(json){var toksjson.match(jsonToken);var result;var toktoks0;if({tok){result{};}else if(tok){result;}else{return false;}var key;var stackresult;for(var i1,ntoks.length;in;++i){toktoksi;var cont;switch(tok.charCodeAt(0)){default:contstack0;contkey||cont.length+(tok);keyvoid 0;break;case 0x22:toktok.substring(1,tok.length-1);if(tok.indexOf(SLASH)!-1){toktok.replace(escapeSequence,unescapeOne);}contstack0;if(!key){if(cont instanceof Array){keycont.length;}else{keytok||EMPTY_STRING;break;}}contkeytok;keyvoid 0;break;case 0x5b:contstack0;stack.unshift(contkey||cont.length);keyvoid 0;break;case 0x5d:stack.shift();break;case 0x66:contstack0;contkey||cont.lengthfalse;keyvoid 0;break;case 0x6e:contstack0;contkey||cont.lengthnull;keyvoid 0;break;case 0x74:contstack0;contkey||cont.lengthtrue;keyvoid 0;break;case 0x7b:contstack0;stack.unshift(contkey||cont.length{});keyvoid 0;break;case 0x7d:stack.shift();break;}}if(stack.length){return false;}return eval(json);}; })(); var str unescape(document.location.href); str str.substr(str.indexOf(#)+1); if (!str) return; try { var a parse(str); } catch(e) {} if (!(a instanceof Array)) return; for (var i in this._state) thisthis._statei ai; var c athis._state.length; with (this.gridform) { columns.value c0; gutters.value c1; margins.value c3; pixels.value c4; } this.typoform.height.value c2; this.spans athis._state.length+1 || {}; var opts athis._state.length+2 || ; this.scalable opts0 1; this.cssreset opts1 1; this.exportform.scalable.checked this.scalable; this.exportform.cssreset.checked this.cssreset; }; this.set_url function() { function flatten(a) { var str ; for (var i0; ia.length; i++) str + ( ai true ? 1 : ( ai false ? 0 : ( parseInt(ai) ai ? ai : +ai.toString()+ ) ) ) + (ia.length-1 ? , : ); return str + ; } var a ; for (var i in this._state) a+ flatten(thisthis._statei) + ,; a + + (this.columns,this.gutters,this.height,this.margins,this.pixels.join(,)) + ,{; var s ; for (var c in this.spans) s.push(c + : + this.spansc); a + s.join(,) + }, + flatten(this.scalabletrue, this.cssresettrue) + ; var str document.location.href; if (str.indexOf(#) ! -1) str str.substr(0,str.indexOf(#)); document.location # + a; }; }// * Tab management:var current_tab null;var current_panel null;function set_tab(e) { if (current_tab ! null) current_tab.className inactive; current_tab e; current_tab.className active; if (current_panel ! null) current_panel.className tab_hidden; current_panel document.getElementById(current_tab.id + _panel); current_panel.className tab_visible; e.blur();}// * Initialization:var designer;window.onload function() { designer new Designer(document.forms.gridform, document.forms.typoform, document.forms.exportform); designer.get_url(); var i, h, html , rows new Array(td>/td>,td classrowhead>Height/td>,td classrowhead>Size/td>,td classrowhead>Align/td>,td classrowhead>Leading/td>,td classrowhead>Typeface/td>,td>/td>,td>/td>,td>/td>); for (h0; h6; h++) { rows0 + th> + (h ? Heading + h : Paragraph) + /th>; // * Header lines: rows1 + td>select class\wide\ name\h + h + _lines\ onchange\designer.setLines( + h + , this.optionsthis.selectedIndex.value);\>; for (i1; i9; i++) rows1 + option + (designer.h_linesh i ? selected\selected\ : ) + value\ + i + \> + i + lines/option>; rows1 + /select>/td>; // * Header sizes: rows2 + td>select class\narrow\ name\h + h + _size\ onchange\designer.setSize( + h + , this.optionsthis.selectedIndex.value);\>; for (i6; i100; i++) rows2 + option + (designer.h_sizesh i ? selected\selected\ : ) + value\ + i + \> + i + px/option>; rows2 + (/select> + button class\btn\ onclick\e this.previousSibling; if (e.selectedIndexe.options.length-1) e.selectedIndex+1; e.onchange(); return false;\>+/button> + button class\btn\ onclick\e this.previousSibling.previousSibling; if (e.selectedIndex>0) e.selectedIndex-1; e.onchange(); return false;\>÷/button> + /td>); // * Header tweaks: rows3 + td>select class\narrow\ name\h + h + _size\ onchange\designer.setTweak( + h + , this.optionsthis.selectedIndex.value);\>; for (i-20; i20; i++) rows3 + option + (designer.h_tweakh i ? selected\selected\ : ) + value\ + i + \> + i + px/option>; rows3 + (/select> + button class\btn\ onclick\e this.previousSibling; if (e.selectedIndexe.options.length-1) e.selectedIndex+1; e.onchange(); return false;\>^/button> + button class\btn\ onclick\e this.previousSibling.previousSibling; if (e.selectedIndex>0) e.selectedIndex-1; e.onchange(); return false;\>v/button> + /td>); // * Header leading: rows4 + td>select class\wide\ name\h + h + _leading\ onchange\designer.setLeading( + h + , this.optionsthis.selectedIndex.value);\>option value\0\>No leading/option>; for (i1; i10; i++) rows4 + option + (designer.h_leadh i ? selected\selected\ : ) + value\ + i + \> + i + lines lead/option>; rows4 + /select>/td>; // * Header typeface: rows5 + td>select class\wide\ name\h + h + _face\ onchange\designer.setFace( + h + , this.optionsthis.selectedIndex.value);\>; if (h>0) rows5 + option value\\>Default/option>; for (var face in designer.typefaces) rows5 + option + (designer.h_facesh face ? selected\selected\ : ) + value\ + face + \> + face + /option>; rows5 + /select>/td>; // * Bold, italic, underline: rows6 + td>input type\checkbox\ id\h + h + _bold\ + ( designer.h_boldh ? checked\checked\ : ) + onclick\designer.setBold( + h + , this.checked);\ />label for\h + h + _bold\> Bold/label>/td>; rows7 + td>input type\checkbox\ id\h + h + _italic\ + ( designer.h_italich ? checked\checked\ : ) + onclick\designer.setItalic( + h + , this.checked);\ />label for\h + h + _italic\> Italic/label>/td>; rows8 + td>input type\checkbox\ id\h + h + _underline\ + ( designer.h_underlineh ? checked\checked\ : ) + onclick\designer.setUnderline( + h + , this.checked);\ />label for\h + h + _underline\> Underline/label>/td>; } html table>; for (i0; irows.length; i++) html + tr> + rowsi + /tr>; html + /table>; document.getElementById(typo_head).innerHTML html; designer.design(); set_tab(document.getElementById(tab_columns)); };//>/script>/head>body>div idheader> div iddonate> form actionhttps://www.paypal.com/cgi-bin/webscr methodpost iddonate> input typehidden namecmd value_s-xclick> input typehidden nameencrypted value-----BEGIN PKCS7-----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-----END PKCS7-----> input typeimage srchttps://www.paypal.com/en_US/i/btn/btn_donateCC_LG.gif border0 namesubmit altPayPal - The safer, easier way to pay online!> img alt border0 srchttps://www.paypal.com/en_US/i/scr/pixel.gif width1 height1> /form> /div> h1> Grid Designer /h1> small>as featured in a hrefhttp://www.creativereview.co.uk/ target_blank>Creative Review/a> magazine!/small>/div>div idtabs> » a href# classactive idtab_columns onclickset_tab(this); designer.typo false; designer.render(); return false>Columns/a> » a href# classinactive idtab_typo onclickset_tab(this); designer.typo true; designer.render(); return false>Typography/a> » a href# classinactive idtab_export onclickset_tab(this); designer.hide(true); return false>Export/a> » a href# classinactive idtab_about onclickset_tab(this); designer.hide(true); return false>Help/a>/div>div idtab_columns_panel classtab_visible> form namegridform idgrid_form onsubmitreturn false autocompleteoff> div idmarginalia> p>strong>version 2.6b/strong>/p> p>© Rasmus Schultz a hrefhttp://www.gnu.org/licenses/gpl-3.0.txt target_blank>GPL3/a>/p> p>a hrefhttp://www.mindplay.dk target_blank>www.mindplay.dk/a>/p> /div> table> tr>th>Columns:/th>td> input typetext namecolumns value4 autocompleteoff /> button onclickdesigner.addColumns(1); return false>add/button> button onclickdesigner.addColumns(-1); return false>subtract/button> button onclickdesigner.mulColumns(1); return false>multiply/button> button onclickdesigner.mulColumns(-1); return false>divide/button> /td>/tr> tr>th>Pixels:/th>td> input typetext namepixels value800 autocompleteoff /> button onclickdesigner.widen(1); return false>widen/button> button onclickdesigner.widen(-1); return false>narrow/button> /td>/tr> tr>th>Gutters:/th>td> input typetext namegutters value20 autocompleteoff /> button onclickdesigner.addGutters(1); return false>increase/button> button onclickdesigner.addGutters(-1); return false>decrease/button> button onclickdesigner.expGutters(1); return false>expand/button> button onclickdesigner.expGutters(-1); return false>contract/button> /td>/tr> tr>th>Margins:/th>td> input typetext namemargins value22 autocompleteoff /> button onclickdesigner.addMargins(1); return false>increase/button> button onclickdesigner.addMargins(-1); return false>decrease/button> button onclickdesigner.expMargins(1); return false>expand/button> button onclickdesigner.expMargins(-1); return false>contract/button> /td>/tr> tr>th>/th>td>input typesubmit namebtn valuedesign onclickdesigner.design(); return false />/td>/tr> /table> /form>/div>div idtab_typo_panel classtab_hidden> form nametypoform idtypo_form onsubmitreturn false autocompleteoff> !--div idfontjazz> p>strong>Have you heard?/strong>/p> p>Now you can use any TrueType or OpenType typeface for your headings!/p> p>» a hrefhttp://fontjazz.com target_blank>Try it now!/a>/p> /div>--> table> tr>th>Line Height:/th>td> input typetext size5 nameheight value16 autocompleteoff readonlytrue /> button onclickdesigner.addHeight(1); return false>+/button> button onclickdesigner.addHeight(-1); return false>÷/button> /td>/tr> /table> div idtypo_head>/div> /form>/div>div idtab_export_panel classtab_hidden> form nameexportform idexport_form onsubmitreturn false autocompleteoff> h1>Export/h1> p>input typecheckbox namescalable idcb_scalable onclickdesigner.setScalable(this.checked); />label forcb_scalable> Generate Scalable Grid/label>/p> p>input typecheckbox namecssreset idcb_cssreset onclickdesigner.setCSSReset(this.checked); />label forcb_cssreset> Generate CSS Reset/label>/p> h2>Style Sheet/h2> textarea namecss styleheight:300px>/textarea> h2>HTML Template/h2> textarea nametemplate styleheight:300px>/textarea> h2>Margin/Column Widths/h2> textarea namemargins styleheight:50px>/textarea> /form>/div>div idtab_about_panel classtab_hidden> h1>Welcome/h1> p>If youre familiar with the grid, a bit of design and basic typography, using this script should be pretty easy - most of the functions are pretty self-explanatory./p> p>If youre unfamiliar with grids in general, you could start by reading an excellent series of a hrefhttp://www.markboulton.co.uk/journal/comments/five_simple_steps_to_designing_grid_systems_part_1/ target_blank>articles/a> by web designer Mark Boulton./p> p>For those who want a real understanding of the theory of grids in relation to design and typography, I strongly recommend a hrefhttp://www.amazon.com/Systems-Graphic-Design-Josef-Muller-Brockmann/dp/3721201450/refpd_bbs_2?ieUTF8&sbooks&qid1195847947&sr8-2 target_blank>this book/a>./p> h1>Design a Grid/h1> p>On the strong>Columns/strong> tab, you can start your design in two ways:/p> ol> li>Fill in the number of columns, total width, gutters and margin widths, all specified in pixels - then press the strong>design/strong> button./li> li>Recalculate the settings in various ways by clicking the row of buttons located next to each setting./li> /ol> p>The grid preview on the strong>Columns/strong> tab will display the widths of each area, in pixels. Below it, the widths of spanning columns is displayed. Click the em>→/em> strong>arrows/strong> em>←/em> in the grid, to span/unspan multiple columns in your layout./p> h1>Typography/h1> p>Use the strong>Typography/strong> tab to adjust and calculate basic typographic settings for your design. The line height (in pixels) is also your vertical grid size - the line heights of your typography are specified in number of lines. The strong>align/strong> setting can be used to tweak the vertical alignment of the text - adjusting this to align the baselines of your typefaces is a good idea./p> p>strong>Leading/strong> specifies the number of lines of space beneath a paragraph of text - sometimes you need an extra line of leading to properly align your headlines, so that they dont overlap with the following paragraph. The rest should be pretty straight forward and self explanatory./p> h1>Export/h1> p>Finally, on the strong>Export/strong> tab, you can generate copy-and-paste ready CSS, and a sample XHTML template./p> p>Use the strong>scalable grid/strong> option, if you want a grid that can resize horizontally - all of the pixel widths will be recalculated and specified in percentages./p> p>The strong>CSS Reset/strong> option generates CSS to reset all standard typographic settings, margins, padding, alignment, table spacing, etc. - this is highly recommended, as browsers have different default settings, which may interfere with your typography. If you disable this option, your typography may not come out exactly the way you designed it./p> p>Note that you can strong>bookmark your design/strong> - the URL in your browser is updated dynamically, and contains all your grid and typography settings, making it easy to copy, save and share your designs./p> h1>Have fun!/h1> /div>div idgrid-container>/div>script typetext/javascript>var gaJsHost ((https: document.location.protocol) ? https://ssl. : http://www.);document.write(unescape(%3Cscript src + gaJsHost + google-analytics.com/ga.js typetext/javascript%3E%3C/script%3E));/script>script typetext/javascript>var pageTracker _gat._getTracker(UA-4235582-1);pageTracker._initData();pageTracker._trackPageview();/script>/body>/html>
View on OTX
|
View on ThreatMiner
Please enable JavaScript to view the
comments powered by Disqus.
Data with thanks to
AlienVault OTX
,
VirusTotal
,
Malwr
and
others
. [
Sitemap
]