Skip to content

Commit e4160f6

Browse files
ioaiaaiiioaiaaii
authored
Merge pull request #51 from ioaiaaii/feat/fonts-and-text-update
Style and Font improvements
2 parents 330bbf0 + 8b2a52a commit e4160f6

File tree

15 files changed

+193
-226
lines changed

15 files changed

+193
-226
lines changed

‎deploy/helm/ioaiaaii/Chart.yaml‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ annotations:
33
licenses: Apache-2.0
44
type: application
55
apiVersion: v2
6-
appVersion: v1.2.1
6+
appVersion: v1.2.2
77
dependencies:
88
- name: common
99
repository: oci://registry-1.docker.io/bitnamicharts

‎web/public/assets/fonts/Figtree-VariableFont_wght.ttf‎

61.4 KB
Binary file not shown.

‎web/public/assets/fonts/Montserrat-VariableFont_wght.ttf‎

-385 KB
Binary file not shown.

‎web/public/assets/fonts/OpenSans-VariableFont_wdth,wght.ttf‎

-517 KB
Binary file not shown.

‎web/src/assets/main.css‎

Lines changed: 31 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -3,13 +3,13 @@
33
@tailwind utilities;
44

55
@font-face {
6-
font-family: "Montserrat";
7-
src: url("/assets/fonts/Montserrat-VariableFont_wght.ttf") format("truetype");
6+
font-family: "Inter";
7+
src: url("/assets/fonts/Inter-VariableFont_opsz,wght.ttf") format("truetype");
88
}
99

1010
@font-face {
11-
font-family: "Open Sans";
12-
src: url("/assets/fonts/OpenSans-VariableFont_wdth,wght.ttf") format("truetype");
11+
font-family: "Figtree";
12+
src: url("/assets/fonts/Figtree-VariableFont_wght.ttf") format("truetype");
1313
}
1414

1515
@layer components {
@@ -26,53 +26,52 @@
2626

2727
/* Menu */
2828
.menu-button-base {
29-
@apply text-2xl sm:text-xl md:text-2xl lg:text-2xl xl:text-3xl uppercase font-semibold tracking-wide;
29+
@apply text-blue-800 text-2xl sm:text-xl md:text-2xl lg:text-2xl xl:text-3xl uppercase;
3030
}
3131

3232
.sub-menu-button-base {
33-
@apply text-xl sm:text-xl md:text-xl lg:text-xl xl:text-2xl 2xl:text-2xl uppercase font-semibold;
33+
@apply text-blue-800 text-xl sm:text-xl md:text-xl lg:text-xl xl:text-2xl 2xl:text-2xl uppercase;
3434
}
3535

3636
.menu-button {
37-
@apply menu-button-base text-blue-700 hover:text-blue-500 transition duration-300 ease-in-out;
37+
@apply menu-button-base hover:text-blue-200 transition duration-300 ease-in-out;
3838
}
3939

40-
4140
.menu-button-mobile {
42-
@apply menu-button-base text-blue-700 font-semibold;
41+
@apply menu-button-base hover:text-blue-200 ;
4342
}
4443

4544
.sub-menu-button-mobile {
46-
@apply sub-menu-button-base text-blue-700 tracking-wider font-medium;
45+
@apply sub-menu-button-base ;
4746
}
4847

4948
.contact-button {
50-
@apply menu-button-base text-blue-700 ;
49+
@apply menu-button-base ;
5150
}
5251

5352
/* Menu button style for /live page */
5453
.menu-button-live {
55-
@apply menu-button-base text-blue-700 tracking-wide hover:text-ioai-200 transition duration-300 ease-in-out;
54+
@apply menu-button-base hover:text-ioai-200 transition duration-300 ease-in-out;
5655
}
5756

5857
.menu-button-home {
59-
@apply menu-button-base text-blue-700 tracking-wide;
58+
@apply menu-button-base
6059
}
6160

6261

6362

6463
.home-heading {
65-
@apply menu-button-base tracking-wider text-red-900;
64+
@apply menu-button-base text-red-900;
6665
}
6766

6867
.home-subheading {
69-
@apply text-xs sm:text-sm md:text-lg lg:text-lg tracking-widest font-bold uppercase text-red-900;
68+
@apply text-xs sm:text-sm md:text-lg lg:text-lg font-bold uppercase text-red-900;
7069
}
7170

7271

7372
/* Basic Text Generators */
7473
.basic-text {
75-
@apply text-base sm:text-sm md:text-base text-ioai-950 text-balance font-normal tracking-tight;
74+
@apply sm:text-sm md:text-base font-light text-wrap;
7675
}
7776

7877
.basic-heading {
@@ -82,19 +81,19 @@
8281

8382

8483
.info-title {
85-
@apply text-xl sm:text-2xl md:text-2xl lg:text-3xl xl:text-3xl font-semibold text-left sm:text-left md:text-left lg:text-center tracking-widest;
84+
@apply text-xl sm:text-2xl md:text-2xl lg:text-3xl xl:text-3xl font-semibold text-left sm:text-left md:text-left lg:text-center;
8685
}
8786

8887
.info-subtitle {
8988
@apply text-lg sm:text-xl md:text-xl lg:text-2xl xl:text-2xl font-semibold text-left sm:text-left md:text-left lg:text-center;
9089
}
9190

9291
.info-heading {
93-
@apply mt-4 text-lg sm:text-xl md:text-2xl font-semibold uppercase tracking-wide;
92+
@apply mt-4 text-lg sm:text-xl md:text-2xl font-semibold uppercase ;
9493
}
9594

9695
.heading-lg {
97-
@apply text-4xl font-extrabold text-gray-800 tracking-tight;
96+
@apply text-4xl font-extrabold text-gray-800;
9897
}
9998

10099
.resume-heading {
@@ -103,12 +102,13 @@
103102
.resume-item {
104103
@apply basic-text font-semibold;
105104
}
105+
106106
.resume-text {
107107
@apply basic-text;
108108
}
109109

110110
.date {
111-
@apply basic-text italic font-semibold;
111+
@apply basic-text font-semibold;
112112
}
113113

114114
.heading-md {
@@ -120,11 +120,15 @@
120120
}
121121

122122
.project-category {
123-
@apply sub-menu-button-base font-semibold tracking-wide;
123+
@apply sub-menu-button-base font-semibold text-black border-b border-black mt-4;
124124
}
125125

126126
.project-button-pulse {
127-
@apply resume-item hover:text-blue-500 transition;
127+
@apply resume-item hover:text-blue-300 transition;
128+
}
129+
130+
.project-item {
131+
@apply basic-text font-semibold ;
128132
}
129133

130134
.project-text {
@@ -136,15 +140,15 @@
136140
}
137141

138142
.release-subtitle {
139-
@apply text-gray-800 text-sm sm:text-lg md:text-lg lg:text-lg xl:text-lg font-semibold tracking-wide italic uppercase;
143+
@apply text-gray-800 text-sm sm:text-lg md:text-lg lg:text-lg xl:text-lg font-semibold italic uppercase;
140144
}
141145

142146
.release-text {
143147
@apply basic-text text-balance;
144148
}
145149

146150
.release-button {
147-
@apply font-semibold text-sm sm:text-lg md:text-lg lg:text-lg xl:text-lg text-ioai-300 tracking-wide hover:text-green-700 transition duration-300 uppercase underline;
151+
@apply font-semibold text-sm text-ioai-300 hover:text-green-700 transition duration-300 underline;
148152
}
149153

150154
.live-text {
@@ -167,14 +171,14 @@
167171
}
168172

169173
.footer {
170-
@apply w-full p-4 border-t border-ioai-300 flex flex-col sm:flex-row justify-end ;
174+
@apply w-full p-4 border-t border-white flex flex-col sm:flex-row justify-center ;
171175
}
172176

173177
.footer-link {
174-
@apply text-xs md:text-sm tracking-widest font-semibold text-gray-600 uppercase hover:underline;
178+
@apply text-xs md:text-sm font-semibold text-gray-600 uppercase hover:underline;
175179
}
176180

177181
.footer-text {
178-
@apply text-right text-xs md:text-sm uppercase text-gray-600;
182+
@apply text-xs uppercase text-gray-400;
179183
}
180184
}

‎web/src/components/AppFooter.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<template>
22
<div class="footer">
33
<div class="footer-text">
4-
© 2024 Ioannis Savvaidis
4+
© Ioannis Savvaidis 2025
55
</div>
66
</div>
77
</template>

‎web/src/components/CV.vue‎

Lines changed: 46 additions & 48 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
11
<template>
2-
<div class="base-container">
3-
<div class="base-grid mt-2">
4-
<div class="p-4 lg:border-r border-white">
2+
<div class="base-container flex justify-center">
3+
<div class="p-4 mt-4 lg:w-2/4">
4+
55
<section
66
v-if="resume.profile.length"
77
class="mt-2"
88
>
9-
<h3 class="project-category">
9+
<h3 class="resume-heading">
1010
PROFILE
1111
</h3>
1212
<p class="resume-text">
@@ -15,7 +15,7 @@
1515
</section>
1616
<section
1717
v-if="resume.education.length"
18-
class="mt-6"
18+
class="mt-8"
1919
>
2020
<h3 class="resume-heading">
2121
Education
@@ -28,22 +28,56 @@
2828
>
2929
<span
3030
class="date"
31-
>{{ edu.startDate }} - {{ edu.endDate }}</span><br>
31+
>{{ edu.startDate }} - {{ edu.endDate }} | </span>
3232
<span
3333
class="resume-item"
34-
>{{ edu.degree }}, {{ edu.institution }}, {{ edu.location }}</span>
34+
>{{ edu.degree }}, {{ edu.institution }}</span>
3535

36-
<div class="resume-text list-disc list-outside pl-4 space-y-1">
36+
<div class="resume-text list-disc list-outside pl-4 space-y-2">
3737
<li>{{ edu.specialization }}</li>
3838
<li> {{ edu.dissertation }}</li>
3939

4040
</div>
4141
</li>
4242
</ul>
4343
</section>
44+
45+
<!-- Experience Section -->
46+
<section
47+
v-if="resume.experience.length"
48+
class="mt-8"
49+
>
50+
<h3 class="resume-heading">
51+
Professional Experience
52+
</h3>
53+
<ul class="list-inside space-y-4">
54+
<li
55+
v-for="(exp, index) in resume.experience"
56+
:key="index"
57+
class="resume-text"
58+
>
59+
<span
60+
class="date"
61+
>{{ exp.startDate }} - {{ exp.endDate }} | </span>
62+
<span
63+
class="resume-item"
64+
>{{ exp.role }}, {{ exp.company }}, {{ exp.location }}</span>
65+
66+
<ul class="list-disc list-outside pl-4 space-y-2">
67+
<li
68+
v-for="(desc, i) in exp.description"
69+
:key="i"
70+
>
71+
{{ desc }}
72+
</li>
73+
</ul>
74+
</li>
75+
</ul>
76+
</section>
77+
4478
<section
4579
v-if="resume.skillGroups.length"
46-
class="mt-6"
80+
class="mt-8"
4781
>
4882
<h3 class="resume-heading">
4983
Skills
@@ -58,12 +92,12 @@
5892
class="mb-6"
5993
>
6094
<!-- Category Name -->
61-
<h2 class="resume-text font-semibold italic">
95+
<h2 class="resume-text font-semibold">
6296
{{ group.category }}
6397
</h2>
6498

6599
<!-- Skills List -->
66-
<ul class="list-disc list-outside pl-4 space-y-1">
100+
<ul class="list-outside space-y-1">
67101
<li
68102
v-for="(skill, i) in group.skills"
69103
:key="i"
@@ -74,44 +108,8 @@
74108
</ul>
75109
</div>
76110
</div>
77-
</section>
78-
</div>
111+
</section>
79112

80-
<!-- Right Column: Education, Projects, and Skills -->
81-
<div class="p-4">
82-
<!-- Experience Section -->
83-
<section
84-
v-if="resume.experience.length"
85-
class="mt-2"
86-
>
87-
<h3 class="resume-heading">
88-
Professional Experience
89-
</h3>
90-
<ul class="list-inside space-y-4">
91-
<li
92-
v-for="(exp, index) in resume.experience"
93-
:key="index"
94-
class="resume-text"
95-
>
96-
<span
97-
class="date"
98-
>{{ exp.startDate }} - {{ exp.endDate }}</span><br>
99-
<span
100-
class="resume-item"
101-
>{{ exp.role }}, {{ exp.company }}, {{ exp.location }}</span>
102-
103-
<ul class="list-disc list-outside pl-4 space-y-1">
104-
<li
105-
v-for="(desc, i) in exp.description"
106-
:key="i"
107-
>
108-
{{ desc }}
109-
</li>
110-
</ul>
111-
</li>
112-
</ul>
113-
</section>
114-
</div>
115113
</div>
116114
</div>
117115
</template>

‎web/src/components/Info.vue‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -37,9 +37,9 @@
3737
:href="project.link"
3838
target="_blank"
3939
rel="noopener noreferrer"
40-
class="live-button"
40+
class="release-button"
4141
>
42-
Listen
42+
LISTEN
4343
</a>
4444
</li>
4545
</ul>
@@ -58,7 +58,7 @@
5858
:href="project.link"
5959
target="_blank"
6060
rel="noopener noreferrer"
61-
class="live-button"
61+
class="release-button"
6262
>
6363
VIEW
6464
</a>

0 commit comments

Comments
 (0)