copy-paste-js/index.html at master · Lyfeldme/copy-paste-js · GitHub

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
<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
    <title>Чистый лист — полное резюме</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <div class="container">
        <div class="input-panel">
            <div class="theme-panel">
                <button class="theme-btn" onclick="setTheme('light')">☀️ LIGHT</button>
                <button class="theme-btn" onclick="setTheme('dark')">🌙 DARK</button>
                <button class="theme-btn" onclick="setTheme('auto')">🔄 AUTO</button>
                <button class="lang-btn" onclick="setLang('ru')">RU</button>
                <button class="lang-btn" onclick="setLang('en')">EN</button>
            </div>
            <h2 id="mainTitle">📄 ВВОД ДАННЫХ</h2>

            <div class="section">
                <div class="section-title" id="basicTitle">ОСНОВНОЕ</div>
                <div class="field">
                    <label id="nicknameLabel">НИКНЕЙМ / ИМЯ</label>
                    <input type="text" id="nickname" placeholder="например: alex_dev">
                </div>
                <div class="field">
                    <label id="headerLabel">ЗАГОЛОВОК</label>
                    <input type="text" id="header" placeholder="например: Обо мне">
                </div>
                <div class="field">
                    <label id="subheaderLabel">ПОДЗАГОЛОВОК</label>
                    <input type="text" id="subheader" placeholder="например: Frontend-разработчик">
                </div>
                <div class="field">
                    <label id="aboutLabel">О СЕБЕ</label>
                    <!-- <textarea id="about" placeholder="Расскажите о себе..."></textarea> -->
                    <textarea id="about" class="about-textarea" placeholder="Расскажите о себе..."></textarea>
                </div>
            </div>

            <div class="section">
                <div class="section-title" id="paragraphsTitle">ДОП. ПАРАГРАФЫ</div>
                <div id="paragraphsContainer" class="simple-list"></div>
                <button class="add-btn" onclick="addParagraph()" id="addParagraphBtn">+ ДОБАВИТЬ ПАРАГРАФ</button>
            </div>

            <div class="section">
                <div class="section-title" id="educationTitle">ОБРАЗОВАНИЕ</div>
                <div id="educationContainer" class="simple-list"></div>
                <button class="add-btn" onclick="addEducation()" id="addEducationBtn">+ ДОБАВИТЬ ОБРАЗОВАНИЕ</button>
            </div>

            <div class="section">
                <div class="section-title" id="skillsTitle">ПРОФ. НАВЫКИ</div>
                <div id="skillsContainer" class="tags-container"></div>
                <div class="input-row">
                    <input type="text" id="skillInput" placeholder="например: JavaScript">
                    <button onclick="addSkill()" id="addSkillBtn">+ ДОБАВИТЬ</button>
                </div>
                <div class="counter" id="skillsCounter">0 навыков</div>
            </div>

            <div class="section">
                <div class="section-title" id="achievementsTitle">ДОСТИЖЕНИЯ</div>
                <div id="achievementsContainer" class="tags-container"></div>
                <div class="input-row">
                    <input type="text" id="achievementInput" placeholder="например: Победитель хакатона 2024">
                    <button onclick="addAchievement()" id="addAchievementBtn">+ ДОБАВИТЬ</button>
                </div>
                <div class="counter" id="achievementsCounter">0 достижений</div>
            </div>

            <div class="section">
                <div class="section-title" id="interestsTitle">ИНТЕРЕСЫ (КАТЕГОРИИ)</div>
                <div id="categoriesContainer"></div>
                <button class="add-btn" onclick="addCategory()" id="addCategoryBtn">+ ДОБАВИТЬ КАТЕГОРИЮ</button>
            </div>

            <div class="section">
                <div class="section-title" id="contactsTitle">КОНТАКТЫ</div>
                <div id="contactsContainer" class="simple-list"></div>
                <button class="add-btn" onclick="addContact()" id="addContactBtn">+ ДОБАВИТЬ КОНТАКТ</button>
            </div>

            <div style="display: flex; gap: 10px; margin-top: 10px;">
                <button class="copy-main-btn" onclick="copyTextOnly()" id="copyBtn" style="flex: 1;">📋 СКОПИРОВАТЬ ВЕСЬ ТЕКСТ</button>
                <button class="clear-btn" onclick="clearAllData()" id="clearBtn" style="flex: 1;">🗑️ ОЧИСТИТЬ ВСЁ</button>
            </div>
        </div>

        <div class="output-panel">
            <h2 id="outputTitle">📝 ПОЛУЧАЕТСЯ ТЕКСТ</h2>
            <div class="pure-text" id="outputText">
                <span id="emptyMsg" class="empty-message" style="display: none;"></span>
            </div>
        </div>
    </div>

    <div class="footer">
        <span id="footerText">© 2026 CopyPaste</span>
    </div>

    <script src="js/translations.js"></script>
    <script src="js/theme.js"></script>
    <script src="js/data.js"></script>
    <script src="js/paragraphs.js"></script>
    <script src="js/education.js"></script>
    <script src="js/skills.js"></script>
    <script src="js/achievements.js"></script>
    <script src="js/categories.js"></script>
    <script src="js/contacts.js"></script>
    <script src="js/render.js"></script>
    <script src="js/storage.js"></script>
    <script src="js/app.js"></script>
</body>
</html>