-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
156 lines (153 loc) · 12.2 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
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="bg-BG" xml:lang="en-US" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Venelin Stoykov's WEB Site</title>
<link rel="shortcut icon" href="favicon.png"/>
<link rel="stylesheet" type="text/css" href="css/style.css" media="all"/>
<link rel="stylesheet" type="text/css" href="css/blue_style.css" media="all"/>
<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="all" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/jquery.lightbox-0.5.min.js"></script>
<script type="text/javascript" src="js/gallery.js"></script>
<style type="text/css">
.ui-tabs-hide {display:none;}
</style>
</head>
<body>
<div id="header">
<div id="header_logo"><h1>Личната страница на Венелин Стойков</h1></div>
<div id="main_menu">
<ul>
<li><a href="#home"><span>Начало</span></a></li>
<li><a href="#about_me"><span>За Мен</span></a></li>
<li><a href="#gallery"><span>Галерия</span></a></li>
<li><a href="#links"><span>Връзки</span></a></li>
<li><a href="#contact_me"><span>Контакти</span></a></li>
</ul>
</div>
</div>
<div id="body">
<div class="left_column">
<div class="article">
<h1>Любим цитат</h1>
<p class="text">Поражение не съществува, докато човек не се признае за победен!</p>
</div>
<div class="article">
<h1>Ubuntu User</h1>
<p class="center"><a href="http://ubuntucounter.geekosophical.net" title="The Ubuntu Counter Project - user number # 23784"><img src="http://ubuntucounter.geekosophical.net/img/ubuntu-user2.php?user=23784" alt="The Ubuntu Counter Project - user number # 23784"></a></p>
</div>
<div class="article">
<h1>Facebook Badge</h1>
<!-- Facebook Badge START -->
<p class="center">
<a href="http://bg-bg.facebook.com/vstoykov" target="_TOP" title="инж. В.Стойков"><img src="http://badge.facebook.com/badge/1489354320.122.791619019.png" width="120" height="257" style="border: 0px;" /></a>
</p>
<!-- Facebook Badge END -->
</div>
</div>
<div class="main_content">
<div id="home">
<div class="article">
<h1>Начало</h1>
<div class="content">
<h2>Добре дошли в новата ми страница</h2>
<p class="text">Тук ще намерите информация за мен, както и за моите интереси.
Може също да намерите и полезна информация в сферата на IT.</p>
<p class="text">Това е тестов сайт направен само от HTML, CSS и JavaScript, с цел демонстриране на възможностите им. Сайтът може да се използва за пример за структориране на елементарен персонален сайт, който може да бъде лесно преработен. Създадена е основната html структура и основни класове. Персонализация може да бъде извършена само с редакция на css файла. Цялото съдържание е в един единствен html файл. Изключение прави галерията. Тя зарежда json обект с информация за това къде се намират изображенията и как са структорирани. След това необходимият html се генерира от JavaScript.</p>
</div>
</div>
<div class="article">
<h1>Новини</h1>
<div class="content">
<dl class="news">
<dt>Смяна на адреса</dt><dd class="text">Така и така използвам GitHub за хостинг на този демо сайт, реших да се възползвамм от предимството на късият URL адрес. Все пак живият Django сайт може да бъде намерен на <a href="http://venelin.sytes.net/">http://venelin.sytes.net/</a></dd>
<dt>Използване на embeded images за background</dt><dd class="text">Когато имаме малки изображения като прост background който се повтаря, или някоя малка иконка е по-удачно да се вгради в css-a като текст. Така се пестят заявки към сървъра и при едно по-голямо натоварване може да е от полза. По принцип размера на изображението става малко по-голям, но и за всеки рекуест към сървъра също се праща не малко служебна информация в хедърите, за това за малки изображения се указва полезно нещо.</dd>
<dt>Опит за използване на PIE</dt><dd class="text">Опитах се да използвам PIE за да може да се виждат CSS3 правилата и под IE, но резултатът се оказа плачевен, за това се отказах. За пореден път се убеждавам, че от IE-то нищо не става. Ще трябва да взема да направя един popup който да се появява на потребителите с IE, да им предложи да си сменят browser-a.</dd>
<dt>Качване на динамичен сайт само от HTML, CSS и JavaScript</dt><dd class="text">Реших да направя сайт изцяло статичен, който да е по-разчупен и лесно да може да се ъпдейтва. HTML кодът е изчистен, украсен с CSS и с добавена динамика посресдством JavaScript.</dd>
</dl>
</div>
</div>
</div>
<div id="about_me">
<div class="article">
<h1>За Мен</h1>
<div class="content">
<div class="img_holder"><img src="img/avatar.jpg" title="Венелин Стойков" alt="avatar.jpg" class="shadow"/></div>
<h3>Кратка история</h3>
<p class="text">Казвам се Венелин Красимиров Стойков, роден съм в малкото китно старопланинско градче Елена. Образованието си до 8-ми клас изкарах в родния си град, след което се преместих да уча в старопрестолния град Велико Търново, където завърших средното си образование. Започнах висшето си образование в Технически Университет - Варна. Там изкарах една година след което се преместих в Технически Университет - София, където придобих бакалавърска степен на инженер по електроника.</p>
<h3>Интереси</h3>
<p class="text">Основните ми интереси са в областа на информационните технологии</p>
<h3>Професионално развитие</h3>
<p class="text">Работих като мърчандайзър в Метро Варна. След идването ми в София започнах като съпорт към интернет фирма Метролан. Работих като системен администратор в Института по Информационни Технологии към БАН. След това започнах като WEB програмист за фирма Меджик Солюшънс, където работя и до сега.</p>
</div>
</div>
</div>
<div id="gallery">
<div class="article">
<h1>Gallery</h1>
<div class="content">
<a href="javascript:void(0)" class="backToGalleries">Назад към галерията</a>
<dir id="galleries_list" class="gallery"></dir>
<a href="javascript:void(0)" class="backToGalleries">Назад към галерията</a>
</div>
</div>
</div>
<div id="links">
<div class="article">
<h1>Полезни Връзки</h1>
<div class="content">
<p>На това място ще слагам връзки към интересни и ползени неща в мрежата.</p>
<dl class="links">
<a href="http://code.google.com/"><dt>Google Code</dt><dd>http://code.google.com/</dd></a>
<a href="http://www.linux-index.org/"><dt>Linux Index</dt><dd>http://www.linux-index.org/</dd></a>
<a href="http://www.linux-bg.org/"><dt>Linux BG</dt><dd>http://www.linux-bg.org/</dd></a>
<a href="http://appdb.winehq.org/"><dt>AppDb WineHq</dt><dd>http://appdb.winehq.org/</dd></a>
<a href="http://www.sjdjweis.com/linux/proxyarp/"><dt>Proxy ARP with Linux</dt><dd>http://www.sjdjweis.com/linux/proxyarp/</dd></a>
<a href="http://www.djangoproject.com/"><dt>Django Project</dt><dd>http://www.djangoproject.com/</dd></a>
</dl>
</div>
</div>
</div>
<div id="contact_me">
<div class="article">
<h1>Контакти</h1>
<div class="content contacts">
<p>Тук ще намерите моите координати:</p>
<dl>
<dt>skype:</dt><dd>doommazter</dd>
<dt>icq:</dt><dd>297864804</dd>
<dt>facebook:</dt><dd><a href="http://www.facebook.com/vstoykov">www.facebook.com/vstoykov</a></dd>
<dt>e-mail:</dt><dd><a href="mailto:doommaster@email.bg">doommaster@email.bg</a></dd>
<dt>GSM:</dt><dd>0878 1987 10</dd><dd>088 33 155 02</dd>
</dl>
</div>
</div>
</div>
</div>
</div>
<div id="footer">
<p>създаден от Венелин Стойков</p>
</div>
<script type="text/javascript">
$(function() {
var galleries = new Galleries({
index: 'js/gallery.json',
url: 'gallery/',
element: '#galleries_list',
backButtons: '.backToGalleries',
folderImageSrc: 'img/gallery-folder.png',
});
galleries.loadData();
$("#main_menu").tabs({
ajaxOptions: {
error: function(xhr, status, index, anchor) {
$(anchor.hash).html("Грешка: Страницата не може да бъде заредена.<br />Извинявам се за причиненото неудобство. Страницата ще бъде поправена при първа възможност.");
}
}
});
});
</script>
</body>
</html>