code/alexdaniels.me
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Work history, add tech skills, fix npm script

Browse source
This commit is contained in:
Alex 2026-06-04 11:54:58 -07:00
parent 6c0d9a3f98
commit 54dfb7f0a0
4 changed files with 157 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

42
assets/styles/landing.css
View file

@ -142,7 +142,7 @@
}
@media screen and (min-width: 600px) {
.home #root.v1 .top .computer .heading {
font-size: 2rem;
font-size: 1.5rem;
}
}
.home #root.v1 .top .computer .heading:before {
@ -168,7 +168,7 @@
width: fit-content;
}
.home #root.v1 .top .computer #intro .heading {
width: 240px;
width: 260px;
}
.home #root.v1 .top .computer #body {
width: fit-content;
@ -396,6 +396,15 @@
.home #root.v1 .bottom #work .jobs .right .job-highlight ul {
padding: 0;
}
.home #root.v1 .bottom #work .jobs .right .job-highlight ul li {
font-size: 1.125rem;
}
.home #root.v1 .bottom #work .jobs .right .job-highlight ul li ul {
padding-left: 1rem;
}
.home #root.v1 .bottom #work .jobs .right .job-highlight ul li ul li {
padding: 2px 0;
}
.home #root.v1 .bottom #work .jobs .right .job-highlight.show {
display: block;
border-left: 1rem solid #d7b94c;
@ -410,6 +419,34 @@
.home #root.v1 .bottom #work .jobs .right .job-highlight.hide {
display: none;
}
.home #root.v1 .bottom #work .tech {
padding: 2rem 0;
}
.home #root.v1 .bottom #work .tech .title {
color: #49111C;
text-align: center;
}
.home #root.v1 .bottom #work .tech .title:after {
content: "";
display: block;
width: 50px;
margin: 0 auto;
border-bottom: 5px solid #d7b94c;
}
.home #root.v1 .bottom #work .tech .education {
text-align: center;
font-size: 1.125rem;
}
.home #root.v1 .bottom #work .tech .list {
display: flex;
justify-content: center;
column-gap: 2rem;
row-gap: 1rem;
flex-wrap: wrap;
}
.home #root.v1 .bottom #work .tech .list li {
font-size: 1.125rem;
}
.home #root.v1 .bottom #contact {
display: block;
background-color: #1F2421;
@ -619,6 +656,7 @@ h6 {
p, a, li, span {
font-family: RobotoSlab-Regular;
letter-spacing: 1px;
}
strong {

50
assets/styles/scss/landing/_computer.scss
View file

@ -163,7 +163,7 @@
padding-left: 1rem;
@media screen and (min-width: 600px) {
font-size: 2rem;
font-size: 1.5rem;
}
&:before {
@ -194,7 +194,7 @@
width: fit-content;
.heading {
width: 240px;
width: 260px;
}
}
@ -465,6 +465,18 @@
ul {
padding: 0;
//margin: 0;
li {
font-size: 1.125rem;
ul {
padding-left: 1rem;
li {
padding: 2px 0;
}
}
}
}
&.show {
@ -486,6 +498,40 @@
}
.tech {
padding: 2rem 0;
.title {
color: colors.$primaryRed;
text-align: center;
&:after {
content: '';
display: block;
width: 50px;
margin: 0 auto;
border-bottom: 5px solid colors.$primaryYellow;
}
}
.education {
text-align: center;
font-size: 1.125rem;
}
.list {
display: flex;
justify-content: center;
column-gap: 2rem;
row-gap: 1rem;
flex-wrap: wrap;
li {
font-size: 1.125rem;
}
}
}
}
#contact {