├── ai2html-demo
    ├── IMG_3928.JPG
    ├── ai2html-output
    │   ├── judging-Artboard_1.png
    │   ├── judging-Artboard_2.png
    │   ├── judging-Artboard_3.png
    │   ├── judging.html
    │   ├── judging.preview.html
    │   └── m24-logo.png
    ├── judging.ai
    ├── judging.jpg
    ├── m24-logo.png
    └── m24-template.html
└── tse-malofiej-2016-slides.pdf


/ai2html-demo/IMG_3928.JPG:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/archietse/malofiej-2016/f7854745fb98e3dece73df0a45d3fff1a53badf0/ai2html-demo/IMG_3928.JPG


--------------------------------------------------------------------------------
/ai2html-demo/ai2html-output/judging-Artboard_1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/archietse/malofiej-2016/f7854745fb98e3dece73df0a45d3fff1a53badf0/ai2html-demo/ai2html-output/judging-Artboard_1.png


--------------------------------------------------------------------------------
/ai2html-demo/ai2html-output/judging-Artboard_2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/archietse/malofiej-2016/f7854745fb98e3dece73df0a45d3fff1a53badf0/ai2html-demo/ai2html-output/judging-Artboard_2.png


--------------------------------------------------------------------------------
/ai2html-demo/ai2html-output/judging-Artboard_3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/archietse/malofiej-2016/f7854745fb98e3dece73df0a45d3fff1a53badf0/ai2html-demo/ai2html-output/judging-Artboard_3.png


--------------------------------------------------------------------------------
/ai2html-demo/ai2html-output/judging.html:
--------------------------------------------------------------------------------
  1 | <div id='g-judging-box' class='ai2html'>
  2 | 	<!-- Generated by ai2html v0.59 - 2016-03-11 - 16:38 -->
  3 | 	<!-- ai file: judging -->
  4 | 
  5 | 	<style type='text/css' media='screen,print'>
  6 | 		.g-artboard {
  7 | 			margin:0 auto;
  8 | 		}
  9 | 	</style>
 10 | 
 11 | 
 12 | 	<!-- Artboard: Artboard_1 -->
 13 | 	<div id='g-judging-Artboard_1' class='g-artboard ' data-min-width='720'>
 14 | 		<style type='text/css' media='screen,print'>
 15 | 			#g-judging-Artboard_1{
 16 | 				position:relative;
 17 | 				overflow:hidden;
 18 | 			}
 19 | 			.g-aiAbs{
 20 | 				position:absolute;
 21 | 			}
 22 | 			.g-aiImg{
 23 | 				display:block;
 24 | 				width:100% !important;
 25 | 			}
 26 | 			#g-judging-Artboard_1 p{
 27 | 				font-family:nyt-franklin,arial,helvetica,sans-serif;
 28 | 				font-size:13px;
 29 | 				line-height:18px;
 30 | 				margin:0;
 31 | 			}
 32 | 			#g-judging-Artboard_1 .g-aiPstyle0 {
 33 | 				font-family:arial,helvetica,sans-serif;
 34 | 				font-size:14px;
 35 | 				line-height:16px;
 36 | 				text-align:center;
 37 | 				filter: alpha(opacity=80);
 38 | 				-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';
 39 | 				opacity:0.8;
 40 | 				color:#ffffff;
 41 | 			}
 42 | 			#g-judging-Artboard_1 .g-aiPstyle1 {
 43 | 				font-family:arial,helvetica,sans-serif;
 44 | 				font-size:14px;
 45 | 				line-height:16px;
 46 | 				font-style:italic;
 47 | 				text-align:center;
 48 | 				padding-top:2px;
 49 | 				filter: alpha(opacity=80);
 50 | 				-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';
 51 | 				opacity:0.8;
 52 | 				color:#ffffff;
 53 | 			}
 54 | 			#g-judging-Artboard_1 .g-aiPstyle2 {
 55 | 				font-family:arial,helvetica,sans-serif;
 56 | 				font-size:14px;
 57 | 				line-height:16px;
 58 | 				filter: alpha(opacity=80);
 59 | 				-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';
 60 | 				opacity:0.8;
 61 | 				color:#ffffff;
 62 | 			}
 63 | 			.g-aiPtransformed p { white-space: nowrap; }
 64 | 		</style>
 65 | 		<div id='g-judging-Artboard_1-graphic'>
 66 | 			<img id='g-ai0-0'
 67 | 				class='g-aiImg'
 68 | 				src='judging-Artboard_1.png'
 69 | 				/>
 70 | 			<div id='g-ai0-1' class='g-Layer_2 g-aiAbs' style='bottom:72.11%;left:43.792%;width:16.597%;margin-left:-8.2985%;'>
 71 | 				<p class='g-aiPstyle0'>Monica</p>
 72 | 				<p class='g-aiPstyle0'>Ulmanu</p>
 73 | 				<p class='g-aiPstyle1'>President</p>
 74 | 			</div>
 75 | 			<div id='g-ai0-2' class='g-Layer_2 g-aiAbs' style='bottom:72.11%;left:27.8455%;'>
 76 | 				<p class='g-aiPstyle2'>Lauren</p>
 77 | 				<p class='g-aiPstyle2'>James</p>
 78 | 			</div>
 79 | 			<div id='g-ai0-3' class='g-Layer_2 g-aiAbs' style='bottom:72.11%;left:58.1944%;width:15.1302%;margin-left:-7.5651%;'>
 80 | 				<p class='g-aiPstyle0'>Carlos</p>
 81 | 				<p class='g-aiPstyle0'>Monteiro</p>
 82 | 			</div>
 83 | 			<div id='g-ai0-4' class='g-Layer_2 g-aiAbs' style='bottom:72.11%;left:69.4445%;width:15.7777%;margin-left:-7.8889%;'>
 84 | 				<p class='g-aiPstyle0'>Len</p>
 85 | 				<p class='g-aiPstyle0'>De Groot</p>
 86 | 			</div>
 87 | 			<div id='g-ai0-5' class='g-Layer_2 g-aiAbs' style='bottom:66.11%;left:79.1667%;width:20.3179%;margin-left:-10.159%;'>
 88 | 				<p class='g-aiPstyle0'>Maarten</p>
 89 | 				<p class='g-aiPstyle0'>Lambrechts</p>
 90 | 			</div>
 91 | 			<div id='g-ai0-6' class='g-Layer_2 g-aiAbs' style='bottom:66.11%;left:90.4606%;'>
 92 | 				<p class='g-aiPstyle2'>Raúl</p>
 93 | 				<p class='g-aiPstyle2'>Camañas</p>
 94 | 			</div>
 95 | 		</div>
 96 | 	</div>
 97 | 
 98 | 	<!-- Artboard: Artboard_2 -->
 99 | 	<div id='g-judging-Artboard_2' class='g-artboard ' data-min-width='450' data-max-width='719'>
100 | 		<style type='text/css' media='screen,print'>
101 | 			#g-judging-Artboard_2{
102 | 				position:relative;
103 | 				overflow:hidden;
104 | 			}
105 | 			.g-aiAbs{
106 | 				position:absolute;
107 | 			}
108 | 			.g-aiImg{
109 | 				display:block;
110 | 				width:100% !important;
111 | 			}
112 | 			#g-judging-Artboard_2 p{
113 | 				font-family:nyt-franklin,arial,helvetica,sans-serif;
114 | 				font-size:13px;
115 | 				line-height:18px;
116 | 				margin:0;
117 | 			}
118 | 			#g-judging-Artboard_2 .g-aiPstyle0 {
119 | 				font-family:arial,helvetica,sans-serif;
120 | 				font-size:14px;
121 | 				line-height:15px;
122 | 				text-align:center;
123 | 				filter: alpha(opacity=80);
124 | 				-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';
125 | 				opacity:0.8;
126 | 				color:#ffffff;
127 | 			}
128 | 			#g-judging-Artboard_2 .g-aiPstyle1 {
129 | 				font-family:arial,helvetica,sans-serif;
130 | 				font-size:14px;
131 | 				line-height:15px;
132 | 				font-style:italic;
133 | 				text-align:center;
134 | 				padding-top:1px;
135 | 				filter: alpha(opacity=80);
136 | 				-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';
137 | 				opacity:0.8;
138 | 				color:#ffffff;
139 | 			}
140 | 			.g-aiPtransformed p { white-space: nowrap; }
141 | 		</style>
142 | 		<div id='g-judging-Artboard_2-graphic'>
143 | 			<img id='g-ai1-0'
144 | 				class='g-aiImg'
145 | 				src='judging-Artboard_2.png'
146 | 				/>
147 | 			<div id='g-ai1-1' class='g-Layer_2 g-aiAbs' style='bottom:87.0742%;left:14.2173%;width:19.3746%;margin-left:-9.6873%;'>
148 | 				<p class='g-aiPstyle0'>Lauren</p>
149 | 				<p class='g-aiPstyle0'>James</p>
150 | 			</div>
151 | 			<div id='g-ai1-2' class='g-Layer_2 g-aiAbs' style='bottom:83.3032%;left:80.5186%;width:32.5087%;margin-left:-16.2543%;'>
152 | 				<p class='g-aiPstyle0'>Maarten</p>
153 | 				<p class='g-aiPstyle0'>Lambrechts</p>
154 | 			</div>
155 | 			<div id='g-ai1-3' class='g-Layer_2 g-aiAbs' style='bottom:70.7187%;left:37.7607%;width:26.5551%;margin-left:-13.2776%;'>
156 | 				<p class='g-aiPstyle0'>Monica</p>
157 | 				<p class='g-aiPstyle0'>Ulmanu</p>
158 | 				<p class='g-aiPstyle1'>President</p>
159 | 			</div>
160 | 			<div id='g-ai1-4' class='g-Layer_2 g-aiAbs' style='bottom:70.2497%;left:54.4257%;width:24.2083%;margin-left:-12.1042%;'>
161 | 				<p class='g-aiPstyle0'>Carlos</p>
162 | 				<p class='g-aiPstyle0'>Monteiro</p>
163 | 			</div>
164 | 			<div id='g-ai1-5' class='g-Layer_2 g-aiAbs' style='bottom:70.2497%;left:70.1871%;width:25.2444%;margin-left:-12.6222%;'>
165 | 				<p class='g-aiPstyle0'>Len</p>
166 | 				<p class='g-aiPstyle0'>De Groot</p>
167 | 			</div>
168 | 			<div id='g-ai1-6' class='g-Layer_2 g-aiAbs' style='bottom:69.6696%;left:91.201%;width:26.6298%;margin-left:-13.3149%;'>
169 | 				<p class='g-aiPstyle0'>Raúl</p>
170 | 				<p class='g-aiPstyle0'>Camañas</p>
171 | 			</div>
172 | 		</div>
173 | 	</div>
174 | 
175 | 	<!-- Artboard: Artboard_3 -->
176 | 	<div id='g-judging-Artboard_3' class='g-artboard ' data-min-width='300' data-max-width='449'>
177 | 		<style type='text/css' media='screen,print'>
178 | 			#g-judging-Artboard_3{
179 | 				position:relative;
180 | 				overflow:hidden;
181 | 			}
182 | 			.g-aiAbs{
183 | 				position:absolute;
184 | 			}
185 | 			.g-aiImg{
186 | 				display:block;
187 | 				width:100% !important;
188 | 			}
189 | 			#g-judging-Artboard_3 p{
190 | 				font-family:nyt-franklin,arial,helvetica,sans-serif;
191 | 				font-size:13px;
192 | 				line-height:18px;
193 | 				margin:0;
194 | 			}
195 | 			#g-judging-Artboard_3 .g-aiPstyle0 {
196 | 				font-family:arial,helvetica,sans-serif;
197 | 				line-height:14px;
198 | 				text-align:center;
199 | 				filter: alpha(opacity=80);
200 | 				-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';
201 | 				opacity:0.8;
202 | 				color:#ffffff;
203 | 			}
204 | 			#g-judging-Artboard_3 .g-aiPstyle1 {
205 | 				font-family:arial,helvetica,sans-serif;
206 | 				line-height:14px;
207 | 				font-style:italic;
208 | 				text-align:center;
209 | 				padding-top:1px;
210 | 				filter: alpha(opacity=80);
211 | 				-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';
212 | 				opacity:0.8;
213 | 				color:#ffffff;
214 | 			}
215 | 			.g-aiPtransformed p { white-space: nowrap; }
216 | 		</style>
217 | 		<div id='g-judging-Artboard_3-graphic'>
218 | 			<img id='g-ai2-0'
219 | 				class='g-aiImg'
220 | 				src='judging-Artboard_3.png'
221 | 				/>
222 | 			<div id='g-ai2-1' class='g-Layer_2 g-aiAbs' style='bottom:86.519%;left:14.604%;width:26.9863%;margin-left:-13.4932%;'>
223 | 				<p class='g-aiPstyle0'>Lauren</p>
224 | 			</div>
225 | 			<div id='g-ai2-2' class='g-Layer_2 g-aiAbs' style='bottom:83.9414%;left:81.1071%;width:31.793%;margin-left:-15.8965%;'>
226 | 				<p class='g-aiPstyle0'>Maarten</p>
227 | 			</div>
228 | 			<div id='g-ai2-3' class='g-Layer_2 g-aiAbs' style='bottom:74.0903%;left:36.4097%;width:36.9876%;margin-left:-18.4938%;'>
229 | 				<p class='g-aiPstyle0'>Monica</p>
230 | 				<p class='g-aiPstyle1'>President</p>
231 | 			</div>
232 | 			<div id='g-ai2-4' class='g-Layer_2 g-aiAbs' style='bottom:73.6298%;left:55.0803%;width:25.0436%;margin-left:-12.5218%;'>
233 | 				<p class='g-aiPstyle0'>Carlos</p>
234 | 			</div>
235 | 			<div id='g-ai2-5' class='g-Layer_2 g-aiAbs' style='bottom:73.63%;left:89.3402%;width:17.8242%;margin-left:-8.9121%;'>
236 | 				<p class='g-aiPstyle0'>Raúl</p>
237 | 			</div>
238 | 			<div id='g-ai2-6' class='g-Layer_2 g-aiAbs' style='bottom:73.2004%;left:69.3863%;width:14.4603%;margin-left:-7.2301%;'>
239 | 				<p class='g-aiPstyle0'>Len</p>
240 | 			</div>
241 | 		</div>
242 | 	</div>
243 | 
244 | 
245 | 	<!-- End ai2html - 2016-03-11 - 16:38 -->
246 | </div>
247 | 


--------------------------------------------------------------------------------
/ai2html-demo/ai2html-output/judging.preview.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html>
  3 | <head>
  4 | 	<title>Ai Graphic Headline</title>
  5 | 	<meta charset="utf-8" />
  6 | </head>
  7 | <body>
  8 | 	<style>
  9 | 		.t-ai2htmlPage {
 10 | 			font-family: arial,sans-serif;
 11 | 			font-size: 14px;
 12 | 			line-height: 1.2;
 13 | 			width: 95%;
 14 | 			/*max-width: 1200px;*/
 15 | 			margin: 0 auto;
 16 | 		}
 17 | 		.t-pageTopper,
 18 | 		.t-pageFooter {
 19 | 			width: 100%;
 20 | 			background-color: #000;
 21 | 		}
 22 | 		.t-pageTopper {
 23 | 			margin-bottom:25px;
 24 | 			padding:15px 0px 6px;
 25 | 		}
 26 | 		.t-pageFooter {
 27 | 			margin-top:25px;
 28 | 			padding:5px 0px 2px;
 29 | 		}
 30 | 		.t-pageTopperText {
 31 | 			text-transform: uppercase;
 32 | 			font-size:.8em;
 33 | 			/*height:13px;*/
 34 | 			line-height: 1.4em;
 35 | 			color:#fff;
 36 | 		}
 37 | 		.t-pageFooter .t-pageTopperText {
 38 | 			margin-left:15px;
 39 | 		}
 40 | 		.t-pageHed {
 41 | 			font-size: 1.8em;
 42 | 			font-weight: normal;
 43 | 		}
 44 | 		.t-pageIntro,
 45 | 		.t-pageNotes,
 46 | 		.t-pageSources,
 47 | 		.t-pageCredits {
 48 | 			margin-top:10px;
 49 | 		}
 50 | 		.t-logo {
 51 | 			display: inline-block;
 52 | 			max-width:290px;
 53 | 			margin-left:15px;
 54 | 		}
 55 | 		.t-details {
 56 | 			white-space: nowrap;
 57 | 			margin-top: 10px;
 58 | 			margin-left:15px;
 59 | 			line-height: 3;
 60 | 		}
 61 | 	</style>
 62 | 
 63 | 
 64 | 	<div class="t-ai2htmlPage">
 65 | 		<div class="t-pageTopper t-pageTopperText">
 66 | 			<img src="m24-logo.png" class="t-logo" />
 67 | 			<span class="t-details">March 6-11, Pamplona, Spain</span>
 68 | 		</div>
 69 | 		<h1 class="t-pageHed">Ai Graphic Headline</h1>
 70 | 		<p class="t-pageIntro">Introductory text here.</p>
 71 | 		<div class="g-graphicPartial">
 72 | 			<div id='g-judging-box' class='ai2html'>
 73 | 	<!-- Generated by ai2html v0.59 - 2016-03-11 - 16:38 -->
 74 | 	<!-- ai file: judging -->
 75 | 
 76 | 	<style type='text/css' media='screen,print'>
 77 | 		.g-artboard {
 78 | 			margin:0 auto;
 79 | 		}
 80 | 	</style>
 81 | 
 82 | 
 83 | 	<!-- Artboard: Artboard_1 -->
 84 | 	<div id='g-judging-Artboard_1' class='g-artboard ' data-min-width='720'>
 85 | 		<style type='text/css' media='screen,print'>
 86 | 			#g-judging-Artboard_1{
 87 | 				position:relative;
 88 | 				overflow:hidden;
 89 | 			}
 90 | 			.g-aiAbs{
 91 | 				position:absolute;
 92 | 			}
 93 | 			.g-aiImg{
 94 | 				display:block;
 95 | 				width:100% !important;
 96 | 			}
 97 | 			#g-judging-Artboard_1 p{
 98 | 				font-family:nyt-franklin,arial,helvetica,sans-serif;
 99 | 				font-size:13px;
100 | 				line-height:18px;
101 | 				margin:0;
102 | 			}
103 | 			#g-judging-Artboard_1 .g-aiPstyle0 {
104 | 				font-family:arial,helvetica,sans-serif;
105 | 				font-size:14px;
106 | 				line-height:16px;
107 | 				text-align:center;
108 | 				filter: alpha(opacity=80);
109 | 				-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';
110 | 				opacity:0.8;
111 | 				color:#ffffff;
112 | 			}
113 | 			#g-judging-Artboard_1 .g-aiPstyle1 {
114 | 				font-family:arial,helvetica,sans-serif;
115 | 				font-size:14px;
116 | 				line-height:16px;
117 | 				font-style:italic;
118 | 				text-align:center;
119 | 				padding-top:2px;
120 | 				filter: alpha(opacity=80);
121 | 				-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';
122 | 				opacity:0.8;
123 | 				color:#ffffff;
124 | 			}
125 | 			#g-judging-Artboard_1 .g-aiPstyle2 {
126 | 				font-family:arial,helvetica,sans-serif;
127 | 				font-size:14px;
128 | 				line-height:16px;
129 | 				filter: alpha(opacity=80);
130 | 				-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';
131 | 				opacity:0.8;
132 | 				color:#ffffff;
133 | 			}
134 | 			.g-aiPtransformed p { white-space: nowrap; }
135 | 		</style>
136 | 		<div id='g-judging-Artboard_1-graphic'>
137 | 			<img id='g-ai0-0'
138 | 				class='g-aiImg'
139 | 				src='judging-Artboard_1.png'
140 | 				/>
141 | 			<div id='g-ai0-1' class='g-Layer_2 g-aiAbs' style='bottom:72.11%;left:43.792%;width:16.597%;margin-left:-8.2985%;'>
142 | 				<p class='g-aiPstyle0'>Monica</p>
143 | 				<p class='g-aiPstyle0'>Ulmanu</p>
144 | 				<p class='g-aiPstyle1'>President</p>
145 | 			</div>
146 | 			<div id='g-ai0-2' class='g-Layer_2 g-aiAbs' style='bottom:72.11%;left:27.8455%;'>
147 | 				<p class='g-aiPstyle2'>Lauren</p>
148 | 				<p class='g-aiPstyle2'>James</p>
149 | 			</div>
150 | 			<div id='g-ai0-3' class='g-Layer_2 g-aiAbs' style='bottom:72.11%;left:58.1944%;width:15.1302%;margin-left:-7.5651%;'>
151 | 				<p class='g-aiPstyle0'>Carlos</p>
152 | 				<p class='g-aiPstyle0'>Monteiro</p>
153 | 			</div>
154 | 			<div id='g-ai0-4' class='g-Layer_2 g-aiAbs' style='bottom:72.11%;left:69.4445%;width:15.7777%;margin-left:-7.8889%;'>
155 | 				<p class='g-aiPstyle0'>Len</p>
156 | 				<p class='g-aiPstyle0'>De Groot</p>
157 | 			</div>
158 | 			<div id='g-ai0-5' class='g-Layer_2 g-aiAbs' style='bottom:66.11%;left:79.1667%;width:20.3179%;margin-left:-10.159%;'>
159 | 				<p class='g-aiPstyle0'>Maarten</p>
160 | 				<p class='g-aiPstyle0'>Lambrechts</p>
161 | 			</div>
162 | 			<div id='g-ai0-6' class='g-Layer_2 g-aiAbs' style='bottom:66.11%;left:90.4606%;'>
163 | 				<p class='g-aiPstyle2'>Raúl</p>
164 | 				<p class='g-aiPstyle2'>Camañas</p>
165 | 			</div>
166 | 		</div>
167 | 	</div>
168 | 
169 | 	<!-- Artboard: Artboard_2 -->
170 | 	<div id='g-judging-Artboard_2' class='g-artboard ' data-min-width='450' data-max-width='719'>
171 | 		<style type='text/css' media='screen,print'>
172 | 			#g-judging-Artboard_2{
173 | 				position:relative;
174 | 				overflow:hidden;
175 | 			}
176 | 			.g-aiAbs{
177 | 				position:absolute;
178 | 			}
179 | 			.g-aiImg{
180 | 				display:block;
181 | 				width:100% !important;
182 | 			}
183 | 			#g-judging-Artboard_2 p{
184 | 				font-family:nyt-franklin,arial,helvetica,sans-serif;
185 | 				font-size:13px;
186 | 				line-height:18px;
187 | 				margin:0;
188 | 			}
189 | 			#g-judging-Artboard_2 .g-aiPstyle0 {
190 | 				font-family:arial,helvetica,sans-serif;
191 | 				font-size:14px;
192 | 				line-height:15px;
193 | 				text-align:center;
194 | 				filter: alpha(opacity=80);
195 | 				-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';
196 | 				opacity:0.8;
197 | 				color:#ffffff;
198 | 			}
199 | 			#g-judging-Artboard_2 .g-aiPstyle1 {
200 | 				font-family:arial,helvetica,sans-serif;
201 | 				font-size:14px;
202 | 				line-height:15px;
203 | 				font-style:italic;
204 | 				text-align:center;
205 | 				padding-top:1px;
206 | 				filter: alpha(opacity=80);
207 | 				-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';
208 | 				opacity:0.8;
209 | 				color:#ffffff;
210 | 			}
211 | 			.g-aiPtransformed p { white-space: nowrap; }
212 | 		</style>
213 | 		<div id='g-judging-Artboard_2-graphic'>
214 | 			<img id='g-ai1-0'
215 | 				class='g-aiImg'
216 | 				src='judging-Artboard_2.png'
217 | 				/>
218 | 			<div id='g-ai1-1' class='g-Layer_2 g-aiAbs' style='bottom:87.0742%;left:14.2173%;width:19.3746%;margin-left:-9.6873%;'>
219 | 				<p class='g-aiPstyle0'>Lauren</p>
220 | 				<p class='g-aiPstyle0'>James</p>
221 | 			</div>
222 | 			<div id='g-ai1-2' class='g-Layer_2 g-aiAbs' style='bottom:83.3032%;left:80.5186%;width:32.5087%;margin-left:-16.2543%;'>
223 | 				<p class='g-aiPstyle0'>Maarten</p>
224 | 				<p class='g-aiPstyle0'>Lambrechts</p>
225 | 			</div>
226 | 			<div id='g-ai1-3' class='g-Layer_2 g-aiAbs' style='bottom:70.7187%;left:37.7607%;width:26.5551%;margin-left:-13.2776%;'>
227 | 				<p class='g-aiPstyle0'>Monica</p>
228 | 				<p class='g-aiPstyle0'>Ulmanu</p>
229 | 				<p class='g-aiPstyle1'>President</p>
230 | 			</div>
231 | 			<div id='g-ai1-4' class='g-Layer_2 g-aiAbs' style='bottom:70.2497%;left:54.4257%;width:24.2083%;margin-left:-12.1042%;'>
232 | 				<p class='g-aiPstyle0'>Carlos</p>
233 | 				<p class='g-aiPstyle0'>Monteiro</p>
234 | 			</div>
235 | 			<div id='g-ai1-5' class='g-Layer_2 g-aiAbs' style='bottom:70.2497%;left:70.1871%;width:25.2444%;margin-left:-12.6222%;'>
236 | 				<p class='g-aiPstyle0'>Len</p>
237 | 				<p class='g-aiPstyle0'>De Groot</p>
238 | 			</div>
239 | 			<div id='g-ai1-6' class='g-Layer_2 g-aiAbs' style='bottom:69.6696%;left:91.201%;width:26.6298%;margin-left:-13.3149%;'>
240 | 				<p class='g-aiPstyle0'>Raúl</p>
241 | 				<p class='g-aiPstyle0'>Camañas</p>
242 | 			</div>
243 | 		</div>
244 | 	</div>
245 | 
246 | 	<!-- Artboard: Artboard_3 -->
247 | 	<div id='g-judging-Artboard_3' class='g-artboard ' data-min-width='300' data-max-width='449'>
248 | 		<style type='text/css' media='screen,print'>
249 | 			#g-judging-Artboard_3{
250 | 				position:relative;
251 | 				overflow:hidden;
252 | 			}
253 | 			.g-aiAbs{
254 | 				position:absolute;
255 | 			}
256 | 			.g-aiImg{
257 | 				display:block;
258 | 				width:100% !important;
259 | 			}
260 | 			#g-judging-Artboard_3 p{
261 | 				font-family:nyt-franklin,arial,helvetica,sans-serif;
262 | 				font-size:13px;
263 | 				line-height:18px;
264 | 				margin:0;
265 | 			}
266 | 			#g-judging-Artboard_3 .g-aiPstyle0 {
267 | 				font-family:arial,helvetica,sans-serif;
268 | 				line-height:14px;
269 | 				text-align:center;
270 | 				filter: alpha(opacity=80);
271 | 				-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';
272 | 				opacity:0.8;
273 | 				color:#ffffff;
274 | 			}
275 | 			#g-judging-Artboard_3 .g-aiPstyle1 {
276 | 				font-family:arial,helvetica,sans-serif;
277 | 				line-height:14px;
278 | 				font-style:italic;
279 | 				text-align:center;
280 | 				padding-top:1px;
281 | 				filter: alpha(opacity=80);
282 | 				-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';
283 | 				opacity:0.8;
284 | 				color:#ffffff;
285 | 			}
286 | 			.g-aiPtransformed p { white-space: nowrap; }
287 | 		</style>
288 | 		<div id='g-judging-Artboard_3-graphic'>
289 | 			<img id='g-ai2-0'
290 | 				class='g-aiImg'
291 | 				src='judging-Artboard_3.png'
292 | 				/>
293 | 			<div id='g-ai2-1' class='g-Layer_2 g-aiAbs' style='bottom:86.519%;left:14.604%;width:26.9863%;margin-left:-13.4932%;'>
294 | 				<p class='g-aiPstyle0'>Lauren</p>
295 | 			</div>
296 | 			<div id='g-ai2-2' class='g-Layer_2 g-aiAbs' style='bottom:83.9414%;left:81.1071%;width:31.793%;margin-left:-15.8965%;'>
297 | 				<p class='g-aiPstyle0'>Maarten</p>
298 | 			</div>
299 | 			<div id='g-ai2-3' class='g-Layer_2 g-aiAbs' style='bottom:74.0903%;left:36.4097%;width:36.9876%;margin-left:-18.4938%;'>
300 | 				<p class='g-aiPstyle0'>Monica</p>
301 | 				<p class='g-aiPstyle1'>President</p>
302 | 			</div>
303 | 			<div id='g-ai2-4' class='g-Layer_2 g-aiAbs' style='bottom:73.6298%;left:55.0803%;width:25.0436%;margin-left:-12.5218%;'>
304 | 				<p class='g-aiPstyle0'>Carlos</p>
305 | 			</div>
306 | 			<div id='g-ai2-5' class='g-Layer_2 g-aiAbs' style='bottom:73.63%;left:89.3402%;width:17.8242%;margin-left:-8.9121%;'>
307 | 				<p class='g-aiPstyle0'>Raúl</p>
308 | 			</div>
309 | 			<div id='g-ai2-6' class='g-Layer_2 g-aiAbs' style='bottom:73.2004%;left:69.3863%;width:14.4603%;margin-left:-7.2301%;'>
310 | 				<p class='g-aiPstyle0'>Len</p>
311 | 			</div>
312 | 		</div>
313 | 	</div>
314 | 
315 | 
316 | 	<!-- End ai2html - 2016-03-11 - 16:38 -->
317 | </div>
318 | 		</div>
319 | 		<p  class="t-pageNotes">Notes: Text goes here.</p>
320 | 		<p  class="t-pageSources">Source: Name goes here.</p>
321 | 		<p  class="t-pageCredits">By ai2html</p>
322 | 		<div class="t-pageFooter">
323 | 			<p class="t-pageTopperText">Malofiej 24 • March 6-11, Pamplona, Spain</p>
324 | 		</div>
325 | 	</div>
326 | 
327 | 
328 | 	<script type="text/javascript">
329 | 	    (function() {
330 | 	        // only want one resizer on the page
331 | 	        if (document.documentElement.className.indexOf("g-resizer-v3-init") > -1) return;
332 | 	        document.documentElement.className += " g-resizer-v3-init";
333 | 	        // require IE9+
334 | 	        if (!("querySelector" in document)) return;
335 | 	        function resizer() {
336 | 	            var elements = Array.prototype.slice.call(document.querySelectorAll(".g-artboard[data-min-width]")),
337 | 	                widthById = {};
338 | 	            elements.forEach(function(el) {
339 | 	                var parent = el.parentNode,
340 | 	                    width = widthById[parent.id] || parent.getBoundingClientRect().width,
341 | 	                    minwidth = el.getAttribute("data-min-width"),
342 | 	                    maxwidth = el.getAttribute("data-max-width");
343 | 	                widthById[parent.id] = width;
344 | 
345 | 	                if (+minwidth <= width && (+maxwidth >= width || maxwidth === null)) {
346 | 	                    el.style.display = "block";
347 | 	                } else {
348 | 	                    el.style.display = "none";
349 | 	                }
350 | 	            });
351 | 	            try {
352 | 	                if (window.parent && window.parent.$) {
353 | 	                    window.parent.$("body").trigger("resizedcontent", [window]);
354 | 	                }
355 | 	            } catch(e) { console.log(e); }
356 | 	        }
357 | 
358 | 	        document.addEventListener('DOMContentLoaded', resizer);
359 | 	        // feel free to replace throttle with _.throttle, if available
360 | 	        window.addEventListener('resize', throttle(resizer, 200));        
361 | 
362 | 	        function throttle(func, wait) {
363 | 	            // from underscore.js
364 | 	            var _now = Date.now || function() { return new Date().getTime(); },
365 | 	                context, args, result, timeout = null, previous = 0;
366 | 	            var later = function() {
367 | 	                previous = _now();
368 | 	                timeout = null;
369 | 	                result = func.apply(context, args);
370 | 	                if (!timeout) context = args = null;
371 | 	            };
372 | 	            return function() {
373 | 	                var now = _now(), remaining = wait - (now - previous);
374 | 	                context = this;
375 | 	                args = arguments;
376 | 	                if (remaining <= 0 || remaining > wait) {
377 | 	                    if (timeout) {
378 | 	                        clearTimeout(timeout);
379 | 	                        timeout = null;
380 | 	                    }
381 | 	                    previous = now;
382 | 	                    result = func.apply(context, args);
383 | 	                    if (!timeout) context = args = null;
384 | 	                } else if (!timeout && options.trailing !== false) {
385 | 	                    timeout = setTimeout(later, remaining);
386 | 	                }
387 | 	                return result;
388 | 	            };
389 | 	        }
390 | 
391 | 	       
392 | 	    })();
393 | 	</script>
394 | </body>
395 | </html>
396 | 
397 | 


--------------------------------------------------------------------------------
/ai2html-demo/ai2html-output/m24-logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/archietse/malofiej-2016/f7854745fb98e3dece73df0a45d3fff1a53badf0/ai2html-demo/ai2html-output/m24-logo.png


--------------------------------------------------------------------------------
/ai2html-demo/judging.ai:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/archietse/malofiej-2016/f7854745fb98e3dece73df0a45d3fff1a53badf0/ai2html-demo/judging.ai


--------------------------------------------------------------------------------
/ai2html-demo/judging.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/archietse/malofiej-2016/f7854745fb98e3dece73df0a45d3fff1a53badf0/ai2html-demo/judging.jpg


--------------------------------------------------------------------------------
/ai2html-demo/m24-logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/archietse/malofiej-2016/f7854745fb98e3dece73df0a45d3fff1a53badf0/ai2html-demo/m24-logo.png


--------------------------------------------------------------------------------
/ai2html-demo/m24-template.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html>
  3 | <head>
  4 | 	<title>{{ headline }}</title>
  5 | 	<meta charset="utf-8" />
  6 | </head>
  7 | <body>
  8 | 	<style>
  9 | 		.t-ai2htmlPage {
 10 | 			font-family: arial,sans-serif;
 11 | 			font-size: 14px;
 12 | 			line-height: 1.2;
 13 | 			width: 95%;
 14 | 			/*max-width: 1200px;*/
 15 | 			margin: 0 auto;
 16 | 		}
 17 | 		.t-pageTopper,
 18 | 		.t-pageFooter {
 19 | 			width: 100%;
 20 | 			background-color: #000;
 21 | 		}
 22 | 		.t-pageTopper {
 23 | 			margin-bottom:25px;
 24 | 			padding:15px 0px 6px;
 25 | 		}
 26 | 		.t-pageFooter {
 27 | 			margin-top:25px;
 28 | 			padding:5px 0px 2px;
 29 | 		}
 30 | 		.t-pageTopperText {
 31 | 			text-transform: uppercase;
 32 | 			font-size:.8em;
 33 | 			/*height:13px;*/
 34 | 			line-height: 1.4em;
 35 | 			color:#fff;
 36 | 		}
 37 | 		.t-pageFooter .t-pageTopperText {
 38 | 			margin-left:15px;
 39 | 		}
 40 | 		.t-pageHed {
 41 | 			font-size: 1.8em;
 42 | 			font-weight: normal;
 43 | 		}
 44 | 		.t-pageIntro,
 45 | 		.t-pageNotes,
 46 | 		.t-pageSources,
 47 | 		.t-pageCredits {
 48 | 			margin-top:10px;
 49 | 		}
 50 | 		.t-logo {
 51 | 			display: inline-block;
 52 | 			max-width:290px;
 53 | 			margin-left:15px;
 54 | 		}
 55 | 		.t-details {
 56 | 			white-space: nowrap;
 57 | 			margin-top: 10px;
 58 | 			margin-left:15px;
 59 | 			line-height: 3;
 60 | 		}
 61 | 	</style>
 62 | 
 63 | 
 64 | 	<div class="t-ai2htmlPage">
 65 | 		<div class="t-pageTopper t-pageTopperText">
 66 | 			<img src="m24-logo.png" class="t-logo" />
 67 | 			<span class="t-details">March 6-11, Pamplona, Spain</span>
 68 | 		</div>
 69 | 		<h1 class="t-pageHed">{{ headline }}</h1>
 70 | 		<p class="t-pageIntro">{{ leadin }}</p>
 71 | 		<div class="g-graphicPartial">
 72 | 			{{ ai2htmlPartial }}
 73 | 		</div>
 74 | 		<p  class="t-pageNotes">{{ notes }}</p>
 75 | 		<p  class="t-pageSources">{{ sources }}</p>
 76 | 		<p  class="t-pageCredits">{{ credit }}</p>
 77 | 		<div class="t-pageFooter">
 78 | 			<p class="t-pageTopperText">Malofiej 24 • March 6-11, Pamplona, Spain</p>
 79 | 		</div>
 80 | 	</div>
 81 | 
 82 | 
 83 | 	<script type="text/javascript">
 84 | 	    (function() {
 85 | 	        // only want one resizer on the page
 86 | 	        if (document.documentElement.className.indexOf("g-resizer-v3-init") > -1) return;
 87 | 	        document.documentElement.className += " g-resizer-v3-init";
 88 | 	        // require IE9+
 89 | 	        if (!("querySelector" in document)) return;
 90 | 	        function resizer() {
 91 | 	            var elements = Array.prototype.slice.call(document.querySelectorAll(".g-artboard[data-min-width]")),
 92 | 	                widthById = {};
 93 | 	            elements.forEach(function(el) {
 94 | 	                var parent = el.parentNode,
 95 | 	                    width = widthById[parent.id] || parent.getBoundingClientRect().width,
 96 | 	                    minwidth = el.getAttribute("data-min-width"),
 97 | 	                    maxwidth = el.getAttribute("data-max-width");
 98 | 	                widthById[parent.id] = width;
 99 | 
100 | 	                if (+minwidth <= width && (+maxwidth >= width || maxwidth === null)) {
101 | 	                    el.style.display = "block";
102 | 	                } else {
103 | 	                    el.style.display = "none";
104 | 	                }
105 | 	            });
106 | 	            try {
107 | 	                if (window.parent && window.parent.$) {
108 | 	                    window.parent.$("body").trigger("resizedcontent", [window]);
109 | 	                }
110 | 	            } catch(e) { console.log(e); }
111 | 	        }
112 | 
113 | 	        document.addEventListener('DOMContentLoaded', resizer);
114 | 	        // feel free to replace throttle with _.throttle, if available
115 | 	        window.addEventListener('resize', throttle(resizer, 200));        
116 | 
117 | 	        function throttle(func, wait) {
118 | 	            // from underscore.js
119 | 	            var _now = Date.now || function() { return new Date().getTime(); },
120 | 	                context, args, result, timeout = null, previous = 0;
121 | 	            var later = function() {
122 | 	                previous = _now();
123 | 	                timeout = null;
124 | 	                result = func.apply(context, args);
125 | 	                if (!timeout) context = args = null;
126 | 	            };
127 | 	            return function() {
128 | 	                var now = _now(), remaining = wait - (now - previous);
129 | 	                context = this;
130 | 	                args = arguments;
131 | 	                if (remaining <= 0 || remaining > wait) {
132 | 	                    if (timeout) {
133 | 	                        clearTimeout(timeout);
134 | 	                        timeout = null;
135 | 	                    }
136 | 	                    previous = now;
137 | 	                    result = func.apply(context, args);
138 | 	                    if (!timeout) context = args = null;
139 | 	                } else if (!timeout && options.trailing !== false) {
140 | 	                    timeout = setTimeout(later, remaining);
141 | 	                }
142 | 	                return result;
143 | 	            };
144 | 	        }
145 | 
146 | 	       
147 | 	    })();
148 | 	</script>
149 | </body>
150 | </html>


--------------------------------------------------------------------------------
/tse-malofiej-2016-slides.pdf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/archietse/malofiej-2016/f7854745fb98e3dece73df0a45d3fff1a53badf0/tse-malofiej-2016-slides.pdf


--------------------------------------------------------------------------------