diff options
author | 2024-03-15 18:01:48 +0100 | |
---|---|---|
committer | 2024-03-15 19:19:33 +0100 | |
commit | 0a16f36b8afc23f335c1146d6ea53329f9e27df7 (patch) | |
tree | 91a204a8f44f605042a8498a96f68dd02a5f1705 /src/components/landing/sections/Research.module.css | |
parent | chore(deps): bump dependencies (diff) | |
download | blog-0a16f36b8afc23f335c1146d6ea53329f9e27df7.tar.gz blog-0a16f36b8afc23f335c1146d6ea53329f9e27df7.tar.zst blog-0a16f36b8afc23f335c1146d6ea53329f9e27df7.zip |
Add landing page sections and update resume
Diffstat (limited to 'src/components/landing/sections/Research.module.css')
-rw-r--r-- | src/components/landing/sections/Research.module.css | 101 |
1 files changed, 101 insertions, 0 deletions
diff --git a/src/components/landing/sections/Research.module.css b/src/components/landing/sections/Research.module.css new file mode 100644 index 0000000..c5c87a4 --- /dev/null +++ b/src/components/landing/sections/Research.module.css | |||
@@ -0,0 +1,101 @@ | |||
1 | /* | ||
2 | * SPDX-FileCopyrightText: 2023 Kristóf Marussy | ||
3 | * | ||
4 | * SPDX-License-Identifier: MIT | ||
5 | */ | ||
6 | |||
7 | .topics { | ||
8 | margin-top: 1.5rem; | ||
9 | } | ||
10 | |||
11 | .topic { | ||
12 | container-type: inline-size; | ||
13 | } | ||
14 | |||
15 | .topic__contents { | ||
16 | display: flex; | ||
17 | flex-direction: column; | ||
18 | align-items: center; | ||
19 | } | ||
20 | |||
21 | .topic__icon { | ||
22 | display: flex; | ||
23 | justify-content: center; | ||
24 | align-items: center; | ||
25 | } | ||
26 | |||
27 | .topic__icon--system { | ||
28 | color: #f5a614; | ||
29 | } | ||
30 | |||
31 | [data-theme='dark'] .topic__icon--system { | ||
32 | color: #e6ac5b; | ||
33 | } | ||
34 | |||
35 | .topic__icon--verification { | ||
36 | color: #1eae4e; | ||
37 | } | ||
38 | |||
39 | [data-theme='dark'] .topic__icon--verification { | ||
40 | color: #63c177; | ||
41 | } | ||
42 | |||
43 | .topic__icon--reasoning { | ||
44 | color: #af3b6e; | ||
45 | } | ||
46 | |||
47 | [data-theme='dark'] .topic__icon--reasoning { | ||
48 | color: #d67a9d; | ||
49 | } | ||
50 | |||
51 | .topic__icon--graph { | ||
52 | color: #038a99; | ||
53 | } | ||
54 | |||
55 | [data-theme='dark'] .topic__icon--graph { | ||
56 | color: #56b6c2; | ||
57 | } | ||
58 | |||
59 | .topic__text { | ||
60 | flex-grow: 1; | ||
61 | } | ||
62 | |||
63 | .topic__title { | ||
64 | margin-top: 1rem; | ||
65 | text-align: center; | ||
66 | --casl: 0; | ||
67 | } | ||
68 | |||
69 | .topic__description { | ||
70 | margin: 0; | ||
71 | } | ||
72 | |||
73 | @container (min-width: 450px) { | ||
74 | .topic .topic__contents { | ||
75 | margin: 0.625rem 0; | ||
76 | flex-direction: row; | ||
77 | gap: 1rem; | ||
78 | } | ||
79 | |||
80 | .topic .topic__title { | ||
81 | margin-top: 0; | ||
82 | text-align: left; | ||
83 | } | ||
84 | |||
85 | .topic:nth-of-type(2n) .topic__contents { | ||
86 | flex-direction: row-reverse; | ||
87 | } | ||
88 | |||
89 | .topic:nth-of-type(2n) .topic__title, | ||
90 | .topic:nth-of-type(2n) .topic__description { | ||
91 | text-align: right; | ||
92 | } | ||
93 | |||
94 | .topic:first-of-type .topic__contents { | ||
95 | margin-top: 0; | ||
96 | } | ||
97 | |||
98 | .topic:last-of-type .topic__contents { | ||
99 | margin-top: 0; | ||
100 | } | ||
101 | } | ||