diff --git a/about_me2/LICENSE b/about_me2/LICENSE
new file mode 100644
index 0000000..8ba2564
--- /dev/null
+++ b/about_me2/LICENSE
@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2015 Eliseo Papa
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/about_me2/README.md b/about_me2/README.md
new file mode 100644
index 0000000..99d2d44
--- /dev/null
+++ b/about_me2/README.md
@@ -0,0 +1,65 @@
+# markdown-cv
+
+A curriculum vitae maintained in plain text and rendered to HTML and PDF using CSS.
+
+For more details, see the [project page](http://elipapa.github.io/markdown-cv), or the blog post on [why I switched to markdown for my CV](http://elipapa.github.io/blog/why-i-switched-to-markdown-for-my-cv.html).
+
+***
+
+## Customization
+
+Simply [fork the markdown-cv repo](https://github.com/elipapa/markdown-cv)
+
+![](https://help.github.com/assets/images/help/repository/fork_button.jpg)
+
+and edit the `index.md` file [directly in Github](https://help.github.com/articles/editing-files-in-your-repository/)
+
+![](https://help.github.com/assets/images/help/repository/edit-file-edit-button.png)
+
+adding your skills, jobs and education.
+
+![](https://help.github.com/assets/images/help/repository/edit-readme-light.png)
+
+## Distribution
+
+To transform your plain text CV into a beautiful and shareable HTML page, you have two options:
+
+### I. Use Github Pages to publish it online
+
+1. Delete the existing `gh-pages` branch from your fork. It will only contain this webpage. You can either use git or [the Github web interface](https://help.github.com/articles/creating-and-deleting-branches-within-your-repository/#deleting-a-branch).
+2. Create a new branch called `gh-pages`.
+3. Head to *yourusername*.github.io/markdown-cv to see your CV live.
+
+Any change you want to make to your CV from then on would have to be done on the `gh-pages` branch and will be immediately rendered by Github Pages.
+
+### II. Build it locally and print a PDF
+
+1. To [install jekyll](https://jekyllrb.com/docs/installation/), run `gem install bundler jekyll` from the command line.
+3. [Clone](https://help.github.com/en/articles/cloning-a-repository) your fork of markdown-cv to your local machine.
+3. Type `jekyll serve` to render your CV at http://localhost:4000.
+4. You can edit the `index.md` file and see the changes live in your browser.
+5. To print a PDF, press <kbd>⌘</kbd> + <kbd>p</kbd>. Print and web CSS media queries should take care of the styling.
+
+## Styling
+
+The included CSS will render your CV in two styles:
+s
+1. `kjhealy` the original default, inspired by [kjhealy's vita
+template](https://github.com/kjhealy/kjh-vita).
+2. `davewhipp` is a tweaked version of `kjhealy`, with bigger fonts and dates
+  right aligned.
+
+To change the default style, simply change the variable in the
+`_config.yml` file.
+
+Any other styling is possible. More CSS style contributions and forks are welcome!
+
+### Author
+
+Eliseo Papa ([Twitter](http://twitter.com/elipapa)/[Github](http://github.com/elipapa)/[Website](https://elipapa.github.io)).
+
+![Eliseo Papa](https://s.gravatar.com/avatar/eae1f0c01afda2bed9ce9cb88f6873f6?s=100)
+
+### License
+
+[MIT License](https://github.com/elipapa/markdown-cv/blob/master/LICENSE)
diff --git a/about_me2/favicon.ico b/about_me2/favicon.ico
new file mode 100644
index 0000000..c3bca6c
Binary files /dev/null and b/about_me2/favicon.ico differ
diff --git a/about_me2/index.html b/about_me2/index.html
new file mode 100644
index 0000000..875d2fc
--- /dev/null
+++ b/about_me2/index.html
@@ -0,0 +1,173 @@
+<!doctype html>
+<html>
+<head>
+  <meta charset=utf-8 name="viewport" content="width=device-width, initial-scale=1.0"/>
+  <title>  Martin Fencl's CV |  CV</title>
+  <link href="media/kjhealy-screen.css" type="text/css" rel="stylesheet" media="screen">
+  <link href="media/kjhealy-print.css" type="text/css" rel="stylesheet" media="print">
+</head>
+<body>
+  <div id="main">
+    <div id="content">
+    <h1 id="martin-fencl">Martin Fencl</h1>
+<p>Software test developer, Python engineer, HW tester.</p>
+
+<div id="webaddress">
+<a href="martin@martinfencl.eu">martin@martinfencl.eu</a>
+| <a href="https://www.linkedin.com/in/martin-fencl-6a9795189/">My linkedin page</a>
+</div>
+
+<div style="position:absolute;  top: 125px;  left:33.5%;">
+  <img src="https://media-exp1.licdn.com/dms/image/C4D03AQHf42s9PdItiQ/profile-displayphoto-shrink_800_800/0/1649094514688?e=2147483647&amp;v=beta&amp;t=dzRGhT5vQ_64piZjueEWZvFbEpyOczqQ6bkrHRQvDWs" width="200" height="200" />
+</div>
+
+<p><br /></p>
+<p><br /></p>
+
+<p> 
+ </p>
+
+<p><br /></p>
+
+<p> 
+ </p>
+
+<p><br /></p>
+
+<h2 id="currently">Currently</h2>
+
+<p><strong>I work as a freelancer and I’m searching for interesting projects that I would enjoy.</strong></p>
+
+<h3 id="interest-in">Interest in</h3>
+
+<ul>
+  <li>Robotics <br />
+– autonomous projects <br />
+– DYI projects (modeling drones, aircraft …) <br />
+– automation (home security system, DYI projects) <br /></li>
+  <li>Linux-based systems (preferring Debian-Based)</li>
+  <li>Dockerizing <br />
+– docker, docker-compose <br />
+– kubernetes <br /></li>
+  <li>Cryptography (YubiKey) <br />
+– OATH – HOTP <br />
+– OATH – TOTP <br />
+– FIDO U2F, FIDO2 (WebAuthn)<br /></li>
+</ul>
+
+<h2 id="education">Education</h2>
+
+<p><code class="language-plaintext highlighter-rouge">2008-2012</code></p>
+<p><br /></p>
+<p><strong>Completion of the study program in the field of Electronics Mechanics</strong></p>
+<ul>
+  <li>High School of Electrical Engineering, Hluboká nad Vltavou (Czechia)</li>
+  <li>Level EQF 4</li>
+</ul>
+
+<p><code class="language-plaintext highlighter-rouge">2013-2018</code></p>
+<p><br /></p>
+<p><strong>Completion of the study program in the field of Applied Electrical Engineering</strong></p>
+<ul>
+  <li>University of West Bohemia, Faculty of Electrical Engineering, Pilsen (Czechia)</li>
+  <li>Level EQF 6</li>
+</ul>
+
+<p><code class="language-plaintext highlighter-rouge">2018-2020</code></p>
+<p><br /></p>
+<p><strong>Completion of the study program in the field of commercial electrical engineering</strong></p>
+<ul>
+  <li>University of West Bohemia, Faculty of Electrical Engineering, Pilsen (Czechia)</li>
+  <li>Level EQF 7</li>
+</ul>
+
+<h2 id="work-experience">Work Experience</h2>
+<p><code class="language-plaintext highlighter-rouge">2013-2013</code></p>
+<p><br /></p>
+<p><strong>IT service worker / support</strong></p>
+<ul>
+  <li><em>Karel Peisker</em>, Budweis (Czechia)</li>
+  <li>Network service, user interface security</li>
+</ul>
+
+<p><code class="language-plaintext highlighter-rouge">2016-2017</code></p>
+<p><br /></p>
+<p><strong>Development programmer - development department (internship)</strong></p>
+<ul>
+  <li><em>Robert Bosch, spol. s.r.o.</em>, Budweis (Czechia)</li>
+  <li>Programming of laboratory instruments</li>
+  <li>Development department assistance</li>
+</ul>
+
+<p><em>technologies / tools used:</em> <br />
+– LabView <br />
+– Python <br /></p>
+
+<p><code class="language-plaintext highlighter-rouge">2017-2020</code></p>
+<p><br /></p>
+<p><strong>Development programmer - technology department (internship)</strong></p>
+<ul>
+  <li><em>Robert Bosch, spol. s.r.o.</em>, Budweis (Czechia)</li>
+  <li>Programming of laboratory measuring devices</li>
+  <li>Testing of laboratory equipment, proposal for improvement and calibration</li>
+  <li>Analysis and work with data</li>
+</ul>
+
+<p><em>technologies / tools used:</em>  <br />	
+– Git <br />
+– LabVIEW <br />
+– Python <br />
+– Visual Basic for Applications (VBA) <br />
+– Structured Text (ST) <br />
+– 3D printing (SLA, DMLS) <br />
+– Measuring and analysis technology <br /></p>
+
+<p><code class="language-plaintext highlighter-rouge">2017-2020</code></p>
+<p><br /></p>
+<p><strong>Software test engineer – DITET5 (Schweinfurth team for EMF projects)</strong></p>
+<ul>
+  <li><em>ZF Engineering Pilsen, spol. s.r.o.</em>, Pilsen (Czechia)</li>
+  <li>Testing of hybrid automotive units (8P4G project)</li>
+  <li>Creating automation tests, regression tests</li>
+  <li>Manual testing of internal software (EMF)</li>
+  <li>Problem analysis, consulting of status SW</li>
+</ul>
+
+<p><em>technologies / tools used:</em> <br />
+– Dspace SCALEXIO (rapid control prototyping (RCP) applications) <br />
+– Exam (test extension/orchestrator) <br />
+– Python <br /></p>
+
+<p><code class="language-plaintext highlighter-rouge">2020-</code></p>
+<p><br /></p>
+<p><strong>Software test developer</strong></p>
+<ul>
+  <li><em>W.A.G. payment solutions, a.s., Princip, a.s.</em>, Prague (Czechia)</li>
+  <li>Creating, develop and maintain software unit project for testing (SwMU)</li>
+  <li>Modified existing software to detect and correct errors, improve performance, and upgrade interfaces (cooperating with sw-team)</li>
+  <li>Prepared reports on specifications and activities for each project.</li>
+  <li>Designed web applications (interface for support SwMU project)</li>
+</ul>
+
+<p><em>technologies / tools used:</em> <br />
+– Apache Kafka (event streaming platform)  <br />
+– Python <br />
+– Git <br />
+– Flask, Flask-RestAPI <br />
+– Django <br />
+– Docker, Docker-compose <br />
+– Helm, Skaffold <br />
+– Kubernetes (and local minikube) <br /></p>
+
+<div style="position:static;bottom: 0px; left:0px;">
+	<button onclick="history.back()">Go Back</button>
+</div>
+
+<!-- ### Footer
+
+Last updated: May 2013 -->
+
+    </div>
+  </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/about_me2/media/davewhipp-print.css b/about_me2/media/davewhipp-print.css
new file mode 100644
index 0000000..79b3ddd
--- /dev/null
+++ b/about_me2/media/davewhipp-print.css
@@ -0,0 +1,194 @@
+/* http://meyerweb.com/eric/tools/css/reset/
+   v2.0 | 20110126
+   License: none (public domain)
+*/
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	font-size: 100%;
+	font: inherit;
+	vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+	display: block;
+}
+body {
+	line-height: 1;
+}
+ol, ul {
+	list-style: none;
+}
+blockquote, q {
+	quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: '';
+	content: none;
+}
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}
+
+/* end of reset */
+
+
+
+body {
+	font: normal normal 400;
+	font-size: 12pt;
+	line-height: 1.35em;
+	/*also written as...  font: normal normal 400 100%/1.5em;*/
+	font-family: Avenir,Verdana,sans-serif;
+	/*margin-top: 1em;
+	margin-left: 1em;*/
+}
+
+p {
+	position: relative;
+	left: 25%;
+	margin-bottom: 0.2em;
+	margin-right: 0;
+	width: 60%;
+}
+
+code {
+	font: normal normal;
+	font-size: 90%;
+	/*line-height: 1em;*/
+	font-family: Monaco,Menlo,monospace,sans-serif;
+	color: #ccc;
+}
+
+p code {
+	position: absolute;
+	text-align: right;
+	right: -20%;
+}
+
+
+ul {
+	position: relative;
+	left: 25%;
+	width: 75%;
+	margin-bottom: 1em;
+	/*margin-top: -0.5em;*/
+}
+
+/*uncomment to get dashes in the list*/
+/*li:before {
+	content: "-";
+	position: relative;
+	left: -0.25em;
+}*/
+
+li {
+	/*second line indent*/
+	padding-left: 1.25em;
+	text-indent: -1.25em;
+	/*color: #777;*/
+}
+
+li ul {
+	position: relative;
+	left: 0;
+	width: 100%;
+	margin-top: 0.25em;
+}
+
+h1,h2,h3,h4 {
+	font-weight: 400;
+	font-family: Avenir,Cousine,Verdana,sans-serif;
+	width: 80%;
+}
+
+h1 {
+	text-align: left;
+	font-size: 3em;
+	line-height: 1em;
+	position: relative;
+	left: 25%;
+}
+
+h1+p {
+	/*subtitle*/
+	font-style: italic;
+	font-size: 110%;
+}
+
+h2 {
+	font-size: 1.1em;
+	color: #a00;
+	margin-top: 2em;
+	position: relative;
+	top: 1.2em;
+	text-align: right;
+	width: 20%;
+}
+
+
+h3 {
+	font-size: 1em;
+	line-height: 2em;
+	color: #ccc;
+	position: relative;
+	top: 1.6em;
+	text-align: right;
+	width: 20%;
+}
+
+a {
+	color: inherit;
+	text-decoration:none
+}
+
+a:hover {
+	color:#39f
+}
+
+#webaddress {
+	margin-top: 1em;
+	position: relative;
+	left: 25%;
+	color: #ccc;
+	font-family: Monaco,Menlo,monospace,sans-serif;
+	font-size: 90%;
+}
+
+#webaddress a {
+	text-decoration: none;
+}
+
+em {
+	font-style: normal;
+	color: #2d4e5e
+}
+
+strong {
+	font-weight: bold;
+}
+
+#ghbutton {
+	display: none;
+	visibility: hidden;
+}
+
+
+
diff --git a/about_me2/media/davewhipp-screen.css b/about_me2/media/davewhipp-screen.css
new file mode 100644
index 0000000..adacc45
--- /dev/null
+++ b/about_me2/media/davewhipp-screen.css
@@ -0,0 +1,195 @@
+/* http://meyerweb.com/eric/tools/css/reset/
+   v2.0 | 20110126
+   License: none (public domain)
+*/
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	font-size: 100%;
+	font: inherit;
+	vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+	display: block;
+}
+body {
+	line-height: 1;
+}
+ol, ul {
+	list-style: none;
+}
+blockquote, q {
+	quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: '';
+	content: none;
+}
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}
+
+/* end of reset */
+
+
+
+body {
+	font: normal normal 400;
+	font-size: 100%;
+	line-height: 1.5em;
+	/*also written as...  font: normal normal 400 100%/1.5em;*/
+	font-family: Avenir,Verdana,sans-serif;
+	margin-top: 1em;
+	margin-left: 1em;
+}
+
+p {
+	position: relative;
+	left: 25%;
+	margin-bottom: 0.7em;
+	margin-right: 0;
+	width: 55%;
+}
+
+code {
+	font: normal normal;
+	font-size: 90%;
+	/*line-height: 1em;*/
+	font-family: Monaco,Menlo,monospace,sans-serif;
+	color: #aaa;
+}
+
+p code {
+	position: absolute;
+	text-align: right;
+	right: -20%;
+}
+
+
+ul {
+	position: relative;
+	left: 25%;
+	width: 75%;
+	margin-bottom: 1.5em;
+	margin-top: -0.5em;
+}
+
+/*uncomment to get dashes in the list*/
+/*li:before {
+	content: "-";
+	position: relative;
+	left: -0.25em;
+}*/
+
+li {
+	/*second line indent*/
+	padding-left: 1.25em;
+	text-indent: -1.25em;
+	/*color: #777;*/
+}
+
+li ul {
+	position: relative;
+	left: 0;
+	width: 100%;
+	margin-top: 0.25em;
+}
+
+h1,h2,h3,h4 {
+	font-weight: 400;
+	font-family: Avenir,Cousine,Verdana,sans-serif;
+	width: 80%;
+}
+
+h1 {
+	text-align: left;
+	font-size: 3em;
+	line-height: 1em;
+	position: relative;
+	left: 25%;
+}
+
+h1+p {
+	/*subtitle*/
+	font-style: italic;
+	font-size: 110%;
+}
+
+h2 {
+	font-size: 1.1em;
+	color: #bc412b;
+	margin-top: 3em;
+	position: relative;
+	top: 1.4em;
+	text-align: right;
+	width: 20%;
+}
+
+h3 {
+	font-size: 1em;
+	line-height: 2em;
+	position: relative;
+	top: 1.7em;
+	text-align: right;
+	width: 20%;
+}
+
+a {
+	color: inherit;
+	/*text-decoration:none*/
+}
+
+a:hover {
+	color:#39f
+}
+
+#webaddress {
+	margin-top: 1em;
+	position: relative;
+	left: 25%;
+	color: #bc412b;
+	font-family: Monaco,Menlo,monospace,sans-serif;
+	font-size: 100%;
+}
+
+#webaddress a {
+	text-decoration: none;
+}
+
+em {
+	/* font-weight: bold; */
+	font-style: italic;
+}
+
+strong {
+	font-weight: bold;
+}
+
+#address {
+	display: none;
+}
+
+
+
+/*
+@media only screen and (max-width: 480px) {
+	make one column somehow...
+}*/
\ No newline at end of file
diff --git a/about_me2/media/kjhealy-print.css b/about_me2/media/kjhealy-print.css
new file mode 100644
index 0000000..1996e09
--- /dev/null
+++ b/about_me2/media/kjhealy-print.css
@@ -0,0 +1,194 @@
+/* http://meyerweb.com/eric/tools/css/reset/ 
+   v2.0 | 20110126
+   License: none (public domain)
+*/
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed, 
+figure, figcaption, footer, header, hgroup, 
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	font-size: 100%;
+	font: inherit;
+	vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure, 
+footer, header, hgroup, menu, nav, section {
+	display: block;
+}
+body {
+	line-height: 1;
+}
+ol, ul {
+	list-style: none;
+}
+blockquote, q {
+	quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: '';
+	content: none;
+}
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}
+
+/* end of reset */
+
+
+
+body {
+	font: normal normal 400;
+	font-size: 10pt;
+	line-height: 1.35em;
+	/*also written as...  font: normal normal 400 100%/1.5em;*/
+	font-family: Verdana,sans-serif;
+	/*margin-top: 1em;
+	margin-left: 1em;*/
+}
+
+p {
+	position: relative;
+	left: 28%;
+	margin-bottom: 0.2em;
+	margin-right: 0;
+	width: 70%;
+}
+
+code {
+	font: normal normal;
+	font-size: 60%;
+	/*line-height: 1em;*/
+	font-family: Menlo,monospace,sans-serif;
+	color: #ccc;
+}
+
+p code {
+	position: absolute;
+	left: -11%;
+}
+
+
+ul { 
+	position: relative;
+	left: 28%;
+	width: 65%;
+	margin-bottom: 1em;
+	/*margin-top: -0.5em;*/
+}
+
+/*uncomment to get dashes in the list*/
+/*li:before {
+	content: "-";
+	position: relative;
+	left: -0.25em;
+}*/
+
+li {
+	/*second line indent*/
+	padding-left: 1.25em;
+	text-indent: -1.25em;
+	/*color: #777;*/
+}
+
+li ul {
+	position: relative;
+	left: 0;
+	width: 100%;
+	margin-top: 0.25em;
+}
+
+h1,h2,h3,h4 {
+	font-weight: 400;
+	font-family: Cousine,Verdana,sans-serif;
+	width: 65%;
+}
+
+h1 {
+	text-align: left;
+	font-size: 3em;
+	line-height: 1em;
+	position: relative;
+	left: 28%;
+}
+
+h1+p { 
+	/*subtitle*/
+	font-style: italic;
+	font-size: 110%;
+}
+
+h2 {
+	font-size: 1.1em;
+	color: #a00;
+	margin-top: 2em;
+	position: relative;
+	top: 1.2em;
+	text-align: right;
+	width: 18%;
+}
+
+
+h3 {
+	font-size: 1em;
+	line-height: 2em; 
+	color: #ccc;
+	position: relative;
+	top: 1.6em;
+	text-align: right;
+	width: 18%;
+}
+
+a {
+	color: inherit;
+	text-decoration:none
+}
+
+a:hover {
+	color:#39f
+}
+
+#webaddress {
+	margin-top: 1em;
+	position: relative;
+	left: 28%;
+	color: #ccc;
+	font-family: Menlo,monospace,sans-serif;
+	font-size: 80%;
+}
+
+#webaddress a {
+	text-decoration: none;
+}
+
+em {
+	font-style: normal;
+	color: #2d4e5e 
+}
+
+strong {
+	font-weight: bold;
+}
+
+#ghbutton {
+	display: none;
+	visibility: hidden;
+}
+
+
+
+
diff --git a/about_me2/media/kjhealy-screen.css b/about_me2/media/kjhealy-screen.css
new file mode 100644
index 0000000..a8bffae
--- /dev/null
+++ b/about_me2/media/kjhealy-screen.css
@@ -0,0 +1,196 @@
+/* http://meyerweb.com/eric/tools/css/reset/ 
+   v2.0 | 20110126
+   License: none (public domain)
+*/
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed, 
+figure, figcaption, footer, header, hgroup, 
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	font-size: 100%;
+	font: inherit;
+	vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure, 
+footer, header, hgroup, menu, nav, section {
+	display: block;
+}
+body {
+	line-height: 1;
+}
+ol, ul {
+	list-style: none;
+}
+blockquote, q {
+	quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: '';
+	content: none;
+}
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}
+
+/* end of reset */
+
+
+
+body {
+	font: normal normal 400;
+	font-size: 80%;
+	line-height: 1.5em;
+	/*also written as...  font: normal normal 400 100%/1.5em;*/
+	font-family: Verdana,sans-serif;
+	margin-top: 1em;
+	margin-left: 1em;
+}
+
+p {
+	position: relative;
+	left: 33%;
+	margin-bottom: 0.7em;
+	margin-right: 0;
+	width: 65%;
+}
+
+code {
+	font: normal normal;
+	font-size: 75%;
+	/*line-height: 1em;*/
+	font-family: Menlo,monospace,sans-serif;
+	color: #aaa;
+}
+
+p code {
+	position: absolute;
+	left: -14%;
+}
+
+
+ul { 
+	position: relative;
+	left: 33%;
+	width: 65%;
+	margin-bottom: 1.5em;
+	margin-top: -0.5em;
+}
+
+/*uncomment to get dashes in the list*/
+/*li:before {
+	content: "-";
+	position: relative;
+	left: -0.25em;
+}*/
+
+li {
+	/*second line indent*/
+	padding-left: 1.25em;
+	text-indent: -1.25em;
+	/*color: #777;*/
+}
+
+li ul {
+	position: relative;
+	left: 0;
+	width: 100%;
+	margin-top: 0.25em;
+}
+
+h1,h2,h3,h4 {
+	font-weight: 400;
+	font-family: Cousine,Verdana,sans-serif;
+	width: 65%;
+}
+
+h1 {
+	text-align: left;
+	font-size: 3em;
+	line-height: 1em;
+	position: relative;
+	left: 33%;
+}
+
+h1+p { 
+	/*subtitle*/
+	font-style: italic;
+	font-size: 110%;
+}
+
+h2 {
+	font-size: 1.1em;
+	color: #a00;
+	margin-top: 3em;
+	position: relative;
+	top: 1.4em;
+	text-align: right;
+	width: 20%;
+}
+
+h3 {
+	font-size: 1em;
+	line-height: 2em; 
+	position: relative;
+	top: 1.7em;
+	text-align: right;
+	width: 20%;
+}
+
+a {
+	color: inherit;
+	/*text-decoration:none*/
+}
+
+a:hover {
+	color:#39f
+}
+
+#webaddress {
+	position: relative;
+	left: 33%;
+	margin-bottom: 0.7em;
+	margin-right: 0;
+	width: 65%;
+	color: #aaa;
+	font-family: Menlo,monospace,sans-serif;
+	font-size: 80%;
+}
+
+#webaddress a {
+	text-decoration: none;
+}
+
+em {
+	font-weight: bold;
+	font-style: italic;
+}
+
+strong {
+	font-weight: bold;
+}
+
+#address {
+	display: none;
+}
+
+
+
+/*
+@media only screen and (max-width: 480px) {
+	make one column somehow...
+}*/