diff --git a/README.md b/README.md
index 324adc6adc3..3e99c3ab551 100644
--- a/README.md
+++ b/README.md
@@ -1,55 +1 @@
-## Website Performance Optimization portfolio project
-
-Your challenge, if you wish to accept it (and we sure hope you will), is to optimize this online portfolio for speed! In particular, optimize the critical rendering path and make this page render as quickly as possible by applying the techniques you've picked up in the [Critical Rendering Path course](https://www.udacity.com/course/ud884).
-
-To get started, check out the repository and inspect the code.
-
-### Getting started
-
-####Part 1: Optimize PageSpeed Insights score for index.html
-
-Some useful tips to help you get started:
-
-1. Check out the repository
-1. To inspect the site on your phone, you can run a local server
-
- ```bash
- $> cd /path/to/your-project-folder
- $> python -m SimpleHTTPServer 8080
- ```
-
-1. Open a browser and visit localhost:8080
-1. Download and install [ngrok](https://ngrok.com/) to the top-level of your project directory to make your local server accessible remotely.
-
- ``` bash
- $> cd /path/to/your-project-folder
- $> ./ngrok http 8080
- ```
-
-1. Copy the public URL ngrok gives you and try running it through PageSpeed Insights! Optional: [More on integrating ngrok, Grunt and PageSpeed.](http://www.jamescryer.com/2014/06/12/grunt-pagespeed-and-ngrok-locally-testing/)
-
-Profile, optimize, measure... and then lather, rinse, and repeat. Good luck!
-
-####Part 2: Optimize Frames per Second in pizza.html
-
-To optimize views/pizza.html, you will need to modify views/js/main.js until your frames per second rate is 60 fps or higher. You will find instructive comments in main.js.
-
-You might find the FPS Counter/HUD Display useful in Chrome developer tools described here: [Chrome Dev Tools tips-and-tricks](https://developer.chrome.com/devtools/docs/tips-and-tricks).
-
-### Optimization Tips and Tricks
-* [Optimizing Performance](https://developers.google.com/web/fundamentals/performance/ "web performance")
-* [Analyzing the Critical Rendering Path](https://developers.google.com/web/fundamentals/performance/critical-rendering-path/analyzing-crp.html "analyzing crp")
-* [Optimizing the Critical Rendering Path](https://developers.google.com/web/fundamentals/performance/critical-rendering-path/optimizing-critical-rendering-path.html "optimize the crp!")
-* [Avoiding Rendering Blocking CSS](https://developers.google.com/web/fundamentals/performance/critical-rendering-path/render-blocking-css.html "render blocking css")
-* [Optimizing JavaScript](https://developers.google.com/web/fundamentals/performance/critical-rendering-path/adding-interactivity-with-javascript.html "javascript")
-* [Measuring with Navigation Timing](https://developers.google.com/web/fundamentals/performance/critical-rendering-path/measure-crp.html "nav timing api"). We didn't cover the Navigation Timing API in the first two lessons but it's an incredibly useful tool for automated page profiling. I highly recommend reading.
-* The fewer the downloads, the better
-* Reduce the size of text
-* Optimize images
-* HTTP caching
-
-### Customization with Bootstrap
-The portfolio was built on Twitter's Bootstrap framework. All custom styles are in `dist/css/portfolio.css` in the portfolio repo.
-
-* Bootstrap's CSS Classes
-* Bootstrap's Components
+## Website Performance Optimization portfolio projectYour challenge, if you wish to accept it (and we sure hope you will), is to optimize this online portfolio for speed! In particular, optimize the critical rendering path and make this page render as quickly as possible by applying the techniques you've picked up in the [Critical Rendering Path course](https://www.udacity.com/course/ud884).To get started, check out the repository and inspect the code.### Getting started####Part 1: Optimize PageSpeed Insights score for index.htmlSome useful tips to help you get started:1. Check out the repository1. To inspect the site on your phone, you can run a local server```bash$> cd /path/to/your-project-folder$> python -m SimpleHTTPServer 8080```1. Open a browser and visit localhost:80801. Download and install [ngrok](https://ngrok.com/) to the top-level of your project directory to make your local server accessible remotely.``` bash$> cd /path/to/your-project-folder$> ./ngrok http 8080```1. Copy the public URL ngrok gives you and try running it through PageSpeed Insights! Optional: [More on integrating ngrok, Grunt and PageSpeed.](http://www.jamescryer.com/2014/06/12/grunt-pagespeed-and-ngrok-locally-testing/)Profile, optimize, measure... and then lather, rinse, and repeat. Good luck!####Part 2: Optimize Frames per Second in pizza.htmlTo optimize views/pizza.html, you will need to modify views/js/main.js until your frames per second rate is 60 fps or higher. You will find instructive comments in main.js.You might find the FPS Counter/HUD Display useful in Chrome developer tools described here: [Chrome Dev Tools tips-and-tricks](https://developer.chrome.com/devtools/docs/tips-and-tricks).### Optimization Tips and Tricks* [Optimizing Performance](https://developers.google.com/web/fundamentals/performance/ "web performance")* [Analyzing the Critical Rendering Path](https://developers.google.com/web/fundamentals/performance/critical-rendering-path/analyzing-crp.html "analyzing crp")* [Optimizing the Critical Rendering Path](https://developers.google.com/web/fundamentals/performance/critical-rendering-path/optimizing-critical-rendering-path.html "optimize the crp!")* [Avoiding Rendering Blocking CSS](https://developers.google.com/web/fundamentals/performance/critical-rendering-path/render-blocking-css.html "render blocking css")* [Optimizing JavaScript](https://developers.google.com/web/fundamentals/performance/critical-rendering-path/adding-interactivity-with-javascript.html "javascript")* [Measuring with Navigation Timing](https://developers.google.com/web/fundamentals/performance/critical-rendering-path/measure-crp.html "nav timing api"). We didn't cover the Navigation Timing API in the first two lessons but it's an incredibly useful tool for automated page profiling. I highly recommend reading.* The fewer the downloads, the better* Reduce the size of text* Optimize images* HTTP caching### Customization with BootstrapThe portfolio was built on Twitter's Bootstrap framework. All custom styles are in `dist/css/portfolio.css` in the portfolio repo.* Bootstrap's CSS Classes* Bootstrap's Components
\ No newline at end of file
diff --git a/css/print.css b/css/print.css
index 6c537316c03..33f23239eb6 100644
--- a/css/print.css
+++ b/css/print.css
@@ -1,10 +1 @@
-@media print {
- * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; }
- a, a:visited { color: #444 !important; text-decoration: underline; }
- a[href]:after { content: " (" attr(href) ")"; }
- tr, img { page-break-inside: avoid; }
- img { max-width: 100% !important; }
- @page { margin: 0.5cm; }
- p, h2, h3 { orphans: 3; widows: 3; }
- h2, h3{ page-break-after: avoid; }
-}
+@media print{* {background:transparent !important;color:black !important;text-shadow:none !important;filter:none !important;-ms-filter:none !important;}a,a:visited{color:#444 !important;text-decoration:underline;}a[href]:after{content:" (" attr(href) ")";}tr,img{page-break-inside: avoid;}img{max-width:100% !important;}@page{margin:0.5cm;}p,h2,h3{orphans:3;widows:3;}h2,h3{page-break-after:avoid;}}
\ No newline at end of file
diff --git a/css/style.css b/css/style.css
index ea49bda6578..d318324e9d8 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1,49 +1,2 @@
-html {
- font-size: 100%;
- overflow-y: scroll;
- -webkit-tap-highlight-color: rgba(0,0,0,0);
- -ms-text-size-adjust: 100%;
- -webkit-text-size-adjust: none;
-}
-body { margin: 0; font-size: 14px; line-height: 1.61; font-weight: 400; }
-body, button, input, select, textarea { font-family: 'Open Sans', sans-serif; color: #333; }
-
-a { color: #12C; }
-a:visited { color: #61C; }
-a:focus { outline: thin dotted; }
-a:hover, a:active { color: #c00; outline: 0; }
-
-b, strong { font-weight: bold; }
-pre, code { font-family: monospace, monospace; font-size: 1em; }
-ul, ol { margin: 1em 0; padding: 0 0 0 20px; }
-img { border: 0; max-width: 100%; }
-
-body { background: #fff; }
-header, footer, .container { max-width: 45em; margin: 0 auto; }
-
-header { padding: 0 0.5em; color: #C90B0B; }
-header img { border-radius: 40px; float: left; }
-header p { font-size:1.5em; font-weight: bold; padding-left: 4em;}
-header p span { font-size: 0.8em; font-weight: normal;}
-
-.hero { padding: 2em; background-color: #f8f8f8; font-size:1.2em;
- border-bottom: 1px solid #ccc;
- border-top: 1px solid #ccc;
-}
-
-.content { padding: 1em 1em; }
-.content li { list-style-type: none; font-size: 1.1em;}
-li img { float:left; padding-right: 1em; }
-li p { font-size: 0.9em; font-style: italic; }
-
-footer {
- padding: 0 0.5em;
- border-top: 1px solid #ccc;
-}
-footer span { float: right; font-style: italic; }
-
-/* Smartphones (portrait) */
-@media only screen and (max-width: 480px) {
- body { font-size: 12px;}
- header p { padding-left: 4.5em;}
-}
+html {font-size:100%;overflow-y: scroll;-webkit-tap-highlight-color: rgba(0,0,0,0);-ms-text-size-adjust: 100%;-webkit-text-size-adjust: none;}body {margin: 0; font-size: 14px; line-height: 1.61; font-weight: 400;}body, button, input, select, textarea { font-family: 'Open Sans', sans-serif; color: #333; }a {color: #12C;}a:visited {color: #61C; }a:focus {outline: thin dotted; }a:hover, a:active {color: #c00; outline: 0; }b, strong { font-weight: bold; }pre, code {font-family: monospace, monospace; font-size: 1em; }ul, ol { margin: 1em 0; padding: 0 0 0 20px; }img { border: 0; max-width: 100%; }
+body {background: #fff; }header,footer,.container {max-width: 45em; margin: 0 auto; }header { padding: 0 0.5em; color: #C90B0B; }header img {border-radius: 40px; float: left;}header p {font-size:1.5em; font-weight: bold; padding-left: 4em;}header p span { font-size: 0.8em; font-weight: normal;}.hero { padding: 2em; background-color: #f8f8f8; font-size:1.2em;border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;}.content {padding: 1em 1em;}.content li {list-style-type: none; font-size: 1.1em;}li img {float:left; padding-right: 1em;}li p {font-size: 0.9em; font-style: italic;}footer {padding: 0 0.5em;border-top: 1px solid #ccc;}footer span {float: right; font-style: italic;}@media only screen and (max-width: 480px){body {font-size: 12px;}header p { padding-left: 4.5em;}}
\ No newline at end of file
diff --git a/img/D.jpg b/img/D.jpg
new file mode 100644
index 00000000000..2691f65c579
Binary files /dev/null and b/img/D.jpg differ
diff --git a/index.html b/index.html
index 01ebf055996..b81d15f231c 100644
--- a/index.html
+++ b/index.html
@@ -1,72 +1,14 @@
-
-
-
- I love web development! This is a template for a simple portfolio. I decided to use it to showcase a few Udacity courses I've taken and some teaching work, but you can use it to showcase any kind of project that you want the world to see :) Contact me: me@email.com
-
I love web development! This is a template for a simple portfolio.
+ I decided to use it to showcase a few Udacity courses I've taken and some teaching work, but you can use it to showcase any kind of
+ project that you want the world to see :) Contact me: me@email.com And me too: mary_puchkova@mail.ru, +375 29 891 33 13
+
- 2048 is awesome! I loved making my own 2048 with Andy and Sarah. Below, I'm showing off a screenshot from the Udacity version of 2048.
-
-
-
-
-
-
-
Bacon ipsum dolor sit amet et pork belly porchetta excepteur dolor, laborum laboris magna labore dolore in fugiat beef ribs. Fugiat leberkas nulla do kevin dolore. Flank hamburger dolor swine prosciutto sirloin pig jerky sunt consequat pariatur. Mollit meatloaf nostrud laboris shoulder excepteur velit officia meatball nisi turkey. Nulla jowl spare ribs, et drumstick magna frankfurter.
-
-
Venison spare ribs dolor tri-tip duis turkey. Ut chicken proident ribeye est flank, sed frankfurter. Kielbasa exercitation ullamco leberkas. Landjaeger turkey culpa, tail short loin consectetur salami venison in corned beef eiusmod qui ad leberkas. Tri-tip adipisicing frankfurter ut sirloin rump consectetur. Chuck sint filet mignon labore eiusmod nulla. Venison shankle pork, consectetur nisi bacon spare ribs anim meatball sausage ball tip labore aute reprehenderit adipisicing.
-
-
-
-
-
-
+Cameron Pittman: Portfolio
Cameron Pittman Course Developer
2048 is awesome! I loved making my own 2048 with Andy and Sarah. Below, I'm showing off a screenshot from the Udacity version of 2048.
Bacon ipsum dolor sit amet et pork belly porchetta excepteur dolor, laborum laboris magna labore dolore in fugiat beef ribs. Fugiat leberkas nulla do kevin dolore. Flank hamburger dolor swine prosciutto sirloin pig jerky sunt consequat pariatur. Mollit meatloaf nostrud laboris shoulder excepteur velit officia meatball nisi turkey. Nulla jowl spare ribs, et drumstick magna frankfurter.
Venison spare ribs dolor tri-tip duis turkey. Ut chicken proident ribeye est flank, sed frankfurter. Kielbasa exercitation ullamco leberkas. Landjaeger turkey culpa, tail short loin consectetur salami venison in corned beef eiusmod qui ad leberkas. Tri-tip adipisicing frankfurter ut sirloin rump consectetur. Chuck sint filet mignon labore eiusmod nulla. Venison shankle pork, consectetur nisi bacon spare ribs anim meatball sausage ball tip labore aute reprehenderit adipisicing.
\ No newline at end of file
diff --git a/project-mobile.html b/project-mobile.html
index b9bec137a7c..ec7b44ad4fa 100644
--- a/project-mobile.html
+++ b/project-mobile.html
@@ -1,53 +1 @@
-
-
-
-
-
-
-
- Cameron Pitman: Portfolio
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Cameron Pittman Course Developer
-
-
-
-
- Developing for mobile is important! If you haven't taken this class, I highly recommend it!
-
-
-
-
-
Bacon ipsum dolor sit amet et pork belly porchetta excepteur dolor, laborum laboris magna labore dolore in fugiat beef ribs. Fugiat leberkas nulla do kevin dolore. Flank hamburger dolor swine prosciutto sirloin pig jerky sunt consequat pariatur. Mollit meatloaf nostrud laboris shoulder excepteur velit officia meatball nisi turkey. Nulla jowl spare ribs, et drumstick magna frankfurter.
-
-
-
-
Venison spare ribs dolor tri-tip duis turkey. Ut chicken proident ribeye est flank, sed frankfurter. Kielbasa exercitation ullamco leberkas. Landjaeger turkey culpa, tail short loin consectetur salami venison in corned beef eiusmod qui ad leberkas. Tri-tip adipisicing frankfurter ut sirloin rump consectetur. Chuck sint filet mignon labore eiusmod nulla. Venison shankle pork, consectetur nisi bacon spare ribs anim meatball sausage ball tip labore aute reprehenderit adipisicing.
-
-
-
-
-
-
+Cameron Pitman: Portfolio
Cameron Pittman Course Developer
Developing for mobile is important! If you haven't taken this class, I highly recommend it!
Bacon ipsum dolor sit amet et pork belly porchetta excepteur dolor, laborum laboris magna labore dolore in fugiat beef ribs. Fugiat leberkas nulla do kevin dolore. Flank hamburger dolor swine prosciutto sirloin pig jerky sunt consequat pariatur. Mollit meatloaf nostrud laboris shoulder excepteur velit officia meatball nisi turkey. Nulla jowl spare ribs, et drumstick magna frankfurter.
Venison spare ribs dolor tri-tip duis turkey. Ut chicken proident ribeye est flank, sed frankfurter. Kielbasa exercitation ullamco leberkas. Landjaeger turkey culpa, tail short loin consectetur salami venison in corned beef eiusmod qui ad leberkas. Tri-tip adipisicing frankfurter ut sirloin rump consectetur. Chuck sint filet mignon labore eiusmod nulla. Venison shankle pork, consectetur nisi bacon spare ribs anim meatball sausage ball tip labore aute reprehenderit adipisicing.
\ No newline at end of file
diff --git a/project-webperf.html b/project-webperf.html
index ae7aacb4334..412c99058e2 100644
--- a/project-webperf.html
+++ b/project-webperf.html
@@ -1,55 +1 @@
-
-
-
-
-
-
-
- Cameron Pittman: Portfolio
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Cameron Pittman Course Developer
-
-
-
-
- Thanks for taking this class! You are awesome for investing time and energy into your future :) We love making classes for you!
-
-
-
-
-
Thanks to everyone at Udacity and Google who made this class happen! Now for a very true meme and some lorem bacon ipsum.
-
-
-
-
Bacon ipsum dolor sit amet et pork belly porchetta excepteur dolor, laborum laboris magna labore dolore in fugiat beef ribs. Fugiat leberkas nulla do kevin dolore. Flank hamburger dolor swine prosciutto sirloin pig jerky sunt consequat pariatur. Mollit meatloaf nostrud laboris shoulder excepteur velit officia meatball nisi turkey. Nulla jowl spare ribs, et drumstick magna frankfurter.
-
-
Venison spare ribs dolor tri-tip duis turkey. Ut chicken proident ribeye est flank, sed frankfurter. Kielbasa exercitation ullamco leberkas. Landjaeger turkey culpa, tail short loin consectetur salami venison in corned beef eiusmod qui ad leberkas. Tri-tip adipisicing frankfurter ut sirloin rump consectetur. Chuck sint filet mignon labore eiusmod nulla. Venison shankle pork, consectetur nisi bacon spare ribs anim meatball sausage ball tip labore aute reprehenderit adipisicing.
-
-
-
-
-
-
+Cameron Pittman: Portfolio
Cameron Pittman Course Developer
Thanks for taking this class! You are awesome for investing time and energy into your future :) We love making classes for you!
Thanks to everyone at Udacity and Google who made this class happen! Now for a very true meme and some lorem bacon ipsum.
Bacon ipsum dolor sit amet et pork belly porchetta excepteur dolor, laborum laboris magna labore dolore in fugiat beef ribs. Fugiat leberkas nulla do kevin dolore. Flank hamburger dolor swine prosciutto sirloin pig jerky sunt consequat pariatur. Mollit meatloaf nostrud laboris shoulder excepteur velit officia meatball nisi turkey. Nulla jowl spare ribs, et drumstick magna frankfurter.
Venison spare ribs dolor tri-tip duis turkey. Ut chicken proident ribeye est flank, sed frankfurter. Kielbasa exercitation ullamco leberkas. Landjaeger turkey culpa, tail short loin consectetur salami venison in corned beef eiusmod qui ad leberkas. Tri-tip adipisicing frankfurter ut sirloin rump consectetur. Chuck sint filet mignon labore eiusmod nulla. Venison shankle pork, consectetur nisi bacon spare ribs anim meatball sausage ball tip labore aute reprehenderit adipisicing.