-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
127 lines (120 loc) · 7.8 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Портфолио - Белянский Александр</title>
<link rel="stylesheet" href="css/style.css">
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<![endif]-->
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/image_to_box_shadow.js"></script>
<script type="text/javascript">
$(function(){
$('img').load(function(){
imageToBoxShadow($('.b-mushroom__original'), $('.b-mushroom__generated'));
});
})
</script>
</head>
<body class="b-page">
<div class="b-content">
<h1 class="b-title">Белянский Александр Сергеевич<img class="b-mushroom b-mushroom__original" src="img/mushroom.png" alt="Mushroom ^_^"><i class="b-mushroom b-mushroom__generated"></i></h1>
<ul class="b-tabs">
<li class="b-tabs__item"><a class="b-tabs__link" href="#info">Общая информация</a></li
><li class="b-tabs__item"><a class="b-tabs__link" href="#experience">Опыт разработки</a></li
><li class="b-tabs__item"><a class="b-tabs__link" href="#ide">Редакторы и ОС</a></li
><li class="b-tabs__item"><a class="b-tabs__link" href="#vcs">Системы контроля</a></li
><li class="b-tabs__item"><a class="b-tabs__link" href="#work">Места работы</a></li
><li class="b-tabs__item"><a class="b-tabs__link" href="#resources">Ресурсы</a></li>
</ul>
<div class="b-text">
<div class="b-text__item">
<a class="b-anchor" name="info"><h2 class="b-sub-title">Общая информация</h2></a>
<ul>
<li><p>25 Октября 1992</p></li>
<li><p>АРК Симферополь</p></li>
<li><p>Английский на уровне чтения статей с техническими терминами и просмотра сериалов</p></li>
<li><p>От ШРИ ожидаю повышения навыков и карьерного роста</p></li>
<li><p>Узнал о ШРИ от друзей, <a href="http://clubs.ya.ru/html/">я.ру</a> и <a href="https://twitter.com/ya_events">twitter</a></p>
</li>
<li><p>Если на месте работы/стажировки можно будет есть и спать, то времени я могу уделять много :)</p></li>
</ul>
</div>
<div class="b-text__item">
<a class="b-anchor" name="experience"><h2 class="b-sub-title">Опыт разработки, языки и технологии</h2></a>
<p>Я начинал с освоения php и первых CMS на нем, пробовал себя в C# и понял что это не для меня.
JavaScript мне кажется интересным языком, его я узнал познакомившись с jQuery и сейчас этот фреймворк мой
незаменимый помощник :)</p>
<p><strong>Вот небольшая часть моих работ:</strong></p>
<ul>
<li><a href="http://bestseohost.com">bestseohost.com</a></li>
<li><a href="http://gurzuflife.com">gurzuflife.com</a></li>
<li><a href="http://blagoweb.org">blagoweb.org</a></li>
<li><a href="http://crimeaonmap.com">crimeaonmap.com</a></li>
<li><a href="http://gts-m.ru">gts-m.ru</a></li>
<li><a href="http://mpb-konsalt.ru">mpb-konsalt.ru</a></li>
</ul>
</div>
<div class="b-text__item">
<a class="b-anchor" name="ide"><h2 class="b-sub-title">Редакторы и ОС</h2></a>
<p>Знаком с notepad++, emacs, eclipse, visual studio. Можно много перечислять, работаю в Sublime Text 2 и WebStorm.</p>
<p>Windows, Linux & Mac. Область применения различная, работаю я под Windows, на Linux [ubuntu] ставил python и node.js посмотреть, а на Mac я коплю :)</p>
</div>
<div class="b-text__item">
<a class="b-anchor" name="vcs"><h2 class="b-sub-title">Системы контроля версий/задач</h2></a>
<p>SVN, Git & Mercurial. Со всеми работал без фанатизма, сейчас часто использую git.</p>
<p>Системы контроля задач приходилось использовать, на одном из мест работы это было самописное решение, сейчас использую trello.com. Опыт не
большой, но смысл применения таких вещей понятен</p>
</div>
<div class="b-text__item">
<a class="b-anchor" name="work"><h2 class="b-sub-title">Места работы</h2></a>
<ul>
<li>Фриланс - иногда</li>
<li>Сентябрь 2010 - Июль 2011 - NTI-systems. Разбирался с Drupal и Word Press, записывал ролики для
пользователей о том, как надо кнопки нажимать.
</li>
<li>Сентябрь 2011 - Сентябрь 2012 -BestArtDesign.com. Верстал, немного php писал.</li>
<li>Сентябрь 2012 - сейчас - teobit.ru. Верстаю, пытаюсь использовать бэм методологию, без bem tools.
</li>
</ul>
<p>Опыт работы в команде есть, но он думаю далек от реалий Яндекса.</p>
</div>
<div class="b-text__item">
<a class="b-anchor" name="resources"><h2 class="b-sub-title">Ресурсы</h2></a>
<p><a href="http://smashingmagazine.com/">smashingmagazine.com</a> и <a href="http://habrahabr.ru/">habrahabr.ru</a>, но это не сравниться с правильной подпиской в twitter :)
<a href="https://twitter.com/simurai">@simurai</a>,
<a href="https://twitter.com/pepelsbey">@pepelsbey</a>, <a href="https://twitter.com/bem_tw">@bem</a> и т.д.</p>
</div>
</div>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
var container = $('.b-text__item'),
container_current = 'b-text__item_state_current',
tab_link = $('.b-tabs__link'),
anchor = location.hash.replace('#', ''),
tab_item_current = 'b-tabs__link_state_current';
container.each(function(){
$(this).addClass('b-text__item-'+$(this).find('a[name]').attr('name'));
});
if($('a[name='+anchor+']').length == 1){
$('.b-text__item-'+anchor+'').addClass(container_current);
$('.b-tabs__link[href*='+anchor+']').addClass(tab_item_current);
}
else{
container.first().addClass(container_current);
tab_link.first().addClass(tab_item_current);
}
tab_link.click(function(){
var container_name = $('.b-text__item-'+$(this).attr('href').replace('#', '')+'');
container.removeClass(container_current);
container_name.addClass(container_current);
tab_link.removeClass(tab_item_current);
$(this).addClass(tab_item_current);
});
});
</script>
</body>
</html>