diff options
| -rw-r--r-- | favicon.ico | bin | 0 -> 1150 bytes | |||
| -rw-r--r-- | index.html | 29 | ||||
| -rw-r--r-- | styles.css | 1 |
3 files changed, 30 insertions, 0 deletions
diff --git a/favicon.ico b/favicon.ico Binary files differnew file mode 100644 index 0000000..7eb5e0d --- /dev/null +++ b/favicon.ico diff --git a/index.html b/index.html new file mode 100644 index 0000000..8c1e195 --- /dev/null +++ b/index.html @@ -0,0 +1,29 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <link href="/styles.css" rel="stylesheet"> + <link href="favicon.ico" rel="icon"> + <title>Reminisce Cleberg</title> + </head> + <body> + <div class="container"> + <h1>Hi! I'm Reminisce Cleberg.</h1> + <p class="fancy-bg"> + This web page is simply a placeholder for now, while I wait to graduate law school. + </p> + <p> + I am an aspiring law school student, recently graduated from the + University of Nebraska-Lincoln with a Bachelor of Arts in + Political Science. + </p> + <p> + If you would like to discuss law school or career opportunities, + please reach out through LinkedIn or send me an email! + </p> + <a href="mailto:reminisce@cleberg.net">Email</a> + <span class="dot">·</span> + <a href="https://www.linkedin.com/in/reminisce-cleberg">LinkedIn</a> + </div> +</html> diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..fd64bc4 --- /dev/null +++ b/styles.css @@ -0,0 +1 @@ +*,::after,::before{box-sizing:border-box;}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}html{font-size:100%;}@media (min-width:768px){html{font-size:112.5%}}body{margin:0;font-size:1rem;font-weight:400;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";line-height:1.5;overflow-wrap:break-word;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;}a{border-radius:2px;padding:.2em;}.container{padding-right:.75rem;padding-left:.75rem;margin-right:auto;margin-left:auto;max-width:40em;}.fancy-bg{background-color:#ddd;border-radius:2px;padding:.5rem;}.dot{margin:0 .25rem;}@media (prefers-color-scheme:dark){body{background-color:#111;color:#ddd}a{color:#62c4ff}a:hover{background-color:#62c4ff;color:#111}.fancy-bg{background-color:#62c4ff;color:#111}} |