UndineS

$('.js-modal-join').click(function() {
        alert($('.js-join').data('id'))
    });

animation: moon-star-one 4s infinite; animation-timing-function: linear;

@keyframes moon-star-one {
	0% { transform:translate(100%, -200%) scale(1.19) rotate(0deg); }
	50% { transform:translate(100%, -200%) scale(1) rotate(180deg); }
	100% { transform:translate(100%, -200%) scale(1.19) rotate(360deg); }
}
@keyframes moon-star-two {
	0% { transform:translateY(-25%) scale(1) rotate(0deg); }
	50% { transform:translateY(-25%) scale(0.81) rotate(180deg); }
	100% { transform:translateY(-25%) scale(1) rotate(360deg); }
}
@keyframes moon-star-three {
	0% { transform:translate(200%, 25%) scale(0.81) rotate(0deg); }
	50% { transform:translate(200%, 25%) scale(0.62) rotate(180deg); }
	100% { transform:translate(200%, 25%) scale(0.81) rotate(360deg); }
}

$('section[name=sleep]').swipe( {
...
});

document.onclick = function(event){
//код функции
}

$(document).ready(function() {
    ...
    $('.clickable-elements element').on('click', 'a', function(e){
        //Какое-то действие
    });
   ...
});

body {
    background:  linear-gradient(to right, rgba(0, 0, 0, 1), rgba(255, 255, 255, 0), rgba(0, 0, 0, 1)),  url(background_picture.jpg) 0 0 no-repeat;
    background-size: auto 100%;
}

<script>
window.onload = function() {
if(window.location.href.indexOf("/o-kompanii/") > -1) {
       ym(11002952, 'reachGoal', 'compania');
    }
};
</script>

• если используется связь "один к одному" и полей у дополнительной сущности не много, то она часто хранится в той же таблице - например, если у Персонажа может быть только один Телефон, о котором нужно знать только номер целиком без дальнейшей разбивки, то в таблице "Персонаж" будут поля по персонажу (ФИО, Документ, Адрес и т.п.) + поле для номера телефона;
  
• если "один к одному", а о дополнительной сущности информации много (требуется 2 и более полей для описания дополнительной сущности), то, например, для "Телефона" заводим отдельную таблицу, у каждой записи будет первичный ключ (классический вариант - ID), а в таблице "Персонаж" создаем внешний ключ - т.е. заводим не поле "Номер телефона", а поле "ID телефона", где, собственно, указываем ID записи с телефоном;
  
• в случае связи "один ко многим", "многие ко многим" - заводим дополнительную промежуточную таблицу "Персонаж - Телефон", где указываем пары "ID персонажа - ID телефона". Соответственно, записи в промежуточной таблице "Персонаж - Телефон" будут являться внешними ключами, которые ссылаются на записи с соответствующими первичными ключами в таблицах "Персонаж" и "Телефон" - например, в таблице с полями "ID персонажа, ID телефона" записи (1,1), (1,2), (1,3) будут указывать, что у персонажа с ID=1 есть три телефона с ID = 1, 2 и 3.
  

SELECT person.*, domain.*
FROM person
LEFT JOIN person_domain ON person.id=person_domain.person_id
LEFT JOIN domain ON person_domain.domain_id=domain.id;

<div id="content" class="site-content">
		<div class="container">

@media (min-width: 768px) { //это означает, что в родительском классе с шириной от 768 пикселей (фактически, в данном случае, при экранах от 768 пикселей) блок с контентом будет иметь ширину от 750 пикселей
    .container {
        width:750px
    }
}

@media (min-width: 992px) { //на экранах от 992 пикселей - блок "container" будет иметь ширину 970 пикселей
    .container {
        width:970px
    }
}

@media (min-width: 1200px) { //на экранах от 1200 пикселей - блок "container" будет иметь ширину 1170 пикселей
    .container {
        width:1170px
    }
}

.site-content .container {
width:100%;
}

padding-right: 0px;
    padding-left: 0px;