CM:Руководство по технике: различия между версиями

Строка 6: Строка 6:
}}
}}
=Базовый набор механика-водителя=
=Базовый набор механика-водителя=
<!-- Вариант 1: центрированные иконки -->
<div style="background: #1a1f35; padding: 20px; border-radius: 8px; margin: 20px 0; max-width: 100%; box-sizing: border-box;">
    <h3 style="color: #ffffff; text-align: center; margin: 0 0 20px 0;">Стандартное снаряжение</h3>
    <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;">
       
        <!-- Insulated Gloves -->
        <div style="flex: 0 0 320px; background: #2d3748; border: 2px solid #4a5568; border-radius: 10px; padding: 20px; display: flex; gap: 20px; align-items: center;">
            <div style="flex-shrink: 0; width: 80px; height: 80px; background: #1a1f35; border-radius: 8px; display: flex; align-items: center; justify-content: center; border: 1px solid #4a5568;">
                [[Файл:Insulated_Gloves.png|80px|link=]]
            </div>
            <div>
                <h4 style="color: #ffffff; margin: 0 0 6px 0;">Insulated Gloves</h4>
                <p style="color: #e2e8f0; margin: 0; font-size: 14px;">Protects users against electrical shocks.</p>
            </div>
        </div>


        <!-- M3 Pattern Tanker Armor -->
<!-- Вариант 1: центрированные иконки --><div style="background: #1a1f35; padding: 20px; border-radius: 8px; margin: 20px 0; max-width: 100%; box-sizing: border-box;"> <h3 style="color: #ffffff; text-align: center; margin: 0 0 20px 0;">Стандартное снаряжение</h3> <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;"> <!-- Insulated Gloves --> <div style="flex: 0 0 320px; background: #2d3748; border: 2px solid #4a5568; border-radius: 10px; padding: 20px; display: flex; gap: 20px; align-items: center;"> <div style="flex-shrink: 0; width: 80px; height: 80px; background: #1a1f35; border-radius: 8px; display: flex; align-items: center; justify-content: center; border: 1px solid #4a5568;"> [[Файл:Insulated_Gloves.png|80px|link=]] </div> <div> <h4 style="color: #ffffff; margin: 0 0 6px 0;">Изолированные перчатки</h4> <p style="color: #e2e8f0; margin: 0; font-size: 14px;">Защищают от ударов электричеством.</p> </div> </div> <!-- M3 Pattern Tanker Armor --> <div style="flex: 0 0 320px; background: #2d3748; border: 2px solid #4a5568; border-radius: 10px; padding: 20px; display: flex; gap: 20px; align-items: center;"> <div style="flex-shrink: 0; width: 80px; height: 80px; background: #1a1f35; border-radius: 8px; display: flex; align-items: center; justify-content: center; border: 1px solid #4a5568;"> [[Файл:M3_Pattern_Tanker_Armor.png|80px|link=]] </div> <div> <h4 style="color: #ffffff; margin: 0 0 6px 0;">Броня танкиста M3</h4> <p style="color: #e2e8f0; margin: 0 0 5px 0; font-size: 14px;">Модифицированная версия брони M3, предназначенная для заряжающего экипажа техники USCM. Несмотря на некоторое ограничение движений, она обеспечивает уровень защиты, недоступный обычному пехотинцу.</p> <p style="color: #a0aec0; margin: 0; font-size: 13px;"><i>Носится <b>механиком-водителем</b>. Характеристики: [развернуть]</i></p> </div> </div> <!-- Headset --> <div style="flex: 0 0 320px; background: #2d3748; border: 2px solid #4a5568; border-radius: 10px; padding: 20px; display: flex; gap: 20px; align-items: center;"> <div style="flex-shrink: 0; width: 80px; height: 80px; background: #1a1f35; border-radius: 8px; display: flex; align-items: center; justify-content: center; border: 1px solid #4a5568;"> [[Файл:Headset.png|80px|link=]] </div> <div> <h4 style="color: #ffffff; margin: 0 0 6px 0;">Гарнитура</h4> <p style="color: #e2e8f0; margin: 0; font-size: 14px;">Стандартная гарнитура USCM со встроенным HUD и доступом ко всем каналам связи.</p> </div> </div> <!-- M50 Tanker Helmet --> <div style="flex: 0 0 320px; background: #2d3748; border: 2px solid #4a5568; border-radius: 10px; padding: 20px; display: flex; gap: 20px; align-items: center;"> <div style="flex-shrink: 0; width: 80px; height: 80px; background: #1a1f35; border-radius: 8px; display: flex; align-items: center; justify-content: center; border: 1px solid #4a5568;"> [[Файл:M50_Tanker_Helmet.png|80px|link=]] </div> <div> <h4 style="color: #ffffff; margin: 0 0 6px 0;">Шлем танкиста M50</h4> <p style="color: #e2e8f0; margin: 0; font-size: 14px;">Лёгкий шлем со сварным щитком, выдаётся <b>механикам-водителям</b>.</p> </div> </div> <!-- Welding Kit --> <div style="flex: 0 0 320px; background: #2d3748; border: 2px solid #4a5568; border-radius: 10px; padding: 20px; display: flex; gap: 20px; align-items: center;"> <div style="flex-shrink: 0; width: 80px; height: 80px; background: #1a1f35; border-radius: 8px; display: flex; align-items: center; justify-content: center; border: 1px solid #4a5568;"> [[Файл:Welding_kit.png|80px|link=]] </div> <div> <h4 style="color: #ffffff; margin: 0 0 6px 0;">Сварочный аппарат</h4> <p style="color: #e2e8f0; margin: 0; font-size: 14px;">Портативный сварочный аппарат. Вмещает 600 единиц топлива.</p> </div> </div> <!-- MRE --> <div style="flex: 0 0 320px; background: #2d3748; border: 2px solid #4a5568; border-radius: 10px; padding: 20px; display: flex; gap: 20px; align-items: center;"> <div style="flex-shrink: 0; width: 80px; height: 80px; background: #1a1f35; border-radius: 8px; display: flex; align-items: center; justify-content: center; border: 1px solid #4a5568;"> [[Файл:MRE.png|80px|link=]] </div> <div> <h4 style="color: #ffffff; margin: 0 0 6px 0;">Сухой паёк MRE</h4> <p style="color: #e2e8f0; margin: 0; font-size: 14px;">Стандартный паёк USCM. Срок годности истекает значительно позже вашего.</p> </div> </div> </div> </div>
        <div style="flex: 0 0 320px; background: #2d3748; border: 2px solid #4a5568; border-radius: 10px; padding: 20px; display: flex; gap: 20px; align-items: center;">
            <div style="flex-shrink: 0; width: 80px; height: 80px; background: #1a1f35; border-radius: 8px; display: flex; align-items: center; justify-content: center; border: 1px solid #4a5568;">
                [[Файл:M3_Pattern_Tanker_Armor.png|80px|link=]]
            </div>
            <div>
                <h4 style="color: #ffffff; margin: 0 0 6px 0;">M3 Pattern Tanker Armor</h4>
                <p style="color: #e2e8f0; margin: 0 0 5px 0; font-size: 14px;">A modified and refashioned suit of M3 Pattern armour designed to be worn by the loader of a USCM vehicle crew.</p>
                <p style="color: #a0aec0; margin: 0; font-size: 13px;"><i>Worn by <b>Vehicle Crewman</b>. Stats: [Expand]</i></p>
            </div>
        </div>
 
        <!-- Headset -->
        <div style="flex: 0 0 320px; background: #2d3748; border: 2px solid #4a5568; border-radius: 10px; padding: 20px; display: flex; gap: 20px; align-items: center;">
            <div style="flex-shrink: 0; width: 80px; height: 80px; background: #1a1f35; border-radius: 8px; display: flex; align-items: center; justify-content: center; border: 1px solid #4a5568;">
                [[Файл:Headset.png|80px|link=]]
            </div>
            <div>
                <h4 style="color: #ffffff; margin: 0 0 6px 0;">Headset</h4>
                <p style="color: #e2e8f0; margin: 0; font-size: 14px;">Standard issue USCM headset with HUD and all channels.</p>
            </div>
        </div>
 
        <!-- M50 Tanker Helmet -->
        <div style="flex: 0 0 320px; background: #2d3748; border: 2px solid #4a5568; border-radius: 10px; padding: 20px; display: flex; gap: 20px; align-items: center;">
            <div style="flex-shrink: 0; width: 80px; height: 80px; background: #1a1f35; border-radius: 8px; display: flex; align-items: center; justify-content: center; border: 1px solid #4a5568;">
                [[Файл:M50_Tanker_Helmet.png|80px|link=]]
            </div>
            <div>
                <h4 style="color: #ffffff; margin: 0 0 6px 0;">M50 Tanker Helmet</h4>
                <p style="color: #e2e8f0; margin: 0; font-size: 14px;">Lightweight helmet with welding screen, issued for <b>Vehicle Crewmen</b>.</p>
            </div>
        </div>
 
        <!-- Welding Kit -->
        <div style="flex: 0 0 320px; background: #2d3748; border: 2px solid #4a5568; border-radius: 10px; padding: 20px; display: flex; gap: 20px; align-items: center;">
            <div style="flex-shrink: 0; width: 80px; height: 80px; background: #1a1f35; border-radius: 8px; display: flex; align-items: center; justify-content: center; border: 1px solid #4a5568;">
                [[Файл:Welding_kit.png|80px|link=]]
            </div>
            <div>
                <h4 style="color: #ffffff; margin: 0 0 6px 0;">Welding Kit</h4>
                <p style="color: #e2e8f0; margin: 0; font-size: 14px;">Portable welding fluid carrier. Holds 600 units of fuel.</p>
            </div>
        </div>
 
        <!-- MRE -->
        <div style="flex: 0 0 320px; background: #2d3748; border: 2px solid #4a5568; border-radius: 10px; padding: 20px; display: flex; gap: 20px; align-items: center;">
            <div style="flex-shrink: 0; width: 80px; height: 80px; background: #1a1f35; border-radius: 8px; display: flex; align-items: center; justify-content: center; border: 1px solid #4a5568;">
                [[Файл:MRE.png|80px|link=]]
            </div>
            <div>
                <h4 style="color: #ffffff; margin: 0 0 6px 0;">MRE</h4>
                <p style="color: #e2e8f0; margin: 0; font-size: 14px;">Standard issue Meal Ready-to-Eat. Expires long after you.</p>
            </div>
        </div>
    </div>
</div>


=Техника=
=Техника=