diff --git a/about.html b/about.html new file mode 100644 index 000000000..13a9e138f --- /dev/null +++ b/about.html @@ -0,0 +1,40 @@ + + + + + + + About Alison + + + + + + + + + + +
+

More about me

+
+
+
+

Living in Seattle, Washington allows me to enjoy climbing on basalt, granite, limestone, and more. + The different rock types are, of course, reminiscent of the variety in coding languages. Some + are stickier than others, some break with no warning, and some demand that you wedge your way into the cracks + in order to make any progress at all.

+

After spending a lot of years shaking cocktails and polishing silverware, I pursued a career in hospitality leadership. + I enjoyed six meaningful years as a leader in the industry, and then Covid gave me the boot and I embraced + that as my opportunity to type real fast for a living. I gotta say, I like it here.

+

I value my time with my really cool and hot wife. I'd almost always rather be camping & climbing. + I am always on time, deliver on my promises, and I always make sure my guest gets the best seat at the table. +

+
+ + + \ No newline at end of file diff --git a/code-journal.html b/code-journal.html new file mode 100644 index 000000000..b7f215d9c --- /dev/null +++ b/code-journal.html @@ -0,0 +1,37 @@ + + + + + + + Alison's Blog + + + + + + + + + +
+

Some stories

+
+
+
+

Hey, Stinkers!

+

April 4, 2021

+

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).

+
+
+

Who, me?

+

April 28, 2021

+

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).

+
+ + + \ No newline at end of file diff --git a/images/IMG_0456.jpeg b/images/IMG_0456.jpeg new file mode 100644 index 000000000..2595d62b5 Binary files /dev/null and b/images/IMG_0456.jpeg differ diff --git a/images/IMG_9743 (1).jpeg b/images/IMG_9743 (1).jpeg new file mode 100644 index 000000000..a17a2280a Binary files /dev/null and b/images/IMG_9743 (1).jpeg differ diff --git a/images/IMG_9743.HEIC b/images/IMG_9743.HEIC new file mode 100644 index 000000000..15e8a85c0 Binary files /dev/null and b/images/IMG_9743.HEIC differ diff --git a/images/gerson-repreza-67gCKFVYh7s-unsplash.jpg b/images/gerson-repreza-67gCKFVYh7s-unsplash.jpg new file mode 100644 index 000000000..ffc53b1ee Binary files /dev/null and b/images/gerson-repreza-67gCKFVYh7s-unsplash.jpg differ diff --git a/images/sincerely-media-pmCoGdvAaag-unsplash.jpg b/images/sincerely-media-pmCoGdvAaag-unsplash.jpg new file mode 100644 index 000000000..ed94b2bf3 Binary files /dev/null and b/images/sincerely-media-pmCoGdvAaag-unsplash.jpg differ diff --git a/index.html b/index.html new file mode 100644 index 000000000..75e4bff6b --- /dev/null +++ b/index.html @@ -0,0 +1,53 @@ + + + + + + + Alison McGinley + + + + + + + + + + +
+ +
+ +
+
+

Alison is a musician, turned hotel manager, turned rock climber & engineer, residing in Seattle, Washington.

+
+ + + + \ No newline at end of file diff --git a/portfolio.html b/portfolio.html new file mode 100644 index 000000000..dde327f09 --- /dev/null +++ b/portfolio.html @@ -0,0 +1,48 @@ + + + + + + Alison's Portfolio + + + + + + + + + +
+

Body of work

+
+
+ + + + \ No newline at end of file diff --git a/stylesheets/about_styles.css b/stylesheets/about_styles.css new file mode 100644 index 000000000..fb5c1d0d0 --- /dev/null +++ b/stylesheets/about_styles.css @@ -0,0 +1,29 @@ +/* broad styling strokes */ +@keyframes fadein { + from { opacity: 0; } + to {opacity : 1; } + } +header { + animation: 1s ease-out 0s 1 fadein; + margin: 50px 0px 10px 0px; +} + +h2 { + font-size: 1.5em; + font-family: 'Quicksand', sans-serif; +} + +hr { + margin: 15px 0px; +} + +article { + animation: 1.5s ease-out 0s 1 fadein; + font-size: 1.5em; +} + +/* styles first letter of each article */ +article p::first-letter { + font-size: 1.6em; +} + diff --git a/stylesheets/blog_styles.css b/stylesheets/blog_styles.css new file mode 100644 index 000000000..a520c8bac --- /dev/null +++ b/stylesheets/blog_styles.css @@ -0,0 +1,25 @@ +/* broad strokes */ +h4 { + font-style:italic; +} +header { + margin: 50px 0px 10px 0px; +} +p { + font-size: 1.25em; +} + +hr { + margin: 15px 0px; +} + +article > h3{ + text-decoration: underline; +} + + +/* paragraph styling */ +p::first-letter { + font-size: 2em; +} + diff --git a/stylesheets/portfolio_styles.css b/stylesheets/portfolio_styles.css new file mode 100644 index 000000000..3775db232 --- /dev/null +++ b/stylesheets/portfolio_styles.css @@ -0,0 +1,63 @@ +/* broad styling strokes */ +@keyframes fadein { + from { opacity: 0; } + to {opacity : 1; } + } + +header { + font-size: 2em; + margin: 50px 0px 10px 0px; +} +hr { + margin: 15px 0px; +} + +h3 { + font-size: 1.5em; +} + +p { + font-size: 1.25em; + font-style: italic; +} + +a { + transition: letter-spacing 1s; +} + +/* portfolio details */ +.port-container { + width: 100%; + height: 50vw; + display: grid; + grid-template: 2 /3; + border-radius: 30px; +} + +.port-container a { + color: #fbfbf2; + font-size: 1.5em; +} + +a:hover { + color: #cfd2cd; + letter-spacing: .2em; +} + +#apis { + grid-column: 1/2; +} + +#oop { + grid-column: 2 / 3; +} + +.portfolio-content { + display: flex; + flex-direction: column; + justify-content: space-around; + padding-right: 50px; + border-radius: 25px; + animation: 2.5s ease-out 0s 1 fadein; +} + diff --git a/stylesheets/styles.css b/stylesheets/styles.css new file mode 100644 index 000000000..4b6507f6d --- /dev/null +++ b/stylesheets/styles.css @@ -0,0 +1,213 @@ +/* broad element applications */ +@keyframes fadein { + from { opacity: 0; } + to {opacity : 1; } + } + +body { + background-image: url("/Users/alisonmcginley/developer/personal-portfolio-site/images/sincerely-media-pmCoGdvAaag-unsplash.jpg"); + background-size: cover; + background-repeat: no-repeat; + color: #fefae0; + padding: 3em 5%; + animation: 2s ease-out 0s 1 fadein; + font-family: 'Quicksand', sans-serif; +} + +header { + text-align: left; + width: 40%; + font-size: 2.25em; +} + +h1 { + font-size: 1em; +} +h2 { + font-size: 1.5em; +} + +h3 { + font-size: 2em; +} +h4 { + font-size: 1.5em; +} +hr { + margin-top: 15%; + margin-left: 3px; +} + +p { + font-size: 1em; +} + +ul { + list-style-type: none; + margin:0 ; + padding: 0; +} + +/* social media icons */ + +.links li { + float: left; + display: inline; + margin-right: 10px; +} + +.links a { + color: #fefae0; + font-size: 25px; + transition: font-size 1.5s; +} + +.links a:hover { + font-size: 30px; +} + +/* Website Navigation Bar "learn more" */ +nav { + margin: 10%; + display: inline; + text-align: left; +} + +nav h3 a{ + color: #847577; + font-size: 1.1em; +} + +/* Learn More options */ + +.container { + width: 50%; + height: 25%; + border-radius: 15px; + font-family: 'Hind', sans-serif; + padding: 1% 3%; + display: grid; + grid-template: 1 / 1fr 1fr 1fr; +} + +.container a { + color: #fefae0; +} + +/* sets learn more options visibility etc. */ +.container #about { + animation: 1.75s ease-out 0s 1 fadein; +} + +.container #code-journal { + animation: 2.75s ease-out 0s 1 fadein; +} + +.container #portfolio { + animation: 3.75s ease-out 0s 1 fadein; +} + +/* sets learn more options columns */ +#about { + grid-column: 1/2; +} + +#code-journal { + grid-column: 2/3; +} +#portfolio { + grid-column: 3/4; +} + +/* sets hover styling for learn more links */ +/* nav:hover #about, nav:hover #code-journal, nav:hover #portfolio{ + transition: letter-spacing +} */ +#about a, #code-journal a, #portfolio a { + transition: letter-spacing 1.5s; +} + +#about:hover a, #code-journal:hover a, #portfolio:hover a { + opacity: 1; + text-align: justify; + text-align-last: justify; + letter-spacing: 1em; +} + + +/* Footer display */ +footer { + background-color: #f8f5f1; + opacity: 65%; + width: 100%; + height: auto; + position: fixed; + bottom: 0; + left: 0; + right: 0; + color: #847577; + text-align: left; + display: flex; + flex-direction: column; + padding-top: 25px; + } + +/* Home page footer links */ +footer .links { + padding-left: 2.25em; +} + +footer .links a { + color: #847577; + margin-bottom: .25em; + transition: font-size 1.5s; + font-size: 15px; +} + +footer .links a:hover { + color:#52181b ; + font-size:20px; +} + +footer h4, footer p { + margin: .1em 2em; +} + +/* supplemental pages */ + +/* top left link home */ +.homelink { + color:#fefae0; + font-size: 1.25em; + transition: font-size 1s; + position: fixed; + top: 0; + left: 0; + right: 0; + padding-left: 5px; +} +.homelink:hover { + font-size: 35px; +} +/* supplemental page footer links */ +.footer-links { + display: flex; + flex-direction: row; + align-content: flex-start; + justify-content:flex-start; + padding-left: 25px; +} +.footer-links a { + color: #847577; + padding-right: 25px; + font-size: 1.25em; + transition: letter-spacing 1s, color 1s; + +} +.footer-links a:hover { + font-size: 1.5em; + color: #52181b; + text-align: justify; + text-align-last: justify; + letter-spacing: .25em; +} \ No newline at end of file