dm

Cuprum от Jovanny Lemonad

Похоже на PT Sans.

По доходам можно понять.
Нет доходов - надо что-то менять.
Мало доходов - надо что-то менять.
Много доходов - надо грести бабло.
А без натурного эксперимента понять сложно.

dmink больше совсем не хотите оплачивать хостинг? Тогда попробуйте найти хостера, который за красивые глаза за небольшую рекламу на Вашем проекте будет хостить его бесплатно. Повесите на сайте объявление что проект заморожен и куда-нибудь баннер с рекламой хостинга. И пусть висит до лучших времен.

Только домен не забывайте оплачивать (к халявному хосту лучше домен не переносить) и заранее сделайте бекапы файлов и базы Вашего проекта, бекапы скопируйте в несколько надежных мест. Можете даже локально хранить, на паре флешек или разных винтов.

Совсем убивать сайт и оставлять на память только бекапы, точно не стоит. Оплата продления домена стоит копейки.

1. Сохраняем дамп базы данных.
2. Добавляем все статические файлы в архив.
3. Сохраняем 1),2) себе на компьютер.
4. В место сайта делаем заглушку типа "Бла бла бла мы закрылись. Если что пишите vnikuda@domain.com"

Либо попросить хостера с этим помочь.

Или я что-то не так понял и всё на много сложнее?

Emmet - ускоряет формирование html.
SASS, LESS, Stylus - CSS препроцессоры (также есть постпроцессоры).
Gulp, Grunt, Webpack - помогают собирать проекты. По сути менеджеры задач по компиляции sass, less, coffee и т.д. и сборки этого всего в пару файлов.
Для ускорения верстки также порекомендовал бы использовать CSS фреймворки типа Bootstrap, Foundation. Но не злоупотреблять стилями по-умолчанию =)

Вот вам пример как это можно сделать без js-са:
HTML:

<div id="mono">
  <input type="checkbox" name="image" id="tonggle" />
  <label for="tonggle">
    <img src="http://wikipics.net/photos/20150206142322639625248.jpg" >
  </label>
  <div id="tex">Praesent sodales suscipit eros ut tempor. Curabitur pulvinar lectus ut enim gravida dictum. Vivamus eget nunc diam. Donec nec risus dictum, ullamcorper erat non, rutrum purus. Mauris lacus nibh, ornare sit amet ipsum et, rutrum sagittis tellus. Cras tincidunt facilisis facilisis. Cras lectus elit, efficitur at est nec, dictum gravida diam. Praesent eget ex porttitor nisi egestas commodo placerat vel eros. Nam sed justo congue, lobortis felis quis, fermentum massa. Donec egestas faucibus magna vitae maximus. Integer non facilisis dolor. Maecenas posuere elit ut magna bibendum, sit amet iaculis justo tempus. Vivamus vulputate eu neque quis hendre</div>
</div>

CSS:

#mono {
  width: 500px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
#mono label {
  width: 100%;
  height: 100%;
  display: block;
  cursor: pointer;
  z-index: 2;
  position: relative;
}
#mono input {
  position: absolute;
  left: -9999px;
}
#mono input:checked + label img {
  -webkit-transform: translate(0, -350px);
      -ms-transform: translate(0, -350px);
          transform: translate(0, -350px);
}
#mono #tex {
  position: absolute;
  padding: 20px;
  z-index: 1;
  top: 0;
  left: 0;
}
#mono img {
  width: 500px;
  position: relative;
  -webkit-transition: -webkit-transform 1s;
          transition: transform 1s;
}

Для наглядности вот вам демку накидал.

В спросе не CMS, а качественные услуги. 90% заказчиков нет дела до того, как все будет сделано, лишь бы добиться цели.
Думайте не в ключе "я не хочу вставать на работу", это ни к чему хорошему вас не приведет. Думайте о приятном, о том, чего хотите достичь, планируйте день.
Вот полезное видео.
Дело не во фрилансе или работе, на которй вы работете, а в вашем настроении и ожиданиях от жизни.
Даже работа с 9 до 9 может приносить радость, если вы понимаете, для чего это делаете и куда движетесь.
Работодатели смотрят на вас, на вашу речь, вы убеждаете их и продаете себя, свое время и свои умения. Портфолио не так важно. Гораздо важнее тот образ, который вы создаете, общаясь с заказчиком и работодателем.
Если общаясь с вами они поймут, что вы эксперт, вам отдадут любой проект. Те, кто заказывает, имеют цель и выбирают в исполнители тех, у кого цели похожи на их собственные.
Поэтому подумайте как следует, чего вы на самом деле хотите. Тогда на вашем пути появятся правильные люди. Правильное общение даст новые привычки и принесет новые проекты. Разберитесь в себе.
Удачи вам и успехов.

Есть плагины для бекапа можно бекапнуть и из бекапа скачать тему

В объекте window на событие scroll вешаем обработчик и меняем горизонтальную позицию фиксированного блока.
Уже миллион раз про это спрашивали.
jsfiddle.net/petroveg/m7bb25w9

Просто отлично, что вы к этому пришли.
Как говорится, с начала освойте азбуку, а потом уже за c++ принимайтесь.

1. Charles Petzold "C.O.D.E."
Читать обязательно. Очень хорошо разжёвываются все эти битности, разрядности и .тд.
В процессе чтения Вы, вместе с автором постепенно собираете компьютер и попутно осваиваете для этого необходимый бекграунд.
С начала разбираются подходы в кодировании информации, не шифровка, а принципы представления информации в нулях и единицах. Потом разбираются системы счисления, потом немного химии и физики, что бы представлять как течёт ток по проводам. Потом разбираетесь как работают реле, далее идут первые логические элементы на реле. Потом вместе с автором собираете различные компоненты типо памяти, процессора на основе ранее сконструированных логических элементах. В общем это всё продолжается пока вы в конце не построите компьютер и изучите несколько основных ассемблерных команд, попутно изучив как считать в разных системах счисления, краткую историю развития комп техники и все логические элементы.

2. Andrew Tannenbaum "Structured Computer Organization"
По идее, можете даже сразу начать с этой книги, но все те фундаментальные вещи, которые разжёвывает Петцольд тут будут упомянуты вскользь, но тут пойдут уже более серьёзные вещи по поводу архитектуры. Будут рассматриваться уровни устройства современных процессоров, памяти, ассемблер, прерывания и т.д. т.д. т.д. Перечислять всё не имеет смысла, т.к. список будет оооочень большой. Это наиболее полная и подробная книга об архитектуре ЭВМ. В принципе, прочитая её от корки до корки вы будите достаточно хорошо разбираться в архитектуре самих компьютеров.

3. Hennessy J., Patterson D. "Computer Architecture A Quantitative Approach"
Эту пока ещё не читал, но судя по содержанию может быть отличным дополнением после танненбаума. Хотя, вполне может оказаться довольно самодостаточной книгой на ровне с вышеупомянутой книгой.
Судя по предисловию и содержанию, в ней в дополнении к тому, что разбирает танненбаум, много уделяется внимание параллелизму, облакам, шарингу ресурсов и т.д.

Можете взяться за это так:
Если цените время, то начинайте сразу с Танненбаума, но если окажется сложным, то закрывайте и с начала читайте Петцольда.

Если время хватает, то сразу читайте Петцольда, а потом Танненбаума :) И это лучший вариант. ИМХО)
Петцольд читается очень легко и интересно. Я прочитал его на одном дыхании, а вот с Танненбаумом всё не так просто)

UPD:
По поводу актуальности. Актуально всё)
2 и 3 разбирают современные ARM-Cortex A8 и i7 процессоры, Nvidia Fermi, CUDA и т.д.
Ну а в первой книге этого и не надо)

Единицы измерения забыли

function resizeRock() {
    document.getElementById('rockimg').style.height =
        ((document.body.clientHeight - 100) * 0.9)+"px";
}