Commit a974662e authored by Artak Yenokyan's avatar Artak Yenokyan

Merge branch 'tw9' into 'master'

Lazarus Teamwork9 Version 1

See merge request bpcarm/trainings2017!848
parents 3eaa622c b13e0adb
File mode changed from 100644 to 100755
This diff is collapsed.
Lazarus/public_html/photo1.jpg

17.2 KB | W: | H:

Lazarus/public_html/photo1.jpg

29.6 KB | W: | H:

Lazarus/public_html/photo1.jpg
Lazarus/public_html/photo1.jpg
Lazarus/public_html/photo1.jpg
Lazarus/public_html/photo1.jpg
  • 2-up
  • Swipe
  • Onion skin
File mode changed from 100644 to 100755
Lazarus/public_html/photo3.jpg

35.8 KB | W: | H:

Lazarus/public_html/photo3.jpg

51.8 KB | W: | H:

Lazarus/public_html/photo3.jpg
Lazarus/public_html/photo3.jpg
Lazarus/public_html/photo3.jpg
Lazarus/public_html/photo3.jpg
  • 2-up
  • Swipe
  • Onion skin
File mode changed from 100644 to 100755
File mode changed from 100644 to 100755
$(document).ready(function() {
$('.table_image').on('mouseover', function() {
$(this).width("23%");
}).on('mouseout', function() {
$(this).width("20%");
});
var narekZ = "<div class=\"Narek_Z\">\
<h3>Narek Zohrabyan</h3>\
<img class=\"table_image\" src=\"photo1.jpg\" alt=\"Narek Zohrabyan\" />\
<ul>\
<li><i>Nationality:</i> Armenian</li>\
<li><i>Date of Birth:</i> 1995</li>\
<li><i>Place of Birth:</i> Yerevan</li>\
<li><i>University:</i> The State Engineering University of Armenia (SEUA)</li>\
<li><i>Experience:</i> (August, 2017 - Now) Betconstruct IT Support Specialist</li>\
<li><i>Email:</i> narek.zohrabyan95@gmail.com</li>\
</ul>\
</div>";
var laura = "<div class=\"Laura\">\
<h3>Laura Hakobyan</h3>\
<img class=\"table_image\" src=\"photo2.jpg\" alt=\"Laura Hakobyan\" />\
<ul>\
<li><i>Nationality:</i> Armenian</li>\
<li><i>School:</i> No. 68</li>\
<li><i>University:</i> The State Engineering University of Armenia (SEUA)</li>\
<li><i>Working:</i> CANDLE SRI</li>\
<li><i>Email:</i> laura.hakobyan@bpcarm.org</li>\
</ul>\
</div>";
var sergey = "<div class=\"Sergey\">\
<h3>Sergey Hakobyan</h3>\
<img class=\"table_image\" src=\"photo3.jpg\" alt=\"Sergey Hakobyan\" />\
<ul>\
<li><i>Nationality:</i> Armenian</li>\
<li><i>School:</i> No. 68</li>\
<li><i>University:</i> The State Engineering University of Armenia (SEUA)</li>\
<li><i>Working:</i> Synopsis Armenia</li>\
<li><i>Email:</i> sergey.hakobyan@bpcarm.org</li>\
</ul>\
</div>";
var narekD = "<div class=\"Narek_D\">\
<h3>Narek Danielyan</h3>\
<img class=\"table_image\" src=\"photo4.jpg\" alt=\"Narek Danielyan\" />\
<ul>\
<li><i>Nationality:</i> Armenian</li>\
<li><i>School:</i> No. 47</li>\
<li><i>University:</i> YSU</li>\
<li><i>Email:</i> Danielyann729@gmail.com</li>\
</ul>\
</div>";
var tigran = "<div class=\"Tigran\">\
<h3>Tigran Sargsyan</h3>\
<img class=\"table_image\" src=\"photo5.jpg\" alt=\"Tigran Sargsyan\" />\
<ul>\
<li><i>Nationality:</i> Armenian</li>\
<li><i>Date of Birth:</i> 1997</li>\
<li><i>Place of Birth:</i> Yerevan</li>\
<li><i>University:</i> Russian-Armenian University (2014-2018)</li>\
<li><i>Email:</i> tigran.sargsyan@bpcarm.org</li>\
</ul>\
</div>";
$('.randomizer').click(function() {
$('.table1Row').empty();
$('.table2Row').empty();
var member;
var array = [0, 1, 2, 3, 4];
for (var i = array.length; i > 0; --i) {
var random = array.splice(Math.floor(Math.random() * i), 1)[0];
switch (random) {
case 0: member = narekZ; break;
case 1: member = laura; break;
case 2: member = sergey; break;
case 3: member = narekD; break;
case 4: member = tigran; break;
}
if (2 != $('.table1Row').children().length) {
$('.table1Row').append('<td>' + member + '</td>');
} else {
$('.table2Row').append('<td>' + member + '</td>');
}
}
});
jQuery.fn.rotate = function(degrees) {
$(this).css({'transform' : 'rotate3d(1, -1, 1,'+ degrees +'deg)'});
return $(this);
};
var clicks = 0;
var timeId;
$('.lazarus').click(function() {
var rotation = 0;
if (!clicks) {
timeId = setInterval(function() {
if (360 == rotation) {
rotation = 0;
}
rotation += 5;
$('.lazarus').rotate(rotation);
}, 100);
clicks++;
} else {
clearInterval(timeId);
$('.lazarus').rotate(0);
clicks--;
}
});
});
\ No newline at end of file
html {
font-size: 16px;
text-shadow: 0.25rem 0.25rem 0.5rem #8c0404;
color: #f3c0b2;
}
body {
background: url("main.jpg") no-repeat fixed center center;
background-size: cover;
}
.layer {
background-color: rgba(0,0,0,0.3);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
}
h1, h2, h3 {
font-family: cursive, sans-serif;
text-align: center;
letter-spacing: 0.2rem;
}
h1, h2 {
cursor: pointer;
}
h1 {
font-size: 60px;
text-shadow: 5px 5px 6px #f0edea;
text-transform: uppercase;
}
p img {
float: left;
margin-right: 5rem;
width: 20rem;
}
b {
font-size: 1.35rem;
}
#table-container{
clear: both;
}
table {
width: 100%;
height: 15rem;
border: 0.125rem solid white;
border-collapse: collapse;
}
td {
border: 0.125rem solid white;
overflow: hidden;
}
#table1 td {
width: 50%;
}
#table2 td {
width: 33%;
}
table h3 {
padding-left: 1rem;
text-align: left;
}
table img {
margin: 0.625rem;
width: 20%;
height: auto;
border-radius: 3.125rem;
display: inline;
float: left;
}
#table2 img {
border-radius: 2rem;
}
ul {
list-style-position: inside;
}
a {
text-decoration: none;
}
#footer {
background: linear-gradient(20deg, #fff, #ddd, #fff);
padding: 1rem;
text-align: center;
color: black;
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment