resume

1
import { format } from 'date-fns';
2
import { Component } from 'solid-js';
3
import {
4
  AdditionalList,
5
  Blockquote,
6
  ChangeTheme,
7
  ChipList,
8
  EducationList,
9
  Header,
10
  JobList,
11
  Section,
12
  SkillList,
13
} from '@components';
14
import { Button, useTheme } from '@uikit';
15
import { additionalData, chipListData, educationData, headerData, skillData, workExperienceData } from '@shared/data';
16
import { formatTotalWorkExperience } from '@shared/formatTotalWorkExperience';
17
import { createThemeInvoker } from '@shared/themeInvoker';
18
import styles from './App.module.sass';
19
import 'normalize.css';
20

21
const appThemeInvoker = createThemeInvoker(styles, 'App');
22
const createDateThemeInvoker = createThemeInvoker(styles, 'CreateDate');
23

24
const App: Component = () => {
25
  const { globalTheme } = useTheme();
26

27
  return (
28
    <div
29
      classList={{ [styles.App]: true, [appThemeInvoker[globalTheme()]]: true }}
30
    >
31
      <div class={styles.AppWrapper}>
32
        <Header description={headerData.description} title={headerData.title} faceSrc={headerData.faceSrc} />
33
        <main>
34
          <div class={styles.MainWrapper}>
35
            <ChangeTheme />
36
            <Section>
37
              <ChipList data={chipListData} />
38
            </Section>
39
            <Section title="🛠️ Навыки">
40
              <SkillList data={skillData} />
41
            </Section>
42
            <Section
43
              title={`💼 Опыт работы:  
44
              ${formatTotalWorkExperience(workExperienceData)}`}
45
            >
46
              <JobList data={workExperienceData} />
47
            </Section>
48
            <Section title="🎓 Образование" avoidBreak>
49
              <EducationList data={educationData} />
50
            </Section>
51
            {/* <Section title="📜 Сертификаты"></Section> */}
52
            <Section title="📝 Дополнительно">
53
              <AdditionalList data={additionalData} />
54
              <Blockquote
55
                text="А программирование в принципе — если вы ленивы настолько,
56
                                что готовы работать сутки,
57
                                чтобы потом компьютер сделал вашу работу за минуту."
58
                source="Программист: зарплата, что делает, как стать и где учиться"
59
                link="https://journal.tinkoff.ru/programmer/"
60
              />
61
              <Blockquote
62
                text="... Этот вариант грустный, и обычно он является следствием
63
                                того, что человек, не верит в свои силы или находится в
64
                                плену у лени. Веру в себя — это к психологу, а с ленью нужно
65
                                бороться."
66
                source="Список вопросов и ответов для собеседования javascript разработчиков"
67
                link="hhttps://maxpfrontend.ru/vebinary/voprosy-dlya-sobesedovaniya-javascript-razrabotchika/"
68
              />
69
              <Blockquote
70
                text="Ты то, что ты ешь"
71
                source="Гиппократ"
72
              />
73
            </Section>
74
          </div>
75
        </main>
76
        <footer>
77
          <div
78
            classList={{
79
              [styles.CreateDate]: true,
80
              [createDateThemeInvoker[globalTheme()]]: true,
81
            }}
82
          >
83
            Резюме создано <time>{format(new Date(), 'dd.MM.yyyy')}</time>
84
            <br />
85
            ❤️ with{' '}
86
            <a href="https://www.solidjs.com/" rel="noreferrer" target="_blank">
87
              SolidJS
88
            </a>
89
          </div>
90
          <Button onClick={() => window.print()} class={styles.PrintButton}>Распечатать резюме</Button>
91
        </footer>
92
      </div>
93
    </div>
94
  );
95
};
96

97
export default App;
98