[html]
<style>
/* =========================================================
BAD ATMOSPHERE — JOB BOARD
========================================================= */
#ba_jobboard {
display:block !important;
width:94% !important;
max-width:900px !important;
margin:28px auto !important;
padding:0 !important;
background:#f1ede5 !important;
border-top:1px solid #2b2823 !important;
border-bottom:1px solid #bdb2a5 !important;
box-shadow:0 12px 28px rgba(55,47,39,.06) !important;
color:#2b2824 !important;
font-family:Arial,Helvetica,sans-serif !important;
font-size:14px !important;
line-height:1.7 !important;
box-sizing:border-box !important;
}
#ba_jobboard *,
#ba_jobboard *::before,
#ba_jobboard *::after {
box-sizing:border-box !important;
}
/* =========================================================
HEADER
========================================================= */
#ba_jobboard .jb_header {
padding:40px 42px 34px !important;
text-align:center !important;
}
#ba_jobboard .jb_kicker {
display:block !important;
margin:0 0 10px !important;
color:#8b8175 !important;
font-size:9px !important;
font-weight:bold !important;
line-height:15px !important;
letter-spacing:3px !important;
text-transform:uppercase !important;
}
#ba_jobboard .jb_title {
display:block !important;
color:#282520 !important;
font-family:Georgia,"Times New Roman",serif !important;
font-size:33px !important;
font-weight:normal !important;
line-height:41px !important;
letter-spacing:3px !important;
text-transform:uppercase !important;
}
#ba_jobboard .jb_ru {
display:block !important;
margin:8px 0 0 !important;
color:#6f665c !important;
font-family:Georgia,"Times New Roman",serif !important;
font-size:14px !important;
line-height:22px !important;
letter-spacing:.5px !important;
}
#ba_jobboard .jb_subtitle {
display:block !important;
margin:12px 0 0 !important;
color:#8f8579 !important;
font-size:8px !important;
font-weight:bold !important;
line-height:15px !important;
letter-spacing:2.2px !important;
text-transform:uppercase !important;
}
#ba_jobboard .jb_header_line {
display:block !important;
width:90px !important;
height:1px !important;
margin:23px auto 0 !important;
background:#988b7d !important;
}
/* =========================================================
INTRO
========================================================= */
#ba_jobboard .jb_intro {
padding:0 42px 34px !important;
}
#ba_jobboard .jb_lead {
display:block !important;
margin:0 0 18px !important;
padding:22px 26px !important;
background:#ddd3c6 !important;
border-top:1px solid #b7aa9b !important;
border-bottom:1px solid #b7aa9b !important;
color:#332f2a !important;
font-family:Georgia,"Times New Roman",serif !important;
font-size:15px !important;
line-height:24px !important;
text-align:center !important;
}
#ba_jobboard p {
margin:0 0 14px !important;
color:#38342f !important;
font-size:13px !important;
line-height:22px !important;
}
/* =========================================================
TABS
========================================================= */
#ba_jobboard .jb_tabs {
display:grid !important;
grid-template-columns:repeat(6,1fr) !important;
margin:0 !important;
padding:0 !important;
border-top:1px solid #b7aa9b !important;
border-bottom:1px solid #b7aa9b !important;
background:#d8cec1 !important;
}
#ba_jobboard .jb_tab {
display:flex !important;
align-items:center !important;
justify-content:center !important;
min-height:48px !important;
margin:0 !important;
padding:8px 8px !important;
background:transparent !important;
border:0 !important;
border-right:1px solid #b7aa9b !important;
border-bottom:1px solid rgba(183,170,155,.6) !important;
border-radius:0 !important;
color:#6d6359 !important;
font-family:Arial,Helvetica,sans-serif !important;
font-size:8px !important;
font-weight:bold !important;
line-height:13px !important;
letter-spacing:1.2px !important;
text-align:center !important;
text-transform:uppercase !important;
cursor:pointer !important;
transition:
background .15s ease,
color .15s ease !important;
}
#ba_jobboard .jb_tab:hover {
background:#cfc3b4 !important;
color:#292521 !important;
}
#ba_jobboard .jb_tab.active {
background:#2f2c27 !important;
color:#f0ebe4 !important;
}
/* =========================================================
PANELS
========================================================= */
#ba_jobboard .jb_panel {
display:none !important;
padding:36px 42px 38px !important;
}
#ba_jobboard .jb_panel.active {
display:block !important;
}
#ba_jobboard .jb_panel_header {
display:grid !important;
grid-template-columns:70px minmax(0,1fr) !important;
column-gap:24px !important;
margin:0 0 26px !important;
}
#ba_jobboard .jb_number {
padding:0 19px 0 0 !important;
border-right:1px solid #b9ac9d !important;
color:#9b8e7f !important;
font-family:Georgia,"Times New Roman",serif !important;
font-size:26px !important;
line-height:34px !important;
text-align:right !important;
}
#ba_jobboard .jb_category_en {
display:block !important;
color:#2a2722 !important;
font-family:Georgia,"Times New Roman",serif !important;
font-size:19px !important;
line-height:27px !important;
}
#ba_jobboard .jb_category_ru {
display:block !important;
margin:5px 0 0 !important;
color:#8c8175 !important;
font-size:8px !important;
font-weight:bold !important;
line-height:14px !important;
letter-spacing:1.8px !important;
text-transform:uppercase !important;
}
#ba_jobboard .jb_description {
margin:0 0 25px !important;
padding:0 0 22px !important;
border-bottom:1px solid #c6bbae !important;
color:#4b453f !important;
font-size:13px !important;
line-height:22px !important;
}
/* =========================================================
JOB CARDS
========================================================= */
#ba_jobboard .jb_jobs {
display:grid !important;
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
gap:14px !important;
}
#ba_jobboard .jb_job {
display:block !important;
padding:20px 21px !important;
background:#e4dcd1 !important;
border:1px solid #c0b4a6 !important;
}
#ba_jobboard .jb_job_title {
display:block !important;
margin:0 0 13px !important;
color:#302c27 !important;
font-family:Georgia,"Times New Roman",serif !important;
font-size:15px !important;
line-height:22px !important;
}
#ba_jobboard .jb_meta_label {
display:block !important;
margin:10px 0 2px !important;
color:#8f8579 !important;
font-size:7px !important;
font-weight:bold !important;
line-height:12px !important;
letter-spacing:1.6px !important;
text-transform:uppercase !important;
}
#ba_jobboard .jb_meta_value {
display:block !important;
color:#4a433c !important;
font-size:12px !important;
line-height:19px !important;
}
#ba_jobboard .jb_empty {
display:block !important;
padding:25px 20px !important;
background:rgba(216,206,193,.3) !important;
border:1px dashed #c1b5a7 !important;
color:#958a7e !important;
font-family:Georgia,"Times New Roman",serif !important;
font-size:13px !important;
font-style:italic !important;
line-height:21px !important;
text-align:center !important;
}
/* =========================================================
ADD CHARACTER
========================================================= */
#ba_jobboard .jb_add {
display:grid !important;
grid-template-columns:64px minmax(0,1fr) !important;
column-gap:24px !important;
padding:34px 42px 36px !important;
background:rgba(214,204,191,.18) !important;
border-top:1px solid #c6bbae !important;
}
#ba_jobboard .jb_add_mark {
padding:0 18px 0 0 !important;
border-right:1px solid #b9ac9d !important;
color:#9b8e7f !important;
font-family:Georgia,"Times New Roman",serif !important;
font-size:23px !important;
line-height:31px !important;
text-align:right !important;
}
#ba_jobboard .jb_add_title {
display:block !important;
color:#2a2722 !important;
font-family:Georgia,"Times New Roman",serif !important;
font-size:18px !important;
line-height:26px !important;
}
#ba_jobboard .jb_add_en {
display:block !important;
margin:6px 0 18px !important;
color:#908579 !important;
font-size:8px !important;
font-weight:bold !important;
line-height:13px !important;
letter-spacing:2px !important;
text-transform:uppercase !important;
}
#ba_jobboard .jb_note {
display:block !important;
margin:18px 0 0 !important;
padding:12px 15px !important;
background:#e4dcd1 !important;
border-left:2px solid #968675 !important;
color:#71685e !important;
font-family:Georgia,"Times New Roman",serif !important;
font-size:12px !important;
font-style:italic !important;
line-height:19px !important;
}
/* =========================================================
FINAL
========================================================= */
#ba_jobboard .jb_final {
padding:34px 42px 36px !important;
background:#d8cec1 !important;
border-top:1px solid #aa9c8c !important;
text-align:center !important;
}
#ba_jobboard .jb_final_line {
display:block !important;
width:100px !important;
height:1px !important;
margin:0 auto 21px !important;
background:#87796a !important;
}
#ba_jobboard .jb_final_title {
display:block !important;
color:#2b2722 !important;
font-family:Georgia,"Times New Roman",serif !important;
font-size:17px !important;
line-height:26px !important;
letter-spacing:1px !important;
text-transform:uppercase !important;
}
#ba_jobboard .jb_signature {
display:block !important;
margin:11px 0 0 !important;
color:#766b60 !important;
font-size:8px !important;
font-weight:bold !important;
line-height:14px !important;
letter-spacing:2px !important;
text-transform:uppercase !important;
}
/* =========================================================
MOBILE
========================================================= */
@media screen and (max-width:700px) {
#ba_jobboard {
width:100% !important;
margin:18px auto !important;
}
#ba_jobboard .jb_header,
#ba_jobboard .jb_intro,
#ba_jobboard .jb_panel,
#ba_jobboard .jb_add,
#ba_jobboard .jb_final {
padding-left:22px !important;
padding-right:22px !important;
}
#ba_jobboard .jb_title {
font-size:27px !important;
line-height:34px !important;
}
#ba_jobboard .jb_tabs {
grid-template-columns:repeat(3,1fr) !important;
}
#ba_jobboard .jb_tab {
min-height:44px !important;
font-size:7px !important;
letter-spacing:.8px !important;
}
#ba_jobboard .jb_panel_header {
display:block !important;
}
#ba_jobboard .jb_number {
margin:0 0 11px !important;
padding:0 0 8px !important;
border-right:0 !important;
border-bottom:1px solid #b9ac9d !important;
text-align:left !important;
}
#ba_jobboard .jb_jobs {
grid-template-columns:1fr !important;
}
#ba_jobboard .jb_add {
display:block !important;
}
#ba_jobboard .jb_add_mark {
margin:0 0 11px !important;
padding:0 0 8px !important;
border-right:0 !important;
border-bottom:1px solid #b9ac9d !important;
text-align:left !important;
}
}
</style>
<div id="ba_jobboard">
<!-- HEADER -->
<div class="jb_header">
<span class="jb_kicker">
Bad Atmosphere / New York City
</span>
<span class="jb_title">
Job Board
</span>
<span class="jb_ru">
Доска занятости New York City
</span>
<span class="jb_subtitle">
Who Works Where / And Why They Still Pay Rent
</span>
<span class="jb_header_line"></span>
</div>
<!-- INTRO -->
<div class="jb_intro">
<div class="jb_lead">
Здесь собраны профессии и места работы персонажей форума.
</div>
<p>
Если ищете коллег, начальство, сотрудников, конкурентов, деловых партнёров
или человека, которому можно испортить понедельник ещё до первой чашки кофе,
начинать удобно отсюда.
</p>
<p>
Для добавления персонажа оставьте заявку внизу темы.
</p>
</div>
<!-- TABS -->
<div class="jb_tabs">
<button type="button" class="jb_tab active" data-jb="government">
01<br>Government
</button>
<button type="button" class="jb_tab" data-jb="law">
02<br>Law
</button>
<button type="button" class="jb_tab" data-jb="medicine">
03<br>Medicine
</button>
<button type="button" class="jb_tab" data-jb="business">
04<br>Business
</button>
<button type="button" class="jb_tab" data-jb="tech">
05<br>Tech
</button>
<button type="button" class="jb_tab" data-jb="media">
06<br>Media
</button>
<button type="button" class="jb_tab" data-jb="services">
07<br>Services
</button>
<button type="button" class="jb_tab" data-jb="estate">
08<br>Real Estate
</button>
<button type="button" class="jb_tab" data-jb="sports">
09<br>Sports
</button>
<button type="button" class="jb_tab" data-jb="crime">
10<br>Crime
</button>
<button type="button" class="jb_tab" data-jb="other">
11<br>Other
</button>
</div>
<!-- 01 GOVERNMENT -->
<div class="jb_panel active" data-jb-panel="government">
<div class="jb_panel_header">
<div class="jb_number">01</div>
<div>
<span class="jb_category_en">
Government & Public Service
</span>
<span class="jb_category_ru">
Государство и общественная служба
</span>
</div>
</div>
<div class="jb_description">
Мэрия, государственные и муниципальные структуры, политика,
дипломатия и общественные организации.
</div>
<div class="jb_empty">
Пока здесь подозрительно спокойно.
</div>
</div>
<!-- 02 LAW -->
<div class="jb_panel" data-jb-panel="law">
<div class="jb_panel_header">
<div class="jb_number">02</div>
<div>
<span class="jb_category_en">
Law & Public Safety
</span>
<span class="jb_category_ru">
Право и общественная безопасность
</span>
</div>
</div>
<div class="jb_description">
Юристы, адвокаты, прокуроры, судьи, полиция, федеральные службы,
пожарные, спасатели и безопасность.
</div>
<div class="jb_jobs">
<div class="jb_job">
<span class="jb_job_title">
Прокурор, руководитель отдела судебного преследования
</span>
<span class="jb_meta_label">
Employer / Место работы
</span>
<span class="jb_meta_value">
Manhattan DA’s Office
</span>
<span class="jb_meta_label">
Character / Персонаж
</span>
<span class="jb_meta_value">
<a href="https://badnyc.f-rpg.me/profile.php?id=3">
Kato Genji
</a>
</span>
</div>
</div>
</div>
<!-- 03 MEDICINE -->
<div class="jb_panel" data-jb-panel="medicine">
<div class="jb_panel_header">
<div class="jb_number">03</div>
<div>
<span class="jb_category_en">
Medicine & Health
</span>
<span class="jb_category_ru">
Медицина и здоровье
</span>
</div>
</div>
<div class="jb_description">
Врачи, медсёстры, парамедики, психологи, психотерапевты,
фармацевты, ветеринары и сотрудники медицинских учреждений.
</div>
<div class="jb_jobs">
<div class="jb_job">
<span class="jb_job_title">
Ординатор в травматологии
</span>
<span class="jb_meta_label">
Employer / Место работы
</span>
<span class="jb_meta_value">
Westchester Medical Center
</span>
<span class="jb_meta_label">
Character / Персонаж
</span>
<span class="jb_meta_value">
<a href="https://badnyc.f-rpg.me/profile.php?id=8">
Jang Cheol
</a>
</span>
</div>
</div>
</div>
<!-- 04 BUSINESS -->
<div class="jb_panel" data-jb-panel="business">
<div class="jb_panel_header">
<div class="jb_number">04</div>
<div>
<span class="jb_category_en">
Business & Finance
</span>
<span class="jb_category_ru">
Бизнес и финансы
</span>
</div>
</div>
<div class="jb_description">
Предприниматели, корпорации, банки, инвестиции, страхование,
консалтинг, HR, управление и собственный бизнес.
</div>
<div class="jb_jobs">
<div class="jb_job">
<span class="jb_job_title">
Глава юридического отдела компании
</span>
<span class="jb_meta_label">
Employer / Место работы
</span>
<span class="jb_meta_value">
Уорнер Глобал Текстайлз
</span>
<span class="jb_meta_label">
Character / Персонаж
</span>
<span class="jb_meta_value">
<a href="https://badnyc.f-rpg.me/profile.php?id=7">
Nathan Warner
</a>
</span>
</div>
</div>
</div>
<!-- 05 TECH -->
<div class="jb_panel" data-jb-panel="tech">
<div class="jb_panel_header">
<div class="jb_number">05</div>
<div>
<span class="jb_category_en">
Tech, Science & Education
</span>
<span class="jb_category_ru">
Технологии, наука и образование
</span>
</div>
</div>
<div class="jb_description">
IT, разработка, инженерия, исследования, университеты,
школы, преподаватели и научные сотрудники.
</div>
<div class="jb_empty">
Никто ещё официально не признался.
</div>
</div>
<!-- 06 MEDIA -->
<div class="jb_panel" data-jb-panel="media">
<div class="jb_panel_header">
<div class="jb_number">06</div>
<div>
<span class="jb_category_en">
Media, Arts & Entertainment
</span>
<span class="jb_category_ru">
Медиа, искусство и индустрия развлечений
</span>
</div>
</div>
<div class="jb_description">
Музыка, кино, телевидение, журналистика, издательства, мода,
фотография, дизайн, блогинг, PR и остальные способы превратить
творческий кризис в профессию.
</div>
<div class="jb_jobs">
<div class="jb_job">
<span class="jb_job_title">
Musician / Музыкант
</span>
<span class="jb_meta_label">
Employer / Место работы
</span>
<span class="jb_meta_value">
Empire Records
</span>
<span class="jb_meta_label">
Character / Персонаж
</span>
<span class="jb_meta_value">
<a href="https://badnyc.f-rpg.me/profile.php?id=4">
Joshua Farago
</a>
</span>
</div>
</div>
</div>
<!-- 07 SERVICES -->
<div class="jb_panel" data-jb-panel="services">
<div class="jb_panel_header">
<div class="jb_number">07</div>
<div>
<span class="jb_category_en">
Hospitality & Services
</span>
<span class="jb_category_ru">
Сервис и гостеприимство
</span>
</div>
</div>
<div class="jb_description">
Рестораны, бары, кафе, гостиницы, клубы, магазины, салоны,
event-индустрия и персональный сервис.
</div>
<div class="jb_jobs">
<div class="jb_job">
<span class="jb_job_title">
Владелица цветочной кофейни
</span>
<span class="jb_meta_label">
Employer / Место работы
</span>
<span class="jb_meta_value">
The Daily Bloom
</span>
<span class="jb_meta_label">
Character / Персонаж
</span>
<span class="jb_meta_value">
<a href="https://badnyc.f-rpg.me/profile.php?id=10">
Daisy Bloom
</a>
</span>
</div>
</div>
</div>
<!-- 08 REAL ESTATE -->
<div class="jb_panel" data-jb-panel="estate">
<div class="jb_panel_header">
<div class="jb_number">08</div>
<div>
<span class="jb_category_en">
Real Estate & Urban Life
</span>
<span class="jb_category_ru">
Недвижимость и городская среда
</span>
</div>
</div>
<div class="jb_description">
Недвижимость, девелопмент, архитектура, строительство,
дизайн интерьеров и управление объектами.
</div>
<div class="jb_empty">
Манхэттен дорогой, но пока бесхозный.
</div>
</div>
<!-- 09 SPORTS -->
<div class="jb_panel" data-jb-panel="sports">
<div class="jb_panel_header">
<div class="jb_number">09</div>
<div>
<span class="jb_category_en">
Sports & Fitness
</span>
<span class="jb_category_ru">
Спорт и фитнес
</span>
</div>
</div>
<div class="jb_description">
Профессиональный спорт, тренеры, спортивные клубы,
фитнес-индустрия и спортивный менеджмент.
</div>
<div class="jb_jobs">
<div class="jb_job">
<span class="jb_job_title">
Спортсмен-конник, помощник тренерской команды
</span>
<span class="jb_meta_label">
Employer / Место работы
</span>
<span class="jb_meta_value">
Pinecrest Equestrian Center, Patterson
</span>
<span class="jb_meta_label">
Character / Персонаж
</span>
<span class="jb_meta_value">
<a href="https://badnyc.f-rpg.me/profile.php?id=2">
Cayden Thorne-Cross
</a>
</span>
</div>
</div>
</div>
<!-- 10 CRIME -->
<div class="jb_panel" data-jb-panel="crime">
<div class="jb_panel_header">
<div class="jb_number">10</div>
<div>
<span class="jb_category_en">
Crime & Underground
</span>
<span class="jb_category_ru">
Криминал и подполье
</span>
</div>
</div>
<div class="jb_description">
Организованная преступность, нелегальный бизнес, банды
и другие профессии, которые лучше не указывать в LinkedIn.
</div>
<div class="jb_empty">
Официально здесь никто не работает.
</div>
</div>
<!-- 11 OTHER -->
<div class="jb_panel" data-jb-panel="other">
<div class="jb_panel_header">
<div class="jb_number">11</div>
<div>
<span class="jb_category_en">
Other
</span>
<span class="jb_category_ru">
Прочее
</span>
</div>
</div>
<div class="jb_description">
Фрилансеры, студенты, безработные, наследники, домохозяйки
и все остальные люди, которых рынок труда пока не сумел
аккуратно разложить по папкам.
</div>
<div class="jb_empty">
Папка «разное» пока тоже пуста.
</div>
</div>
<!-- ADD CHARACTER -->
<div class="jb_add">
<div class="jb_add_mark">+</div>
<div>
<span class="jb_add_title">
Как добавить персонажа
</span>
<span class="jb_add_en">
Add / Update / Remove
</span>
<p>
Оставьте сообщение по шаблону ниже.
</p>
<p>
Если персонаж сменил работу, внезапно уволился, открыл собственную компанию
или решил больше никогда не участвовать в капиталистическом эксперименте —
сообщите сюда же.
</p>
<div class="jb_note">
Администрация перенесёт данные в нужный раздел.
</div>
</div>
</div>
<!-- FINAL -->
<div class="jb_final">
<span class="jb_final_line"></span>
<span class="jb_final_title">
New York City / Job Board
</span>
<span class="jb_signature">
Everyone Has To Pay Rent Somehow
</span>
</div>
</div>
<script type="text/javascript">
(function () {
var root = document.getElementById('ba_jobboard');
if (!root) return;
var tabs = root.querySelectorAll('.jb_tab');
var panels = root.querySelectorAll('.jb_panel');
function openTab(name) {
for (var i = 0; i < tabs.length; i++) {
if (tabs[i].getAttribute('data-jb') === name) {
tabs[i].classList.add('active');
} else {
tabs[i].classList.remove('active');
}
}
for (var j = 0; j < panels.length; j++) {
if (
panels[j].getAttribute('data-jb-panel') === name
) {
panels[j].classList.add('active');
} else {
panels[j].classList.remove('active');
}
}
}
for (var i = 0; i < tabs.length; i++) {
tabs[i].addEventListener('click', function () {
openTab(
this.getAttribute('data-jb')
);
});
}
})();
</script>
[/html]
[b]Раздел:[/b] MEDIA, ARTS & ENTERTAINMENT [b]Профессия:[/b] Musician / Музыкант [b]Место работы:[/b] Empire Records [b]Персонаж:[/b] [url=ССЫЛКА НА ПРОФИЛЬ]Joshua Farago[/url]