alecodes/personal-page
2
0
Fork 0
Code Issues 17 Pull requests Projects 1 Releases Packages 1 Wiki Activity Actions

add basic presentation

Browse source
This commit is contained in:
Alexander Navarro 2023-08-20 12:36:37 -04:00
parent bb346995ea
commit a8a942f4d1
6 changed files with 85 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
src/assets/images/portrait.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 264 KiB

3
src/assets/style/global.css
View file

@ -4,6 +4,9 @@
html {
background-color: var(--prj-bg);
color: var(--prj-text);
/* Update font size based on screen width, source: https://matthewjamestaylor.com/responsive-font-size */
font-size: calc(15px + 0.390625vw);
}
body {

33
src/assets/style/utils.css
View file

@ -1,9 +1,42 @@
:root {
--prj-spacing-1: 0.25rem;
--prj-spacing-2: 0.5rem;
--prj-spacing-3: 1rem;
--prj-spacing-4: 2rem;
--prj-spacing-5: 3rem;
}
.hstack {
display: flex;
gap: 1rem;
align-items: center;
}
.gap-1 {
gap: var(--prj-spacing-1);
}
.gap-2 {
gap: var(--prj-spacing-2);
}
.gap-3 {
gap: var(--prj-spacing-3);
}
.gap-4 {
gap: var(--prj-spacing-4);
}
.gap-5 {
gap: var(--prj-spacing-5);
}
.list-unstyle {
list-style: none;
}
.text-justify {
text-align: justify;
text-justify: inter-word;
}