From 6076de3daacf261166b7af3485a7de4e1c8e3523 Mon Sep 17 00:00:00 2001 From: Aaron Waruszewski Date: Thu, 14 Oct 2021 20:16:20 -0700 Subject: [PATCH 01/13] Removed unneeded files, changed test.css to main.css, and fixed a commenting error in index file. --- Images/full-sized/71GvfUed3fL._UX569_.jpg | Bin 22996 -> 0 bytes css/contactme.css | 34 -- css/del_me.css | 0 css/footer.css | 48 -- css/main.css | 636 +++++++++++++++------- css/main.css.map | 1 + css/main_old.css | 188 +++++++ css/under_construction.css | 17 - index.html | 8 +- 9 files changed, 645 insertions(+), 287 deletions(-) delete mode 100644 Images/full-sized/71GvfUed3fL._UX569_.jpg delete mode 100644 css/contactme.css delete mode 100644 css/del_me.css delete mode 100644 css/footer.css create mode 100644 css/main.css.map create mode 100644 css/main_old.css delete mode 100644 css/under_construction.css diff --git a/Images/full-sized/71GvfUed3fL._UX569_.jpg b/Images/full-sized/71GvfUed3fL._UX569_.jpg deleted file mode 100644 index e8793d121b19dcaddaeae04599891417ea66e714..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 22996 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 BQ?dX6 diff --git a/css/contactme.css b/css/contactme.css deleted file mode 100644 index 521e0fd..0000000 --- a/css/contactme.css +++ /dev/null @@ -1,34 +0,0 @@ -html, body { - margin: 0; - font-size: 18px; - font-family: 'Montserrat', sans-serif; - /* background: rgb(245, 245, 245); */ - --section-top-bottom-padding: 250px; -} - -/* Tablet */ -@media screen - and (max-width: 768px){ - -} - -/* Phone */ -@media screen - and (max-width: 425px){ - -} - -@media screen - and (min-width: 376px) and (max-width: 425px){ - -} - -@media screen - and (min-width: 321px) and (max-width: 375px){ - -} - -@media screen - and (max-width: 320px){ - -} \ No newline at end of file diff --git a/css/del_me.css b/css/del_me.css deleted file mode 100644 index e69de29..0000000 diff --git a/css/footer.css b/css/footer.css deleted file mode 100644 index 0b1dcb6..0000000 --- a/css/footer.css +++ /dev/null @@ -1,48 +0,0 @@ -footer{ - height: fit-content; - padding: 5px 0; - /* background: grey; */ - /* background-color: rgb(70, 108, 158); */ - background-color: #08346D; - color: white; - width: 100%; - /* padding: 0; */ - /* margin: 0; */ -} - -footer a{ - color: white; - display: block; - padding: 0 0 15px 15px; - /* width: 100px; */ - /* background-color: purple; */ -} - -footer a:hover{ - /*Maybe a different color for contrast*/ - /* padding: 20px 0; */ - color: rgb(0, 255, 255); -} - -footer div{ - padding: 10px 20px 0; - /* Doesn't seem to work */ - /* display: inline; */ - /* width: 100px; */ - /* background-color: red; */ -} - -footer h4{ - font-weight: 800; - padding:0; - margin-bottom: 5px; - /* background-color: orange; */ -} - -footer p{ - padding: 10px 20px 0; -} - -.copyright{ - background-image: url(http://76.89.152.77:8448/counter2.png) -} \ No newline at end of file diff --git a/css/main.css b/css/main.css index 8a6948a..43b4e17 100644 --- a/css/main.css +++ b/css/main.css @@ -1,188 +1,456 @@ +.grid { + height: var(--height, auto); + width: var(--width, 100%); + background: var(--bg, none); + display: grid; + grid-template-columns: var(--cols, 1fr); + grid-template-rows: var(--rows, 1fr); + grid-column-gap: var(--col-gap, 0); + grid-row-gap: var(--row-gap, 0); + grid-template-areas: var(--ga, ""); +} + +@font-face { + font-family: "Open Sans"; + font-style: normal; + font-weight: 400; + font-stretch: 100%; + font-display: swap; + src: url(https://fonts.gstatic.com/s/opensans/v26/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4gaVI.woff2) format("woff2"); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} +@font-face { + font-family: "Raleway"; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url(https://fonts.gstatic.com/s/raleway/v22/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCIPrE.woff2) format("woff2"); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} html, body { + padding: 0; + margin: 0; + scroll-behavior: smooth; + color: #1E2019; + font-family: "Raleway", sans-serif; +} + +p, li { + font-family: sans-serif; +} + +.grid-item-1 { + grid-area: var(--grid-item-1); +} + +.grid-item-2 { + grid-area: var(--grid-item-2); +} + +.grid-item-3 { + grid-area: var(--grid-item-3); +} + +.grid-item-area-title { + grid-area: title; +} + +.grid-item-area-img1 { + grid-area: img1; +} + +.grid-item-area-img2 { + grid-area: img2; +} + +.grid-item-area-img3 { + grid-area: img3; +} + +.grid-item-area-text1 { + grid-area: text1; +} + +.grid-item-area-text2 { + grid-area: text2; +} + +.grid-item-area-text3 { + grid-area: text3; +} + +.sub-grid-item-1 { + grid-area: var(--sub-grid-item-1); +} + +.sub-grid-item-2 { + grid-area: var(--sub-grid-item-2); +} + +.sub-grid-item-3 { + grid-area: var(--sub-grid-item-3); +} + +#nav-bar { + background: #1E2019; + height: 50px; +} + +nav { + height: 100%; + display: flex; + justify-content: space-between; + align-items: center; + padding: 0 20px; + margin: auto; + max-width: 800px; +} + +#logo { + height: 40px; + width: 40px; + padding: 2px; +} + +#nav-bar a { + color: #EAC435; + text-decoration: none; + margin-right: 20px; +} + +#nav-bar a:last-child { + margin-right: 0; +} + +#landing { + background-image: url(../Images/full-sized/code-desk.webp); + background-size: cover; + background-position: center; + height: calc(100vh - 90px); + color: white; + isolation: isolate; + position: relative; + padding: 50px 10px 0; +} + +#landing::after { + content: ""; + inset: 0; + background-color: grey; + z-index: -1; + position: absolute; + mix-blend-mode: multiply; +} + +#landing-image { + max-width: 300px; +} + +#landing-text { + max-width: 500px; + margin: auto; + padding: 20vh 15px 0; + font-size: 1.4rem; +} + +#selling-points { + --height: auto; + --width: 100%; + --bg: none; + justify-items: center; + align-items: start; + --col-gap: 0; + --row-gap: 0; + --cols: [grid-col-start] 20px [col-start] repeat(1, [col] 1fr) [col-end] 20px [grid-col-end]; + --rows: [grid-row-start] repeat(3, auto) [grid-row-end]; + --grid-item-1: 1 / 2 / 2 / 3; + --grid-item-2: 2 / 2 / 3 / 3; + --grid-item-3: 3 / 2 / 4 / 3; +} +#selling-points div img { + height: 50px; + width: 50px; +} +@media screen and (min-width: 768px) { + #selling-points div img { + height: 60px; + width: 60px; + } +} + +#selling-text { + max-width: 500px; + padding: 15rem 0; + text-align: center; +} +@media screen and (min-width: 768px) { + #selling-text { + padding: 10rem 0; + } +} + +#selling-text h2 { + text-align: center; +} + +.yellow { + background-color: #EAC435; + height: 100%; + width: 100%; + z-index: -1; + grid-area: 1/1/3/4; +} + +#services { + --height: auto; + --width: 100%; + --bg: none; + justify-items: center; + align-items: start; + --col-gap: 10px; + --row-gap: 10px; + --cols: [sub-grid-col-start] repeat(1, [col] 1fr) [sub-grid-col-end]; + --rows: [sub-grid-row-start] repeat(3, [row] 1fr) [sub-grid-row-end]; + --sub-grid-item-1: 1 / 1 / 2 / 2; + --sub-grid-item-2: 2 / 1 / 3 / 2; + --sub-grid-item-3: 3 / 1 / 4 / 2; + border-radius: 5px; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2); + max-width: 950px; + grid-area: 2/2/4/3; + background: white; +} +@media screen and (min-width: 768px) { + #services { + --col-gap: 0; + --row-gap: 0; + --cols: [sub-grid-col-start] repeat(3, [col] 1fr) [sub-grid-col-end]; + --rows: [sub-grid-row-start] repeat(1, [row] 1fr) [sub-grid-row-end]; + --sub-grid-item-1: 1 / 1 / 2 / 2; + --sub-grid-item-2: 1 / 2 / 2 / 3; + --sub-grid-item-3: 1 / 3 / 2 / 4; + } +} +#services div { + padding: 30px; +} +#services h3 { + text-align: center; +} +#services ul { + list-style: none; + padding: 0; +} +#services img { + margin-left: calc(50% - 27px); +} +#services li { + margin: 20px 0; + text-align: center; +} +@media screen and (min-width: 768px) { + #services img { + margin-left: calc(50% - 30px); + } +} + +#projects { + --height: auto; + --width: 100%; + --bg: none; + justify-items: center; + align-items: start; + --col-gap: 0; + --row-gap: 0; + --ga: ". title ."". img1 ."". text1 ."". img2 ."". text2 ."". img3 ."". text3 ."; + --cols: [grid-col-start] 20px [col-start] repeat(1, [col] 1fr) [col-end] 20px [grid-col-end]; + --rows: [grid-row-start] repeat(7, [row] 1fr) [grid-row-end]; + --grid-item-1: 1 / 2 / 2 / 3; + --grid-item-2: 2 / 2 / 3 / 3; + --grid-item-3: 3 / 2 / 4 / 3; + --grid-item-4: 4 / 2 / 5 / 3; + --grid-item-5: 5 / 2 / 6 / 3; + --grid-item-6: 6 / 2 / 7 / 3; + --grid-item-7: 7 / 2 / 8 / 3; + padding: 90px 0 50px; +} +@media screen and (min-width: 768px) { + #projects { + --col-gap: 20px; + --row-gap: 80px; + --ga: ". . title title . ."". . img1 text1 . ."". . text2 img2 . ."". . img3 text3 . ."; + --cols: [grid-col-start] 15px repeat(1, 1fr 300px 300px 1fr) 15px [grid-col-end]; + --rows: [grid-row-start] repeat(4, [row] 1fr) [grid-row-end]; + --grid-item-1: 1 / 2 / 2 / 3; + --grid-item-2: 1 / 3 / 2 / 4; + --grid-item-3: 1 / 4 / 2 / 5; + --grid-item-4: 1 / 5 / 2 / 6; + --grid-item-5: 2 / 2 / 3 / 3; + --grid-item-6: 2 / 3 / 3 / 4; + --grid-item-7: 2 / 4 / 3 / 5; + --grid-item-8: 2 / 5 / 3 / 6; + --grid-item-9: 3 / 2 / 4 / 3; + --grid-item-10: 3 / 3 / 4 / 4; + --grid-item-11: 3 / 4 / 4 / 5; + --grid-item-12: 3 / 5 / 4 / 6; + --grid-item-13: 4 / 2 / 5 / 3; + --grid-item-14: 4 / 3 / 5 / 4; + --grid-item-15: 4 / 4 / 5 / 5; + --grid-item-16: 4 / 5 / 5 / 6; + } +} +#projects img { + max-width: 250px; + background: white; + align-self: end; +} +@media screen and (min-width: 768px) { + #projects img { + align-self: start; + } +} +#projects h2 { + text-align: center; + font-size: 2rem; +} +#projects h3 { + text-align: center; +} +@media screen and (min-width: 768px) { + #projects h3 { + text-align: start; + } +} +#projects p { + max-width: 300px; + width: 100%; +} +#projects a { + color: #eb1805; + text-decoration: none; +} + +#project-text { + max-width: 500px; + padding: 5rem 0 2rem; + align-self: center; + justify-self: center; +} + +#project-text p { + max-width: 500px; + text-align: center; +} + +#projects .even-img { + justify-self: start; +} + +#projects .even-text { + justify-self: end; +} + +.simplySass { + height: 81.125px; + width: 250px; +} + +.template-img { + height: 167px; + width: 250px; +} + +.temp-img { + height: 200px; + width: 250px; +} + +#contact { + --height: auto; + --width: 100%; + --bg: none; + justify-items: center; + align-items: start; + --col-gap: 0; + --row-gap: 0; + --cols: [grid-col-start] 20px [col-start] repeat(1, [col] 1fr) [col-end] 20px [grid-col-end]; + --rows: [grid-row-start] repeat(3, [row] 1fr) [grid-row-end]; + --grid-item-1: 1 / 2 / 2 / 3; + --grid-item-2: 2 / 2 / 3 / 3; + --grid-item-3: 3 / 2 / 4 / 3; + --grid-item-1: 2 / 2 / 4 / 3; +} + +#contact a { + margin-top: 10px; + padding: 10px 15px; + background-color: #FB4D3D; + border-radius: 5px; + text-decoration: none; + color: #1E2019; +} +@media screen and (min-width: 768px) { + #contact a { margin: 0; - font-size: 18px; - font-family: 'Montserrat', sans-serif; - /* background: rgb(245, 245, 245); */ - --section-top-bottom-padding: 220px; -} - -main{ - background: rgb(255, 255, 255); -} - -/* main section{ - padding-top: 100px; -} */ - -.landing{ - --height: 100vh; - --bg: none; - --row-repeat: 5; - --row-repeat-size: 20%; - --grid-item-1: 1/1/6/4; - --grid-item-2: 1/1/6/4; - --grid-item-3: 3/2/4/3; - --grid-item-4: 5/2/6/3; - text-align: center; -} - -.landing-background{ - /* /Images/negative-space-laptop-camera-notepad-glass-water-daria-shevtsova.jpg */ - /* filter: grayscale(0.5); */ - filter: blur(0px) grayscale(0); - z-index: -2; - background-image: url(/Images/full-sized/negative-space-laptop-camera-notepad-glass-water-daria-shevtsova.jpg); - background-size: cover; - background-position: center; - animation-duration: 3s; - animation-name: outoffocus; -} - -.landing-text{ - font-size: 3rem; - color: floralwhite; - text-shadow: 3px 3px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; -} - -.landing-text p{ - text-align: left; - line-height: 10px; - margin-top: 30px; - opacity: 0; - /* animation-duration: 3s; */ - animation: fadeandslidein 2.5s forwards; - /* animation-name: fadeandslidein; */ -} - -@keyframes outoffocus { - from { - filter: grayscale(0.5) blur(10px); - } - - - to { - filter: grayscale(0) blur(0px); - } -} - -/* @keyframes slidein { - from { - margin-left: 100%; - width: 300%; - } - - to { - margin-left: 0%; - width: 100%; - } -} */ - -@keyframes fadeandslidein { - from { - margin-top: 60px; - opacity: 0; - } - - to { - margin-top: 30px; - opacity: 1; - } -} - -.what{ - /* --height: 100vh; */ - --bg: none; - --row-repeat: 2; - /* --row-repeat-size: 20%; */ - --grid-item-1: 1/2/2/3; - --grid-item-2: 2/2/3/3; - --grid-item-3: 3/2/4/3; - --grid-item-4: 5/2/6/3; - text-align: center; - /* margin-top: 80px; */ - color: white; - /* background-color: rgb(156, 168, 184); */ - /* background-color: rgb(70, 108, 158); */ - background-color: #079F79; - background-color: #F4610B; - background-color: #F4B10B; - background-color: #1351A0; - /* padding: 200px 0; */ -} - -.what p{ - margin: 0 auto; - width: 60%; -} - -.portfolio{ - /* background-color: rgb(156, 168, 184); */ - background-color: white; - /* background-color: #F4B10B; */ - /* margin-top: 200px; */ -} - - - -.card-holder{ - /* --height: 100vh; */ - --bg: none; - --row-repeat: 4; - /* --row-repeat-size: 20%; */ - --grid-item-1: 1/2/2/3; - --grid-item-2: 2/2/3/3; - --grid-item-3: 3/2/4/3; - --grid-item-4: 4/2/5/3; - text-align: center; -} - -.github-projects{ - padding-bottom: 80px; -} - -.blog{ - - /* background-color: rgb(156, 168, 184); */ - /* background-color: rgb(70, 108, 158); */ - /* background-color: #F4B10B; */ - background-color: #1351A0; - /* background-color: #F4610B; */ - /* background-color: #1B31A7; */ - /* background-color: #069888; */ - /* background-color: #079F79; */ - color: white; -} - -#isoblocks, #simplyfit, #quote{ - color: white; -} - -.white-text{ - color: white; -} - -/* footer{ - height: fit-content; - padding: 20px 10px; */ - /* background: grey; */ - /* background-color: rgb(70, 108, 158); */ - /* background-color: #08346D; - color: white; -} */ -/* -footer a{ - color: white; -} - -footer a:hover{ - color: rgb(0, 255, 255); -} */ - -@media screen - and (max-width: 425px){ + } +} + +#hire { + background: #EAC435; + padding: 30px 0; + width: 100%; + max-width: 400px; + border-radius: 8px; + display: flex; + flex-direction: column; + align-items: center; +} +@media screen and (min-width: 768px) { + #hire { + flex-direction: row; + justify-content: space-around; + max-width: 800px; + } +} + +.dark-box { + background: #282927; + grid-area: 3/1/4/4; + height: 100%; + width: 100%; +} + +footer { + width: 100%; + height: 250px; + background: #282927; + color: #fb5546; + font-weight: 600; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; +} +footer a { + text-decoration: none; +} +footer img { + height: 35px; + width: 35px; +} +footer div { + margin: 10px 0; +} - .landing-text{ - font-size: 2rem; - } +#made-with a { + color: #fb5546; + text-decoration: none; +} + +#social-links { + width: 200px; + display: flex; + justify-content: space-between; +} -} \ No newline at end of file +/*# sourceMappingURL=main.css.map */ diff --git a/css/main.css.map b/css/main.css.map new file mode 100644 index 0000000..cd64305 --- /dev/null +++ b/css/main.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["../sass/partials/_grid.scss","../sass/main.scss"],"names":[],"mappings":"AAeA;EACI;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;;ACvBJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EAEA;;;AAGJ;EAEI;;;ADDI;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AA0BI;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AAkBZ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;ACrCZ;EACI;EACA;;;AAIJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EAEA;;;AAIJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EAEI;EACA;EACA;EAGA;EACA;EACA;EACA;EAEA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EDqEI;EACA;EACA;EACA;EACA;EACA;EACA;EAuBI;EAKA;EAaQ;EAAA;EAAA;;ACjHZ;EACI;EACA;;AAIJ;EACI;IACI;IACA;;;;AAKZ;EACI;EACA;EACA;;AAEA;EALJ;IAMQ;;;;AAIR;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAKJ;EDuRI;EACA;EACA;EACA;EACA;EACA;EACA;EAyBI;EAUA;EAQQ;EAAA;EAAA;ECtUZ;EACA;EACA;EAEA;EACA;;AD0UI;ECjVR;IDqWgB;IAGA;IAoBA;IAUA;IAQQ;IAAA;IAAA;;;ACpYpB;EACI;;AAWJ;EACI;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;;AAGJ;EACI;IACI;;;;AAOZ;EDrBI;EACA;EACA;EACA;EACA;EACA;EACA;EAWI;EAYA;EAUA;EAQQ;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EClBZ;;AD2BI;ECnCR;IDuDgB;IAGA;IAQA;IAOA;IAeA;IAQQ;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;;;ACtFpB;EAGI;EACA;EACA;;AAEA;EAPJ;IAQQ;;;AAYR;EACI;EACA;;AAGJ;EACI;;AAEA;EAHJ;IAIQ;;;AAIR;EACI;EACA;;AAGJ;EACI;EACA;;;AAIR;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAIJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;ED/GI;EACA;EACA;EACA;EACA;EACA;EACA;EAuBI;EAUA;EAQQ;EAAA;EAAA;ECkEZ;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EARJ;IASQ;;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;AAEA;EAXJ;IAYQ;IACA;IACA;;;;AAKR;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;;AAGJ;EACI;;;AAKR;EACI;EACA;;;AAGJ;EACI;EACA;EACA","file":"main.css"} \ No newline at end of file diff --git a/css/main_old.css b/css/main_old.css new file mode 100644 index 0000000..8a6948a --- /dev/null +++ b/css/main_old.css @@ -0,0 +1,188 @@ +html, body { + margin: 0; + font-size: 18px; + font-family: 'Montserrat', sans-serif; + /* background: rgb(245, 245, 245); */ + --section-top-bottom-padding: 220px; +} + +main{ + background: rgb(255, 255, 255); +} + +/* main section{ + padding-top: 100px; +} */ + +.landing{ + --height: 100vh; + --bg: none; + --row-repeat: 5; + --row-repeat-size: 20%; + --grid-item-1: 1/1/6/4; + --grid-item-2: 1/1/6/4; + --grid-item-3: 3/2/4/3; + --grid-item-4: 5/2/6/3; + text-align: center; +} + +.landing-background{ + /* /Images/negative-space-laptop-camera-notepad-glass-water-daria-shevtsova.jpg */ + /* filter: grayscale(0.5); */ + filter: blur(0px) grayscale(0); + z-index: -2; + background-image: url(/Images/full-sized/negative-space-laptop-camera-notepad-glass-water-daria-shevtsova.jpg); + background-size: cover; + background-position: center; + animation-duration: 3s; + animation-name: outoffocus; +} + +.landing-text{ + font-size: 3rem; + color: floralwhite; + text-shadow: 3px 3px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; +} + +.landing-text p{ + text-align: left; + line-height: 10px; + margin-top: 30px; + opacity: 0; + /* animation-duration: 3s; */ + animation: fadeandslidein 2.5s forwards; + /* animation-name: fadeandslidein; */ +} + +@keyframes outoffocus { + from { + filter: grayscale(0.5) blur(10px); + } + + + to { + filter: grayscale(0) blur(0px); + } +} + +/* @keyframes slidein { + from { + margin-left: 100%; + width: 300%; + } + + to { + margin-left: 0%; + width: 100%; + } +} */ + +@keyframes fadeandslidein { + from { + margin-top: 60px; + opacity: 0; + } + + to { + margin-top: 30px; + opacity: 1; + } +} + +.what{ + /* --height: 100vh; */ + --bg: none; + --row-repeat: 2; + /* --row-repeat-size: 20%; */ + --grid-item-1: 1/2/2/3; + --grid-item-2: 2/2/3/3; + --grid-item-3: 3/2/4/3; + --grid-item-4: 5/2/6/3; + text-align: center; + /* margin-top: 80px; */ + color: white; + /* background-color: rgb(156, 168, 184); */ + /* background-color: rgb(70, 108, 158); */ + background-color: #079F79; + background-color: #F4610B; + background-color: #F4B10B; + background-color: #1351A0; + /* padding: 200px 0; */ +} + +.what p{ + margin: 0 auto; + width: 60%; +} + +.portfolio{ + /* background-color: rgb(156, 168, 184); */ + background-color: white; + /* background-color: #F4B10B; */ + /* margin-top: 200px; */ +} + + + +.card-holder{ + /* --height: 100vh; */ + --bg: none; + --row-repeat: 4; + /* --row-repeat-size: 20%; */ + --grid-item-1: 1/2/2/3; + --grid-item-2: 2/2/3/3; + --grid-item-3: 3/2/4/3; + --grid-item-4: 4/2/5/3; + text-align: center; +} + +.github-projects{ + padding-bottom: 80px; +} + +.blog{ + + /* background-color: rgb(156, 168, 184); */ + /* background-color: rgb(70, 108, 158); */ + /* background-color: #F4B10B; */ + background-color: #1351A0; + /* background-color: #F4610B; */ + /* background-color: #1B31A7; */ + /* background-color: #069888; */ + /* background-color: #079F79; */ + color: white; +} + +#isoblocks, #simplyfit, #quote{ + color: white; +} + +.white-text{ + color: white; +} + +/* footer{ + height: fit-content; + padding: 20px 10px; */ + /* background: grey; */ + /* background-color: rgb(70, 108, 158); */ + /* background-color: #08346D; + color: white; +} */ +/* +footer a{ + color: white; +} + +footer a:hover{ + color: rgb(0, 255, 255); +} */ + +@media screen + and (max-width: 425px){ + + .landing-text{ + font-size: 2rem; + } + +} \ No newline at end of file diff --git a/css/under_construction.css b/css/under_construction.css deleted file mode 100644 index 7def0ce..0000000 --- a/css/under_construction.css +++ /dev/null @@ -1,17 +0,0 @@ -html, body { - margin: 0; - font-size: 18px; - font-family: 'Montserrat', sans-serif; - /* background: rgb(245, 245, 245); */ - --section-top-bottom-padding: 250px; -} - -main{ - height: 50vh; - text-align: center; -} - -main h2{ - padding: 20vh 0; - margin: 0; -} \ No newline at end of file diff --git a/index.html b/index.html index c15b160..c143305 100644 --- a/index.html +++ b/index.html @@ -16,7 +16,7 @@ - + Aaron's Los Angeles Web Design @@ -146,13 +146,13 @@

Product Page Template

- + Let's get to work. What problem do you have?

- +

Tell me what you need done.

What do you need done?

- + Start now! Let's talk!
From 820d85c30e812435a86969aa08a0d1fa25b216f1 Mon Sep 17 00:00:00 2001 From: Aaron Waruszewski Date: Fri, 29 Oct 2021 16:12:23 +0000 Subject: [PATCH 02/13] Uncommented my hire me section. --- index.html | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/index.html b/index.html index c143305..84ed3f0 100644 --- a/index.html +++ b/index.html @@ -28,7 +28,7 @@
- + Hire Me
@@ -142,22 +142,22 @@

Product Page Template

- What problem do you have? -

Tell me what you need done.

+

What do you need done?

- Start now! + Let's talk! - --> +