diff --git a/index.html b/index.html index 17fa399..911fc33 100644 --- a/index.html +++ b/index.html @@ -8,7 +8,7 @@ Peter the Baker - + diff --git a/resources/css/index.css b/resources/css/index.css index 0e0e61f..539f8f8 100644 --- a/resources/css/index.css +++ b/resources/css/index.css @@ -1,5 +1,5 @@ -@import 'https://fonts.googleapis.com/css?family=Cairo|Damion&display=swap'; -body{background-color:#2c2c2c;color:#efefef;height:100%} +@import 'https://fonts.googleapis.com/css?family=Iceland&display=swap'; +body{background-color:#2c2c2c;background-image: url("resources/img/pb.png");color:#efefef;height:100%} .tstyle{background:-webkit-linear-gradient(-45deg, #A3FF00 30%, #49FF00 35%, #00FF45 45%, #04FF54 60%, #00FFD2 65%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-family:damion;max-width:fit-content;margin:auto} #container{text-align:center;font-family:cairo;position:absolute;top:45%;left:50%;transform:translate(-50%,-45%);width:auto} #container #avatar{border-radius:50%;margin-bottom:-.75em} diff --git a/resources/img/pb.png b/resources/img/pb.png new file mode 100644 index 0000000..49e20ce Binary files /dev/null and b/resources/img/pb.png differ diff --git a/resources/style.css b/resources/style.css new file mode 100644 index 0000000..0e0e61f --- /dev/null +++ b/resources/style.css @@ -0,0 +1,12 @@ +@import 'https://fonts.googleapis.com/css?family=Cairo|Damion&display=swap'; +body{background-color:#2c2c2c;color:#efefef;height:100%} +.tstyle{background:-webkit-linear-gradient(-45deg, #A3FF00 30%, #49FF00 35%, #00FF45 45%, #04FF54 60%, #00FFD2 65%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-family:damion;max-width:fit-content;margin:auto} +#container{text-align:center;font-family:cairo;position:absolute;top:45%;left:50%;transform:translate(-50%,-45%);width:auto} +#container #avatar{border-radius:50%;margin-bottom:-.75em} +#container #title{font-size:4em} +#container #text{line-height:1.375} +#container #links{margin-top:1.25em;white-space:nowrap;letter-spacing:.5em;line-height:2} +@media all and (max-width:1000px){#brave-shill{margin-top:.35em;max-width:100%;border-radius:.5em}} +@media all and (min-width:1001px){#brave-shill{margin-top:.35em;width:50%;border-radius:.5em}}a{color:#1ee9ff;text-decoration:none} +#container #links a{user-select:none;text-decoration:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none} +.icon{width:24px}