https://hyphop.github.io/me/

1<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
2<html>
3<head>
4<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
5<title>
6My Contacts : HYPHOP /
7</title>
8
9<style>
10
11html, body {
12    padding: 0px;
13    margin: 0px;
14    margin-left: auto;
15    margin-right: auto;
16    width: auto;
17    max-width: 800px;
18    min-width: 320px;
19    height:100%;
20    font-family: arial;
21    font-size: 24px;
22    color: #000000;
23    background: #666666;
24}
25
26table {
27/*
28    font-family: arial;
29    font-size: 16px;
30    color: #000000;
31*/
32}
33
34pro {
35    font-family: arial;
36    font-size: 16px;
37    color: #000000;
38}
39
40label{
41    font-family: arial;
42    font-size: 18px;
43    border: 0px solid red;
44    display: inline-block;
45    width: 100%;
46}
47
48h1,h2,h3 {
49    font-size: 110%;
50    color: #666666;
51
52}
53
54.bottom { 
55    border-top: 1px solid black;
56    padding: 20px;
57    font-size: 70%;
58}
59
60p {
61    padding-bottom: 10px;
62}
63
64
65h2 {
66    font-size: 120%;
67}
68
69h1 {
70    font-size: 150%;
71}
72
73a{
74    color: #4186be;
75
76    text-decoration: none;
77}
78
79a:hover {
80    color: #E86402;
81;
82}
83
84h2 b{
85    color: #E86402;
86}
87
88.date{
89	background: #eee;
90	display: block;
91	padding: 10px;
92	width: 100px;
93	float: left;
94	margin-right: 20px;
95	color: #aaa;
96	font-size: 100%;
97	text-align: center;
98}
99
100
101.pro{
102	font-size: 120%;
103}
104
105.main{
106    border: solid 1px #fff;
107    background: #fff;
108    margin: 0px;
109    padding: 0px;
110    padding-top: 20px;
111    padding-left: 40px;
112    padding-right: 40px;
113    height:auto !important; /* real browsers */
114    height:100%; /* IE6: treaded as min-height*/
115    min-height:100%; /* real browsers */
116}
117
118.content {
119    padding-bottom: 60px;
120}
121    .cmd {
122	padding-left: 10px;
123        list-style: none;
124	font-family: monospace;
125	font-size: 80%;
126    }
127
128    .cmd li{
129
130    }
131
132    .cmd li:before {
133	content: "# ";
134	color: #aaffff;
135    }
136
137    pre {
138
139    padding: 0px;
140    white-space: pre;
141    margin: 0px;
142	font-size: 85%;
143    }
144
145    code {
146	display: block;
147	padding-left: 10px;
148	font-family: monospace;
149	white-space: pre-line;
150	border-left: solid #bebebe 4px;
151	color: #666666;
152    }
153
154    
155
156</style>
157</head>
158
159<body>
160
161<div class="main">
162
163    <div>
164    <a href="/"><img style="margin-bottom: -10px; margin-top: 20px; padding-right: 10px;" align="" src="
165data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMAAAAAwCAYAAABHTnUeAAABLklEQVR42u3csU3DUBRAUYyoadmEHqZhAkagYAKmYQDEIrTUSGGDuPiynpJ7ThvZ/op09SU/29vT2+fp5ozP1/vt3O/P779Lx9f9vDye/f8ePr62I4+vu51eAEwSAGkCIE0ApAmANAGQJgDS7qYXsDpHOPr4Pdc+5zh6zrB3/j2r17cDkCYA0gRAmgBIEwBpAiBNAKTtzgFW75Nfuun3IVbvk6+ef/p9hKOvbwcgTQCkCYA0AZAmANIEQJoASNudA0w/Tz89h5j+7tHqffBLd/ScwQ5AmgBIEwBpAiBNAKQJgDQBkDb+XaA903OCa//uz/Tz/qvrW2UHIE0ApAmANAGQJgDSBECaAEjbTn/fowuY/j7/9PP+ddNzBjsAaQIgTQCkCYA0AZAmANIEQNo/tw1rLAGgkD4AAAAASUVORK5CYII=
166" alt="hyphop"></a>
167    </div>
168
169    <div style="width: 100%; background: transparent url(
170data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAwAQMAAABKYuosAAAAAXNSR0IArs4c6QAAAAZQTFRFAAAAvr6+PDh3aAAAAAF0Uk5TAEDm2GYAAAABYktHRACIBR1IAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QQBCAY7tbK8OAAAABNJREFUCNdjYKAy+P//P1HEAAEAIIcX6fBqGsUAAAAASUVORK5CYII=
171) repeat-x">&nbsp;</div>
172
173    <div class="content">
174    <a name="content"></a>
175
176<p>
177<table>
178<Tr>
179<td >
180<h1>Contact Me</h1>
181
182<p>email still best way to communicate with me</p>

183<script>
184// ## hyphop ## 
185var me="tema";
186var AT="@";
187var NULL="mailto:";
188var stop_spam="mail";
189var dotcom=".com";
190
191document.write( "<a href=\"" +
192NULL + "e" + stop_spam + "2" + me + AT + "g" + stop_spam + dotcom 
193+
194"\">" + "e" + stop_spam + "2" + me + AT + "g" + stop_spam + dotcom 
195+ "</a>"
196);
197</script>

197
198</td>
199<td style="width: 50%">
200<a alt="hyphop" href="../pics/hyphop_face.jpg" target="hyphop" ><img alt="hyphop" src="../pics/hyphop_face.jpg"/ width="100%"></a>
201</td>
202</tr>
203</table>
204
205</p>
206<pre>
207<h2>About Me</h2>
208    name: Artem Lapkin aka Art Nikplal aka HypHop aka AKA
209    age : 36 Yo - 1981 Ya
210    sex : ♂ Male ⚭
211    lang: Russian
212          English / Spanish / Thai
213
214    pro : <b>20+years Linux & open source, 
215	  SoCs software developer for DIY IOT EMBED...
216	  audio, video, music, Internet
217	  software engineer | developer
218	  Last Just Another Perl Hacker
219	  & Perl Monk
220	  </b>
221    add : art designer / musician
222
223    hoby: music, running, fishing, diving, reading,
224	  electronic gadgets, music experiments,
225	  ascii art 
226
227    loc : Thailand | Russia
228
229    lnks: <a href="https://github.com/hyphop">https://github.com/hyphop</a>
230	  <a href="https://hyphop.github.io">https://hyphop.github.io</a>
231
232    cv:   <a href="https://hyphop.github.io/cv">https://hyphop.github.io/cv</a>
233	  <a href="https://hyphop.github.io/cv">https://hyphop.github.io/cv/hyphop_cv.pdf</a>
234
235    </div>
236
237    <div class="bottom">
238    generated by </a>
239    <!---->
240    <a href="https://github.com/hyphop">
241    ## hyphop ##
242    </a>
243    Sun May 27 12:02:23 +07 2018
244    </div>
245
246</div>
247</body>
248</html>
249