From 255bd9322708e6a09b196725ddf4b16f4074e129 Mon Sep 17 00:00:00 2001 From: Daniel James Date: Tue, 23 Apr 2024 14:17:09 +0100 Subject: [PATCH] Fix web app colour and add padding to socials div --- 404.html | 2 +- css/style.css | 2 +- css/style.css.map | 2 +- css/style.scss | 1 + index.html | 2 +- privacy-policy.html | 2 +- 6 files changed, 6 insertions(+), 5 deletions(-) diff --git a/404.html b/404.html index 3a09bb4..f91b740 100644 --- a/404.html +++ b/404.html @@ -6,7 +6,7 @@ - + Page not found diff --git a/css/style.css b/css/style.css index 53f61a2..58f88e9 100644 --- a/css/style.css +++ b/css/style.css @@ -1 +1 @@ -*{box-sizing:border-box}html{background-color:#222}html,body{width:100%;height:100%;margin:0;padding:0}body{background:transparent;color:#fff;font-size:18px;line-height:28px;font-weight:300;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 20px;display:block}.content{width:100%;margin:100px auto 0;display:flex;align-items:center;flex-wrap:nowrap;position:relative}@media screen and (max-width: 1024px){.content{margin:40px auto 0;flex-wrap:wrap}}.content__left{width:55%;padding-right:20px}@media screen and (max-width: 1024px){.content__left{width:100%;max-width:480px;padding-right:0;padding-bottom:30px}}.content__right{width:45%;position:relative}@media screen and (max-width: 1024px){.content__right{width:100%;margin-left:10px;padding-bottom:40px}}.content__right::before{background-color:red;width:128px;height:20px;margin:0;display:block;position:absolute;top:-10px;left:-10px;content:"";z-index:-10}@media screen and (max-width: 1024px){.content__right::before{width:92px}}.socials{width:100%;margin:0 auto 20px;padding-top:40px;display:block;position:relative}.socials::before{background-color:#fff;width:50%;max-width:256px;height:4px;margin:0;display:block;position:absolute;top:0;left:0;content:""}.socials ul,.socials li{width:100%;margin:0;padding:0;display:block;list-style:none}.socials ul{margin-bottom:20px}.socials li{margin-bottom:20px}.socials li:last-of-type{margin-bottom:0}.socials li.location,.socials li.contact{background-repeat:no-repeat;background-position:2px 50%;background-size:14px 14px;padding-left:30px;font-size:20px;line-height:30px;font-weight:300}.socials li.location{background-image:url("../img/icon-location.svg")}.socials li.contact{background-image:url("../img/icon-email.svg")}img{width:100%;max-width:256px;margin:0;display:block}h1{margin:0 auto 20px;color:red;font-size:60px;font-weight:700;line-height:60px}@media screen and (max-width: 1024px){h1{font-size:40px;line-height:40px}}h2{margin:0 auto 20px;color:#fff;font-size:60px;font-weight:300;line-height:60px}@media screen and (max-width: 1024px){h2{font-size:40px;line-height:40px}}p{margin:0 auto 20px;color:#fff;font-size:18px;line-height:28px}.button{background-color:#444;border:1px solid transparent;width:auto;margin:0 10px 0 0;padding:8px 18px;display:inline-block;color:#fff;font-size:18px;font-weight:300;line-height:28px;text-align:center;text-decoration:none;transition:ease-in-out all .25s}.button--ext{background-image:url("../img/icon-box-arrow.svg");background-repeat:no-repeat;background-position:18px 50%;background-size:16px 16px;padding:8px 18px 8px 44px}.button:hover,.button:focus{background-color:#000}/*# sourceMappingURL=style.css.map */ +*{box-sizing:border-box}html{background-color:#222}html,body{width:100%;height:100%;margin:0;padding:0}body{background:transparent;color:#fff;font-size:18px;line-height:28px;font-weight:300;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 20px;display:block}.content{width:100%;margin:100px auto 0;display:flex;align-items:center;flex-wrap:nowrap;position:relative}@media screen and (max-width: 1024px){.content{margin:40px auto 0;flex-wrap:wrap}}.content__left{width:55%;padding-right:20px}@media screen and (max-width: 1024px){.content__left{width:100%;max-width:480px;padding-right:0;padding-bottom:30px}}.content__right{width:45%;position:relative}@media screen and (max-width: 1024px){.content__right{width:100%;margin-left:10px;padding-bottom:40px}}.content__right::before{background-color:red;width:128px;height:20px;margin:0;display:block;position:absolute;top:-10px;left:-10px;content:"";z-index:-10}@media screen and (max-width: 1024px){.content__right::before{width:92px}}.socials{width:100%;margin:0 auto 20px;padding-top:40px;padding-bottom:40px;display:block;position:relative}.socials::before{background-color:#fff;width:50%;max-width:256px;height:4px;margin:0;display:block;position:absolute;top:0;left:0;content:""}.socials ul,.socials li{width:100%;margin:0;padding:0;display:block;list-style:none}.socials ul{margin-bottom:20px}.socials li{margin-bottom:20px}.socials li:last-of-type{margin-bottom:0}.socials li.location,.socials li.contact{background-repeat:no-repeat;background-position:2px 50%;background-size:14px 14px;padding-left:30px;font-size:20px;line-height:30px;font-weight:300}.socials li.location{background-image:url("../img/icon-location.svg")}.socials li.contact{background-image:url("../img/icon-email.svg")}img{width:100%;max-width:256px;margin:0;display:block}h1{margin:0 auto 20px;color:red;font-size:60px;font-weight:700;line-height:60px}@media screen and (max-width: 1024px){h1{font-size:40px;line-height:40px}}h2{margin:0 auto 20px;color:#fff;font-size:60px;font-weight:300;line-height:60px}@media screen and (max-width: 1024px){h2{font-size:40px;line-height:40px}}p{margin:0 auto 20px;color:#fff;font-size:18px;line-height:28px}.button{background-color:#444;border:1px solid transparent;width:auto;margin:0 10px 0 0;padding:8px 18px;display:inline-block;color:#fff;font-size:18px;font-weight:300;line-height:28px;text-align:center;text-decoration:none;transition:ease-in-out all .25s}.button--ext{background-image:url("../img/icon-box-arrow.svg");background-repeat:no-repeat;background-position:18px 50%;background-size:16px 16px;padding:8px 18px 8px 44px}.button:hover,.button:focus{background-color:#000}/*# sourceMappingURL=style.css.map */ diff --git a/css/style.css.map b/css/style.css.map index 7878dd7..a382632 100644 --- a/css/style.css.map +++ b/css/style.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["style.scss"],"names":[],"mappings":"AAAA,EACC,sBAGD,KACC,sBAGD,UAEC,WACA,YACA,SACA,UAGD,KACC,uBACA,WACA,eACA,iBACA,gBACA,2FAGD,WACC,WACA,iBACA,cAEA,eAEA,cAGD,SACC,WACA,oBAEA,aACA,mBACA,iBAEA,kBAEA,sCAVD,SAWE,mBAEA,gBAGD,eACC,UACA,mBAEA,sCAJD,eAKE,WACA,gBAEA,gBACA,qBAIF,gBACC,UAEA,kBAEA,sCALD,gBAME,WACA,iBACA,qBAGD,wBACC,qBAEA,YACA,YAEA,SACA,cAEA,kBACA,UACA,WAEA,WAEA,YAEA,sCAjBD,wBAkBE,YAMJ,SACC,WACA,mBAEA,iBAEA,cACA,kBAEA,iBACC,sBAEA,UACA,gBAEA,WACA,SACA,cAEA,kBACA,MACA,OAEA,WAGD,wBAEC,WACA,SACA,UACA,cACA,gBAGD,YACC,mBAGD,YACC,mBAEA,yBACC,gBAGD,yCAEC,4BACA,4BACA,0BAEA,kBAEA,eACA,iBACA,gBAGD,qBACC,iDAGD,oBACC,8CAKH,IACC,WACA,gBACA,SACA,cAGD,GACC,mBAEA,UACA,eACA,gBACA,iBAEA,sCARD,GASE,eACA,kBAIF,GACC,mBAEA,WACA,eACA,gBACA,iBAEA,sCARD,GASE,eACA,kBAIF,EACC,mBAEA,WACA,eACA,iBAGD,QACC,sBACA,6BACA,WAEA,kBACA,iBAEA,qBAEA,WACA,eACA,gBACA,iBACA,kBAEA,qBAEA,gCAEA,aACC,kDACA,4BACA,6BACA,0BAEA,0BAGD,4BAEC","file":"style.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["style.scss"],"names":[],"mappings":"AAAA,EACC,sBAGD,KACC,sBAGD,UAEC,WACA,YACA,SACA,UAGD,KACC,uBACA,WACA,eACA,iBACA,gBACA,2FAGD,WACC,WACA,iBACA,cAEA,eAEA,cAGD,SACC,WACA,oBAEA,aACA,mBACA,iBAEA,kBAEA,sCAVD,SAWE,mBAEA,gBAGD,eACC,UACA,mBAEA,sCAJD,eAKE,WACA,gBAEA,gBACA,qBAIF,gBACC,UAEA,kBAEA,sCALD,gBAME,WACA,iBACA,qBAGD,wBACC,qBAEA,YACA,YAEA,SACA,cAEA,kBACA,UACA,WAEA,WAEA,YAEA,sCAjBD,wBAkBE,YAMJ,SACC,WACA,mBAEA,iBACA,oBAEA,cACA,kBAEA,iBACC,sBAEA,UACA,gBAEA,WACA,SACA,cAEA,kBACA,MACA,OAEA,WAGD,wBAEC,WACA,SACA,UACA,cACA,gBAGD,YACC,mBAGD,YACC,mBAEA,yBACC,gBAGD,yCAEC,4BACA,4BACA,0BAEA,kBAEA,eACA,iBACA,gBAGD,qBACC,iDAGD,oBACC,8CAKH,IACC,WACA,gBACA,SACA,cAGD,GACC,mBAEA,UACA,eACA,gBACA,iBAEA,sCARD,GASE,eACA,kBAIF,GACC,mBAEA,WACA,eACA,gBACA,iBAEA,sCARD,GASE,eACA,kBAIF,EACC,mBAEA,WACA,eACA,iBAGD,QACC,sBACA,6BACA,WAEA,kBACA,iBAEA,qBAEA,WACA,eACA,gBACA,iBACA,kBAEA,qBAEA,gCAEA,aACC,kDACA,4BACA,6BACA,0BAEA,0BAGD,4BAEC","file":"style.css"} \ No newline at end of file diff --git a/css/style.scss b/css/style.scss index 614c14e..eaf924c 100644 --- a/css/style.scss +++ b/css/style.scss @@ -102,6 +102,7 @@ body { margin: 0 auto 20px; padding-top: 40px; + padding-bottom: 40px; display: block; position: relative; diff --git a/index.html b/index.html index 22daa68..b0353a9 100644 --- a/index.html +++ b/index.html @@ -6,7 +6,7 @@ - + Daniel James diff --git a/privacy-policy.html b/privacy-policy.html index bbb27cb..daa2986 100644 --- a/privacy-policy.html +++ b/privacy-policy.html @@ -6,7 +6,7 @@ - + Privacy Policy &mdot; Daniel James