aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/landing/sections/Resume.module.css
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/landing/sections/Resume.module.css')
-rw-r--r--src/components/landing/sections/Resume.module.css121
1 files changed, 121 insertions, 0 deletions
diff --git a/src/components/landing/sections/Resume.module.css b/src/components/landing/sections/Resume.module.css
new file mode 100644
index 0000000..246ebec
--- /dev/null
+++ b/src/components/landing/sections/Resume.module.css
@@ -0,0 +1,121 @@
1/*
2 * SPDX-FileCopyrightText: 2023 Kristóf Marussy
3 *
4 * SPDX-License-Identifier: MIT
5 */
6
7.cv {
8 position: relative;
9}
10
11.cv::before {
12 content: ' ';
13 position: absolute;
14 width: 0.25rem;
15 top: 0.5rem;
16 bottom: 0;
17 left: 0.5rem;
18 background: var(--ifm-color-primary);
19 transform: skew(0, -30deg);
20}
21
22.cv__item {
23 position: relative;
24 list-style-type: none;
25}
26
27.cv__item::before {
28 position: absolute;
29 content: ' ';
30 top: 0;
31 left: -2rem;
32 width: 0.75rem;
33 height: 0.75rem;
34 background: var(--ifm-color-white);
35 border: 0.25rem solid var(--ifm-color-primary);
36 border-radius: 100em;
37}
38
39[data-theme='dark'] .cv__item::before {
40 background: var(--ifm-background-color);
41}
42
43.cv__item p {
44 margin: 1rem 0;
45}
46
47.cv__title {
48 --casl: 0;
49}
50
51.cv__times {
52 display: flex;
53 flex-wrap: wrap;
54 align-items: baseline;
55 gap: 0.5rem;
56}
57
58.cv__time {
59 position: relative;
60 display: inline-block;
61 padding: 0.25rem 0.5em;
62 font-size: 0.9rem;
63 --mono: 1;
64}
65
66.cv__time::before {
67 content: ' ';
68 position: absolute;
69 top: 0;
70 bottom: 0;
71 left: 0;
72 right: 0;
73 z-index: -1;
74 background: var(--ifm-color-emphasis-200);
75 transform: skew(-12deg, 0);
76}
77
78[data-theme='dark'] .cv__time::before {
79 background: var(--ifm-pre-background);
80}
81
82[data-theme='dark'] .cv__time a {
83 --ifm-link-color: var(--ifm-color-primary-light);
84 --ifm-link-hover-color: var(--ifm-color-primary-light);
85}
86
87.cv__awarddesc {
88 font-size: 0.875rem;
89 color: var(--ifm-color-emphasis-800);
90}
91
92[data-theme='dark'] .cv__awarddesc {
93 color: var(--ifm-color-emphasis-600);
94}
95
96.cv__activities {
97 margin: 1em 0;
98}
99
100.cv__activity {
101 margin: 1em 0;
102 list-style-type: disc;
103}
104
105.cv__activity--tight {
106 margin: 0;
107}
108
109.thesis-links {
110 display: flex;
111 column-gap: 0.5rem;
112 row-gap: 1rem;
113 flex-wrap: wrap;
114 align-items: baseline;
115 width: 100%;
116 margin: 1rem 0;
117}
118
119.thesis-links__link {
120 font-size: 0.875rem;
121}