From 4fe3d02b9d8947fda9d2d3b243890ab8217f4e56 Mon Sep 17 00:00:00 2001 From: Eli K Miller Date: Thu, 26 Jul 2018 22:53:54 -0500 Subject: [PATCH] Initial commit. --- .gitignore | 1 + README.md | 6 +++ escheresque.png | Bin 0 -> 1892 bytes escheresque_@2X.png | Bin 0 -> 2751 bytes favicon-16x16.png | Bin 0 -> 593 bytes favicon-32x32.png | Bin 0 -> 858 bytes favicon.ico | Bin 0 -> 15086 bytes index.html | 42 +++++++++++++++ logo.png | Bin 0 -> 4276 bytes styles.css | 125 ++++++++++++++++++++++++++++++++++++++++++++ 10 files changed, 174 insertions(+) create mode 100644 .gitignore create mode 100644 README.md create mode 100644 escheresque.png create mode 100644 escheresque_@2X.png create mode 100644 favicon-16x16.png create mode 100644 favicon-32x32.png create mode 100644 favicon.ico create mode 100644 index.html create mode 100644 logo.png create mode 100644 styles.css diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..e43b0f9 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +.DS_Store diff --git a/README.md b/README.md new file mode 100644 index 0000000..ca240dd --- /dev/null +++ b/README.md @@ -0,0 +1,6 @@ +# Eli K Miller +## Front-End Developer + +[View Resume](https://elikmiller.github.io/resume/) + +[View Website](https://elikmiller.com) \ No newline at end of file diff --git a/escheresque.png b/escheresque.png new file mode 100644 index 0000000000000000000000000000000000000000..43e6db1820c7ff51e6f0e45179646d3a30462eb4 GIT binary patch literal 1892 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 DMZG7> literal 0 HcmV?d00001 diff --git a/favicon-16x16.png b/favicon-16x16.png new file mode 100644 index 0000000000000000000000000000000000000000..a604a19ae417c8999d8f023d66a19990a8dd67a3 GIT binary patch literal 593 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 TTxE#ogX|CQ><)rmeL?Uaz)Jz8 literal 0 HcmV?d00001 diff --git a/index.html b/index.html new file mode 100644 index 0000000..d83f82b --- /dev/null +++ b/index.html @@ -0,0 +1,42 @@ + + + + + + + Eli K Miller - Front-End Developer + + + + + + + + + + + +
+

Eli K Miller

+

Front-End Developer

+ +
+ + + \ No newline at end of file diff --git a/logo.png b/logo.png new file mode 100644 index 0000000000000000000000000000000000000000..ce09be53f64f3e45ad083fd272c23c771a292403 GIT binary patch literal 4276 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 literal 0 HcmV?d00001 diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..3f378f4 --- /dev/null +++ b/styles.css @@ -0,0 +1,125 @@ +html { + height: 100%; + width: 100%; + font-size: 8px; +} + +body { + background-color: #121214; + background-image: url('./escheresque.png'); /* Background pattern from Toptal Subtle Patterns */ + box-sizing: border-box; + color: #f7f7ff; + font-family: 'Quicksand', sans-serif; + height: 100%; + margin: 0; + padding: 1rem; + width: 100%; +} + +body:after { + content: ''; + position: absolute; + top: 0; left: 0; bottom: 0; right: 0; + background: radial-gradient(circle, transparent 0%, #000 300%); + mix-blend-mode: difference; + pointer-events: none; +} + +div.card { + padding: 4rem; + position: absolute; + top: 15%; +} + +h1.name { + animation: fadein 2s ease-in-out 0s; + animation-fill-mode: forwards; + font-family: 'Raleway', sans-serif; + font-size: 5rem; + font-weight: normal; + line-height: normal; + margin: 0 0 1.5rem; + opacity: 0; + text-transform: uppercase; + white-space: nowrap; +} + +h2.title { + animation: fadein 2s ease-in-out 0.1s; + animation-fill-mode: forwards; + font-family: 'Quicksand', sans-serif; + font-size: 2.5rem; + font-weight: 300; + line-height: normal; + margin: 0 0 1.5rem; + opacity: 0; + white-space: nowrap; +} + +ul.contact-info { + list-style: none; + margin: 0; + padding: 0; +} + +li.contact-info-item { + display: inline-block; + font-size: 3rem; + margin-right: 2rem; + opacity: 0; +} + +#github { + animation: fadein 2s ease-in-out 0.2s; + animation-fill-mode: forwards; +} + +#linkedin { + animation: fadein 2s ease-in-out 0.3s; + animation-fill-mode: forwards; +} + +#email { + animation: fadein 2s ease-in-out 0.4s; + animation-fill-mode: forwards; +} + +a.contact-info-link { + color: #f7f7ff; + outline: none; + transition: color ease-in-out 0.05s; +} + +a.contact-info-link:hover, +a.contact-info-link:focus { + color: #2c75ff; +} + +a.contact-info-link:active { + color: #235dcc; +} + +@keyframes fadein { + from { + opacity: 0; + } + to { + opacity: 1; + } +} + +@media (min-width: 576px) { + html { + font-size: 12px; + } +} + +@media (min-width: 768px) { + html { + font-size: 16px; + } +} + +@media (min-width: 992px) {} + +@media (min-width: 1200px) {} \ No newline at end of file