diff --git a/assets/package.json b/assets/package.json index d713a52..83fda17 100644 --- a/assets/package.json +++ b/assets/package.json @@ -12,7 +12,7 @@ "scripts": { "fe-watch": "sass styles/scss/main.scss styles/main.css -w", "be-watch": "sass styles/scss/brain.scss styles/brain.css -w", - "landing-watch": "sass styles/scss/landing.scss styles/landing.css -W", + "landing-watch": "sass styles/scss/landing.scss styles/landing.css -w", "fe-build": "sass styles/scss/main.scss styles/main.css --style compressed --no-source-map", "be-build": "sass styles/scss/brain.scss styles/brain.css --style compressed --no-source-map", "landing-build": "sass styles/scss/brain.scss styles/brain.css --style compressed --no-source-map", diff --git a/assets/styles/landing.css b/assets/styles/landing.css index 0a5fc14..09774e3 100644 --- a/assets/styles/landing.css +++ b/assets/styles/landing.css @@ -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 { diff --git a/assets/styles/scss/landing/_computer.scss b/assets/styles/scss/landing/_computer.scss index 546b138..0fcf591 100644 --- a/assets/styles/scss/landing/_computer.scss +++ b/assets/styles/scss/landing/_computer.scss @@ -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 { diff --git a/templates/front/home/index.html.twig b/templates/front/home/index.html.twig index 7a389cf..e0aefcf 100644 --- a/templates/front/home/index.html.twig +++ b/templates/front/home/index.html.twig @@ -1,6 +1,6 @@ {% extends 'home.html.twig' %} -{% block title %}My Own Corner Of The Internet | Alex Daniels{% endblock %} +{% block title %}Hello | Alex Daniels{% endblock %} {% block nav %} @@ -56,23 +56,23 @@
I took a 6 week road trip across the united states
- Road Trip +Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+ Check It OutSome text about a thing longer text asdf 1234
- Project +Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+ Check It OutSome text about a thing
- Project +Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+ Check It OutBachelor of Science in Computer Science
+