cripi-interface-development · stepankuzmin · Oct 22, 2012
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,2 @@
+
+*.swp
diff --git a/css/style.css b/css/style.css
@@ -0,0 +1,136 @@
+/* =============================================================================================== */
+a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp {
+font-size: 100%;
+border: 0px none;
+margin: 0px 0px 0px 0px;
+padding: 0px 0px 0px 0px;
+}
+html, body {
+height: 100%;
+}
+article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
+display: block;
+}
+b, strong {
+font-weight: bold;
+}
+img {
+font-size: 0px;
+color: transparent;
+vertical-align: middle;
+-ms-interpolation-mode: bicubic;
+}
+ol, ul {
+list-style: none;
+}
+li {
+display: list-item;
+}
+table {
+border-spacing: 0px 0px;
+border-collapse: collapse;
+}
+th, td, caption {
+text-align: left;
+vertical-align: top;
+font-weight: normal;
+}
+blockquote, q {
+quotes: none;
+}
+blockquote:before, blockquote:after, q:before, q:after {
+content: "";
+content: none;
+}
+sub, sup, small {
+font-size: 75%;
+}
+sub, sup {
+line-height: 0px;
+position: relative;
+vertical-align: baseline;
+}
+sub {
+bottom: -3px;
+}
+sup {
+top: -6px;
+}
+svg {
+overflow: hidden;
+}
+/* =============================================================================================== */
+body, code, h1, h2, h3, h4, h5, h6, pre {
+font: 13px/16px Arial, Tahoma, Verdana, sans-serif;
+}
+hr {
+clear: both;
+height: 0px;
+border: 0px none;
+border-top-width: 1px;
+}
+ol {
+list-style: decimal;
+}
+ul {
+list-style: disc;
+}
+li {
+margin-left: 30px;
+}
+p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset, figure {
+margin-bottom: 16px;
+}
+/* =============================================================================================== */
+
+body {
+  background: url(../images/wood.png);
+}
+
+#page {
+  color: #233138;
+  width: 80%;
+  margin-top: 1% !important;
+  padding-top: 1%;
+  padding-left: 4%;
+  padding-right: 4%;
+  padding-bottom: 4%;
+  margin: 0 auto;
+  background: url(..//images/paper.png);
+}
+
+h1 {
+  font-size: 5em;
+  line-height: normal;
+  font-family: 'Lobster', cursive;
+  padding-bottom: 4%;
+}
+
+.question {
+  font-size: 2.5em;
+  line-height: normal;
+  font-family: 'Open Sans Condensed', sans-serif;
+  display: inline;
+}
+
+.answer {
+  color: #3700C3;
+  font-size: 2em;
+  line-height: 1.75em;
+  font-family: 'Bad Script', cursive;
+  display: inline;
+}
+
+ul {
+  list-style-type: none;
+}
+
+ul li:before { 
+  content: "—"; 
+  position: relative;
+  left: -5px;
+}
+
+ul li {
+  text-indent:-5px;
+}
diff --git a/images/paper.png b/images/paper.png
diff --git a/images/wood.png b/images/wood.png
diff --git a/index.html b/index.html
@@ -0,0 +1,89 @@
+<!DOCTYPE html>
+<html lang="ru">
+  <head>
+    <meta charset="utf-8">
+    <title>Степан Кузьмин</title>
+    <meta name="description" content="Анкета участника. Курс «Разработка интерфейсов»">
+    <meta name="author" content="Степан Кузьмин">
+    <link href='http://fonts.googleapis.com/css?family=Oranienbaum' rel='stylesheet' type='text/css'>
+    <link href='http://fonts.googleapis.com/css?family=Bad+Script&amp;subset=latin,cyrillic' rel='stylesheet' type='text/css'>
+    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300&amp;subset=latin,cyrillic' rel='stylesheet' type='text/css'>
+    <link href='http://fonts.googleapis.com/css?family=Lobster&amp;subset=latin,cyrillic' rel='stylesheet' type='text/css'>
+    <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300&amp;subset=latin,cyrillic' rel='stylesheet' type='text/css'>    
+    <link href="css/style.css" rel="stylesheet">
+  </head>
+
+  <body>
+    <div id="page">
+      <h1>Анкета участника<br />
+        Курс «Разработка интерфейсов»
+      </h1>
+
+      <div class="block">
+        <div class="question">Фамилия, Имя:</div>
+        <div class="answer">Кузьмин Степан</div>
+      </div>
+
+      <div class="block">
+        <div class="question">E-mail:</div>
+        <div class="answer"><a href="mailto:[email protected]">[email protected]</a></div>
+      </div>
+
+      <div class="block">
+        <div class="question">Телефон:</div>
+        <div class="answer">+7 9506393870</div>
+      </div>
+
+      <div class="block">
+        <div class="question">Вуз, факультет, специализация:</div>
+        <div class="answer">Уральский государственный горный университет, факультет геологии и геофизики, прикладная геоинформатика в разведочной геологии и геофизике</div>
+      </div>
+
+      <div class="block">
+        <div class="question">Год поступления:</div>
+        <div class="answer">2006</div>
+      </div>
+
+      <div class="block">
+        <div class="question">Год окончания:</div>
+        <div class="answer">2011</div>
+      </div>
+
+      <div class="block">
+        <div class="question">Какие языки программирования, технологии, среды разработки вы используете? Какие у вас есть предпочтения?</div>
+        <div class="answer">Пишу на C++ (Qt) и PHP (Drupal). Увлекаюсь функциональным программированием, изучаю Haskell и Erlang.</div>
+      </div>
+
+      <div class="block">
+        <div class="question">Опыт работы (если у вас есть опыт работы, пожалуйста, расскажите о функциях и задачах, которые выполняли или выполняете):</div>
+        <div class="answer">
+          <ul>
+            <li>ОАО „ПНИИИС“, инженер — разработка геоинформационной системы;</li>
+            <li>ООО „Аматей“, веб-разработчик — поддержка и программирование сайтов;</li>
+            <li>ООО „Лаборатория геофизических систем“, программист — разработка комплекса программного обеспечения;</li>
+          </ul>
+        </div>
+      </div>
+
+      <div class="block">
+        <div class="question">Опыт разработки ПО (расскажите о ваших программах, сайтах, проектах, которые вы создали в рамках университета, работы или просто для себя, друзей, знакомых; если таких много, выберите самые важные и интересные, на ваш взгляд):</div>
+        <div class="answer">
+          <ul>
+            <li><a href="http://ты-гениален.рф">ты-гениален.рф</a> — сайт творческого центра;</li>
+            <li>ГИС сейсмической активности;</li>
+          </ul>
+        </div>
+      </div>
+
+      <div class="block">
+        <div class="question">Почему вы хотите принять участие в курсе «Разработка интерфейсов»?</div>
+        <div class="answer">Хочу постигнуть дзен проектирования интерфейсов и достичь гармонии</div>
+      </div>
+
+      <div class="block">
+        <div class="question">Откуда вы узнали о курсах?</div>
+        <div class="answer">Группа „Образовательные программы СКБ Контур“ ВКонтакте</div>
+      </div>
+    </div>
+  </body>
+</html>